@volter-ai-dev/supercode-ui 0.1.69 → 0.1.71

package/chunks/chunk-LQMYNJPU.mjs

@@ -0,0 +1,120 @@
+import {
+  HarnessLogo
+} from "./chunk-ATCOWFRV.mjs";
+import {
+  Conversation
+} from "./chunk-LOP6XOON.mjs";
+import {
+  harnessDisplayName,
+  sessionDisplayName
+} from "./chunk-LS6JBXNT.mjs";
+import {
+  UiIcon
+} from "./chunk-ZLYHUYE2.mjs";
+
+// src/subagents.jsx
+import { useEffect, useRef, useState } from "preact/hooks";
+import { jsx, jsxs } from "preact/jsx-runtime";
+var ACTIVE_ACTIVITY = /* @__PURE__ */ new Set(["working", "running", "recent"]);
+function activityLabel(activity, age) {
+  if (activity === "needs-input") return "Needs input";
+  if (activity === "failed") return "Failed";
+  if (activity === "unseen") return "New update";
+  if (activity === "working") return "Working";
+  if (activity === "running") return "Running";
+  if (activity === "recent") return "Recent";
+  if (activity === "finished") return "Finished";
+  return age;
+}
+function SubagentRow({ row, inspector, adapter }) {
+  return /* @__PURE__ */ jsxs("button", { className: "scui-subagent-row", type: "button", "data-activity": row.activity ?? "idle", onClick: () => adapter.onIntent({ action: "openSubagent", parentKey: inspector.parentKey, key: row.key }), children: [
+    /* @__PURE__ */ jsx(HarnessLogo, { id: row.harness, activity: row.activity, size: 30 }),
+    /* @__PURE__ */ jsxs("span", { children: [
+      /* @__PURE__ */ jsx("strong", { children: sessionDisplayName(row) }),
+      /* @__PURE__ */ jsx("small", { children: row.preview || (row.activity === "working" ? "Working\u2026" : row.cwd) })
+    ] }),
+    /* @__PURE__ */ jsxs("span", { children: [
+      /* @__PURE__ */ jsx("small", { children: activityLabel(row.activity, row.age) }),
+      /* @__PURE__ */ jsx(UiIcon, { name: "chevron", size: 14 })
+    ] })
+  ] });
+}
+function SubagentSection({ label, rows, inspector, adapter }) {
+  if (!rows.length) return null;
+  return /* @__PURE__ */ jsxs("section", { className: "scui-subagent-section", "aria-labelledby": `scui-subagents-${label.toLowerCase().replaceAll(" ", "-")}`, children: [
+    /* @__PURE__ */ jsx("h2", { id: `scui-subagents-${label.toLowerCase().replaceAll(" ", "-")}`, children: label }),
+    rows.map((row) => /* @__PURE__ */ jsx(SubagentRow, { row, inspector, adapter }, row.key))
+  ] });
+}
+function SubagentInspectorContent({ state, adapter, onClose, inspector }) {
+  const selected = inspector.items.find((row) => row.key === inspector.selectedKey) ?? null;
+  const active = inspector.items.filter((row) => ACTIVE_ACTIVITY.has(row.activity));
+  const history = inspector.items.filter((row) => !ACTIVE_ACTIVITY.has(row.activity));
+  const [historyOpen, setHistoryOpen] = useState(false);
+  const backButton = useRef(null);
+  useEffect(() => {
+    if (inspector.status === "ready" && !active.length) setHistoryOpen(true);
+  }, [inspector.parentKey, inspector.status]);
+  useEffect(() => {
+    backButton.current?.focus({ preventScroll: true });
+  }, [selected?.key]);
+  const detailState = selected ? {
+    ...state,
+    transcript: inspector.transcript,
+    busy: selected.activity === "working",
+    needsInput: selected.activity === "needs-input",
+    harness: selected.harness,
+    mode: "mirror",
+    canSend: false,
+    canSteer: false,
+    canInterrupt: false,
+    canRespond: false,
+    taskPlan: { source: "none", items: [], residueCount: 0, observedAt: null },
+    semantics: { fidelity: null, residue: [], residueCount: 0, parseErrors: 0, rawRecords: 0, subagents: [] },
+    history: { ...state.history, hasEarlier: false }
+  } : null;
+  const leave = () => {
+    adapter.onIntent({ action: "closeSubagents" });
+    onClose();
+  };
+  const back = () => selected ? adapter.onIntent({ action: "openSubagents", key: inspector.parentKey }) : leave();
+  return /* @__PURE__ */ jsxs("section", { className: "scui-subagents", "aria-label": `Agents for ${inspector.parentTitle}`, children: [
+    /* @__PURE__ */ jsxs("header", { className: "scui-head", children: [
+      /* @__PURE__ */ jsx("button", { ref: backButton, type: "button", "aria-label": selected ? "Back to agents" : "Back to chats", onClick: back, children: /* @__PURE__ */ jsx(UiIcon, { name: "back", size: 17 }) }),
+      selected ? /* @__PURE__ */ jsx(HarnessLogo, { id: selected.harness, activity: selected.activity, size: 24 }) : /* @__PURE__ */ jsx(UiIcon, { name: "agents", size: 20 }),
+      /* @__PURE__ */ jsxs("span", { className: "scui-head-copy", children: [
+        /* @__PURE__ */ jsx("strong", { children: selected ? sessionDisplayName(selected) : "Agents" }),
+        /* @__PURE__ */ jsx("small", { children: selected ? `${harnessDisplayName(selected.harness)} \xB7 Read-only` : `${inspector.items.length} ${inspector.items.length === 1 ? "session" : "sessions"} \xB7 ${inspector.parentTitle}` })
+      ] })
+    ] }),
+    inspector.status === "loading" ? /* @__PURE__ */ jsxs("div", { className: "scui-subagents-loading", role: "status", children: [
+      /* @__PURE__ */ jsx("i", {}),
+      /* @__PURE__ */ jsxs("span", { children: [
+        /* @__PURE__ */ jsx("strong", { children: selected ? "Loading subagent" : "Finding subagents" }),
+        /* @__PURE__ */ jsx("small", { children: selected ? "Reading a bounded recent transcript\u2026" : "Reading native session relationships\u2026" })
+      ] })
+    ] }) : null,
+    inspector.error ? /* @__PURE__ */ jsx("div", { className: "scui-error", role: "alert", children: inspector.error }) : null,
+    !selected && inspector.status === "ready" && inspector.items.length ? /* @__PURE__ */ jsxs("div", { className: "scui-subagent-rows", children: [
+      /* @__PURE__ */ jsx(SubagentSection, { label: "Active", rows: active, inspector, adapter }),
+      history.length ? /* @__PURE__ */ jsxs("details", { className: "scui-subagent-history", open: historyOpen, onToggle: (event) => setHistoryOpen(event.currentTarget.open), children: [
+        /* @__PURE__ */ jsxs("summary", { children: [
+          /* @__PURE__ */ jsx("span", { children: "History" }),
+          /* @__PURE__ */ jsx("small", { children: history.length }),
+          /* @__PURE__ */ jsx(UiIcon, { name: "chevron", size: 14 })
+        ] }),
+        /* @__PURE__ */ jsx("div", { children: history.map((row) => /* @__PURE__ */ jsx(SubagentRow, { row, inspector, adapter }, row.key)) })
+      ] }) : null
+    ] }) : null,
+    !selected && inspector.status === "ready" && !inspector.items.length ? /* @__PURE__ */ jsx("div", { className: "scui-empty", children: "No native child sessions were found." }) : null,
+    selected && inspector.status === "ready" && detailState ? /* @__PURE__ */ jsx(Conversation, { state: detailState, adapter, memoryKey: `subagent:${selected.key}` }) : null
+  ] });
+}
+function SubagentInspector({ state, adapter, onClose }) {
+  if (!state.subagentInspector) return null;
+  return /* @__PURE__ */ jsx(SubagentInspectorContent, { state, adapter, onClose, inspector: state.subagentInspector });
+}
+
+export {
+  SubagentInspector
+};