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

package/chunks/chunk-O7Q2PELK.mjs

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