dsh-pentester 2.3.0 → 2.4.0

package/lib/client.js

@@ -40,7 +40,7 @@ __export(plugin_exports, {
   setPentesterEndpointState: () => setPentesterEndpointState
 });
 module.exports = __toCommonJS(plugin_exports);
-var import_react19 = __toESM(require("react"), 1);
+var import_react20 = __toESM(require("react"), 1);
 
 // node_modules/.pnpm/zod@4.4.3/node_modules/zod/v4/classic/external.js
 var external_exports = {};
@@ -15397,7 +15397,7 @@ function isPentesterRootSession(snapshot, id) {
 }
 
 // src/ui/client/pentester-view.tsx
-var import_react18 = __toESM(require("react"), 1);
+var import_react19 = __toESM(require("react"), 1);
 
 // src/ui/client/pentester/navigation.ts
 var PENTESTER_TABS = [
@@ -16100,8 +16100,71 @@ function LegendItem(props) {
 }
 
 // src/ui/client/pentester/FindingsView.tsx
+var import_react11 = __toESM(require("react"), 1);
+var import_dsh_client_ui_primitives4 = require("@deepseek-ai/dsh-client-ui-primitives");
+
+// src/ui/client/pentester/CopyAction.tsx
 var import_react10 = __toESM(require("react"), 1);
 var import_dsh_client_ui_primitives3 = require("@deepseek-ai/dsh-client-ui-primitives");
+function CopyAction(props) {
+  const { text } = props;
+  const [copied, setCopied] = (0, import_react10.useState)(false);
+  const timerRef = (0, import_react10.useRef)(null);
+  const pendingRef = (0, import_react10.useRef)(false);
+  const handleCopy = (0, import_react10.useCallback)(() => {
+    if (copied || pendingRef.current) return;
+    pendingRef.current = true;
+    void (0, import_dsh_client_ui_primitives3.writeClipboard)(text).then((ok) => {
+      pendingRef.current = false;
+      if (!ok) return;
+      setCopied(true);
+      timerRef.current = setTimeout(() => {
+        setCopied(false);
+        timerRef.current = null;
+      }, 1e3);
+    });
+  }, [text, copied]);
+  (0, import_react10.useEffect)(() => {
+    return () => {
+      if (timerRef.current !== null) clearTimeout(timerRef.current);
+    };
+  }, []);
+  return import_react10.default.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: handleCopy,
+      "aria-label": copied ? "Copied" : "Copy",
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        gap: "6px",
+        padding: "4px 8px",
+        border: "none",
+        borderRadius: "6px",
+        background: "transparent",
+        color: "var(--dsw-alias-label-secondary)",
+        cursor: "pointer",
+        fontSize: "13px",
+        lineHeight: "16px",
+        whiteSpace: "nowrap",
+        flexShrink: 0
+      },
+      onMouseEnter: (e) => {
+        e.currentTarget.style.background = "var(--dsw-alias-interactive-bg-hover)";
+        e.currentTarget.style.color = "var(--dsw-alias-label-primary)";
+      },
+      onMouseLeave: (e) => {
+        e.currentTarget.style.background = "transparent";
+        e.currentTarget.style.color = "var(--dsw-alias-label-secondary)";
+      }
+    },
+    copied ? import_react10.default.createElement(import_dsh_client_ui_primitives3.IconCheckOutline16, { size: 16 }) : import_react10.default.createElement(import_dsh_client_ui_primitives3.IconCopyOutline16, { size: 16 }),
+    copied ? "Copied" : "Copy"
+  );
+}
+
+// src/ui/client/pentester/FindingsView.tsx
 var SEVERITY_ORDER = ["critical", "high", "medium", "low", "info"];
 var SEVERITY_LABELS = {
   critical: "Critical",
@@ -16124,20 +16187,20 @@ var FILTER_TABS = [
 function FindingsView(props) {
   const { snapshot, command, sessionId, onNavigate } = props;
   const findings = snapshot?.findings ?? [];
-  const [selectedId, setSelectedId] = (0, import_react10.useState)(null);
-  const [detailContent, setDetailContent] = (0, import_react10.useState)(null);
-  const [detailLoading, setDetailLoading] = (0, import_react10.useState)(false);
-  const [detailError, setDetailError] = (0, import_react10.useState)(false);
-  const [filter, setFilter] = (0, import_react10.useState)("all");
-  const [search, setSearch] = (0, import_react10.useState)("");
-  const [focusDone, setFocusDone] = (0, import_react10.useState)(false);
-  const loadSeqRef = (0, import_react10.useRef)(0);
-  const severityCounts = (0, import_react10.useMemo)(() => {
+  const [selectedId, setSelectedId] = (0, import_react11.useState)(null);
+  const [detailContent, setDetailContent] = (0, import_react11.useState)(null);
+  const [detailLoading, setDetailLoading] = (0, import_react11.useState)(false);
+  const [detailError, setDetailError] = (0, import_react11.useState)(false);
+  const [filter, setFilter] = (0, import_react11.useState)("all");
+  const [search, setSearch] = (0, import_react11.useState)("");
+  const [focusDone, setFocusDone] = (0, import_react11.useState)(false);
+  const loadSeqRef = (0, import_react11.useRef)(0);
+  const severityCounts = (0, import_react11.useMemo)(() => {
     const counts = { critical: 0, high: 0, medium: 0, low: 0, info: 0 };
     for (const f of findings) counts[f.severity]++;
     return counts;
   }, [findings]);
-  const filtered = (0, import_react10.useMemo)(() => {
+  const filtered = (0, import_react11.useMemo)(() => {
     let list = [...findings];
     if (filter !== "all") list = list.filter((f) => f.severity === filter);
     if (search.trim() !== "") {
@@ -16155,11 +16218,11 @@ function FindingsView(props) {
     });
     return list;
   }, [findings, filter, search]);
-  const selectedFinding = (0, import_react10.useMemo)(
+  const selectedFinding = (0, import_react11.useMemo)(
     () => selectedId !== null ? findings.find((f) => f.id === selectedId) ?? null : null,
     [findings, selectedId]
   );
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (props.focusFinding !== void 0 && !focusDone) {
       const match = findings.find((f) => f.id === props.focusFinding);
       if (match !== void 0) {
@@ -16170,10 +16233,10 @@ function FindingsView(props) {
       }
     }
   }, [props.focusFinding, focusDone, findings]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     setFocusDone(false);
   }, [props.focusFinding]);
-  const loadDetail = (0, import_react10.useCallback)(async (finding) => {
+  const loadDetail = (0, import_react11.useCallback)(async (finding) => {
     setSelectedId(finding.id);
     setDetailContent(null);
     setDetailLoading(true);
@@ -16202,7 +16265,7 @@ function FindingsView(props) {
       if (seq === loadSeqRef.current) setDetailLoading(false);
     }
   }, [command, sessionId]);
-  return import_react10.default.createElement(
+  return import_react11.default.createElement(
     "div",
     {
       style: {
@@ -16214,14 +16277,14 @@ function FindingsView(props) {
       }
     },
     // ── Top: severity summary strip ──────────────────────────────────────
-    import_react10.default.createElement(SeveritySummary, {
+    import_react11.default.createElement(SeveritySummary, {
       total: findings.length,
       counts: severityCounts,
       activeFilter: filter,
       onFilter: setFilter
     }),
     // ── Bottom: split view ───────────────────────────────────────────────
-    import_react10.default.createElement(
+    import_react11.default.createElement(
       "div",
       {
         style: {
@@ -16232,7 +16295,7 @@ function FindingsView(props) {
         }
       },
       // ── Left: Navigator ───────────────────────────────────────────────
-      import_react10.default.createElement(
+      import_react11.default.createElement(
         "div",
         {
           style: {
@@ -16247,7 +16310,7 @@ function FindingsView(props) {
           }
         },
         // Search + filter (fixed header)
-        import_react10.default.createElement(
+        import_react11.default.createElement(
           "div",
           {
             style: {
@@ -16255,7 +16318,7 @@ function FindingsView(props) {
               padding: "8px 12px 4px"
             }
           },
-          import_react10.default.createElement("input", {
+          import_react11.default.createElement("input", {
             type: "text",
             placeholder: "Search findings...",
             value: search,
@@ -16273,7 +16336,7 @@ function FindingsView(props) {
               marginBottom: "4px"
             }
           }),
-          import_react10.default.createElement(PentesterTabBar, {
+          import_react11.default.createElement(PentesterTabBar, {
             items: FILTER_TABS,
             active: filter,
             onSelect: (id) => setFilter(id),
@@ -16281,7 +16344,7 @@ function FindingsView(props) {
           })
         ),
         // FindingList (scrollable)
-        import_react10.default.createElement(
+        import_react11.default.createElement(
           "div",
           {
             style: {
@@ -16293,7 +16356,7 @@ function FindingsView(props) {
               scrollbarGutter: "stable"
             }
           },
-          filtered.length === 0 ? import_react10.default.createElement("div", {
+          filtered.length === 0 ? import_react11.default.createElement("div", {
             style: {
               padding: "24px 12px",
               color: "var(--dsw-alias-label-tertiary)",
@@ -16301,7 +16364,7 @@ function FindingsView(props) {
               textAlign: "center"
             }
           }, findings.length === 0 ? "No findings yet" : "No matching findings") : filtered.map(
-            (finding) => import_react10.default.createElement(FindingRow, {
+            (finding) => import_react11.default.createElement(FindingRow, {
               key: finding.id,
               finding,
               isSelected: finding.id === selectedId,
@@ -16311,7 +16374,7 @@ function FindingsView(props) {
         )
       ),
       // ── Right: Detail ──────────────────────────────────────────────────
-      import_react10.default.createElement(
+      import_react11.default.createElement(
         "div",
         {
           style: {
@@ -16323,7 +16386,7 @@ function FindingsView(props) {
             overflow: "hidden"
           }
         },
-        selectedFinding === null ? import_react10.default.createElement(
+        selectedFinding === null ? import_react11.default.createElement(
           "div",
           {
             style: {
@@ -16337,13 +16400,13 @@ function FindingsView(props) {
               fontSize: "13px"
             }
           },
-          findings.length === 0 ? import_react10.default.createElement(
-            import_react10.default.Fragment,
+          findings.length === 0 ? import_react11.default.createElement(
+            import_react11.default.Fragment,
             null,
-            import_react10.default.createElement("div", { style: { fontWeight: 500, color: "var(--dsw-alias-label-primary)" } }, "No findings yet"),
-            import_react10.default.createElement("div", null, "Validated findings will appear here as the assessment progresses.")
+            import_react11.default.createElement("div", { style: { fontWeight: 500, color: "var(--dsw-alias-label-primary)" } }, "No findings yet"),
+            import_react11.default.createElement("div", null, "Validated findings will appear here as the assessment progresses.")
           ) : "Select a finding to inspect"
-        ) : import_react10.default.createElement(FindingDetail, {
+        ) : import_react11.default.createElement(FindingDetail, {
           finding: selectedFinding,
           content: detailContent,
           loading: detailLoading,
@@ -16365,7 +16428,7 @@ function SeveritySummary(props) {
       color: SEVERITY_COLORS[s]
     }))
   ];
-  return import_react10.default.createElement(
+  return import_react11.default.createElement(
     "div",
     {
       style: {
@@ -16382,7 +16445,7 @@ function SeveritySummary(props) {
     },
     ...items.map((item) => {
       const isActive = activeFilter === item.key;
-      return import_react10.default.createElement(
+      return import_react11.default.createElement(
         "button",
         {
           key: item.key,
@@ -16403,7 +16466,7 @@ function SeveritySummary(props) {
             whiteSpace: "nowrap"
           }
         },
-        item.color !== void 0 && import_react10.default.createElement("span", {
+        item.color !== void 0 && import_react11.default.createElement("span", {
           style: {
             width: "8px",
             height: "8px",
@@ -16412,8 +16475,8 @@ function SeveritySummary(props) {
             flexShrink: 0
           }
         }),
-        import_react10.default.createElement("span", null, item.label),
-        import_react10.default.createElement("span", {
+        import_react11.default.createElement("span", null, item.label),
+        import_react11.default.createElement("span", {
           style: { fontWeight: 600, color: isActive ? "var(--dsw-alias-label-primary)" : "var(--dsw-alias-label-tertiary)" }
         }, String(item.count))
       );
@@ -16423,7 +16486,7 @@ function SeveritySummary(props) {
 function FindingRow(props) {
   const { finding, isSelected, onClick } = props;
   const color = SEVERITY_COLORS[finding.severity];
-  return import_react10.default.createElement(
+  return import_react11.default.createElement(
     "div",
     {
       role: "button",
@@ -16457,7 +16520,7 @@ function FindingRow(props) {
       }
     },
     // Row 1: title + severity
-    import_react10.default.createElement(
+    import_react11.default.createElement(
       "div",
       {
         style: {
@@ -16467,7 +16530,7 @@ function FindingRow(props) {
           minWidth: 0
         }
       },
-      import_react10.default.createElement("span", {
+      import_react11.default.createElement("span", {
         style: {
           width: "7px",
           height: "7px",
@@ -16476,7 +16539,7 @@ function FindingRow(props) {
           flexShrink: 0
         }
       }),
-      import_react10.default.createElement("span", {
+      import_react11.default.createElement("span", {
         style: {
           overflow: "hidden",
           textOverflow: "ellipsis",
@@ -16486,7 +16549,7 @@ function FindingRow(props) {
           minWidth: 0
         }
       }, finding.title),
-      import_react10.default.createElement("span", {
+      import_react11.default.createElement("span", {
         style: {
           fontSize: "11px",
           fontWeight: 600,
@@ -16496,7 +16559,7 @@ function FindingRow(props) {
       }, SEVERITY_LABELS[finding.severity].toUpperCase())
     ),
     // Row 2: affected asset (if exists)
-    finding.affectedAsset !== void 0 && import_react10.default.createElement("div", {
+    finding.affectedAsset !== void 0 && import_react11.default.createElement("div", {
       style: {
         fontSize: "12px",
         color: isSelected ? "rgba(255,255,255,0.6)" : "var(--dsw-alias-label-tertiary)",
@@ -16507,7 +16570,7 @@ function FindingRow(props) {
       }
     }, finding.affectedAsset),
     // Row 3: source stage + delegation
-    import_react10.default.createElement("div", {
+    import_react11.default.createElement("div", {
       style: {
         fontSize: "11px",
         color: isSelected ? "rgba(255,255,255,0.5)" : "var(--dsw-alias-label-tertiary)",
@@ -16522,7 +16585,7 @@ function FindingRow(props) {
 function FindingDetail(props) {
   const { finding, content, loading, error: error51, onNavigate } = props;
   const color = SEVERITY_COLORS[finding.severity];
-  return import_react10.default.createElement(
+  return import_react11.default.createElement(
     "div",
     {
       style: {
@@ -16534,7 +16597,7 @@ function FindingDetail(props) {
       }
     },
     // ── Metadata header (fixed) ─────────────────────────────────────────
-    import_react10.default.createElement(
+    import_react11.default.createElement(
       "div",
       {
         style: {
@@ -16543,8 +16606,8 @@ function FindingDetail(props) {
           borderBottom: "1px solid var(--dsw-alias-border-l2)"
         }
       },
-      // Title + severity
-      import_react10.default.createElement(
+      // Title + severity + copy
+      import_react11.default.createElement(
         "div",
         {
           style: {
@@ -16554,7 +16617,7 @@ function FindingDetail(props) {
             marginBottom: "8px"
           }
         },
-        import_react10.default.createElement("span", {
+        import_react11.default.createElement("span", {
           style: {
             fontSize: "15px",
             fontWeight: 600,
@@ -16566,7 +16629,8 @@ function FindingDetail(props) {
             minWidth: 0
           }
         }, finding.title),
-        import_react10.default.createElement("span", {
+        content !== null && import_react11.default.createElement(CopyAction, { text: content }),
+        import_react11.default.createElement("span", {
           style: {
             display: "inline-block",
             padding: "2px 8px",
@@ -16580,7 +16644,7 @@ function FindingDetail(props) {
         }, SEVERITY_LABELS[finding.severity].toUpperCase())
       ),
       // Affected asset
-      finding.affectedAsset !== void 0 && import_react10.default.createElement(
+      finding.affectedAsset !== void 0 && import_react11.default.createElement(
         "div",
         {
           style: {
@@ -16591,8 +16655,8 @@ function FindingDetail(props) {
             gap: "6px"
           }
         },
-        import_react10.default.createElement("span", { style: { color: "var(--dsw-alias-label-tertiary)", flexShrink: 0 } }, "Affected asset"),
-        import_react10.default.createElement("code", {
+        import_react11.default.createElement("span", { style: { color: "var(--dsw-alias-label-tertiary)", flexShrink: 0 } }, "Affected asset"),
+        import_react11.default.createElement("code", {
           style: {
             fontSize: "12px",
             background: "var(--dsw-alias-bg-subtle)",
@@ -16602,7 +16666,7 @@ function FindingDetail(props) {
         }, finding.affectedAsset)
       ),
       // Stage + Delegation metadata
-      import_react10.default.createElement(
+      import_react11.default.createElement(
         "div",
         {
           style: {
@@ -16612,24 +16676,24 @@ function FindingDetail(props) {
             color: "var(--dsw-alias-label-tertiary)"
           }
         },
-        import_react10.default.createElement(
+        import_react11.default.createElement(
           "div",
           null,
-          import_react10.default.createElement("span", { style: { fontWeight: 500, color: "var(--dsw-alias-label-secondary)" } }, "Stage"),
+          import_react11.default.createElement("span", { style: { fontWeight: 500, color: "var(--dsw-alias-label-secondary)" } }, "Stage"),
           " ",
-          import_react10.default.createElement("span", null, finding.sourceStage)
+          import_react11.default.createElement("span", null, finding.sourceStage)
         ),
-        import_react10.default.createElement(
+        import_react11.default.createElement(
           "div",
           null,
-          import_react10.default.createElement("span", { style: { fontWeight: 500, color: "var(--dsw-alias-label-secondary)" } }, "Delegation"),
+          import_react11.default.createElement("span", { style: { fontWeight: 500, color: "var(--dsw-alias-label-secondary)" } }, "Delegation"),
           " ",
-          import_react10.default.createElement("span", null, finding.sourceDelegationId)
+          import_react11.default.createElement("span", null, finding.sourceDelegationId)
         )
       )
     ),
     // ── DetailBody (scrollable) ────────────────────────────────────────
-    import_react10.default.createElement(
+    import_react11.default.createElement(
       "div",
       {
         style: {
@@ -16645,16 +16709,16 @@ function FindingDetail(props) {
           color: "var(--dsw-alias-label-primary)"
         }
       },
-      loading && import_react10.default.createElement("div", {
+      loading && import_react11.default.createElement("div", {
         style: { color: "var(--dsw-alias-label-tertiary)", padding: "16px 0" }
       }, "Loading finding..."),
-      error51 && import_react10.default.createElement("div", {
+      error51 && import_react11.default.createElement("div", {
         style: { color: "var(--dsw-status-error)", padding: "16px 0" }
       }, "Unable to load finding detail"),
-      content !== null && import_react10.default.createElement(import_dsh_client_ui_primitives3.MarkdownText, { text: content })
+      content !== null && import_react11.default.createElement(import_dsh_client_ui_primitives4.MarkdownText, { text: content })
     ),
     // ── Footer actions (fixed) ──────────────────────────────────────────
-    import_react10.default.createElement(
+    import_react11.default.createElement(
       "div",
       {
         style: {
@@ -16665,11 +16729,11 @@ function FindingDetail(props) {
           gap: "8px"
         }
       },
-      import_react10.default.createElement(ActionButton, {
+      import_react11.default.createElement(ActionButton, {
         label: "View Stage",
         onClick: () => onNavigate("stages", { stage: finding.sourceStage })
       }),
-      import_react10.default.createElement(ActionButton, {
+      import_react11.default.createElement(ActionButton, {
         label: "View in Output",
         onClick: () => onNavigate("output", { output: `findings/${finding.detailFile}` })
       })
@@ -16677,7 +16741,7 @@ function FindingDetail(props) {
   );
 }
 function ActionButton(props) {
-  return import_react10.default.createElement("button", {
+  return import_react11.default.createElement("button", {
     type: "button",
     onClick: props.onClick,
     style: {
@@ -16700,10 +16764,10 @@ function ActionButton(props) {
 }
 
 // src/ui/client/pentester/TraceView.tsx
-var import_react15 = __toESM(require("react"), 1);
+var import_react16 = __toESM(require("react"), 1);
 
 // src/ui/client/pentester/trace/TraceTimeline.tsx
-var import_react14 = __toESM(require("react"), 1);
+var import_react15 = __toESM(require("react"), 1);
 
 // src/ui/client/pentester/trace/types.ts
 var STAGE_NODE_H = 72;
@@ -17107,8 +17171,8 @@ function buildScaledTraceLayout(baseLayout, scale) {
 }
 
 // src/ui/client/pentester/trace/TraceNode.tsx
-var import_react11 = __toESM(require("react"), 1);
-var import_dsh_client_ui_primitives4 = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_react12 = __toESM(require("react"), 1);
+var import_dsh_client_ui_primitives5 = require("@deepseek-ai/dsh-client-ui-primitives");
 var CARD = {
   position: "absolute",
   borderRadius: "7px",
@@ -17121,10 +17185,10 @@ var CARD = {
   cursor: "pointer",
   pointerEvents: "auto"
 };
-var StartNode = (0, import_react11.forwardRef)(
+var StartNode = (0, import_react12.forwardRef)(
   function StartNode2(props, ref) {
     const { section, x } = props;
-    return import_react11.default.createElement(
+    return import_react12.default.createElement(
       "div",
       {
         ref,
@@ -17152,7 +17216,7 @@ var StartNode = (0, import_react11.forwardRef)(
           pointerEvents: "auto"
         }
       },
-      import_react11.default.createElement("div", {
+      import_react12.default.createElement("div", {
         style: {
           width: "6px",
           height: "6px",
@@ -17165,13 +17229,13 @@ var StartNode = (0, import_react11.forwardRef)(
     );
   }
 );
-var StageNode = (0, import_react11.forwardRef)(
+var StageNode = (0, import_react12.forwardRef)(
   function StageNode2(props, ref) {
     const { section, x, onClick } = props;
     const status = section.status;
     const borderColor = status === "completed" ? "var(--dsw-status-done, #22c55e)" : status === "active" ? "var(--dsw-alias-state-business-primary)" : "var(--dsw-alias-border-l2)";
     const dotState = status === "completed" ? "done" : status === "active" ? "ongoing" : "ongoing";
-    return import_react11.default.createElement(
+    return import_react12.default.createElement(
       "div",
       {
         ref,
@@ -17199,26 +17263,26 @@ var StageNode = (0, import_react11.forwardRef)(
           gap: "10px"
         }
       },
-      import_react11.default.createElement(import_dsh_client_ui_primitives4.StateDot, { state: dotState, size: 8 }),
-      import_react11.default.createElement(
+      import_react12.default.createElement(import_dsh_client_ui_primitives5.StateDot, { state: dotState, size: 8 }),
+      import_react12.default.createElement(
         "div",
         { style: { minWidth: 0 } },
-        import_react11.default.createElement("div", {
+        import_react12.default.createElement("div", {
           style: { fontWeight: 600, color: "var(--dsw-alias-label-primary)", fontSize: "14px", lineHeight: "20px" }
         }, section.label),
-        import_react11.default.createElement("div", {
+        import_react12.default.createElement("div", {
           style: { fontSize: "12px", color: "var(--dsw-alias-label-secondary)", marginTop: "2px" }
         }, section.sublabel)
       )
     );
   }
 );
-var AgentNode = (0, import_react11.forwardRef)(
+var AgentNode = (0, import_react12.forwardRef)(
   function AgentNode2(props, ref) {
     const { branch, x, liveActivity, onClick } = props;
     const dotState = branch.status === "failed" ? "error" : branch.status === "closed" ? "done" : liveActivity === "running" ? "ongoing" : liveActivity === "inactive" ? "done" : branch.status === "starting" ? "ongoing" : "done";
     const borderColor = dotState === "error" ? "var(--dsw-status-error, #ef4444)" : dotState === "ongoing" ? "var(--dsw-alias-state-business-primary)" : "var(--dsw-alias-border-l2)";
-    return import_react11.default.createElement(
+    return import_react12.default.createElement(
       "div",
       {
         ref,
@@ -17246,14 +17310,14 @@ var AgentNode = (0, import_react11.forwardRef)(
           gap: "8px"
         }
       },
-      import_react11.default.createElement(import_dsh_client_ui_primitives4.StateDot, { state: dotState, size: 8 }),
-      import_react11.default.createElement(
+      import_react12.default.createElement(import_dsh_client_ui_primitives5.StateDot, { state: dotState, size: 8 }),
+      import_react12.default.createElement(
         "div",
         { style: { minWidth: 0 } },
-        import_react11.default.createElement("div", {
+        import_react12.default.createElement("div", {
           style: { fontWeight: 600, color: "var(--dsw-alias-label-primary)", fontSize: "13px", lineHeight: "18px" }
         }, branch.label),
-        import_react11.default.createElement("div", {
+        import_react12.default.createElement("div", {
           style: { fontSize: "11px", color: "var(--dsw-alias-label-tertiary)", marginTop: "2px" }
         }, branch.status === "starting" ? "Agent starting" : branch.status === "active" ? "Agent active" : "Agent completed")
       )
@@ -17268,11 +17332,11 @@ var DELIVERY_ICON_COLORS = {
   finding: "var(--dsw-status-error, #ef4444)",
   asset: "#3b82f6"
 };
-var DeliveryNode = (0, import_react11.forwardRef)(
+var DeliveryNode = (0, import_react12.forwardRef)(
   function DeliveryNode2(props, ref) {
     const { group, x, y, onClick } = props;
     const iconColor = DELIVERY_ICON_COLORS[group.kind] ?? "var(--dsw-alias-label-tertiary)";
-    return import_react11.default.createElement(
+    return import_react12.default.createElement(
       "div",
       {
         ref,
@@ -17304,7 +17368,7 @@ var DeliveryNode = (0, import_react11.forwardRef)(
           textAlign: "center"
         }
       },
-      import_react11.default.createElement("div", {
+      import_react12.default.createElement("div", {
         style: {
           width: "8px",
           height: "8px",
@@ -17313,10 +17377,10 @@ var DeliveryNode = (0, import_react11.forwardRef)(
           flexShrink: 0
         }
       }),
-      import_react11.default.createElement("div", {
+      import_react12.default.createElement("div", {
         style: { fontWeight: 600, color: "var(--dsw-alias-label-primary)", fontSize: "12px", lineHeight: "16px" }
       }, group.label),
-      import_react11.default.createElement("div", {
+      import_react12.default.createElement("div", {
         style: { fontSize: "10px", color: "var(--dsw-alias-label-tertiary)" }
       }, `${group.count} ${group.count === 1 ? "file" : "files"}`)
     );
@@ -17324,7 +17388,7 @@ var DeliveryNode = (0, import_react11.forwardRef)(
 );
 
 // src/ui/client/pentester/trace/TraceConnectors.tsx
-var import_react12 = __toESM(require("react"), 1);
+var import_react13 = __toESM(require("react"), 1);
 function roundedOrthogonal(sx, sy, tx, ty, r = 6) {
   if (Math.abs(sx - tx) < 2) {
     return `M ${sx} ${sy} L ${tx} ${ty}`;
@@ -17349,7 +17413,7 @@ function branchJunction(cx, sy, targets) {
 }
 function TraceConnectors(props) {
   const { layout } = props;
-  const paths = (0, import_react12.useMemo)(() => {
+  const paths = (0, import_react13.useMemo)(() => {
     const result = [];
     const cx = layout.spineX;
     const solid = { stroke: "var(--dsw-alias-border-l2)", strokeWidth: 1.25 };
@@ -17430,7 +17494,7 @@ function TraceConnectors(props) {
     }
     return result;
   }, [layout]);
-  return import_react12.default.createElement(
+  return import_react13.default.createElement(
     "svg",
     {
       width: layout.worldHalfWidth * 2,
@@ -17443,7 +17507,7 @@ function TraceConnectors(props) {
       }
     },
     ...paths.map(
-      (p, i) => import_react12.default.createElement("path", {
+      (p, i) => import_react13.default.createElement("path", {
         key: i,
         d: p.d,
         fill: "none",
@@ -17458,7 +17522,7 @@ function TraceConnectors(props) {
 }
 
 // src/ui/client/pentester/trace/TraceControls.tsx
-var import_react13 = __toESM(require("react"), 1);
+var import_react14 = __toESM(require("react"), 1);
 var BTN = {
   height: "32px",
   display: "flex",
@@ -17477,33 +17541,33 @@ var BTN = {
 function TraceControls(props) {
   const { scale, onZoomIn, onZoomOut, onReset, onFit } = props;
   const pct = Math.round(scale * 100);
-  return import_react13.default.createElement(
+  return import_react14.default.createElement(
     "div",
     {
       style: { display: "flex", alignItems: "center", gap: "4px" }
     },
-    import_react13.default.createElement("button", {
+    import_react14.default.createElement("button", {
       type: "button",
       "aria-label": "Zoom out",
       title: "Zoom out",
       onClick: onZoomOut,
       style: { ...BTN, width: "32px", padding: 0 }
     }, "\u2212"),
-    import_react13.default.createElement("button", {
+    import_react14.default.createElement("button", {
       type: "button",
       "aria-label": "Reset zoom",
       title: "Reset to 100%",
       onClick: onReset,
       style: { ...BTN, fontWeight: 500, fontSize: "11px", color: "var(--dsw-alias-label-primary)" }
     }, `${pct}%`),
-    import_react13.default.createElement("button", {
+    import_react14.default.createElement("button", {
       type: "button",
       "aria-label": "Zoom in",
       title: "Zoom in",
       onClick: onZoomIn,
       style: { ...BTN, width: "32px", padding: 0 }
     }, "+"),
-    import_react13.default.createElement("button", {
+    import_react14.default.createElement("button", {
       type: "button",
       "aria-label": "Fit to width",
       title: "Fit topology width",
@@ -17532,12 +17596,12 @@ function checkSpineInvariant(graphEl, scale) {
 }
 function TraceTimeline(props) {
   const { snapshot, liveActivity, onNavigate, onOpenSession } = props;
-  const baseLayout = (0, import_react14.useMemo)(() => buildTraceLayout(snapshot), [snapshot]);
-  const [scale, setScale] = (0, import_react14.useState)(DEFAULT_SCALE);
-  const graphRef = (0, import_react14.useRef)(null);
-  const graphVpRef = (0, import_react14.useRef)(null);
-  const autoFitDoneRef = (0, import_react14.useRef)(false);
-  const scaledLayout = (0, import_react14.useMemo)(
+  const baseLayout = (0, import_react15.useMemo)(() => buildTraceLayout(snapshot), [snapshot]);
+  const [scale, setScale] = (0, import_react15.useState)(DEFAULT_SCALE);
+  const graphRef = (0, import_react15.useRef)(null);
+  const graphVpRef = (0, import_react15.useRef)(null);
+  const autoFitDoneRef = (0, import_react15.useRef)(false);
+  const scaledLayout = (0, import_react15.useMemo)(
     () => buildScaledTraceLayout(baseLayout, scale),
     [baseLayout, scale]
   );
@@ -17547,7 +17611,7 @@ function TraceTimeline(props) {
   const spineX = scaledLayout.spineX;
   const worldW = worldHalfWidth * 2;
   const worldH = scaledLayout.totalHeight;
-  const doAutoFit = (0, import_react14.useCallback)(() => {
+  const doAutoFit = (0, import_react15.useCallback)(() => {
     const vp = graphVpRef.current;
     if (vp === null) return DEFAULT_SCALE;
     const availableHalf = vp.clientWidth / 2 - GRAPH_PADDING;
@@ -17555,13 +17619,13 @@ function TraceTimeline(props) {
     const fitScale = availableHalf / requiredHalf;
     return Math.min(DEFAULT_SCALE, Math.max(MIN_SCALE, fitScale));
   }, [baseLayout.worldHalfWidth]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (autoFitDoneRef.current) return;
     const fitScale = doAutoFit();
     if (fitScale !== DEFAULT_SCALE) setScale(fitScale);
     autoFitDoneRef.current = true;
   }, [doAutoFit]);
-  const zoomTo = (0, import_react14.useCallback)((newScale) => {
+  const zoomTo = (0, import_react15.useCallback)((newScale) => {
     const clamped = Math.min(MAX_SCALE, Math.max(MIN_SCALE, newScale));
     const owner = getScrollOwner();
     const oldScale = scale;
@@ -17574,26 +17638,26 @@ function TraceTimeline(props) {
       owner.scrollTop = Math.max(0, nextScrollTop);
     });
   }, [scale]);
-  const zoomIn = (0, import_react14.useCallback)(() => zoomTo(scale * 1.15), [zoomTo, scale]);
-  const zoomOut = (0, import_react14.useCallback)(() => zoomTo(scale / 1.15), [zoomTo, scale]);
-  const resetZoom = (0, import_react14.useCallback)(() => zoomTo(DEFAULT_SCALE), [zoomTo]);
-  const fitWidth = (0, import_react14.useCallback)(() => zoomTo(doAutoFit()), [zoomTo, doAutoFit]);
-  const handleWheel = (0, import_react14.useCallback)((e) => {
+  const zoomIn = (0, import_react15.useCallback)(() => zoomTo(scale * 1.15), [zoomTo, scale]);
+  const zoomOut = (0, import_react15.useCallback)(() => zoomTo(scale / 1.15), [zoomTo, scale]);
+  const resetZoom = (0, import_react15.useCallback)(() => zoomTo(DEFAULT_SCALE), [zoomTo]);
+  const fitWidth = (0, import_react15.useCallback)(() => zoomTo(doAutoFit()), [zoomTo, doAutoFit]);
+  const handleWheel = (0, import_react15.useCallback)((e) => {
     if (!e.ctrlKey && !e.metaKey) return;
     e.preventDefault();
     const factor = e.deltaY < 0 ? 1.12 : 1 / 1.12;
     zoomTo(scale * factor);
   }, [zoomTo, scale]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     checkSpineInvariant(graphRef.current, scale);
   }, [scale, adjustedSections]);
-  const handleStageClick = (0, import_react14.useCallback)((stageId) => {
+  const handleStageClick = (0, import_react15.useCallback)((stageId) => {
     onNavigate("stages", { stage: stageId });
   }, [onNavigate]);
-  const handleAgentClick = (0, import_react14.useCallback)((sessionId) => {
+  const handleAgentClick = (0, import_react15.useCallback)((sessionId) => {
     if (sessionId !== void 0) onOpenSession(sessionId);
   }, [onOpenSession]);
-  const handleDeliveryClick = (0, import_react14.useCallback)((group) => {
+  const handleDeliveryClick = (0, import_react15.useCallback)((group) => {
     if (group.navTab === "findings") {
       onNavigate("findings", { finding: group.navPath });
     } else {
@@ -17602,7 +17666,7 @@ function TraceTimeline(props) {
   }, [onNavigate]);
   const gridCols = `${TIME_PANEL_W}px minmax(0, 1fr)`;
   const timelineEventGrid = `${TIMELINE_DOT_W}px ${TIMELINE_TIME_W}px minmax(0, 1fr)`;
-  return import_react14.default.createElement(
+  return import_react15.default.createElement(
     "div",
     {
       style: {
@@ -17615,7 +17679,7 @@ function TraceTimeline(props) {
       }
     },
     // ── TraceHeader ─────────────────────────────────────────────────────────
-    import_react14.default.createElement(
+    import_react15.default.createElement(
       "div",
       {
         "data-testid": "trace-header",
@@ -17627,16 +17691,16 @@ function TraceTimeline(props) {
           background: "var(--dsw-alias-bg-base)"
         }
       },
-      import_react14.default.createElement(
+      import_react15.default.createElement(
         "div",
         {
           style: { padding: "12px 18px", borderRight: "1px solid var(--dsw-alias-border-l1)" }
         },
-        import_react14.default.createElement("div", {
+        import_react15.default.createElement("div", {
           style: { fontSize: "13px", fontWeight: 600, color: "var(--dsw-alias-label-primary)" }
         }, "Timeline")
       ),
-      import_react14.default.createElement(
+      import_react15.default.createElement(
         "div",
         {
           style: {
@@ -17646,10 +17710,10 @@ function TraceTimeline(props) {
             justifyContent: "space-between"
           }
         },
-        import_react14.default.createElement("div", {
+        import_react15.default.createElement("div", {
           style: { fontSize: "13px", fontWeight: 600, color: "var(--dsw-alias-label-primary)" }
         }, "Topology"),
-        import_react14.default.createElement(TraceControls, {
+        import_react15.default.createElement(TraceControls, {
           scale,
           onZoomIn: zoomIn,
           onZoomOut: zoomOut,
@@ -17659,7 +17723,7 @@ function TraceTimeline(props) {
       )
     ),
     // ── Content (no scroll — flows into Harness scroll owner) ───────────────
-    import_react14.default.createElement(
+    import_react15.default.createElement(
       "div",
       {
         onWheel: handleWheel,
@@ -17669,7 +17733,7 @@ function TraceTimeline(props) {
         }
       },
       // ── Timeline rail ────────────────────────────────────────────────────
-      import_react14.default.createElement(
+      import_react15.default.createElement(
         "div",
         {
           style: {
@@ -17680,7 +17744,7 @@ function TraceTimeline(props) {
           }
         },
         // Vertical timeline spine line
-        import_react14.default.createElement("div", {
+        import_react15.default.createElement("div", {
           "aria-hidden": true,
           style: {
             position: "absolute",
@@ -17695,7 +17759,7 @@ function TraceTimeline(props) {
         ...scaledBands.map((band) => {
           const isStart = band.bandId === "band:start";
           if (band.timelineItems.length === 0) return null;
-          return import_react14.default.createElement(
+          return import_react15.default.createElement(
             "div",
             {
               key: band.bandId,
@@ -17712,7 +17776,7 @@ function TraceTimeline(props) {
             },
             // Start band
             isStart && band.timelineItems.map(
-              (item, ii) => import_react14.default.createElement(
+              (item, ii) => import_react15.default.createElement(
                 "div",
                 {
                   key: ii,
@@ -17724,12 +17788,12 @@ function TraceTimeline(props) {
                     minHeight: `${TIMELINE_ROW_H}px`
                   }
                 },
-                import_react14.default.createElement(
+                import_react15.default.createElement(
                   "div",
                   {
                     style: { display: "flex", justifyContent: "center", paddingTop: "4px" }
                   },
-                  import_react14.default.createElement("div", {
+                  import_react15.default.createElement("div", {
                     style: {
                       width: "6px",
                       height: "6px",
@@ -17738,7 +17802,7 @@ function TraceTimeline(props) {
                     }
                   })
                 ),
-                import_react14.default.createElement("span", {
+                import_react15.default.createElement("span", {
                   style: {
                     fontSize: "11px",
                     fontFamily: "monospace",
@@ -17747,13 +17811,13 @@ function TraceTimeline(props) {
                     paddingTop: "2px"
                   }
                 }, item.timeLabel),
-                import_react14.default.createElement(
+                import_react15.default.createElement(
                   "div",
                   { style: { minWidth: 0, paddingTop: "2px" } },
-                  import_react14.default.createElement("div", {
+                  import_react15.default.createElement("div", {
                     style: { fontSize: "13px", fontWeight: 500, color: "var(--dsw-alias-label-primary)", lineHeight: "18px" }
                   }, item.title),
-                  item.subtitle !== "" && import_react14.default.createElement("div", {
+                  item.subtitle !== "" && import_react15.default.createElement("div", {
                     style: { fontSize: "11px", color: "var(--dsw-alias-label-tertiary)", lineHeight: "16px" }
                   }, item.subtitle)
                 )
@@ -17761,7 +17825,7 @@ function TraceTimeline(props) {
             ),
             // Regular stage/agent items
             !isStart && band.timelineItems.map(
-              (item, ii) => import_react14.default.createElement(
+              (item, ii) => import_react15.default.createElement(
                 "div",
                 {
                   key: ii,
@@ -17773,12 +17837,12 @@ function TraceTimeline(props) {
                     minHeight: `${TIMELINE_ROW_H}px`
                   }
                 },
-                import_react14.default.createElement(
+                import_react15.default.createElement(
                   "div",
                   {
                     style: { display: "flex", justifyContent: "center", paddingTop: "4px" }
                   },
-                  import_react14.default.createElement("div", {
+                  import_react15.default.createElement("div", {
                     style: {
                       width: "8px",
                       height: "8px",
@@ -17787,7 +17851,7 @@ function TraceTimeline(props) {
                     }
                   })
                 ),
-                import_react14.default.createElement("span", {
+                import_react15.default.createElement("span", {
                   style: {
                     fontSize: "11px",
                     fontFamily: "monospace",
@@ -17796,13 +17860,13 @@ function TraceTimeline(props) {
                     paddingTop: "2px"
                   }
                 }, item.timeLabel),
-                import_react14.default.createElement(
+                import_react15.default.createElement(
                   "div",
                   { style: { minWidth: 0, paddingTop: "2px" } },
-                  import_react14.default.createElement("div", {
+                  import_react15.default.createElement("div", {
                     style: { fontSize: "13px", fontWeight: 500, color: "var(--dsw-alias-label-primary)", lineHeight: "18px" }
                   }, item.title),
-                  item.subtitle !== "" && import_react14.default.createElement("div", {
+                  item.subtitle !== "" && import_react15.default.createElement("div", {
                     style: { fontSize: "11px", color: "var(--dsw-alias-label-tertiary)", lineHeight: "16px" }
                   }, item.subtitle)
                 )
@@ -17812,7 +17876,7 @@ function TraceTimeline(props) {
         })
       ),
       // ── Graph viewport ────────────────────────────────────────────────────
-      import_react14.default.createElement(
+      import_react15.default.createElement(
         "div",
         {
           ref: graphVpRef,
@@ -17824,7 +17888,7 @@ function TraceTimeline(props) {
           }
         },
         // SpineAnchor: CSS left:50%, always at viewport center
-        import_react14.default.createElement(
+        import_react15.default.createElement(
           "div",
           {
             style: {
@@ -17837,7 +17901,7 @@ function TraceTimeline(props) {
             }
           },
           // TopologyWorld: symmetric around spine
-          import_react14.default.createElement(
+          import_react15.default.createElement(
             "div",
             {
               ref: graphRef,
@@ -17851,24 +17915,24 @@ function TraceTimeline(props) {
                 transformOrigin: `${spineX}px 0px`
               }
             },
-            import_react14.default.createElement(TraceConnectors, {
+            import_react15.default.createElement(TraceConnectors, {
               layout: { ...baseLayout, sections: adjustedSections, worldHeight: worldH, spineX },
               rects: /* @__PURE__ */ new Map()
             }),
-            import_react14.default.createElement(
+            import_react15.default.createElement(
               "div",
               {
                 style: { position: "absolute", inset: 0, zIndex: 1 }
               },
               ...adjustedSections.filter((s) => s.stageId === "start").map(
-                (section) => import_react14.default.createElement(StartNode, {
+                (section) => import_react15.default.createElement(StartNode, {
                   key: "stage:start",
                   section,
                   x: spineX
                 })
               ),
               ...adjustedSections.filter((s) => s.stageId !== "start").map(
-                (section) => import_react14.default.createElement(StageNode, {
+                (section) => import_react15.default.createElement(StageNode, {
                   key: `stage:${section.stageId}`,
                   section,
                   x: spineX,
@@ -17877,7 +17941,7 @@ function TraceTimeline(props) {
               ),
               ...adjustedSections.flatMap(
                 (section) => section.agentBranches.map(
-                  (branch) => import_react14.default.createElement(AgentNode, {
+                  (branch) => import_react15.default.createElement(AgentNode, {
                     key: `agent:${branch.delegationId}`,
                     branch,
                     x: spineX + branch.x,
@@ -17892,7 +17956,7 @@ function TraceTimeline(props) {
                     (row3, ri) => row3.map((dx, gi) => {
                       const group = branch.deliveryGroups[ri * 3 + gi];
                       if (group === void 0) return null;
-                      return import_react14.default.createElement(DeliveryNode, {
+                      return import_react15.default.createElement(DeliveryNode, {
                         key: `delivery:${branch.delegationId}:${group.kind}`,
                         group,
                         x: spineX + dx,
@@ -17915,11 +17979,11 @@ function TraceTimeline(props) {
 function TraceView(props) {
   const { snapshot, liveActivity, onNavigate, onOpenSession, activeTargetId } = props;
   if (snapshot === null || snapshot.run === null) {
-    return import_react15.default.createElement("div", {
+    return import_react16.default.createElement("div", {
       style: { padding: "24px", color: "var(--dsw-alias-label-tertiary)", fontSize: "14px" }
     }, "No execution trace yet");
   }
-  return import_react15.default.createElement(TraceTimeline, {
+  return import_react16.default.createElement(TraceTimeline, {
     snapshot,
     liveActivity,
     onNavigate,
@@ -17929,21 +17993,21 @@ function TraceView(props) {
 }
 
 // src/ui/client/pentester/OutputView.tsx
-var import_react17 = __toESM(require("react"), 1);
-var import_dsh_client_ui_primitives6 = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_react18 = __toESM(require("react"), 1);
+var import_dsh_client_ui_primitives7 = require("@deepseek-ai/dsh-client-ui-primitives");
 
 // src/ui/client/pentester/FolderTreeRow.tsx
-var import_react16 = __toESM(require("react"), 1);
-var import_dsh_client_ui_primitives5 = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_react17 = __toESM(require("react"), 1);
+var import_dsh_client_ui_primitives6 = require("@deepseek-ai/dsh-client-ui-primitives");
 function FolderTreeRow(props) {
   const { name, depth, defaultOpen = true, children, containsSelected = false } = props;
-  const [open, setOpen] = (0, import_react16.useState)(defaultOpen);
-  const hasChildren = children !== void 0 && import_react16.default.Children.count(children) > 0;
+  const [open, setOpen] = (0, import_react17.useState)(defaultOpen);
+  const hasChildren = children !== void 0 && import_react17.default.Children.count(children) > 0;
   const folderColor = containsSelected ? "var(--dsw-alias-state-business-primary)" : "var(--dsw-alias-label-secondary)";
-  return import_react16.default.createElement(
+  return import_react17.default.createElement(
     "div",
     null,
-    import_react16.default.createElement(
+    import_react17.default.createElement(
       "div",
       {
         role: "button",
@@ -17979,19 +18043,19 @@ function FolderTreeRow(props) {
         }
       },
       // Chevron
-      hasChildren ? import_react16.default.createElement(
+      hasChildren ? import_react17.default.createElement(
         "span",
         { style: { flexShrink: 0, color: "var(--dsw-alias-label-tertiary)" } },
-        import_react16.default.createElement(open ? import_dsh_client_ui_primitives5.IconChevronDownOutline14 : import_dsh_client_ui_primitives5.IconChevronRightOutline14, { size: 14 })
-      ) : import_react16.default.createElement("span", { style: { width: "14px", flexShrink: 0 } }),
+        import_react17.default.createElement(open ? import_dsh_client_ui_primitives6.IconChevronDownOutline14 : import_dsh_client_ui_primitives6.IconChevronRightOutline14, { size: 14 })
+      ) : import_react17.default.createElement("span", { style: { width: "14px", flexShrink: 0 } }),
       // Folder icon — color reflects selected ancestry
-      import_react16.default.createElement(
+      import_react17.default.createElement(
         "span",
         { style: { flexShrink: 0, color: folderColor } },
-        import_react16.default.createElement(open ? import_dsh_client_ui_primitives5.IconFolderOpen16 : import_dsh_client_ui_primitives5.IconFolderClose16, { size: 16 })
+        import_react17.default.createElement(open ? import_dsh_client_ui_primitives6.IconFolderOpen16 : import_dsh_client_ui_primitives6.IconFolderClose16, { size: 16 })
       ),
       // Name
-      import_react16.default.createElement("span", {
+      import_react17.default.createElement("span", {
         style: {
           overflow: "hidden",
           textOverflow: "ellipsis",
@@ -17999,12 +18063,12 @@ function FolderTreeRow(props) {
         }
       }, name)
     ),
-    open && hasChildren && import_react16.default.createElement("div", null, children)
+    open && hasChildren && import_react17.default.createElement("div", null, children)
   );
 }
 function FileRow(props) {
   const { name, depth, size, isSelected = false, onClick } = props;
-  return import_react16.default.createElement(
+  return import_react17.default.createElement(
     "div",
     {
       role: "button",
@@ -18039,10 +18103,10 @@ function FileRow(props) {
       }
     },
     // File icon placeholder (Harness doesn't have a specific file icon; use chevron space)
-    import_react16.default.createElement("span", {
+    import_react17.default.createElement("span", {
       style: { width: "14px", flexShrink: 0 }
     }),
-    import_react16.default.createElement("span", {
+    import_react17.default.createElement("span", {
       style: {
         overflow: "hidden",
         textOverflow: "ellipsis",
@@ -18051,7 +18115,7 @@ function FileRow(props) {
         minWidth: 0
       }
     }, name),
-    size !== void 0 && import_react16.default.createElement("span", {
+    size !== void 0 && import_react17.default.createElement("span", {
       style: {
         fontSize: "11px",
         color: "var(--dsw-alias-label-tertiary)",
@@ -18070,7 +18134,7 @@ var OUTPUT_FILTER_TABS = [
 ];
 function TargetIcon(props) {
   const s = props.size ?? 16;
-  return import_react17.default.createElement(
+  return import_react18.default.createElement(
     "svg",
     {
       width: s,
@@ -18084,13 +18148,13 @@ function TargetIcon(props) {
       "aria-hidden": true,
       style: { flexShrink: 0 }
     },
-    import_react17.default.createElement("circle", { cx: "8", cy: "8", r: "6.5" }),
-    import_react17.default.createElement("circle", { cx: "8", cy: "8", r: "3.5" }),
-    import_react17.default.createElement("circle", { cx: "8", cy: "8", r: "1", fill: "currentColor", stroke: "none" }),
-    import_react17.default.createElement("line", { x1: "8", y1: "1", x2: "8", y2: "3" }),
-    import_react17.default.createElement("line", { x1: "8", y1: "13", x2: "8", y2: "15" }),
-    import_react17.default.createElement("line", { x1: "1", y1: "8", x2: "3", y2: "8" }),
-    import_react17.default.createElement("line", { x1: "13", y1: "8", x2: "15", y2: "8" })
+    import_react18.default.createElement("circle", { cx: "8", cy: "8", r: "6.5" }),
+    import_react18.default.createElement("circle", { cx: "8", cy: "8", r: "3.5" }),
+    import_react18.default.createElement("circle", { cx: "8", cy: "8", r: "1", fill: "currentColor", stroke: "none" }),
+    import_react18.default.createElement("line", { x1: "8", y1: "1", x2: "8", y2: "3" }),
+    import_react18.default.createElement("line", { x1: "8", y1: "13", x2: "8", y2: "15" }),
+    import_react18.default.createElement("line", { x1: "1", y1: "8", x2: "3", y2: "8" }),
+    import_react18.default.createElement("line", { x1: "13", y1: "8", x2: "15", y2: "8" })
   );
 }
 function entryContainsSelected(entry, selectedPath) {
@@ -18101,12 +18165,12 @@ function entryContainsSelected(entry, selectedPath) {
 }
 function TargetRow(props) {
   const { targetId, target, current, defaultOpen, containsSelected, children } = props;
-  const [open, setOpen] = (0, import_react17.useState)(defaultOpen);
+  const [open, setOpen] = (0, import_react18.useState)(defaultOpen);
   const iconColor = containsSelected ? "var(--dsw-alias-state-business-primary)" : current ? "var(--dsw-alias-state-business-primary)" : "var(--dsw-alias-label-secondary)";
-  return import_react17.default.createElement(
+  return import_react18.default.createElement(
     "div",
     null,
-    import_react17.default.createElement(
+    import_react18.default.createElement(
       "div",
       {
         role: "button",
@@ -18142,7 +18206,7 @@ function TargetRow(props) {
           e.currentTarget.style.background = "transparent";
         }
       },
-      import_react17.default.createElement("span", {
+      import_react18.default.createElement("span", {
         style: {
           color: "var(--dsw-alias-label-tertiary)",
           flexShrink: 0,
@@ -18152,22 +18216,22 @@ function TargetRow(props) {
           width: "12px"
         }
       }, open ? "\u25BE" : "\u25B8"),
-      import_react17.default.createElement("span", {
+      import_react18.default.createElement("span", {
         style: {
           color: iconColor,
           flexShrink: 0,
           display: "flex",
           alignItems: "center"
         }
-      }, import_react17.default.createElement(TargetIcon, { size: 16 })),
-      import_react17.default.createElement("span", {
+      }, import_react18.default.createElement(TargetIcon, { size: 16 })),
+      import_react18.default.createElement("span", {
         style: {
           overflow: "hidden",
           textOverflow: "ellipsis",
           whiteSpace: "nowrap"
         }
       }, target),
-      current && import_react17.default.createElement("span", {
+      current && import_react18.default.createElement("span", {
         style: {
           fontSize: "10px",
           color: "var(--dsw-alias-state-business-primary)",
@@ -18180,19 +18244,19 @@ function TargetRow(props) {
         }
       }, "active")
     ),
-    open && import_react17.default.createElement("div", { style: { marginLeft: "20px" } }, children)
+    open && import_react18.default.createElement("div", { style: { marginLeft: "20px" } }, children)
   );
 }
 function OutputView(props) {
   const { snapshot, command, sessionId, focusOutput } = props;
-  const [filter, setFilter] = (0, import_react17.useState)("all");
-  const [preview, setPreview] = (0, import_react17.useState)(null);
-  const [previewContent, setPreviewContent] = (0, import_react17.useState)(null);
-  const [previewLoading, setPreviewLoading] = (0, import_react17.useState)(false);
-  const [outputTree, setOutputTree] = (0, import_react17.useState)(null);
-  const [outputLoading, setOutputLoading] = (0, import_react17.useState)(false);
-  const [outputError, setOutputError] = (0, import_react17.useState)(null);
-  (0, import_react17.useEffect)(() => {
+  const [filter, setFilter] = (0, import_react18.useState)("all");
+  const [preview, setPreview] = (0, import_react18.useState)(null);
+  const [previewContent, setPreviewContent] = (0, import_react18.useState)(null);
+  const [previewLoading, setPreviewLoading] = (0, import_react18.useState)(false);
+  const [outputTree, setOutputTree] = (0, import_react18.useState)(null);
+  const [outputLoading, setOutputLoading] = (0, import_react18.useState)(false);
+  const [outputError, setOutputError] = (0, import_react18.useState)(null);
+  (0, import_react18.useEffect)(() => {
     if (snapshot === null) return;
     let cancelled = false;
     setOutputLoading(true);
@@ -18218,7 +18282,7 @@ function OutputView(props) {
   const targetTrees = outputTree !== null ? [outputTree] : [];
   const selectedPath = preview?.entry.path ?? null;
   const selectedTargetId = preview?.targetId ?? null;
-  const filteredTargets = (0, import_react17.useMemo)(() => {
+  const filteredTargets = (0, import_react18.useMemo)(() => {
     const base = filter === "all" ? targetTrees : (() => {
       const categoryMap = {
         all: [],
@@ -18239,7 +18303,7 @@ function OutputView(props) {
       )
     }));
   }, [targetTrees, filter, selectedPath, selectedTargetId]);
-  const openPreview = (0, import_react17.useCallback)(async (entry, targetId) => {
+  const openPreview = (0, import_react18.useCallback)(async (entry, targetId) => {
     if (entry.kind === "directory") return;
     setPreview({ entry, targetId });
     setPreviewContent(null);
@@ -18262,12 +18326,12 @@ function OutputView(props) {
       setPreviewLoading(false);
     }
   }, [command, sessionId]);
-  const closePreview = (0, import_react17.useCallback)(() => {
+  const closePreview = (0, import_react18.useCallback)(() => {
     setPreview(null);
     setPreviewContent(null);
   }, []);
-  const focusAppliedRef = (0, import_react17.useRef)(void 0);
-  (0, import_react17.useEffect)(() => {
+  const focusAppliedRef = (0, import_react18.useRef)(void 0);
+  (0, import_react18.useEffect)(() => {
     if (focusOutput === void 0 || focusOutput === focusAppliedRef.current) return;
     if (outputTree === null) return;
     focusAppliedRef.current = focusOutput;
@@ -18278,21 +18342,21 @@ function OutputView(props) {
   }, [focusOutput, outputTree, openPreview]);
   const initialLoading = outputTree === null && outputLoading;
   if (initialLoading) {
-    return import_react17.default.createElement("div", {
+    return import_react18.default.createElement("div", {
       style: { padding: "24px", color: "var(--dsw-alias-label-tertiary)", fontSize: "14px" }
     }, "Loading output tree...");
   }
   if (outputError !== null) {
-    return import_react17.default.createElement(
+    return import_react18.default.createElement(
       "div",
       { style: { padding: "24px" } },
-      import_react17.default.createElement("div", {
+      import_react18.default.createElement("div", {
         style: { color: "var(--dsw-status-error)", marginBottom: "12px", fontSize: "14px" }
       }, "Unable to load output tree"),
-      import_react17.default.createElement("div", {
+      import_react18.default.createElement("div", {
         style: { color: "var(--dsw-alias-label-tertiary)", fontSize: "12px", marginBottom: "12px" }
       }, outputError),
-      import_react17.default.createElement("button", {
+      import_react18.default.createElement("button", {
         onClick: () => {
           setOutputError(null);
           setOutputTree(null);
@@ -18322,22 +18386,22 @@ function OutputView(props) {
     );
   }
   if (snapshot === null) {
-    return import_react17.default.createElement("div", {
+    return import_react18.default.createElement("div", {
       style: { padding: "24px", color: "var(--dsw-alias-label-tertiary)", fontSize: "14px" }
     }, "No output data");
   }
   if (targetTrees.length === 0) {
-    return import_react17.default.createElement("div", {
+    return import_react18.default.createElement("div", {
       style: { padding: "24px", color: "var(--dsw-alias-label-tertiary)", fontSize: "14px" }
     }, "No output files");
   }
-  return import_react17.default.createElement(
+  return import_react18.default.createElement(
     "div",
     {
       style: { display: "flex", gap: "16px", flex: 1, height: "100%", minHeight: 0, minWidth: 0, overflow: "hidden" }
     },
     // Left: file tree
-    import_react17.default.createElement(
+    import_react18.default.createElement(
       "div",
       {
         style: {
@@ -18351,7 +18415,7 @@ function OutputView(props) {
         }
       },
       // Filter tabs (fixed)
-      import_react17.default.createElement(
+      import_react18.default.createElement(
         "div",
         {
           style: {
@@ -18360,7 +18424,7 @@ function OutputView(props) {
             paddingTop: "2px"
           }
         },
-        import_react17.default.createElement(PentesterTabBar, {
+        import_react18.default.createElement(PentesterTabBar, {
           items: OUTPUT_FILTER_TABS,
           active: filter,
           onSelect: (id) => setFilter(id),
@@ -18368,7 +18432,7 @@ function OutputView(props) {
         })
       ),
       // ── TreeViewport (scrollable) ──────────────────────────────────
-      import_react17.default.createElement(
+      import_react18.default.createElement(
         "div",
         {
           style: {
@@ -18381,7 +18445,7 @@ function OutputView(props) {
             scrollbarGutter: "stable"
           }
         },
-        import_react17.default.createElement("div", {
+        import_react18.default.createElement("div", {
           style: {
             fontSize: "11px",
             fontWeight: 600,
@@ -18393,7 +18457,7 @@ function OutputView(props) {
           }
         }, "Targets"),
         ...filteredTargets.map(
-          (t) => import_react17.default.createElement(TargetRow, {
+          (t) => import_react18.default.createElement(TargetRow, {
             key: t.targetId,
             targetId: t.targetId,
             target: t.target,
@@ -18408,7 +18472,7 @@ function OutputView(props) {
       )
     ),
     // Right: preview frame
-    import_react17.default.createElement(
+    import_react18.default.createElement(
       "div",
       {
         style: {
@@ -18423,7 +18487,7 @@ function OutputView(props) {
           background: "var(--dsw-alias-bg-base)"
         }
       },
-      preview === null ? import_react17.default.createElement("div", {
+      preview === null ? import_react18.default.createElement("div", {
         style: {
           flex: 1,
           display: "flex",
@@ -18432,40 +18496,63 @@ function OutputView(props) {
           color: "var(--dsw-alias-label-tertiary)",
           fontSize: "13px"
         }
-      }, "Select a file to preview") : import_react17.default.createElement(
-        import_react17.default.Fragment,
+      }, "Select a file to preview") : import_react18.default.createElement(
+        import_react18.default.Fragment,
         null,
         // PreviewHeader (fixed)
-        import_react17.default.createElement(
+        import_react18.default.createElement(
           "div",
           {
             style: {
               flex: "none",
               display: "flex",
               alignItems: "center",
-              justifyContent: "space-between",
               padding: "8px 12px",
               borderBottom: "1px solid var(--dsw-alias-border-l2)"
             }
           },
-          import_react17.default.createElement("div", {
-            style: { fontSize: "13px", fontWeight: 600, color: "var(--dsw-alias-label-primary)" }
-          }, preview.entry.name),
-          import_react17.default.createElement("button", {
-            onClick: closePreview,
+          // Filename
+          import_react18.default.createElement("div", {
             style: {
-              background: "none",
-              border: "none",
-              color: "var(--dsw-alias-label-tertiary)",
-              cursor: "pointer",
-              fontSize: "18px",
-              padding: "0 4px"
+              flex: 1,
+              minWidth: 0,
+              fontSize: "13px",
+              fontWeight: 600,
+              color: "var(--dsw-alias-label-primary)",
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap"
+            }
+          }, preview.entry.name),
+          // Actions
+          import_react18.default.createElement(
+            "div",
+            {
+              style: {
+                flex: "none",
+                display: "flex",
+                alignItems: "center",
+                gap: "4px",
+                marginLeft: "8px"
+              }
             },
-            "aria-label": "Close preview"
-          }, "\xD7")
+            previewContent !== null && previewContent.content !== void 0 && previewContent.mime !== "binary" && import_react18.default.createElement(CopyAction, { text: previewContent.content }),
+            import_react18.default.createElement("button", {
+              onClick: closePreview,
+              style: {
+                background: "none",
+                border: "none",
+                color: "var(--dsw-alias-label-tertiary)",
+                cursor: "pointer",
+                fontSize: "18px",
+                padding: "0 4px"
+              },
+              "aria-label": "Close preview"
+            }, "\xD7")
+          )
         ),
         // PreviewBody (scrollable)
-        import_react17.default.createElement(
+        import_react18.default.createElement(
           "div",
           {
             style: {
@@ -18479,7 +18566,7 @@ function OutputView(props) {
               padding: "12px"
             }
           },
-          previewLoading && import_react17.default.createElement("div", {
+          previewLoading && import_react18.default.createElement("div", {
             style: { color: "var(--dsw-alias-label-tertiary)", padding: "16px 0" }
           }, "Loading..."),
           previewContent !== null && renderPreview(previewContent)
@@ -18492,7 +18579,7 @@ function renderOutputTree(entry, depth, targetId, onSelect, selected, selectedPa
   if (entry.kind === "directory" && entry.children !== void 0 && entry.children.length > 0) {
     const isSelectedTarget = selectedTargetId === targetId;
     const containsSelected = isSelectedTarget && entryContainsSelected(entry, selectedPath);
-    return import_react17.default.createElement(FolderTreeRow, {
+    return import_react18.default.createElement(FolderTreeRow, {
       key: `${targetId}:${entry.path}`,
       name: entry.name,
       depth,
@@ -18504,7 +18591,7 @@ function renderOutputTree(entry, depth, targetId, onSelect, selected, selectedPa
     });
   }
   const isSelected = selected?.entry.path === entry.path && selected?.targetId === targetId;
-  return import_react17.default.createElement(FileRow, {
+  return import_react18.default.createElement(FileRow, {
     key: `${targetId}:${entry.path}`,
     name: entry.name,
     depth,
@@ -18515,33 +18602,33 @@ function renderOutputTree(entry, depth, targetId, onSelect, selected, selectedPa
 }
 function renderPreview(result) {
   if (result.mime === "binary") {
-    return import_react17.default.createElement(
+    return import_react18.default.createElement(
       "div",
       {
         style: { color: "var(--dsw-alias-label-tertiary)", fontSize: "13px", padding: "16px" }
       },
-      import_react17.default.createElement("div", { style: { marginBottom: "8px" } }, "Preview unavailable"),
-      import_react17.default.createElement("div", { style: { fontSize: "12px" } }, `Binary file \xB7 ${formatSize(result.size)}`),
-      import_react17.default.createElement("div", { style: { fontSize: "12px" } }, result.path)
+      import_react18.default.createElement("div", { style: { marginBottom: "8px" } }, "Preview unavailable"),
+      import_react18.default.createElement("div", { style: { fontSize: "12px" } }, `Binary file \xB7 ${formatSize(result.size)}`),
+      import_react18.default.createElement("div", { style: { fontSize: "12px" } }, result.path)
     );
   }
   if (result.content === void 0) {
-    return import_react17.default.createElement("div", {
+    return import_react18.default.createElement("div", {
       style: { color: "var(--dsw-alias-label-tertiary)", fontSize: "13px" }
     }, "No content available");
   }
   if (result.mime === "markdown") {
-    return import_react17.default.createElement(import_dsh_client_ui_primitives6.MarkdownText, { text: result.content });
+    return import_react18.default.createElement(import_dsh_client_ui_primitives7.MarkdownText, { text: result.content });
   }
   if (result.mime === "json") {
     try {
       const parsed = JSON.parse(result.content);
-      return import_react17.default.createElement(import_dsh_client_ui_primitives6.JsonTree, { data: parsed, label: result.name });
+      return import_react18.default.createElement(import_dsh_client_ui_primitives7.JsonTree, { data: parsed, label: result.name });
     } catch {
     }
   }
   const lines = result.content.split("\n");
-  return import_react17.default.createElement(import_dsh_client_ui_primitives6.ReadBlock, {
+  return import_react18.default.createElement(import_dsh_client_ui_primitives7.ReadBlock, {
     lines: lines.map((text, i) => ({ number: i + 1, text })),
     totalLines: lines.length,
     maxLines: 500
@@ -18616,13 +18703,13 @@ function resolveDelegationPresentationState(delegation, sessionList, rootSession
   return "unknown";
 }
 function useDelegationActivity(sessions, rootSessionId, delegations) {
-  const delegationSessionIds = (0, import_react18.useMemo)(
+  const delegationSessionIds = (0, import_react19.useMemo)(
     () => new Set(delegations.filter((d) => d.sessionId !== void 0).map((d) => d.sessionId)),
     [delegations]
   );
-  const prevSigRef = (0, import_react18.useRef)("");
-  const cachedMapRef = (0, import_react18.useRef)(/* @__PURE__ */ new Map());
-  const getSnapshot = (0, import_react18.useCallback)(() => {
+  const prevSigRef = (0, import_react19.useRef)("");
+  const cachedMapRef = (0, import_react19.useRef)(/* @__PURE__ */ new Map());
+  const getSnapshot = (0, import_react19.useCallback)(() => {
     const raw = sessions?.list.getSnapshot();
     if (raw === void 0) return cachedMapRef.current;
     const sig = computeActivitySignature(raw, rootSessionId, delegationSessionIds);
@@ -18636,7 +18723,7 @@ function useDelegationActivity(sessions, rootSessionId, delegations) {
     cachedMapRef.current = map2;
     return map2;
   }, [sessions, rootSessionId, delegationSessionIds, delegations]);
-  return (0, import_react18.useSyncExternalStore)(
+  return (0, import_react19.useSyncExternalStore)(
     sessions?.list.subscribe ?? (() => () => {
     }),
     getSnapshot
@@ -18648,7 +18735,7 @@ var RPC_PREFIX = "[PENTESTER_RPC]";
 var isPerf = typeof window !== "undefined" && window.__DSH_PENTESTER_PERF === true;
 function PentesterView(props) {
   const { sessionId, reflect, sessions, useSession, sessionSwitchTimes: sessionSwitchTimes2, sessionPerf } = props;
-  const mountTime = (0, import_react18.useRef)(performance.now());
+  const mountTime = (0, import_react19.useRef)(performance.now());
   const switchTime = sessionSwitchTimes2?.get(sessionId);
   if (isPerf) {
     console.log(`${PERF_PREFIX} mount=0ms`);
@@ -18657,8 +18744,8 @@ function PentesterView(props) {
     }
   }
   const openState = useSession?.((s) => s.openState);
-  const prevOpenState = (0, import_react18.useRef)(void 0);
-  (0, import_react18.useEffect)(() => {
+  const prevOpenState = (0, import_react19.useRef)(void 0);
+  (0, import_react19.useEffect)(() => {
     if (!sessionPerf || openState === void 0) return;
     if (openState !== prevOpenState.current) {
       const elapsed = (performance.now() - mountTime.current).toFixed(0);
@@ -18684,27 +18771,27 @@ function PentesterView(props) {
       prevOpenState.current = openState;
     }
   }, [openState, sessionPerf, switchTime]);
-  const [tab, setTab] = (0, import_react18.useState)("overview");
-  const [dataState, setDataState] = (0, import_react18.useState)({ kind: "initial" });
-  const [requestState, setRequestState] = (0, import_react18.useState)("idle");
-  const [navFocus, setNavFocus] = (0, import_react18.useState)({});
-  const [activeTargetId, setActiveTargetId] = (0, import_react18.useState)(null);
-  const requestSeqRef = (0, import_react18.useRef)(0);
-  const pendingRef = (0, import_react18.useRef)(null);
-  const mountedRef = (0, import_react18.useRef)(true);
-  const firstLoadDone = (0, import_react18.useRef)(false);
-  const pollingPausedRef = (0, import_react18.useRef)(false);
-  const backoffRef = (0, import_react18.useRef)(0);
-  const timerRef = (0, import_react18.useRef)(null);
-  const snapshotRef = (0, import_react18.useRef)(null);
-  const pentesterCommand = (0, import_react18.useCallback)((input2, timeoutMs) => {
+  const [tab, setTab] = (0, import_react19.useState)("overview");
+  const [dataState, setDataState] = (0, import_react19.useState)({ kind: "initial" });
+  const [requestState, setRequestState] = (0, import_react19.useState)("idle");
+  const [navFocus, setNavFocus] = (0, import_react19.useState)({});
+  const [activeTargetId, setActiveTargetId] = (0, import_react19.useState)(null);
+  const requestSeqRef = (0, import_react19.useRef)(0);
+  const pendingRef = (0, import_react19.useRef)(null);
+  const mountedRef = (0, import_react19.useRef)(true);
+  const firstLoadDone = (0, import_react19.useRef)(false);
+  const pollingPausedRef = (0, import_react19.useRef)(false);
+  const backoffRef = (0, import_react19.useRef)(0);
+  const timerRef = (0, import_react19.useRef)(null);
+  const snapshotRef = (0, import_react19.useRef)(null);
+  const pentesterCommand = (0, import_react19.useCallback)((input2, timeoutMs) => {
     const currentFace = reflect?.get("remote.pentesterView");
     return pentesterViewCommand(currentFace, input2, timeoutMs);
   }, [reflect]);
   const snapshot = dataState.kind === "bound" ? dataState.snapshot : null;
   const delegations = snapshot?.delegations ?? [];
   const liveActivity = useDelegationActivity(sessions, sessionId, delegations);
-  const loadSnapshot = (0, import_react18.useCallback)(async (reason) => {
+  const loadSnapshot = (0, import_react19.useCallback)(async (reason) => {
     if (reason !== "retry" && reason !== "refresh" && getPentesterEndpointState() === "missing") {
       if (isPerf) console.log(`${RPC_PREFIX} circuit-open endpoint=missing reason=${reason}`);
       return;
@@ -18822,7 +18909,7 @@ Client: ${mismatch.client}`,
       }
     }
   }, [pentesterCommand, sessionId, switchTime]);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     mountedRef.current = true;
     pollingPausedRef.current = false;
     backoffRef.current = 0;
@@ -18850,7 +18937,7 @@ Client: ${mismatch.client}`,
       if (timerRef.current !== null) clearTimeout(timerRef.current);
     };
   }, [loadSnapshot]);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     const onVisible = () => {
       if (document.visibilityState === "visible" && mountedRef.current && firstLoadDone.current && !pollingPausedRef.current) {
         loadSnapshot("visible");
@@ -18859,11 +18946,11 @@ Client: ${mismatch.client}`,
     document.addEventListener("visibilitychange", onVisible);
     return () => document.removeEventListener("visibilitychange", onVisible);
   }, [loadSnapshot]);
-  const navigate = (0, import_react18.useCallback)((targetTab, focus) => {
+  const navigate = (0, import_react19.useCallback)((targetTab, focus) => {
     setTab(targetTab);
     if (focus !== void 0) setNavFocus(focus);
   }, []);
-  const openSession = (0, import_react18.useCallback)((id) => {
+  const openSession = (0, import_react19.useCallback)((id) => {
     sessions?.open(id);
   }, [sessions]);
   const isInitialLoading = dataState.kind === "initial" && requestState === "pending";
@@ -18871,7 +18958,7 @@ Client: ${mismatch.client}`,
   const errorMsg = dataState.kind === "error" ? dataState.error : null;
   const errorCode = dataState.kind === "error" ? dataState.code : null;
   const hasSnapshot = snapshot !== null;
-  return import_react18.default.createElement(
+  return import_react19.default.createElement(
     "div",
     {
       "data-testid": "pentester-view",
@@ -18887,7 +18974,7 @@ Client: ${mismatch.client}`,
       }
     },
     // ── Layer 1: TabsBar (sticky) ────────────────────────────────────────
-    import_react18.default.createElement(
+    import_react19.default.createElement(
       "div",
       {
         "data-testid": "pentester-tabs-bar",
@@ -18901,7 +18988,7 @@ Client: ${mismatch.client}`,
           boxSizing: "border-box"
         }
       },
-      import_react18.default.createElement(PentesterTabBar, {
+      import_react19.default.createElement(PentesterTabBar, {
         items: PENTESTER_TABS.map((t) => ({
           id: t.id,
           label: t.id.charAt(0).toUpperCase() + t.id.slice(1)
@@ -18912,7 +18999,7 @@ Client: ${mismatch.client}`,
     ),
     // ── Refresh error banner ──────────────────────────────────────────────
     // Stale-while-revalidate: error + last good snapshot → show banner
-    errorMsg !== null && hasSnapshot && import_react18.default.createElement(
+    errorMsg !== null && hasSnapshot && import_react19.default.createElement(
       "div",
       {
         style: {
@@ -18926,8 +19013,8 @@ Client: ${mismatch.client}`,
           alignItems: "center"
         }
       },
-      import_react18.default.createElement("span", null, errorMsg),
-      import_react18.default.createElement("button", {
+      import_react19.default.createElement("span", null, errorMsg),
+      import_react19.default.createElement("button", {
         onClick: () => {
           if (pendingRef.current === null) {
             void loadSnapshot("retry");
@@ -18948,7 +19035,7 @@ Client: ${mismatch.client}`,
       }, isRetrying ? "Retrying\u2026" : "Retry")
     ),
     // ── Body: bounded flex viewport ────────────────────────────────────
-    import_react18.default.createElement(
+    import_react19.default.createElement(
       "div",
       {
         style: {
@@ -18962,17 +19049,17 @@ Client: ${mismatch.client}`,
         }
       },
       // Initial loading: shell is already visible, show skeleton
-      isInitialLoading && import_react18.default.createElement("div", {
+      isInitialLoading && import_react19.default.createElement("div", {
         style: { padding: "24px", color: "var(--dsw-alias-label-tertiary)", fontSize: "14px" }
       }, "Loading..."),
       // Error state (no last good snapshot)
-      dataState.kind === "error" && !hasSnapshot && import_react18.default.createElement(
+      dataState.kind === "error" && !hasSnapshot && import_react19.default.createElement(
         "div",
         { style: { padding: "24px" } },
-        import_react18.default.createElement("div", {
+        import_react19.default.createElement("div", {
           style: { color: "var(--dsw-status-error)", marginBottom: "12px", fontSize: "14px" }
         }, errorMsg ?? "Unknown error"),
-        import_react18.default.createElement("button", {
+        import_react19.default.createElement("button", {
           onClick: () => {
             if (pendingRef.current === null) {
               void loadSnapshot("retry");
@@ -18992,20 +19079,20 @@ Client: ${mismatch.client}`,
         }, isRetrying ? "Retrying\u2026" : "Retry")
       ),
       // Unbound state
-      dataState.kind === "unbound" && import_react18.default.createElement(
+      dataState.kind === "unbound" && import_react19.default.createElement(
         "div",
         { style: { padding: "24px" } },
-        import_react18.default.createElement("div", {
+        import_react19.default.createElement("div", {
           style: { fontSize: "14px", color: "var(--dsw-alias-label-tertiary)", marginBottom: "16px" }
         }, "This session is not bound to a pentest target."),
-        dataState.targets.length > 0 && import_react18.default.createElement(
+        dataState.targets.length > 0 && import_react19.default.createElement(
           "div",
           { style: { marginBottom: "12px" } },
-          import_react18.default.createElement("div", {
+          import_react19.default.createElement("div", {
             style: { fontSize: "13px", fontWeight: 600, marginBottom: "8px", color: "var(--dsw-alias-label-primary)" }
           }, "Existing targets"),
           ...dataState.targets.map(
-            (t) => import_react18.default.createElement(
+            (t) => import_react19.default.createElement(
               "div",
               {
                 key: t.id,
@@ -19020,17 +19107,17 @@ Client: ${mismatch.client}`,
                   fontSize: "13px"
                 }
               },
-              import_react18.default.createElement(
+              import_react19.default.createElement(
                 "div",
                 null,
-                import_react18.default.createElement("div", { style: { fontWeight: 500 } }, t.target),
-                import_react18.default.createElement(
+                import_react19.default.createElement("div", { style: { fontWeight: 500 } }, t.target),
+                import_react19.default.createElement(
                   "div",
                   { style: { color: "var(--dsw-alias-label-tertiary)", fontSize: "12px" } },
                   `${t.currentStage ?? "unknown"} \xB7 ${t.status}`
                 )
               ),
-              t.rootSessionId !== null && import_react18.default.createElement("button", {
+              t.rootSessionId !== null && import_react19.default.createElement("button", {
                 onClick: () => sessions?.open(t.rootSessionId),
                 style: {
                   padding: "4px 12px",
@@ -19045,7 +19132,7 @@ Client: ${mismatch.client}`,
             )
           )
         ),
-        import_react18.default.createElement("button", {
+        import_react19.default.createElement("button", {
           onClick: () => {
             if (pendingRef.current === null) {
               void loadSnapshot("refresh");
@@ -19066,7 +19153,7 @@ Client: ${mismatch.client}`,
         }, "Refresh")
       ),
       // Bound content — wrapped in a bounded viewport
-      dataState.kind === "bound" && import_react18.default.createElement(
+      dataState.kind === "bound" && import_react19.default.createElement(
         "div",
         {
           style: {
@@ -19078,20 +19165,20 @@ Client: ${mismatch.client}`,
             flexDirection: "column"
           }
         },
-        tab === "overview" && import_react18.default.createElement(
+        tab === "overview" && import_react19.default.createElement(
           ScrollablePage,
           null,
-          import_react18.default.createElement(OverviewView, {
+          import_react19.default.createElement(OverviewView, {
             snapshot,
             liveActivity,
             onNavigate: navigate,
             onOpenSession: openSession
           })
         ),
-        tab === "stages" && import_react18.default.createElement(
+        tab === "stages" && import_react19.default.createElement(
           ScrollablePage,
           null,
-          import_react18.default.createElement(StagesView, {
+          import_react19.default.createElement(StagesView, {
             snapshot,
             liveActivity,
             onNavigate: navigate,
@@ -19099,17 +19186,17 @@ Client: ${mismatch.client}`,
             focusStage: navFocus.stage
           })
         ),
-        tab === "findings" && import_react18.default.createElement(FindingsView, {
+        tab === "findings" && import_react19.default.createElement(FindingsView, {
           snapshot,
           command: pentesterCommand,
           sessionId,
           onNavigate: navigate,
           focusFinding: navFocus.finding
         }),
-        tab === "trace" && import_react18.default.createElement(
+        tab === "trace" && import_react19.default.createElement(
           ScrollablePage,
           null,
-          import_react18.default.createElement(TraceView, {
+          import_react19.default.createElement(TraceView, {
             snapshot,
             liveActivity,
             onNavigate: navigate,
@@ -19117,7 +19204,7 @@ Client: ${mismatch.client}`,
             activeTargetId
           })
         ),
-        tab === "output" && import_react18.default.createElement(OutputView, {
+        tab === "output" && import_react19.default.createElement(OutputView, {
           snapshot,
           command: pentesterCommand,
           sessionId,
@@ -19128,7 +19215,7 @@ Client: ${mismatch.client}`,
   );
 }
 function ScrollablePage(props) {
-  return import_react18.default.createElement("div", {
+  return import_react19.default.createElement("div", {
     style: {
       flex: 1,
       minHeight: 0,
@@ -19219,7 +19306,7 @@ var en = {
 };
 
 // src/build-id.ts
-var BUILD_ID = "2.3.0+2a31301";
+var BUILD_ID = "2.4.0+3a85fc6";
 
 // src/ui/client/plugin.tsx
 var SESSION_SWITCH_PERF = "[SESSION_SWITCH_PERF]";
@@ -19319,7 +19406,7 @@ function apply(ctx) {
           return { command: (input2) => dockerCommand(face, input2) };
         }
       },
-      (props) => import_react19.default.createElement(PentesterConfigSection, { ...props })
+      (props) => import_react20.default.createElement(PentesterConfigSection, { ...props })
     )
   );
   ctx.slots.inject("conversation.view", () => {
@@ -19366,7 +19453,7 @@ function apply(ctx) {
               }
             },
             (props) => {
-              return import_react19.default.createElement(PentesterView, {
+              return import_react20.default.createElement(PentesterView, {
                 sessionId: props.sessionId,
                 reflect: props.reflect,
                 sessions: props.sessions,