working epics ioc and tested

web/src/ContextMenu.tsx

@@ -10,9 +10,11 @@ interface Props {
   y: number;
   signal: SignalRef | null;
   onClose: () => void;
+  onInfo?: () => void;
+  onPlot?: () => void;
 }
 
-export default function ContextMenu({ visible, x, y, signal, onClose }: Props) {
+export default function ContextMenu({ visible, x, y, signal, onClose, onInfo, onPlot }: Props) {
   const [meta, setMeta] = useState<SignalMeta | null>(null);
   const menuRef = useRef<HTMLDivElement>(null);
 
@@ -36,12 +38,20 @@ export default function ContextMenu({ visible, x, y, signal, onClose }: Props) {
   if (!visible) return null;
 
   function copySignalName() {
-    if (signal) {
-      navigator.clipboard.writeText(signal.name).catch(() => {});
-    }
+    if (signal) navigator.clipboard.writeText(signal.name).catch(() => {});
     onClose();
   }
 
+  function openInfo() {
+    onClose();
+    onInfo?.();
+  }
+
+  function openPlot() {
+    onClose();
+    onPlot?.();
+  }
+
   function exportCSV() {
     // Phase 5+: export CSV data
     onClose();
@@ -62,6 +72,9 @@ export default function ContextMenu({ visible, x, y, signal, onClose }: Props) {
             )}
           </div>
           <div class="ctx-divider" />
+          <button class="ctx-item" onClick={openInfo}>Signal info</button>
+          <button class="ctx-item" onClick={openPlot}>Plot</button>
+          <div class="ctx-divider" />
           <button class="ctx-item" onClick={copySignalName}>Copy signal name</button>
           <button class="ctx-item" onClick={exportCSV}>Export data to CSV</button>
         </div>