working epics ioc and tested

web/src/Canvas.tsx

@@ -14,6 +14,7 @@ import PlotWidget from './widgets/PlotWidget';
 import ImageWidget from './widgets/ImageWidget';
 import LinkWidget from './widgets/LinkWidget';
 import ContextMenu from './ContextMenu';
+import InfoPanel from './InfoPanel';
 
 const COMPONENTS: Record<string, any> = {
   textview:  TextView,
@@ -41,12 +42,14 @@ interface Props {
   iface: Interface | null;
   onNavigate?: (interfaceId: string) => void;
   timeRange?: { start: string; end: string } | null;
+  onPlot?: (signal: SignalRef) => void;
 }
 
-export default function Canvas({ iface, onNavigate, timeRange }: Props) {
+export default function Canvas({ iface, onNavigate, timeRange, onPlot }: Props) {
   const [ctxMenu, setCtxMenu] = useState<CtxState>({
     visible: false, x: 0, y: 0, signal: null,
   });
+  const [infoSignal, setInfoSignal] = useState<SignalRef | null>(null);
 
   function onCtxMenu(e: MouseEvent, widget: Widget) {
     e.preventDefault();
@@ -54,6 +57,18 @@ export default function Canvas({ iface, onNavigate, timeRange }: Props) {
     setCtxMenu({ visible: true, x: e.clientX, y: e.clientY, signal: widget.signals[0] ?? null });
   }
 
+  function closeCtxMenu() {
+    setCtxMenu(c => ({ ...c, visible: false }));
+  }
+
+  function handleInfo() {
+    if (ctxMenu.signal) setInfoSignal(ctxMenu.signal);
+  }
+
+  function handlePlot() {
+    if (ctxMenu.signal && onPlot) onPlot(ctxMenu.signal);
+  }
+
   if (!iface) {
     return (
       <div class="canvas-container">
@@ -90,10 +105,17 @@ export default function Canvas({ iface, onNavigate, timeRange }: Props) {
             );
         })}
       </div>
+
       <ContextMenu
         {...ctxMenu}
-        onClose={() => setCtxMenu(c => ({ ...c, visible: false }))}
+        onClose={closeCtxMenu}
+        onInfo={handleInfo}
+        onPlot={onPlot ? handlePlot : undefined}
       />
+
+      {infoSignal && (
+        <InfoPanel signal={infoSignal} onClose={() => setInfoSignal(null)} />
+      )}
     </div>
   );
 }