src/app/globals.css

@@ -1209,6 +1209,30 @@ a.kpi:hover {
   box-shadow: inset 0 0 0 1px var(--color-signal);
 }
 
+.tree-grid .cell-cable-sizing-trigger {
+  color: var(--color-primary);
+  cursor: pointer;
+  font-weight: 600;
+  transition:
+    background-color 0.12s ease,
+    box-shadow 0.12s ease;
+}
+
+:root[data-bs-theme="dark"] .tree-grid .cell-cable-sizing-trigger {
+  color: var(--color-accent-pale);
+}
+
+.tree-grid .cell-cable-sizing-trigger:hover {
+  background: rgba(63, 130, 166, 0.15);
+  box-shadow: inset 0 0 0 1px var(--color-primary);
+}
+
+.tree-grid .cell-cable-sizing-trigger::after {
+  content: " ⚡";
+  font-size: 0.8em;
+  opacity: 0.7;
+}
+
 .tree-grid .device-drag-handle {
   cursor: grab;
 }

src/frontend/components/circuit-tree-editor.tsx

@@ -4277,7 +4277,7 @@ export function CircuitTreeEditor(props: { projectId: string; circuitListId: str
                         row.rowType !== "deviceRow"
                     );
                     const isCableSizingTrigger = Boolean(
-                      column.key === "cableCrossSection" &&
+                      column.key === "cableSummary" &&
                         row.circuit &&
                         row.rowType !== "deviceRow"
                     );