working epics ioc and tested

web/src/SignalTree.tsx

@@ -2,6 +2,7 @@ import { h } from 'preact';
 import { useState, useEffect, useRef } from 'preact/hooks';
 import type { SignalRef } from './lib/types';
 import SyntheticWizard from './SyntheticWizard';
+import SyntheticEditor from './SyntheticEditor';
 
 interface SignalInfo {
   name: string;
@@ -47,6 +48,7 @@ export default function SignalTree({ onDragStart }: Props) {
   const [cfAvailable, setCfAvailable] = useState(false);
   const [cfSearching, setCfSearching] = useState(false);
   const [showWizard, setShowWizard] = useState(false);
+  const [editSynthetic, setEditSynthetic] = useState<string | null>(null);
   const csvRef = useRef<HTMLInputElement>(null);
 
   async function loadGroups() {
@@ -284,6 +286,14 @@ export default function SignalTree({ onDragStart }: Props) {
                             >
                               <span class="signal-name">{sig.name}</span>
                               {sig.unit && <span class="signal-unit">{sig.unit}</span>}
+                              {group.ds === 'synthetic' && (
+                                <button
+                                  class="icon-btn signal-edit-btn"
+                                  title="Edit pipeline"
+                                  onMouseDown={(e: MouseEvent) => e.stopPropagation()}
+                                  onClick={(e: MouseEvent) => { e.stopPropagation(); setEditSynthetic(sig.name); }}
+                                >✎</button>
+                              )}
                               {isCustom && (
                                 <button
                                   class="icon-btn signal-remove-btn"
@@ -330,6 +340,14 @@ export default function SignalTree({ onDragStart }: Props) {
           onCreated={loadGroups}
         />
       )}
+
+      {editSynthetic && (
+        <SyntheticEditor
+          name={editSynthetic}
+          onClose={() => setEditSynthetic(null)}
+          onSaved={loadGroups}
+        />
+      )}
     </aside>
   );
 }