@volter-ai-dev/supercode-ui 0.1.70 → 0.1.72

package/chunks/chunk-2FG7VKIW.mjs

@@ -0,0 +1,201 @@
+import {
+  HarnessLogo
+} from "./chunk-TKTOVDXB.mjs";
+import {
+  LoadingStatus
+} from "./chunk-LOP6XOON.mjs";
+import {
+  boundedSet,
+  uiMemory
+} from "./chunk-V3UM7H7W.mjs";
+import {
+  DEFAULT_LABELS,
+  filterSessions,
+  harnessDisplayName,
+  relativeAge,
+  sessionActivity,
+  sessionDisplayName
+} from "./chunk-LS6JBXNT.mjs";
+import {
+  UiIcon
+} from "./chunk-ZLYHUYE2.mjs";
+
+// src/sessions.jsx
+import { useEffect, useLayoutEffect, useRef, useState } from "preact/hooks";
+import { jsx, jsxs } from "preact/jsx-runtime";
+var sessionListMemory = uiMemory();
+function sessionPathParts(value) {
+  const complete = String(value ?? "").replaceAll("\\", "/");
+  const boundary = complete.lastIndexOf("/");
+  if (boundary < 0) return { complete, leading: complete, separator: "", trailing: "" };
+  return {
+    complete,
+    leading: complete.slice(0, boundary),
+    separator: "/",
+    trailing: complete.slice(boundary + 1)
+  };
+}
+function SessionRow({ row, state, onOpen, onOpenSubagents, now = Date.now() }) {
+  const activity = sessionActivity(state, row);
+  const working = activity === "working";
+  const attention = state.attention.find((item) => item.key === row.key);
+  const title = sessionDisplayName(row);
+  const path = sessionPathParts(row.cwd);
+  const preview = row.preview || attention?.preview || "";
+  const unreadCount = attention?.unreadCount ?? 0;
+  const unreadLabel = unreadCount > 99 ? "99+" : String(unreadCount);
+  const age = relativeAge(row.previewUpdatedAt ?? row.updatedAt, now) || row.age;
+  const nounBadges = [];
+  if (row.trigger && row.trigger.kind !== "manual" && row.trigger.kind !== "human") {
+    const runs = row.recurring?.runs;
+    const detail = row.trigger.label || row.trigger.surface || "";
+    nounBadges.push(
+      /* @__PURE__ */ jsxs("small", { className: "scui-session-noun", "data-noun": "trigger", "data-kind": row.trigger.kind, "data-surface": row.trigger.surface ?? void 0, "data-status": row.recurring?.lastStatus ?? void 0, children: [
+        row.trigger.kind,
+        detail ? ` \xB7 ${detail}` : "",
+        runs && runs > 1 ? ` \xB7 \xD7${runs}` : ""
+      ] }, "trigger")
+    );
+  }
+  if (row.crossSurface) {
+    nounBadges.push(
+      /* @__PURE__ */ jsxs("small", { className: "scui-session-noun", "data-noun": "cross-surface", "data-state": row.crossSurface.state, title: row.crossSurface.error ?? void 0, children: [
+        "\u2192",
+        row.crossSurface.platform ?? "elsewhere",
+        " \xB7 ",
+        row.crossSurface.state
+      ] }, "cross-surface")
+    );
+  }
+  if (row.participant && row.participant.kind !== "local-user") {
+    nounBadges.push(
+      /* @__PURE__ */ jsx("small", { className: "scui-session-noun", "data-noun": "participant", "data-kind": row.participant.kind, children: row.participant.kind === "foreign" ? `${row.participant.label ?? "someone else"}${row.participant.origin ? ` via ${row.participant.origin}` : ""}` : "unknown participant" }, "participant")
+    );
+  }
+  if (row.mirror) {
+    nounBadges.push(
+      /* @__PURE__ */ jsxs("small", { className: "scui-session-noun", "data-noun": "mirror", "data-truncated": row.mirror.truncated, children: [
+        "mirror of ",
+        harnessDisplayName(row.mirror.canonicalHarness)
+      ] }, "mirror")
+    );
+  }
+  if (row.workspaceRef?.kind === "channel") {
+    nounBadges.push(
+      /* @__PURE__ */ jsxs("small", { className: "scui-session-noun", "data-noun": "workspace", "data-kind": "channel", children: [
+        "#",
+        row.workspaceRef.value ?? "channel"
+      ] }, "workspace")
+    );
+  }
+  return /* @__PURE__ */ jsxs("article", { className: "scui-session", "data-active": row.active, "data-activity": activity, "data-writable": row.writable, "data-workspace-kind": row.workspaceRef?.kind, children: [
+    /* @__PURE__ */ jsxs("button", { className: "scui-session-main", "data-session-key": row.key, type: "button", "aria-label": `${title} \xB7 ${harnessDisplayName(row.harness)}${row.writable ? "" : " \xB7 Read-only"}${working ? " \xB7 Working" : ""}${path.complete ? ` \xB7 ${path.complete}` : ""}${preview ? ` \xB7 ${preview}` : ""}${unreadCount ? ` \xB7 ${unreadCount} unread` : ""}${age ? ` \xB7 ${age}` : ""}`, "aria-current": row.active ? "true" : void 0, onClick: () => onOpen(row), children: [
+      /* @__PURE__ */ jsx(HarnessLogo, { id: row.harness, activity, size: 34 }),
+      /* @__PURE__ */ jsxs("span", { className: "scui-session-copy", children: [
+        /* @__PURE__ */ jsx("span", { className: "scui-session-title", children: /* @__PURE__ */ jsx("strong", { children: title }) }),
+        nounBadges.length ? /* @__PURE__ */ jsx("span", { className: "scui-session-nouns", children: nounBadges }) : null,
+        path.complete ? /* @__PURE__ */ jsxs("small", { className: "scui-session-path", title: row.cwd, children: [
+          /* @__PURE__ */ jsx("span", { className: "scui-session-path-leading", children: path.leading }),
+          path.separator ? /* @__PURE__ */ jsx("span", { className: "scui-session-path-separator", children: path.separator }) : null,
+          path.trailing ? /* @__PURE__ */ jsx("span", { className: "scui-session-path-trailing", children: path.trailing }) : null
+        ] }) : null,
+        working || preview ? /* @__PURE__ */ jsxs("span", { className: "scui-session-preview", children: [
+          working ? /* @__PURE__ */ jsxs("span", { className: "scui-session-working", "aria-hidden": "true", children: [
+            /* @__PURE__ */ jsx("i", {}),
+            /* @__PURE__ */ jsx("i", {}),
+            /* @__PURE__ */ jsx("i", {})
+          ] }) : null,
+          preview || working ? /* @__PURE__ */ jsx("small", { children: preview || "Working\u2026" }) : null
+        ] }) : null,
+        state.attachError?.key === row.key ? /* @__PURE__ */ jsx("em", { children: state.attachError.message }) : null
+      ] })
+    ] }),
+    row.subagentCount || age || unreadCount ? /* @__PURE__ */ jsxs("span", { className: "scui-session-rail", children: [
+      /* @__PURE__ */ jsxs("span", { className: "scui-session-rail-meta", children: [
+        row.subagentCount ? /* @__PURE__ */ jsxs("button", { className: "scui-session-agents", type: "button", title: `${row.subagentCount} agent sessions`, "aria-label": `Open ${row.subagentCount} agent sessions in ${title}`, onClick: () => onOpenSubagents?.(row), children: [
+          /* @__PURE__ */ jsx(UiIcon, { name: "agents", size: 14 }),
+          /* @__PURE__ */ jsx("span", { children: row.subagentCount })
+        ] }) : null,
+        age ? /* @__PURE__ */ jsx("time", { children: age }) : null
+      ] }),
+      unreadCount ? /* @__PURE__ */ jsx("b", { "aria-label": `${unreadCount} unread messages`, children: unreadLabel }) : null
+    ] }) : null
+  ] });
+}
+function SessionList({ state, adapter, onOpen, onOpenSubagents, onNew, onClose, components = {}, slots = {}, labels = DEFAULT_LABELS, focusKey = null, memoryKey = state.workspace || "@default", headerActions: HeaderActions }) {
+  const remembered = sessionListMemory.get(memoryKey) ?? { query: "", top: 0 };
+  const [query, setQuery] = useState(remembered.query);
+  const [loadingMore, setLoadingMore] = useState(false);
+  const [now, setNow] = useState(() => Date.now());
+  const root = useRef(null);
+  const rowScroller = useRef(null);
+  const rows = filterSessions(state.sessions, query);
+  const Row = components.SessionRow ?? SessionRow;
+  const ListHeader = slots.listHeader;
+  const ListToolbarActions = slots.listToolbarActions;
+  const BeforeSessions = slots.beforeSessions;
+  const AfterSessions = slots.afterSessions;
+  useLayoutEffect(() => {
+    if (rowScroller.current) rowScroller.current.scrollTop = remembered.top;
+  }, [memoryKey]);
+  useEffect(() => {
+    if (!focusKey || !root.current) return;
+    const target = focusKey === "@new" ? root.current.querySelector('[data-list-focus="new"]') : [...root.current.querySelectorAll("[data-session-key]")].find((element) => element.dataset.sessionKey === focusKey);
+    (target ?? root.current.querySelector("input,button"))?.focus({ preventScroll: true });
+  }, [focusKey, rows.length]);
+  useEffect(() => {
+    if (loadingMore) setLoadingMore(false);
+  }, [state.error, state.history.hasMoreSessions, state.sessions.length]);
+  useEffect(() => {
+    const timer = setInterval(() => setNow(Date.now()), 1e4);
+    return () => clearInterval(timer);
+  }, []);
+  const loadMore = () => {
+    if (loadingMore) return;
+    setLoadingMore(true);
+    const result = adapter.onIntent({ action: "loadSessions" });
+    if (result && typeof result.then === "function") {
+      Promise.resolve(result).then(() => setLoadingMore(false), () => setLoadingMore(false));
+    }
+  };
+  return /* @__PURE__ */ jsxs("section", { className: "scui-list", ref: root, children: [
+    ListHeader ? /* @__PURE__ */ jsx(ListHeader, { state, adapter, value: { query, rows, onNew } }) : /* @__PURE__ */ jsxs("header", { className: "scui-head", children: [
+      /* @__PURE__ */ jsxs("span", { className: "scui-head-copy", children: [
+        /* @__PURE__ */ jsx("strong", { children: labels.chats }),
+        /* @__PURE__ */ jsxs("small", { children: [
+          state.sessions.length,
+          " recent conversations"
+        ] })
+      ] }),
+      HeaderActions ? /* @__PURE__ */ jsx(HeaderActions, { state, adapter, value: "list" }) : null,
+      /* @__PURE__ */ jsx("button", { type: "button", "data-list-focus": "new", "aria-label": labels.newChat, disabled: !state.harnesses.some((item) => item.startable), onClick: onNew, children: /* @__PURE__ */ jsx(UiIcon, { name: "plus", size: 18 }) }),
+      onClose ? /* @__PURE__ */ jsx("button", { type: "button", "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx(UiIcon, { name: "close", size: 18 }) }) : null
+    ] }),
+    state.startup !== "ready" ? /* @__PURE__ */ jsx(LoadingStatus, { state, compact: rows.length > 0 }) : null,
+    state.sessions.length > 4 || ListToolbarActions ? /* @__PURE__ */ jsxs("div", { className: "scui-list-toolbar", children: [
+      state.sessions.length > 4 ? /* @__PURE__ */ jsxs("label", { className: "scui-search", children: [
+        /* @__PURE__ */ jsx(UiIcon, { name: "search", size: 15 }),
+        /* @__PURE__ */ jsx("input", { type: "search", "aria-label": labels.searchChats, placeholder: labels.searchChats, value: query, onInput: (event) => {
+          const value = event.currentTarget.value;
+          setQuery(value);
+          boundedSet(sessionListMemory, memoryKey, { query: value, top: 0 });
+          if (rowScroller.current) rowScroller.current.scrollTop = 0;
+        } }),
+        query ? /* @__PURE__ */ jsx("small", { children: rows.length }) : null
+      ] }) : null,
+      ListToolbarActions ? /* @__PURE__ */ jsx(ListToolbarActions, { state, adapter, value: { query, rows, onNew, canStart: state.harnesses.some((item) => item.startable) } }) : null
+    ] }) : null,
+    /* @__PURE__ */ jsxs("div", { className: "scui-session-rows", ref: rowScroller, onScroll: (event) => boundedSet(sessionListMemory, memoryKey, { query, top: event.currentTarget.scrollTop }), children: [
+      BeforeSessions ? /* @__PURE__ */ jsx(BeforeSessions, { state, adapter, value: { query, rows } }) : null,
+      !rows.length && state.startup === "ready" ? /* @__PURE__ */ jsx("div", { className: "scui-empty", children: query ? "No chats match your search." : state.error ?? "No coding chats found." }) : null,
+      rows.map((row) => /* @__PURE__ */ jsx(Row, { value: row, row, state, adapter, onOpen, onOpenSubagents, now }, row.key)),
+      state.history.hasMoreSessions ? /* @__PURE__ */ jsx("button", { className: "scui-load", type: "button", disabled: loadingMore, onClick: loadMore, children: loadingMore ? "Loading older chats\u2026" : "Load older chats" }) : null,
+      AfterSessions ? /* @__PURE__ */ jsx(AfterSessions, { state, adapter, value: { query, rows } }) : null
+    ] })
+  ] });
+}
+
+export {
+  SessionRow,
+  SessionList
+};

package/chunks/chunk-4XUMCWPC.mjs

@@ -0,0 +1,29 @@
+import {
+  HarnessLogo
+} from "./chunk-TKTOVDXB.mjs";
+import {
+  projectAgentActivity
+} from "./chunk-LS6JBXNT.mjs";
+
+// src/activity.jsx
+import { jsx, jsxs } from "preact/jsx-runtime";
+function AgentActivityLauncher({ state, onOpen, class: className = "", showSummary = false, components = {} }) {
+  const value = projectAgentActivity(state);
+  const Logo = components.HarnessLogo ?? HarnessLogo;
+  const badge = value.unreadCount > 99 ? "99+" : String(value.unreadCount);
+  const label = [value.title, value.detail, value.unreadCount ? `${value.unreadCount} unread` : ""].filter(Boolean).join(" \xB7 ");
+  return /* @__PURE__ */ jsxs("button", { className: `scui-launcher ${className}`, "data-activity": value.activity, "data-unread-tone": value.unreadTone, type: "button", "aria-label": `Open ${label}`, onClick: () => onOpen?.(value), children: [
+    /* @__PURE__ */ jsxs("span", { className: "scui-launcher-logo", children: [
+      /* @__PURE__ */ jsx(Logo, { id: value.harness || "supercode", activity: value.activity, size: 36 }),
+      value.unreadCount ? /* @__PURE__ */ jsx("b", { "aria-hidden": "true", children: badge }) : null
+    ] }),
+    showSummary ? /* @__PURE__ */ jsxs("span", { className: "scui-launcher-copy", children: [
+      /* @__PURE__ */ jsx("strong", { children: value.title }),
+      /* @__PURE__ */ jsx("small", { children: value.detail })
+    ] }) : null
+  ] });
+}
+
+export {
+  AgentActivityLauncher
+};

package/chunks/chunk-E65I2I2L.mjs

@@ -0,0 +1,120 @@
+import {
+  HarnessLogo
+} from "./chunk-TKTOVDXB.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
+};