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

package/react/chunks/chunk-UGL6AB2K.mjs

@@ -0,0 +1,120 @@
+import {
+  HarnessLogo
+} from "./chunk-VFOVJ4S3.mjs";
+import {
+  Conversation
+} from "./chunk-UKMTRNJN.mjs";
+import {
+  harnessDisplayName,
+  sessionDisplayName
+} from "./chunk-LS6JBXNT.mjs";
+import {
+  UiIcon
+} from "./chunk-OINC7LV7.mjs";
+
+// src/subagents.jsx
+import { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/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
+};

package/react/chunks/chunk-UKHDCPME.mjs

@@ -0,0 +1,328 @@
+import {
+  UiIcon
+} from "./chunk-OINC7LV7.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 "react";
+import { Fragment, jsx, jsxs } from "react/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
+};