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

package/chunks/chunk-V3UM7H7W.mjs

@@ -0,0 +1,328 @@
+import {
+  UiIcon
+} from "./chunk-ZLYHUYE2.mjs";
+
+// src/memory.js
+var MEMORY_LIMIT = 100;
+var registry = /* @__PURE__ */ new Set();
+function uiMemory() {
+  const map = /* @__PURE__ */ new Map();
+  registry.add(map);
+  return map;
+}
+function resetSupercodeUiMemory() {
+  for (const map of registry) map.clear();
+}
+function boundedSet(map, key, value) {
+  map.delete(key);
+  map.set(key, value);
+  while (map.size > MEMORY_LIMIT) map.delete(map.keys().next().value);
+}
+
+// src/context.jsx
+import { useEffect, useRef, useState } from "preact/hooks";
+import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
+var MAX_CONTEXT_ITEMS = 32;
+var MAX_IMAGE_ITEMS = 4;
+var MAX_IMAGE_BYTES = 5 * 1024 * 1024;
+var MAX_RESOLVED_IMAGE_BYTES = 16 * 1024 * 1024;
+var IMAGE_TYPES = /* @__PURE__ */ new Set(["image/png", "image/jpeg", "image/gif", "image/webp"]);
+function normalizeContext(value) {
+  return (Array.isArray(value) ? value : value ? [value] : []).flatMap((item) => {
+    if (!item || typeof item.label !== "string" || typeof item.detail !== "string") return [];
+    const label = item.label.trim().slice(0, 200);
+    const detail = item.detail.slice(0, 2e4);
+    if (!label || !detail) return [];
+    return [{
+      ...typeof item.id === "string" && item.id ? { id: item.id.slice(0, 2e3) } : {},
+      ...typeof item.kind === "string" && item.kind ? { kind: item.kind.slice(0, 100) } : {},
+      label,
+      detail
+    }];
+  }).slice(0, MAX_CONTEXT_ITEMS);
+}
+function mergeContext(current, picked) {
+  const next = [...current];
+  const seen = new Set(current.map((item) => item.id ? `id:${item.id}` : `value:${item.kind ?? ""}\0${item.label}\0${item.detail}`));
+  for (const item of normalizeContext(picked)) {
+    const key = item.id ? `id:${item.id}` : `value:${item.kind ?? ""}\0${item.label}\0${item.detail}`;
+    if (seen.has(key)) continue;
+    seen.add(key);
+    next.push(item);
+    if (next.length === MAX_CONTEXT_ITEMS) break;
+  }
+  return next;
+}
+function normalizeImages(value) {
+  const seen = /* @__PURE__ */ new Set();
+  return (Array.isArray(value) ? value : value ? [value] : []).flatMap((item) => {
+    if (!item || typeof item.label !== "string" || typeof item.url !== "string") return [];
+    const label = item.label.trim().slice(0, 200);
+    const url = item.url;
+    if (!label || seen.has(url) || !(url.startsWith("data:image/") || url.startsWith("https://") || url.startsWith("http://"))) return [];
+    seen.add(url);
+    return [{
+      ...typeof item.id === "string" && item.id ? { id: item.id.slice(0, 2e3) } : {},
+      label,
+      url
+    }];
+  }).slice(0, MAX_IMAGE_ITEMS);
+}
+function mergeImages(current, picked) {
+  const next = [...current];
+  const seen = new Set(current.map((item) => item.url));
+  for (const item of normalizeImages(picked)) {
+    if (seen.has(item.url)) continue;
+    seen.add(item.url);
+    next.push(item);
+    if (next.length === MAX_IMAGE_ITEMS) break;
+  }
+  return next;
+}
+function partitionAttachments(value) {
+  const values = Array.isArray(value) ? value : value ? [value] : [];
+  const context = [];
+  const images = [];
+  for (const item of values) {
+    if (item && typeof item.label === "string" && item.label.trim() && typeof item.detail === "string" && item.detail) context.push(item);
+    else if (item && typeof item.label === "string" && item.label.trim() && typeof item.url === "string" && (item.url.startsWith("data:image/") || item.url.startsWith("https://") || item.url.startsWith("http://"))) images.push(item);
+    else throw new Error("The attachment picker returned an invalid item.");
+  }
+  return { context, images };
+}
+function normalizeAttachmentCandidates(value) {
+  const candidates = [];
+  for (const item of Array.isArray(value) ? value : []) {
+    const context = normalizeContext(item)[0];
+    if (context) {
+      candidates.push(context);
+      continue;
+    }
+    const image = normalizeImages(item)[0];
+    if (image) candidates.push(image);
+  }
+  return candidates.slice(0, MAX_CONTEXT_ITEMS + MAX_IMAGE_ITEMS);
+}
+function attachmentKey(item) {
+  if (item.id) return `id:${item.id}`;
+  return "detail" in item ? `context:${item.kind ?? ""}\0${item.label}\0${item.detail}` : `image:${item.url}`;
+}
+function ContextCandidate({ attachment, attached, onAttach }) {
+  const image = "url" in attachment;
+  return /* @__PURE__ */ jsxs("button", { type: "button", disabled: attached, "aria-label": `${attached ? "Attached" : "Attach"} ${attachment.label}`, onClick: () => onAttach(attachment), children: [
+    image ? /* @__PURE__ */ jsx("img", { src: attachment.url, alt: "" }) : /* @__PURE__ */ jsx(UiIcon, { name: "attach", size: 13 }),
+    /* @__PURE__ */ jsxs("span", { children: [
+      /* @__PURE__ */ jsx("strong", { children: attachment.label }),
+      /* @__PURE__ */ jsx("small", { children: image ? "Image" : attachment.kind || "Context" })
+    ] }),
+    attached ? /* @__PURE__ */ jsx(UiIcon, { name: "check", size: 13 }) : /* @__PURE__ */ jsx(UiIcon, { name: "plus", size: 13 })
+  ] });
+}
+function ContextCandidates({ items, context, images, state, adapter, onAttach, component: Candidate = ContextCandidate }) {
+  if (!items.length) return null;
+  const attached = new Set([...context, ...images].map(attachmentKey));
+  return /* @__PURE__ */ jsx("div", { className: "scui-context-candidates", "aria-label": "Available context", children: items.map((attachment, index) => /* @__PURE__ */ jsx(Candidate, { value: attachment, attachment, attached: attached.has(attachmentKey(attachment)), state, adapter, onAttach, index }, attachmentKey(attachment))) });
+}
+async function imageAttachmentsFromFiles(value) {
+  const files = Array.from(value ?? []).filter((file) => file?.type?.startsWith("image/"));
+  if (files.length > MAX_IMAGE_ITEMS) throw new Error(`Attach at most ${MAX_IMAGE_ITEMS} images at a time.`);
+  return Promise.all(files.map(async (file) => {
+    if (!IMAGE_TYPES.has(file.type)) throw new Error(`${file.name || "That image"} is not PNG, JPEG, GIF, or WebP.`);
+    if (file.size > MAX_IMAGE_BYTES) throw new Error(`${file.name || "That image"} is larger than 5 MB.`);
+    const url = await new Promise((resolve, reject) => {
+      const reader = new FileReader();
+      reader.onload = () => resolve(reader.result);
+      reader.onerror = () => reject(reader.error ?? new Error(`Could not read ${file.name || "image"}.`));
+      reader.readAsDataURL(file);
+    });
+    return { id: `${file.name}:${file.size}:${file.lastModified}`, label: file.name || "Pasted image", url };
+  }));
+}
+function ContextTray({ items, onRemove }) {
+  if (!items.length) return null;
+  return /* @__PURE__ */ jsx("div", { className: "scui-compose-context", "aria-label": "Attached context", children: items.map((item, index) => /* @__PURE__ */ jsxs("span", { children: [
+    /* @__PURE__ */ jsx(UiIcon, { name: "attach", size: 12 }),
+    /* @__PURE__ */ jsx("strong", { children: item.label }),
+    /* @__PURE__ */ jsx("button", { type: "button", "aria-label": `Remove context ${item.label}`, onClick: () => onRemove(index), children: /* @__PURE__ */ jsx(UiIcon, { name: "close", size: 12 }) })
+  ] }, item.id ?? `${item.label}:${index}`)) });
+}
+function ImageTray({ items, onRemove }) {
+  if (!items.length) return null;
+  return /* @__PURE__ */ jsx("div", { className: "scui-compose-images", "aria-label": "Attached images", children: items.map((item, index) => /* @__PURE__ */ jsxs("span", { children: [
+    /* @__PURE__ */ jsx("img", { src: item.url, alt: "" }),
+    /* @__PURE__ */ jsx("strong", { children: item.label }),
+    onRemove ? /* @__PURE__ */ jsx("button", { type: "button", "aria-label": `Remove image ${item.label}`, onClick: () => onRemove(index), children: /* @__PURE__ */ jsx(UiIcon, { name: "close", size: 12 }) }) : null
+  ] }, item.id ?? `${item.label}:${index}`)) });
+}
+function imageFilename(label) {
+  const value = label.trim().replace(/[\\/:*?"<>|]+/g, "-");
+  return value || "image";
+}
+function ImageViewer({ items, index, adapter, onChange, onClose }) {
+  const dialog = useRef(null);
+  const reset = useRef(null);
+  const resolutions = useRef(/* @__PURE__ */ new Map());
+  const alive = useRef(true);
+  const [, redraw] = useState(0);
+  const [copyState, setCopyState] = useState("idle");
+  const item = items[index];
+  const key = item?.reference ?? item?.url ?? `${item?.id ?? ""}:${index}`;
+  const resolution = item?.url ? null : resolutions.current.get(key);
+  const imageUrl = item?.url ?? (resolution?.status === "ready" ? resolution.url : null);
+  const remote = imageUrl?.startsWith("http://") || imageUrl?.startsWith("https://");
+  const resolve = (candidate, force = false) => {
+    if (candidate?.url || !candidate?.reference || !adapter?.resolveImage) return;
+    const candidateKey = candidate.reference;
+    const current = resolutions.current.get(candidateKey);
+    if (!force && (current?.status === "loading" || current?.status === "ready")) return;
+    if (current?.url) URL.revokeObjectURL(current.url);
+    resolutions.current.set(candidateKey, { status: "loading" });
+    redraw((value) => value + 1);
+    Promise.resolve().then(() => adapter.resolveImage(candidate)).then((blob) => {
+      if (!(blob instanceof Blob) || !blob.type.startsWith("image/")) throw new Error("The host returned an invalid image.");
+      if (blob.size > MAX_RESOLVED_IMAGE_BYTES) throw new Error("This image is too large to preview safely.");
+      if (!alive.current) return;
+      const url = URL.createObjectURL(blob);
+      resolutions.current.set(candidateKey, { status: "ready", url });
+      redraw((value) => value + 1);
+    }).catch((error) => {
+      if (!alive.current) return;
+      resolutions.current.set(candidateKey, {
+        status: "error",
+        message: error instanceof Error && error.message ? error.message : "Could not load this image."
+      });
+      redraw((value) => value + 1);
+    });
+  };
+  useEffect(() => {
+    alive.current = true;
+    if (!dialog.current?.open) dialog.current?.showModal();
+    return () => {
+      alive.current = false;
+      clearTimeout(reset.current);
+      for (const value of resolutions.current.values()) if (value.url) URL.revokeObjectURL(value.url);
+      resolutions.current.clear();
+    };
+  }, []);
+  useEffect(() => {
+    clearTimeout(reset.current);
+    setCopyState("idle");
+    resolve(item);
+  }, [index, item?.reference]);
+  if (!item || !item.url && (!item.reference || !adapter?.resolveImage)) return null;
+  const move = (amount) => onChange((index + amount + items.length) % items.length);
+  const copy = async () => {
+    try {
+      await adapter.copyText(imageUrl);
+      setCopyState("copied");
+    } catch {
+      setCopyState("failed");
+    }
+    clearTimeout(reset.current);
+    reset.current = setTimeout(() => setCopyState("idle"), 1500);
+  };
+  const close = () => dialog.current?.close();
+  return /* @__PURE__ */ jsxs(
+    "dialog",
+    {
+      ref: dialog,
+      className: "scui-image-viewer",
+      "aria-label": `Image preview: ${item.label}`,
+      onClose,
+      onClick: (event) => {
+        if (event.target === event.currentTarget) close();
+      },
+      onKeyDown: (event) => {
+        if (items.length < 2 || !["ArrowLeft", "ArrowRight"].includes(event.key)) return;
+        event.preventDefault();
+        move(event.key === "ArrowLeft" ? -1 : 1);
+      },
+      children: [
+        /* @__PURE__ */ jsxs("header", { children: [
+          /* @__PURE__ */ jsxs("span", { children: [
+            /* @__PURE__ */ jsx("strong", { children: item.label }),
+            items.length > 1 ? /* @__PURE__ */ jsxs("small", { children: [
+              index + 1,
+              " of ",
+              items.length
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ jsxs("nav", { "aria-label": "Image actions", children: [
+            remote && adapter?.copyText ? /* @__PURE__ */ jsx("button", { type: "button", "aria-label": copyState === "copied" ? "Image link copied" : copyState === "failed" ? "Could not copy image link" : "Copy image link", title: "Copy image link", "data-status": copyState, onClick: copy, children: /* @__PURE__ */ jsx(UiIcon, { name: copyState === "copied" ? "check" : "copy", size: 16 }) }) : null,
+            imageUrl ? remote ? /* @__PURE__ */ jsx("a", { href: imageUrl, target: "_blank", rel: "noreferrer", "aria-label": "Open original image", title: "Open original image", children: /* @__PURE__ */ jsx(UiIcon, { name: "image", size: 16 }) }) : /* @__PURE__ */ jsx("a", { href: imageUrl, download: imageFilename(item.label), "aria-label": "Download image", title: "Download image", children: /* @__PURE__ */ jsx(UiIcon, { name: "down", size: 16 }) }) : null,
+            /* @__PURE__ */ jsx("button", { type: "button", "aria-label": "Close image preview", title: "Close", onClick: close, children: /* @__PURE__ */ jsx(UiIcon, { name: "close", size: 17 }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("figure", { children: [
+          imageUrl ? /* @__PURE__ */ jsx("img", { src: imageUrl, alt: item.label }) : resolution?.status === "error" ? /* @__PURE__ */ jsxs("div", { className: "scui-image-resolution", role: "alert", children: [
+            /* @__PURE__ */ jsx(UiIcon, { name: "image", size: 28 }),
+            /* @__PURE__ */ jsx("strong", { children: "Could not load image" }),
+            /* @__PURE__ */ jsx("small", { children: resolution.message }),
+            /* @__PURE__ */ jsx("button", { type: "button", onClick: () => resolve(item, true), children: "Retry" })
+          ] }) : /* @__PURE__ */ jsxs("div", { className: "scui-image-resolution", role: "status", children: [
+            /* @__PURE__ */ jsx("i", { className: "scui-control-spinner" }),
+            /* @__PURE__ */ jsx("strong", { children: "Loading image\u2026" }),
+            /* @__PURE__ */ jsx("small", { children: "The original stays out of the transcript payload." })
+          ] }),
+          items.length > 1 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("button", { type: "button", className: "scui-image-previous", "aria-label": "Previous image", onClick: () => move(-1), children: /* @__PURE__ */ jsx(UiIcon, { name: "chevron", size: 19 }) }),
+            /* @__PURE__ */ jsx("button", { type: "button", className: "scui-image-next", "aria-label": "Next image", onClick: () => move(1), children: /* @__PURE__ */ jsx(UiIcon, { name: "chevron", size: 19 }) })
+          ] }) : null
+        ] })
+      ]
+    }
+  );
+}
+function MessageImages({ items, adapter }) {
+  const [active, setActive] = useState(null);
+  const opener = useRef(null);
+  if (!items?.length) return null;
+  const viewable = items.filter((item) => item.url || item.reference && adapter?.resolveImage);
+  const close = () => {
+    setActive(null);
+    requestAnimationFrame(() => opener.current?.focus({ preventScroll: true }));
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "scui-message-images", "aria-label": "Message images", children: items.map((item, index) => item.url ? /* @__PURE__ */ jsx("button", { type: "button", "aria-label": `View image ${item.label}`, onClick: (event) => {
+      opener.current = event.currentTarget;
+      setActive(viewable.indexOf(item));
+    }, children: /* @__PURE__ */ jsx("img", { src: item.url, alt: "" }) }, item.id ?? `${item.label}:${index}`) : item.reference && adapter?.resolveImage ? /* @__PURE__ */ jsxs("button", { type: "button", "data-lazy": "true", "aria-label": `Load image ${item.label}`, onClick: (event) => {
+      opener.current = event.currentTarget;
+      setActive(viewable.indexOf(item));
+    }, children: [
+      /* @__PURE__ */ jsx(UiIcon, { name: "image", size: 16 }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        /* @__PURE__ */ jsx("strong", { children: item.label }),
+        /* @__PURE__ */ jsx("small", { children: "Load preview" })
+      ] })
+    ] }, item.id ?? `${item.label}:${index}`) : /* @__PURE__ */ jsxs("span", { "data-unavailable": "true", children: [
+      /* @__PURE__ */ jsx(UiIcon, { name: "image", size: 14 }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        /* @__PURE__ */ jsx("strong", { children: item.label }),
+        /* @__PURE__ */ jsx("small", { children: "Preview unavailable" })
+      ] })
+    ] }, item.id ?? `${item.label}:${index}`)) }),
+    active !== null && viewable[active] ? /* @__PURE__ */ jsx(ImageViewer, { items: viewable, index: active, adapter, onChange: setActive, onClose: close }) : null
+  ] });
+}
+
+export {
+  uiMemory,
+  resetSupercodeUiMemory,
+  boundedSet,
+  MAX_CONTEXT_ITEMS,
+  MAX_IMAGE_ITEMS,
+  normalizeContext,
+  mergeContext,
+  normalizeImages,
+  mergeImages,
+  partitionAttachments,
+  normalizeAttachmentCandidates,
+  ContextCandidate,
+  ContextCandidates,
+  imageAttachmentsFromFiles,
+  ContextTray,
+  ImageTray,
+  ImageViewer,
+  MessageImages
+};

package/chunks/chunk-XD2WJYSL.mjs

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

@@ -0,0 +1,62 @@
+// src/icon.jsx
+import { Fragment, jsx, jsxs } from "preact/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
+};

package/components.d.ts

@@ -29,3 +29,6 @@ export {
 
 /** Clear all session-scoped UI memory stores (drafts, queues, view choices). */
 export declare function resetSupercodeUiMemory(): void;
+
+export { MessengerProvider, useMessenger, MessengerSessions, MessengerContent } from './index.js';
+export type { MessengerStarterOptions, MessengerContextValue } from './index.js';