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

package/react/chunks/chunk-LYRIQE5M.mjs

@@ -0,0 +1,29 @@
+import {
+  HarnessLogo
+} from "./chunk-VFOVJ4S3.mjs";
+import {
+  projectAgentActivity
+} from "./chunk-LS6JBXNT.mjs";
+
+// src/activity.jsx
+import { jsx, jsxs } from "react/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/react/chunks/chunk-NJC6S2AW.mjs

@@ -0,0 +1,201 @@
+import {
+  HarnessLogo
+} from "./chunk-VFOVJ4S3.mjs";
+import {
+  LoadingStatus
+} from "./chunk-UKMTRNJN.mjs";
+import {
+  boundedSet,
+  uiMemory
+} from "./chunk-UKHDCPME.mjs";
+import {
+  DEFAULT_LABELS,
+  filterSessions,
+  harnessDisplayName,
+  relativeAge,
+  sessionActivity,
+  sessionDisplayName
+} from "./chunk-LS6JBXNT.mjs";
+import {
+  UiIcon
+} from "./chunk-OINC7LV7.mjs";
+
+// src/sessions.jsx
+import { useEffect, useLayoutEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/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/react/chunks/chunk-OINC7LV7.mjs

@@ -0,0 +1,62 @@
+// src/icon.jsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var ICONS = {
+  agents: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("circle", { cx: "6", cy: "6.5", r: "2" }),
+    /* @__PURE__ */ jsx("path", { d: "M2.75 13c.45-2 1.55-3 3.25-3s2.8 1 3.25 3" }),
+    /* @__PURE__ */ jsx("circle", { cx: "12.25", cy: "7", r: "1.5" }),
+    /* @__PURE__ */ jsx("path", { d: "M10.5 10.75c1.95-.65 3.45.1 4 2.25" })
+  ] }),
+  attach: () => /* @__PURE__ */ jsx("path", { d: "M6.25 9.75 10.6 5.4a2.1 2.1 0 0 1 2.97 2.97l-5.4 5.4a3.3 3.3 0 0 1-4.67-4.66l5.52-5.52" }),
+  back: () => /* @__PURE__ */ jsx("path", { d: "m11.5 4.5-4.5 4.5 4.5 4.5" }),
+  check: () => /* @__PURE__ */ jsx("path", { d: "m4 9 3.25 3.25L14 5.5" }),
+  chevron: () => /* @__PURE__ */ jsx("path", { d: "m7 4.5 4.5 4.5L7 13.5" }),
+  close: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "m4.75 4.75 8.5 8.5" }),
+    /* @__PURE__ */ jsx("path", { d: "m13.25 4.75-8.5 8.5" })
+  ] }),
+  compose: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M11.75 3.75 14.25 6.25 7 13.5l-3.25.75.75-3.25 7.25-7.25Z" }),
+    /* @__PURE__ */ jsx("path", { d: "m10.5 5 2.5 2.5" })
+  ] }),
+  copy: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("rect", { x: "5", y: "5", width: "8", height: "8", rx: "1.5" }),
+    /* @__PURE__ */ jsx("path", { d: "M3 10.5V4.25C3 3.56 3.56 3 4.25 3h6.25" })
+  ] }),
+  down: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M9 3.5v10" }),
+    /* @__PURE__ */ jsx("path", { d: "m4.75 9.5 4.25 4 4.25-4" })
+  ] }),
+  image: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("rect", { x: "3", y: "3.5", width: "12", height: "11", rx: "1.75" }),
+    /* @__PURE__ */ jsx("circle", { cx: "6.5", cy: "7", r: "1.25" }),
+    /* @__PURE__ */ jsx("path", { d: "m4.5 13 3.25-3 2.1 1.85 1.65-1.5L14 13" })
+  ] }),
+  menu: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("circle", { cx: "4", cy: "9", r: "1.25", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ jsx("circle", { cx: "9", cy: "9", r: "1.25", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ jsx("circle", { cx: "14", cy: "9", r: "1.25", fill: "currentColor", stroke: "none" })
+  ] }),
+  plus: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M9 3.5v11" }),
+    /* @__PURE__ */ jsx("path", { d: "M3.5 9h11" })
+  ] }),
+  search: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("circle", { cx: "7.75", cy: "7.75", r: "4.25" }),
+    /* @__PURE__ */ jsx("path", { d: "m11 11 3.5 3.5" })
+  ] }),
+  send: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M9 14.5v-11" }),
+    /* @__PURE__ */ jsx("path", { d: "m4.75 7.75 4.25-4.25 4.25 4.25" })
+  ] }),
+  stop: () => /* @__PURE__ */ jsx("rect", { x: "4.5", y: "4.5", width: "9", height: "9", rx: "1.5", fill: "currentColor", stroke: "none" })
+};
+function UiIcon({ name, size = 16, class: className = "" }) {
+  const Glyph = ICONS[name];
+  if (!Glyph) return null;
+  return /* @__PURE__ */ jsx("svg", { className: `scui-icon ${className}`, style: { "--scui-icon-size": `${size}px` }, viewBox: "0 0 18 18", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx(Glyph, {}) });
+}
+
+export {
+  UiIcon
+};