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

package/chunks/chunk-SJ3YTA6Z.mjs

@@ -0,0 +1,316 @@
+import {
+  ContextCandidates,
+  ContextTray,
+  ImageTray,
+  MAX_CONTEXT_ITEMS,
+  MAX_IMAGE_ITEMS,
+  boundedSet,
+  imageAttachmentsFromFiles,
+  mergeContext,
+  mergeImages,
+  normalizeContext,
+  normalizeImages,
+  partitionAttachments,
+  uiMemory
+} from "./chunk-V3UM7H7W.mjs";
+import {
+  DEFAULT_LABELS,
+  canContinueHere,
+  harnessDisplayName,
+  isSendKey
+} from "./chunk-LS6JBXNT.mjs";
+import {
+  UiIcon
+} from "./chunk-ZLYHUYE2.mjs";
+
+// src/composer.jsx
+import { useEffect, useRef, useState } from "preact/hooks";
+
+// src/intent.js
+var CONFIRMABLE_ACTIONS = /* @__PURE__ */ new Set(["resume", "join", "branch", "reduce", "export", "take_over"]);
+async function dispatchConfirmedIntent(adapter, intent) {
+  if (CONFIRMABLE_ACTIONS.has(intent.action) && adapter.confirmIntent) {
+    const confirmed = await adapter.confirmIntent(intent);
+    if (!confirmed) return;
+  }
+  return adapter.onIntent(intent);
+}
+
+// src/textarea.js
+import { useLayoutEffect } from "preact/hooks";
+function useAutosizeTextarea(ref, value) {
+  useLayoutEffect(() => {
+    const element = ref.current;
+    if (!element) return;
+    element.style.height = "auto";
+    const maxHeight = Number.parseFloat(getComputedStyle(element).maxHeight) || 150;
+    const height = Math.min(element.scrollHeight, maxHeight);
+    element.style.height = `${height}px`;
+    element.style.overflowY = element.scrollHeight > maxHeight ? "auto" : "hidden";
+  }, [ref, value]);
+}
+
+// src/composer.jsx
+import { jsx, jsxs } from "preact/jsx-runtime";
+var composerMemory = uiMemory();
+function ExecutionModeSelect({ modes = [], value, onChange, disabled = false, label = "Run in" }) {
+  if (modes.length < 2) return null;
+  return /* @__PURE__ */ jsxs("label", { className: "scui-execution-mode", title: disabled ? void 0 : `${label}: ${value}`, children: [
+    /* @__PURE__ */ jsx("span", { children: label }),
+    /* @__PURE__ */ jsx("select", { "aria-label": label, value, disabled, onChange: (event) => onChange?.(event.currentTarget.value), children: modes.map((mode) => /* @__PURE__ */ jsx("option", { value: mode, children: mode === "terminal" ? "Terminal" : "Headless" }, mode)) })
+  ] });
+}
+function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
+  const continuationModes = state.continuationModes?.length ? state.continuationModes : ["headless"];
+  const [selection, setSelection] = useState({ key: null, mode: null });
+  const requestedMode = selection.key === state.attached?.key ? selection.mode : null;
+  const executionMode = continuationModes.includes(requestedMode) ? requestedMode : continuationModes.includes("terminal") ? "terminal" : continuationModes[0];
+  if (state.mode !== "mirror" || state.canSend) return null;
+  const attached = state.attached;
+  const row = attached?.key ? state.sessions.find((item) => item.key === attached.key) : null;
+  const activeElsewhere = row?.runtimeStatus === "running" || row?.runtimeStatus === "busy" || row?.runtimeStatus === "idle";
+  const available = {
+    resume: canContinueHere(state),
+    join: state.canAttach,
+    branch: state.canBranch
+  };
+  const continuation = state.supportsAttach ? "join" : state.supportsResume ? "resume" : state.supportsBranch ? "branch" : available.join ? "join" : available.resume ? "resume" : available.branch ? "branch" : null;
+  if (!continuation) return /* @__PURE__ */ jsx("div", { className: "scui-continuation", children: /* @__PURE__ */ jsxs("span", { children: [
+    /* @__PURE__ */ jsx("strong", { children: activeElsewhere ? "Active elsewhere" : "Read-only" }),
+    /* @__PURE__ */ jsx("small", { children: "This session cannot be continued by an available harness." })
+  ] }) });
+  const enabled = available[continuation];
+  return /* @__PURE__ */ jsxs("div", { className: "scui-continuation", children: [
+    /* @__PURE__ */ jsxs("span", { children: [
+      /* @__PURE__ */ jsx("strong", { children: activeElsewhere ? "Active elsewhere" : "Read-only" }),
+      /* @__PURE__ */ jsx("small", { children: continuation === "join" ? "Join the proven live runtime without taking it over." : continuation === "resume" ? `Resume this ${harnessDisplayName(state.harness)} session here.` : "Start an independent continuation." })
+    ] }),
+    /* @__PURE__ */ jsxs("span", { className: "scui-continuation-actions", children: [
+      continuation === "resume" ? /* @__PURE__ */ jsx(ExecutionModeSelect, { modes: continuationModes, value: executionMode, disabled: Boolean(state.operation) || !enabled, onChange: (mode) => setSelection({ key: state.attached?.key ?? null, mode }) }) : null,
+      /* @__PURE__ */ jsx("button", { type: "button", disabled: Boolean(state.operation) || !enabled, onClick: () => dispatchConfirmedIntent(adapter, continuation === "join" ? { action: "join" } : continuation === "resume" ? { action: "resume", mode: executionMode } : { action: "branch" }), children: continuation === "join" ? labels.joinLive : continuation === "resume" ? labels.continueHere : labels.forkHere })
+    ] })
+  ] });
+}
+function Composer({ state, adapter, labels = DEFAULT_LABELS, memoryKey = state.attached?.key || `${state.harness}:${state.workspace}`, pendingStatus = null, restoreDraft = null, command = null, contextCandidates = [], components = {}, onPending, onDraftRestored }) {
+  const remembered = composerMemory.get(memoryKey) ?? { draft: state.savedDraft, context: [], images: [], queue: [] };
+  const [draft, setDraft] = useState(remembered.draft);
+  const [context, setContext] = useState(remembered.context ?? []);
+  const [images, setImages] = useState(remembered.images ?? []);
+  const [queue, setQueue] = useState((remembered.queue ?? []).map((item) => ({ ...item, context: item.context ?? [], images: item.images ?? [] })));
+  const [dispatching, setDispatching] = useState(false);
+  const [steering, setSteering] = useState(false);
+  const [picking, setPicking] = useState(false);
+  const [dragging, setDragging] = useState(false);
+  const [pickerError, setPickerError] = useState(null);
+  const textarea = useRef(null);
+  const lastCommand = useRef(null);
+  useAutosizeTextarea(textarea, draft);
+  const remember = (nextDraft, nextContext, nextImages, nextQueue) => boundedSet(composerMemory, memoryKey, { draft: nextDraft, context: nextContext, images: nextImages, queue: nextQueue });
+  useEffect(() => {
+    remember(draft, context, images, queue);
+  }, [draft, context, images, memoryKey, queue]);
+  const updateQueue = (update) => setQueue((items) => {
+    const next = update(items);
+    remember(draft, context, images, next);
+    return next;
+  });
+  const queueBlocked = state.busy || pendingStatus !== null || dispatching || steering;
+  const queuesNewMessage = state.busy || pendingStatus === "sending" || pendingStatus === "failed" || dispatching || steering;
+  const steerAvailable = state.busy && state.canSteer && !steering && pendingStatus === null;
+  const canSteerDraft = steerAvailable && Boolean(draft.trim()) && context.length === 0 && images.length === 0;
+  useEffect(() => {
+    if (!queueBlocked && state.canSend && queue.length) {
+      const [next, ...rest] = queue;
+      setDispatching(true);
+      setQueue(rest);
+      remember(draft, context, images, rest);
+      onPending?.(next.text, next.context, next.images);
+      adapter.onIntent({ action: "send", text: next.text, ...next.context.length ? { context: next.context } : {}, ...next.images.length ? { images: next.images } : {} });
+    }
+  }, [adapter, draft, memoryKey, onPending, queue, queueBlocked, state.canSend]);
+  useEffect(() => {
+    if (pendingStatus !== null || state.busy) setDispatching(false);
+  }, [pendingStatus, state.busy]);
+  useEffect(() => {
+    textarea.current?.focus({ preventScroll: true });
+  }, [memoryKey]);
+  useEffect(() => {
+    if (!restoreDraft) return;
+    setDraft(restoreDraft.text);
+    const restoredContext = normalizeContext(restoreDraft.context);
+    const restoredImages = normalizeImages(restoreDraft.images);
+    setContext(restoredContext);
+    setImages(restoredImages);
+    remember(restoreDraft.text, restoredContext, restoredImages, queue);
+    textarea.current?.focus({ preventScroll: true });
+    onDraftRestored?.(restoreDraft.id);
+  }, [onDraftRestored, restoreDraft?.id]);
+  useEffect(() => {
+    if (!command || command.id === lastCommand.current) return;
+    lastCommand.current = command.id;
+    if (command.action === "attach") {
+      try {
+        const attachments = partitionAttachments(command.attachments);
+        if (context.length + attachments.context.length > MAX_CONTEXT_ITEMS) throw new Error(`Attach at most ${MAX_CONTEXT_ITEMS} text items.`);
+        if (images.length + attachments.images.length > MAX_IMAGE_ITEMS) throw new Error(`Attach at most ${MAX_IMAGE_ITEMS} images.`);
+        const nextContext = mergeContext(context, attachments.context);
+        const nextImages = mergeImages(images, attachments.images);
+        setContext(nextContext);
+        setImages(nextImages);
+        setPickerError(null);
+        remember(draft, nextContext, nextImages, queue);
+      } catch (error) {
+        setPickerError(error instanceof Error ? error.message : "Could not attach context.");
+      }
+    }
+    textarea.current?.focus({ preventScroll: true });
+  }, [command?.id]);
+  useEffect(() => {
+    const timer = setTimeout(() => adapter.onIntent({ action: "draft", text: draft }), 250);
+    return () => clearTimeout(timer);
+  }, [adapter, draft]);
+  const pickContext = () => {
+    if (!adapter.pickContext || state.mode !== "control" || picking || context.length >= MAX_CONTEXT_ITEMS && images.length >= MAX_IMAGE_ITEMS) return;
+    setPicking(true);
+    setPickerError(null);
+    Promise.resolve().then(() => adapter.pickContext()).then((picked) => {
+      const attachments = partitionAttachments(picked);
+      if (context.length + attachments.context.length > MAX_CONTEXT_ITEMS) throw new Error(`Attach at most ${MAX_CONTEXT_ITEMS} text items.`);
+      if (images.length + attachments.images.length > MAX_IMAGE_ITEMS) throw new Error(`Attach at most ${MAX_IMAGE_ITEMS} images.`);
+      setContext((current) => {
+        const next = mergeContext(current, attachments.context);
+        remember(draft, next, images, queue);
+        return next;
+      });
+      setImages((current) => {
+        const next = mergeImages(current, attachments.images);
+        remember(draft, context, next, queue);
+        return next;
+      });
+    }).catch((error) => setPickerError(error instanceof Error ? error.message : "Could not attach context.")).finally(() => setPicking(false));
+  };
+  const attachCandidate = (picked) => {
+    const attachments = partitionAttachments(picked);
+    const nextContext = mergeContext(context, attachments.context);
+    const nextImages = mergeImages(images, attachments.images);
+    setContext(nextContext);
+    setImages(nextImages);
+    remember(draft, nextContext, nextImages, queue);
+  };
+  const addImageFiles = (value, source) => {
+    const allFiles = Array.from(value ?? []);
+    if (!allFiles.length) return false;
+    const files = allFiles.filter((file) => file.type.startsWith("image/"));
+    if (files.length !== allFiles.length) {
+      setPickerError("Drop or paste PNG, JPEG, GIF, or WebP images.");
+      return true;
+    }
+    if (images.length + files.length > MAX_IMAGE_ITEMS) {
+      setPickerError(`Attach at most ${MAX_IMAGE_ITEMS} images.`);
+      return true;
+    }
+    setPicking(true);
+    setPickerError(null);
+    imageAttachmentsFromFiles(files).then((picked) => setImages((current) => {
+      const next = mergeImages(current, picked);
+      remember(draft, context, next, queue);
+      return next;
+    }), (error) => setPickerError(error instanceof Error ? error.message : `Could not ${source} image.`)).finally(() => setPicking(false));
+    return true;
+  };
+  const pasteImages = (event) => {
+    if (addImageFiles(event.clipboardData?.files, "paste")) event.preventDefault();
+  };
+  const dropImages = (event) => {
+    setDragging(false);
+    if (addImageFiles(event.dataTransfer?.files, "drop")) event.preventDefault();
+  };
+  const send = (forceQueue = false) => {
+    const text = draft.trim();
+    if (!text && !images.length) return;
+    if (canSteerDraft && !forceQueue) {
+      setSteering(true);
+      Promise.resolve(adapter.onIntent({ action: "steer", text })).then(() => {
+        setDraft("");
+        remember("", context, images, queue);
+      }, (error) => setPickerError(error instanceof Error ? error.message : "Could not steer the active turn.")).finally(() => setSteering(false));
+      return;
+    }
+    const message = { text, context, images };
+    if (queuesNewMessage) updateQueue((items) => [...items, message]);
+    else if (state.canSend) {
+      if (onPending) setDispatching(true);
+      onPending?.(text, context, images);
+      adapter.onIntent({ action: "send", text, ...context.length ? { context } : {}, ...images.length ? { images } : {} });
+    } else return;
+    setDraft("");
+    setContext([]);
+    setImages([]);
+    remember("", [], [], queuesNewMessage ? [...queue, message] : queue);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "scui-compose", children: [
+    queue.length ? /* @__PURE__ */ jsxs("div", { className: "scui-queue", children: [
+      /* @__PURE__ */ jsxs("strong", { children: [
+        queue.length,
+        " queued"
+      ] }),
+      queue.map((item, index) => /* @__PURE__ */ jsxs("span", { children: [
+        /* @__PURE__ */ jsxs("span", { children: [
+          item.text || "Image attachment",
+          item.context.length + item.images.length ? /* @__PURE__ */ jsxs("small", { children: [
+            item.context.length + item.images.length,
+            " attached"
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ jsx("button", { type: "button", "aria-label": `Remove queued message ${index + 1}`, onClick: () => updateQueue((items) => items.filter((_, itemIndex) => itemIndex !== index)), children: /* @__PURE__ */ jsx(UiIcon, { name: "close", size: 13 }) })
+      ] }, `${index}:${item.text}`))
+    ] }) : null,
+    /* @__PURE__ */ jsx(ContextCandidates, { items: contextCandidates, context, images, state, adapter, onAttach: attachCandidate, component: components.ContextCandidate }),
+    /* @__PURE__ */ jsx(ImageTray, { items: images, onRemove: (index) => setImages((items) => {
+      const next = items.filter((_, itemIndex) => itemIndex !== index);
+      remember(draft, context, next, queue);
+      return next;
+    }) }),
+    /* @__PURE__ */ jsx(ContextTray, { items: context, onRemove: (index) => setContext((items) => {
+      const next = items.filter((_, itemIndex) => itemIndex !== index);
+      remember(draft, next, images, queue);
+      return next;
+    }) }),
+    pickerError ? /* @__PURE__ */ jsx("small", { className: "scui-context-error", role: "alert", children: pickerError }) : null,
+    /* @__PURE__ */ jsxs("div", { className: `scui-envelope${dragging ? " scui-drop-target" : ""}`, onDragEnter: (event) => {
+      if (Array.from(event.dataTransfer?.types ?? []).includes("Files")) {
+        event.preventDefault();
+        setDragging(true);
+      }
+    }, onDragOver: (event) => {
+      if (Array.from(event.dataTransfer?.types ?? []).includes("Files")) event.preventDefault();
+    }, onDragLeave: (event) => {
+      if (!event.currentTarget.contains(event.relatedTarget)) setDragging(false);
+    }, onDrop: dropImages, children: [
+      adapter.pickContext && state.mode === "control" ? /* @__PURE__ */ jsx("button", { className: "scui-attach", type: "button", "aria-label": labels.attachContext ?? DEFAULT_LABELS.attachContext, disabled: picking || context.length >= MAX_CONTEXT_ITEMS && images.length >= MAX_IMAGE_ITEMS, onClick: pickContext, children: picking ? /* @__PURE__ */ jsx("i", { className: "scui-control-spinner" }) : /* @__PURE__ */ jsx(UiIcon, { name: "attach", size: 17 }) }) : null,
+      /* @__PURE__ */ jsx("textarea", { ref: textarea, rows: 1, "aria-label": `Message ${harnessDisplayName(state.harness) || "agent"}`, placeholder: state.startup !== "ready" ? "Connecting\u2026" : pendingStatus === "failed" ? "Retry or edit the unsent message\u2026" : pendingStatus === "editing" ? "Edit and resend\u2026" : steerAvailable && context.length === 0 && images.length === 0 ? "Redirect the current turn\u2026" : queueBlocked ? "Queue a follow-up\u2026" : labels.askAgent, value: draft, disabled: state.mode !== "control" && !state.canSend, onPaste: pasteImages, onInput: (event) => {
+        const value = event.currentTarget.value;
+        setDraft(value);
+        remember(value, context, images, queue);
+      }, onKeyDown: (event) => {
+        if (isSendKey(event)) {
+          event.preventDefault();
+          send();
+        }
+      } }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        state.busy ? /* @__PURE__ */ jsx("button", { className: "scui-stop", type: "button", "aria-label": "Stop agent", disabled: !state.canInterrupt, onClick: () => adapter.onIntent({ action: "interrupt" }), children: /* @__PURE__ */ jsx(UiIcon, { name: "stop", size: 15 }) }) : null,
+        canSteerDraft ? /* @__PURE__ */ jsx("button", { className: "scui-queue-send", type: "button", "aria-label": "Queue follow-up instead", onClick: () => send(true), children: /* @__PURE__ */ jsx(UiIcon, { name: "plus", size: 15 }) }) : null,
+        /* @__PURE__ */ jsx("button", { className: "scui-send", type: "button", "aria-label": canSteerDraft ? "Steer current turn" : queuesNewMessage ? "Queue message" : "Send message", disabled: steering || !draft.trim() && !images.length || !queuesNewMessage && !state.canSend, onClick: () => send(), children: steering ? /* @__PURE__ */ jsx("i", { className: "scui-control-spinner" }) : /* @__PURE__ */ jsx(UiIcon, { name: canSteerDraft ? "send" : queuesNewMessage ? "plus" : "send", size: 17 }) })
+      ] })
+    ] })
+  ] });
+}
+
+export {
+  dispatchConfirmedIntent,
+  useAutosizeTextarea,
+  ExecutionModeSelect,
+  ContinuationBar,
+  Composer
+};

package/chunks/chunk-SSYNT434.mjs

@@ -0,0 +1,224 @@
+import {
+  HarnessLogo
+} from "./chunk-ATCOWFRV.mjs";
+import {
+  harnessDisplayName
+} from "./chunk-LS6JBXNT.mjs";
+import {
+  UiIcon
+} from "./chunk-ZLYHUYE2.mjs";
+
+// src/settings.jsx
+import { useEffect, useId, useMemo, useRef, useState } from "preact/hooks";
+import { jsx, jsxs } from "preact/jsx-runtime";
+function HarnessAdvisory({ state, onReview }) {
+  const advisory = state.interopSettings?.advisories[0];
+  if (!advisory && !state.interopSettingsError) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "scui-advisory", "data-severity": advisory?.severity ?? "error", role: advisory?.severity === "error" || !advisory ? "alert" : "status", children: [
+    /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "!" }),
+    /* @__PURE__ */ jsxs("span", { children: [
+      /* @__PURE__ */ jsx("strong", { children: advisory?.title ?? "Could not inspect harness settings" }),
+      /* @__PURE__ */ jsx("small", { children: advisory?.message ?? state.interopSettingsError })
+    ] }),
+    advisory && state.canConfigureSettings ? /* @__PURE__ */ jsx("button", { type: "button", onClick: () => onReview(advisory.recommendation.change), children: "Review" }) : null
+  ] });
+}
+function initialValues(report, recommendedChange) {
+  return Object.fromEntries(report.controls.map((control) => [
+    control.key,
+    recommendedChange?.key === control.key ? recommendedChange.value : control.configuredValue ?? control.effectiveValue ?? control.choices[0]?.value ?? null
+  ]));
+}
+function HarnessSettingsPanel({ state, adapter, onClose, recommendedChange = null }) {
+  const report = state.interopSettings;
+  const titleId = useId();
+  const panel = useRef(null);
+  const valuesKey = `${report?.revision ?? ""}:${recommendedChange?.key ?? ""}:${recommendedChange?.value ?? ""}`;
+  const defaults = useMemo(() => report ? initialValues(report, recommendedChange) : {}, [valuesKey]);
+  const [values, setValues] = useState(defaults);
+  useEffect(() => setValues(defaults), [defaults]);
+  useEffect(() => {
+    panel.current?.querySelector("select, button")?.focus({ preventScroll: true });
+    const dismiss = (event) => {
+      if (event.key === "Escape") {
+        event.preventDefault();
+        onClose();
+      }
+    };
+    document.addEventListener("keydown", dismiss);
+    return () => document.removeEventListener("keydown", dismiss);
+  }, [onClose]);
+  if (!report) return /* @__PURE__ */ jsx("section", { ref: panel, className: "scui-settings", role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, children: /* @__PURE__ */ jsxs("header", { children: [
+    /* @__PURE__ */ jsx("button", { type: "button", "aria-label": "Close settings", onClick: onClose, children: /* @__PURE__ */ jsx(UiIcon, { name: "close", size: 18 }) }),
+    /* @__PURE__ */ jsxs("span", { children: [
+      /* @__PURE__ */ jsx("strong", { id: titleId, children: "Harness settings" }),
+      /* @__PURE__ */ jsx("small", { children: state.interopSettingsError ?? "No interoperability controls are available." })
+    ] })
+  ] }) });
+  const changed = report.controls.flatMap((control) => values[control.key] !== (control.configuredValue ?? control.effectiveValue ?? control.choices[0]?.value ?? null) ? [{ key: control.key, value: values[control.key] ?? null }] : []);
+  const submit = (event) => {
+    event.preventDefault();
+    if (!changed.length || !state.canConfigureSettings) return;
+    adapter.onIntent({ action: "configureHarness", harness: report.harness, changes: changed, expectedRevision: report.revision });
+  };
+  return /* @__PURE__ */ jsxs("section", { ref: panel, className: "scui-settings", role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, children: [
+    /* @__PURE__ */ jsxs("header", { children: [
+      /* @__PURE__ */ jsx("button", { type: "button", "aria-label": "Close settings", onClick: onClose, children: /* @__PURE__ */ jsx(UiIcon, { name: "close", size: 18 }) }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        /* @__PURE__ */ jsxs("strong", { id: titleId, children: [
+          harnessDisplayName(report.harness),
+          " interoperability"
+        ] }),
+        /* @__PURE__ */ jsx("small", { children: "Native harness settings used by Supercode" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("form", { onSubmit: submit, children: [
+      report.controls.map((control) => {
+        const choice = control.choices.find((item) => item.value === values[control.key]);
+        const recommendation = report.advisories.map((advisory) => advisory.recommendation).find((item) => item.change.key === control.key && item.change.value === values[control.key]);
+        const consequence = choice?.risk ?? recommendation?.consequence;
+        return /* @__PURE__ */ jsxs("fieldset", { disabled: !control.writable || Boolean(state.operation), children: [
+          /* @__PURE__ */ jsxs("label", { htmlFor: `scui-setting-${control.key}`, children: [
+            /* @__PURE__ */ jsx("strong", { children: control.label }),
+            /* @__PURE__ */ jsx("small", { children: control.description })
+          ] }),
+          /* @__PURE__ */ jsxs("select", { id: `scui-setting-${control.key}`, value: values[control.key] ?? "@default", onChange: (event) => setValues((current) => ({ ...current, [control.key]: event.currentTarget.value === "@default" ? null : event.currentTarget.value })), children: [
+            control.resettable ? /* @__PURE__ */ jsx("option", { value: "@default", children: "Use harness default" }) : null,
+            control.choices.map((item) => /* @__PURE__ */ jsx("option", { value: item.value, children: item.label }, item.value))
+          ] }),
+          choice ? /* @__PURE__ */ jsx("p", { children: choice.description }) : null,
+          consequence ? /* @__PURE__ */ jsxs("p", { className: "scui-setting-risk", children: [
+            /* @__PURE__ */ jsx("strong", { children: "Security consequence" }),
+            consequence
+          ] }) : null,
+          /* @__PURE__ */ jsxs("small", { className: "scui-setting-source", children: [
+            control.effectiveNote,
+            control.sourcePath ? ` Source: ${control.sourcePath}` : ""
+          ] })
+        ] }, control.key);
+      }),
+      /* @__PURE__ */ jsxs("footer", { children: [
+        /* @__PURE__ */ jsx("button", { type: "button", onClick: onClose, children: "Cancel" }),
+        /* @__PURE__ */ jsx("button", { type: "submit", disabled: !changed.length || !state.canConfigureSettings || Boolean(state.operation), children: state.operation === "configureHarness" ? "Applying\u2026" : "Apply changes" })
+      ] })
+    ] })
+  ] });
+}
+var ACTIVE_AUTHENTICATION_PHASES = /* @__PURE__ */ new Set(["checking", "launching", "awaiting_user", "verifying"]);
+function HarnessAuthenticationButton({ item, state, adapter }) {
+  if (!item.installed || !["claude-code", "codex"].includes(item.id) || ["ready", "configured"].includes(item.auth)) return null;
+  const flow = state?.harnessAuthentication?.harness === item.id ? state.harnessAuthentication : null;
+  const busy = flow && ACTIVE_AUTHENTICATION_PHASES.has(flow.phase);
+  const completed = flow?.phase === "authenticated";
+  const label = flow?.phase === "checking" ? "Checking\u2026" : flow?.phase === "launching" ? "Opening\u2026" : flow?.phase === "awaiting_user" ? "Finish sign-in" : flow?.phase === "verifying" ? "Verifying\u2026" : flow?.phase === "authenticated" ? "Signed in" : flow?.phase === "failed" ? "Try again" : "Sign in";
+  return /* @__PURE__ */ jsx("button", { type: "button", disabled: Boolean(busy || completed), "aria-busy": Boolean(busy), onClick: () => adapter?.onIntent({ action: "authenticateHarness", harness: item.id }), children: label });
+}
+function canAuthenticateHarness(item) {
+  return item.installed && ["claude-code", "codex"].includes(item.id) && !["ready", "configured"].includes(item.auth);
+}
+function harnessAuthenticationReason(item, state) {
+  const flow = state?.harnessAuthentication?.harness === item.id ? state.harnessAuthentication : null;
+  return flow?.error?.message || flow?.plan?.instructions || item.reason || (item.auth === "required" ? "Authentication required" : "Unavailable");
+}
+function HarnessReadiness({ harnesses, state, adapter }) {
+  const blocked = harnesses.filter((item) => !item.startable);
+  if (!blocked.length || harnesses.some((item) => item.startable)) return null;
+  return /* @__PURE__ */ jsxs("details", { className: "scui-readiness", open: true, children: [
+    /* @__PURE__ */ jsx("summary", { children: "No coding harness is ready" }),
+    /* @__PURE__ */ jsx("div", { children: blocked.map((item) => /* @__PURE__ */ jsxs("section", { children: [
+      /* @__PURE__ */ jsx(HarnessLogo, { id: item.id, size: 25 }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        /* @__PURE__ */ jsx("strong", { children: item.label }),
+        /* @__PURE__ */ jsx("small", { children: harnessAuthenticationReason(item, state) }),
+        item.protocol ? /* @__PURE__ */ jsxs("em", { children: [
+          item.protocol,
+          " \xB7 ",
+          item.runtime
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsx(HarnessAuthenticationButton, { item, state, adapter }),
+      !canAuthenticateHarness(item) && item.repair ? /* @__PURE__ */ jsx("button", { type: "button", onClick: () => adapter.copyText?.(item.repair), children: "Copy fix" }) : null
+    ] }, item.id)) })
+  ] });
+}
+function HarnessPicker({ harnesses, state, value, disabled = false, adapter, onChange, logo: Logo = HarnessLogo }) {
+  const [open, setOpen] = useState(false);
+  const menuId = useId();
+  const root = useRef(null);
+  const trigger = useRef(null);
+  const panel = useRef(null);
+  const available = harnesses.filter((item) => item.startable);
+  const unavailable = harnesses.filter((item) => !item.startable);
+  const selected = available.find((item) => item.id === value) ?? available[0] ?? null;
+  const close = () => {
+    setOpen(false);
+    trigger.current?.focus({ preventScroll: true });
+  };
+  useEffect(() => {
+    if (!open) return;
+    panel.current?.querySelector('[aria-selected="true"], [role="option"]')?.focus({ preventScroll: true });
+    const dismiss = (event) => {
+      if (event.type === "keydown" && event.key === "Escape") {
+        event.preventDefault();
+        close();
+      } else if (event.type === "pointerdown" && !root.current?.contains(event.target)) {
+        setOpen(false);
+      }
+    };
+    document.addEventListener("keydown", dismiss);
+    document.addEventListener("pointerdown", dismiss, true);
+    return () => {
+      document.removeEventListener("keydown", dismiss);
+      document.removeEventListener("pointerdown", dismiss, true);
+    };
+  }, [open]);
+  const navigate = (event) => {
+    if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(event.key)) return;
+    const items = [...panel.current.querySelectorAll('[role="option"]')];
+    if (!items.length) return;
+    event.preventDefault();
+    const current = items.indexOf(document.activeElement);
+    const index = event.key === "Home" ? 0 : event.key === "End" ? items.length - 1 : event.key === "ArrowDown" ? (current + 1) % items.length : (current <= 0 ? items.length : current) - 1;
+    items[index].focus({ preventScroll: true });
+  };
+  const select = (id) => {
+    onChange(id);
+    close();
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "scui-harness-menu", ref: root, onBlur: (event) => {
+    if (event.relatedTarget && !event.currentTarget.contains(event.relatedTarget)) setOpen(false);
+  }, children: [
+    /* @__PURE__ */ jsxs("button", { ref: trigger, className: "scui-harness-trigger", type: "button", disabled: disabled || !selected, "aria-label": selected ? `Coding harness: ${selected.label}` : "No coding harness available", "aria-haspopup": "dialog", "aria-expanded": open, "aria-controls": open ? menuId : void 0, onClick: () => setOpen((current) => !current), children: [
+      selected ? /* @__PURE__ */ jsx(Logo, { id: selected.id, size: 20 }) : null,
+      /* @__PURE__ */ jsx("strong", { children: selected?.label ?? "No harness available" }),
+      /* @__PURE__ */ jsx(UiIcon, { name: "chevron", size: 13 })
+    ] }),
+    open ? /* @__PURE__ */ jsxs("div", { ref: panel, id: menuId, className: "scui-harness-popover", role: "dialog", "aria-label": "Choose coding harness", onKeyDown: navigate, children: [
+      /* @__PURE__ */ jsx("strong", { className: "scui-harness-popover-title", children: "Choose coding harness" }),
+      /* @__PURE__ */ jsx("div", { className: "scui-harness-options", role: "listbox", "aria-label": "Available coding harnesses", children: available.map((item) => /* @__PURE__ */ jsxs("button", { type: "button", role: "option", "aria-selected": item.id === selected?.id, onClick: () => select(item.id), children: [
+        /* @__PURE__ */ jsx(Logo, { id: item.id, size: 24 }),
+        /* @__PURE__ */ jsx("strong", { children: item.label }),
+        /* @__PURE__ */ jsx("span", { children: item.id === selected?.id ? /* @__PURE__ */ jsx(UiIcon, { name: "check", size: 15 }) : null })
+      ] }, item.id)) }),
+      unavailable.length ? /* @__PURE__ */ jsxs("details", { className: "scui-harness-manage", children: [
+        /* @__PURE__ */ jsx("summary", { children: "Manage additional harnesses" }),
+        /* @__PURE__ */ jsx("div", { children: unavailable.map((item) => /* @__PURE__ */ jsxs("section", { children: [
+          /* @__PURE__ */ jsx(Logo, { id: item.id, size: 24 }),
+          /* @__PURE__ */ jsxs("span", { children: [
+            /* @__PURE__ */ jsx("strong", { children: item.label }),
+            /* @__PURE__ */ jsx("small", { children: harnessAuthenticationReason(item, state) })
+          ] }),
+          /* @__PURE__ */ jsx(HarnessAuthenticationButton, { item, state, adapter }),
+          !canAuthenticateHarness(item) && item.repair ? /* @__PURE__ */ jsx("button", { type: "button", onClick: () => adapter?.copyText?.(item.repair), children: "Copy fix" }) : null
+        ] }, item.id)) })
+      ] }) : null
+    ] }) : null
+  ] });
+}
+
+export {
+  HarnessAdvisory,
+  HarnessSettingsPanel,
+  HarnessReadiness,
+  HarnessPicker
+};