@volter-ai-dev/supercode-ui 0.1.36 → 0.1.38

package/react/messenger.mjs

@@ -0,0 +1,2974 @@
+// src/messenger.jsx
+import { useEffect as useEffect8, useId as useId3, useMemo as useMemo3, useRef as useRef7, useState as useState6 } from "react";
+
+// core.mjs
+var HARNESS_NAMES = Object.freeze({
+  "claude-code": "Claude Code",
+  codex: "Codex",
+  gemini: "Gemini CLI",
+  goose: "Goose",
+  opencode: "OpenCode",
+  pi: "Pi",
+  grok: "Grok"
+});
+var DEFAULT_LABELS = Object.freeze({
+  chats: "Chats",
+  newChat: "New chat",
+  searchChats: "Search chats",
+  askAgent: "Ask your agent\u2026",
+  continueHere: "Continue here",
+  continueWithTerminal: "Continue with terminal",
+  joinLive: "Join live",
+  forkHere: "Fork here"
+});
+var EMPTY_UI_STATE = Object.freeze({
+  pill: Object.freeze({ tone: "off", label: "connecting\u2026" }),
+  startup: "connecting",
+  transcript: Object.freeze([]),
+  busy: false,
+  operation: null,
+  needsInput: false,
+  harness: "",
+  mode: "none",
+  strategy: null,
+  canSend: false,
+  canSteer: false,
+  canResume: false,
+  continuationModes: Object.freeze([]),
+  canBranch: false,
+  canAttach: false,
+  canDetach: false,
+  canOpenTerminal: false,
+  canExport: false,
+  canReduce: false,
+  canInterrupt: false,
+  canRespond: false,
+  canConfigureSettings: false,
+  messaging: null,
+  workspace: "",
+  taskPlan: Object.freeze({ source: "none", items: Object.freeze([]), residueCount: 0, observedAt: null }),
+  semantics: Object.freeze({ fidelity: null, residue: Object.freeze([]), residueCount: 0, parseErrors: 0, rawRecords: 0, subagents: Object.freeze([]) }),
+  terminalHandoff: null,
+  exportBackTarget: null,
+  exportReceipt: null,
+  reductionReceipt: null,
+  interopSettings: null,
+  interopSettingsError: null,
+  error: null,
+  recoverable: false,
+  harnesses: Object.freeze([]),
+  history: Object.freeze({ sessionLimit: 0, hasMoreSessions: false, transcriptLimit: 120, hasEarlier: false }),
+  savedDraft: "",
+  attention: Object.freeze([]),
+  sessions: Object.freeze([]),
+  attached: null,
+  owned: null,
+  attachError: null
+});
+var ROLES = /* @__PURE__ */ new Set(["system", "user", "assistant", "tool", "reasoning", "request", "notice"]);
+var MODES = /* @__PURE__ */ new Set(["none", "control", "mirror"]);
+var STRATEGIES = /* @__PURE__ */ new Set(["start", "resume", "attach", "branch", "reduce"]);
+var STARTUP = /* @__PURE__ */ new Set(["connecting", "starting", "discovering", "ready"]);
+var FIDELITY = /* @__PURE__ */ new Set(["byte_lossless", "value_lossless", "semantic"]);
+var TOOL_CATEGORIES = /* @__PURE__ */ new Set(["read", "search", "edit", "command", "test", "web", "agent", "plan", "other"]);
+var TOOL_DETAILS = /* @__PURE__ */ new Set(["file", "matches", "diff", "terminal", "web", "agent", "plan", "fields"]);
+var MAX_TOOL_FIELDS = 8;
+var MAX_TOOL_FIELD_CHARS = 800;
+var MAX_TOOL_PREVIEW_CHARS = 4e3;
+function record(value) {
+  return value !== null && typeof value === "object" && !Array.isArray(value) ? value : null;
+}
+function string(value, fallback = "") {
+  return typeof value === "string" ? value : fallback;
+}
+function number(value, fallback = 0) {
+  return typeof value === "number" && Number.isFinite(value) ? value : fallback;
+}
+function nullableNumber(value) {
+  return typeof value === "number" && Number.isFinite(value) ? value : null;
+}
+function relativeAge(updatedAt, now = Date.now()) {
+  if (typeof updatedAt !== "number" || !Number.isFinite(updatedAt) || updatedAt <= 0) return "";
+  const delta = Math.max(0, now - updatedAt);
+  if (delta < 6e4) return "now";
+  if (delta < 36e5) return `${Math.floor(delta / 6e4)}m ago`;
+  if (delta < 864e5) return `${Math.floor(delta / 36e5)}h ago`;
+  if (delta < 6048e5) return `${Math.floor(delta / 864e5)}d ago`;
+  return `${Math.floor(delta / 6048e5)}w ago`;
+}
+function boundedString(value, max = 2e3) {
+  if (typeof value !== "string") return "";
+  return value.length <= max ? value : `${value.slice(0, max)}\u2026`;
+}
+function argumentValue(argumentsText) {
+  if (!argumentsText) return null;
+  try {
+    return JSON.parse(argumentsText);
+  } catch {
+    return null;
+  }
+}
+function firstString(source, keys) {
+  for (const key of keys) {
+    if (typeof source?.[key] === "string" && source[key].trim()) return source[key].trim();
+  }
+  return "";
+}
+function decodedLiteral(value) {
+  if (!value) return "";
+  if (value.startsWith('"')) {
+    try {
+      return JSON.parse(value);
+    } catch {
+      return "";
+    }
+  }
+  return value.slice(1, -1).replaceAll("\\n", "\n").replaceAll("\\t", "	").replaceAll("\\r", "\r").replaceAll("\\`", "`").replaceAll("\\'", "'").replaceAll("\\\\", "\\");
+}
+function sourceString(source, keys) {
+  if (!source) return "";
+  const names = keys.join("|");
+  const match = new RegExp(`(?:^|[,{\\s])["']?(?:${names})["']?\\s*:\\s*("(?:\\\\.|[^"\\\\])*"|'(?:\\\\.|[^'\\\\])*'|\`(?:\\\\.|[^\`\\\\])*\`)`).exec(source);
+  return decodedLiteral(match?.[1]);
+}
+function assignedString(source, keys) {
+  if (!source) return "";
+  const names = keys.join("|");
+  const match = new RegExp(`\\b(?:${names})\\s*=\\s*("(?:\\\\.|[^"\\\\])*"|'(?:\\\\.|[^'\\\\])*'|\`(?:\\\\.|[^\`\\\\])*\`)`).exec(source);
+  return decodedLiteral(match?.[1]);
+}
+function callArgumentSource(source, open) {
+  let depth = 1;
+  let quote = "";
+  let escaped = false;
+  let lineComment = false;
+  let blockComment = false;
+  for (let index = open + 1; index < source.length; index += 1) {
+    const char = source[index];
+    const next = source[index + 1];
+    if (lineComment) {
+      if (char === "\n") lineComment = false;
+      continue;
+    }
+    if (blockComment) {
+      if (char === "*" && next === "/") {
+        blockComment = false;
+        index += 1;
+      }
+      continue;
+    }
+    if (quote) {
+      if (escaped) escaped = false;
+      else if (char === "\\") escaped = true;
+      else if (char === quote) quote = "";
+      continue;
+    }
+    if (char === "/" && next === "/") {
+      lineComment = true;
+      index += 1;
+      continue;
+    }
+    if (char === "/" && next === "*") {
+      blockComment = true;
+      index += 1;
+      continue;
+    }
+    if (char === '"' || char === "'" || char === "`") {
+      quote = char;
+      continue;
+    }
+    if (char === "(") depth += 1;
+    else if (char === ")" && (depth -= 1) === 0) return source.slice(open + 1, index);
+  }
+  return source.slice(open + 1);
+}
+function toolCalls(source) {
+  const calls = [];
+  let quote = "";
+  let escaped = false;
+  let lineComment = false;
+  let blockComment = false;
+  for (let index = 0; index < source.length && calls.length < 8; index += 1) {
+    const char = source[index];
+    const next = source[index + 1];
+    if (lineComment) {
+      if (char === "\n") lineComment = false;
+      continue;
+    }
+    if (blockComment) {
+      if (char === "*" && next === "/") {
+        blockComment = false;
+        index += 1;
+      }
+      continue;
+    }
+    if (quote) {
+      if (escaped) escaped = false;
+      else if (char === "\\") escaped = true;
+      else if (char === quote) quote = "";
+      continue;
+    }
+    if (char === "/" && next === "/") {
+      lineComment = true;
+      index += 1;
+      continue;
+    }
+    if (char === "/" && next === "*") {
+      blockComment = true;
+      index += 1;
+      continue;
+    }
+    if (char === '"' || char === "'" || char === "`") {
+      quote = char;
+      continue;
+    }
+    if (!source.startsWith("tools.", index) || /[A-Za-z0-9_$]/.test(source[index - 1] ?? "")) continue;
+    const nameStart = index + 6;
+    let nameEnd = nameStart;
+    while (/[A-Za-z0-9_$]/.test(source[nameEnd] ?? "")) nameEnd += 1;
+    let open = nameEnd;
+    while (/\s/.test(source[open] ?? "")) open += 1;
+    if (nameEnd === nameStart || source[open] !== "(") continue;
+    calls.push({ name: source.slice(nameStart, nameEnd), arguments: callArgumentSource(source, open) });
+    index = open;
+  }
+  return calls;
+}
+function toolEnvelope(entry) {
+  const value = argumentValue(entry.arguments);
+  const source = typeof value === "string" ? value : value === null ? entry.arguments ?? "" : "";
+  const calls = source ? toolCalls(source) : [];
+  const tools = [...new Set(calls.map((call) => call.name))];
+  const name = tools.length === 1 ? tools[0] : entry.label ?? "tool";
+  return { args: record(value), source, callSource: calls[0]?.arguments ?? "", tools, name };
+}
+function patchPath(source) {
+  return /\*\*\* (?:Update|Add|Delete) File:\s*([^\r\n]*?)(?=\\[nr]|[\r\n]|$)/.exec(source)?.[1]?.trim() ?? "";
+}
+function explicitNumber(sources, keys) {
+  for (const source of sources) {
+    for (const key of keys) {
+      const value = source?.[key];
+      const parsed = typeof value === "string" && value.trim() !== "" ? Number(value) : value;
+      if (typeof parsed === "number" && Number.isFinite(parsed)) return parsed;
+    }
+  }
+  return null;
+}
+function toolDetail(category) {
+  return { read: "file", search: "matches", edit: "diff", command: "terminal", test: "terminal", web: "web", agent: "agent", plan: "plan" }[category] ?? "fields";
+}
+function usefulToolFields(args) {
+  if (!args) return [];
+  const hidden = /* @__PURE__ */ new Set(["command", "cmd", "file_path", "target_file", "path", "query", "pattern", "url", "patch", "diff", "old_string", "new_string", "content", "prompt", "description", "task", "plan", "todos"]);
+  return Object.entries(args).flatMap(([key, value]) => {
+    if (hidden.has(key) || value === null || value === void 0) return [];
+    const rendered = typeof value === "string" ? value : JSON.stringify(value);
+    if (!rendered) return [];
+    return [{ label: key.replaceAll(/[_-]+/g, " ").replace(/^./, (letter) => letter.toLocaleUpperCase()), value: boundedString(rendered, MAX_TOOL_FIELD_CHARS) }];
+  }).slice(0, MAX_TOOL_FIELDS);
+}
+function planItems(args) {
+  const source = Array.isArray(args?.plan) ? args.plan : Array.isArray(args?.todos) ? args.todos : [];
+  return source.flatMap((item) => {
+    if (typeof item === "string" && item.trim()) return [{ label: boundedString(item.trim(), 300), status: "" }];
+    const value = record(item);
+    const label = firstString(value, ["step", "title", "content", "text"]);
+    if (!label) return [];
+    return [{ label: boundedString(label, 300), status: firstString(value, ["status"]) }];
+  }).slice(0, 12);
+}
+function agentItems(name, resultText) {
+  if (!/list.?agents/i.test(name)) return [];
+  return (resultText ?? "").split("\n").flatMap((line) => {
+    const parts = line.trim().split(/\s+·\s+/).filter(Boolean);
+    return parts.length > 1 ? [{ label: boundedString(parts[0], 120), status: boundedString(parts.slice(1).join(" \xB7 "), 180) }] : [];
+  }).slice(0, 12);
+}
+function editPreview(args, resultText, source) {
+  const direct = firstString(args, ["patch", "diff"]);
+  if (direct) return direct;
+  const oldText = firstString(args, ["old_string"]);
+  const newText = firstString(args, ["new_string"]);
+  if (oldText || newText) {
+    return [
+      ...oldText.split("\n").map((line) => `- ${line}`),
+      ...newText.split("\n").map((line) => `+ ${line}`)
+    ].join("\n");
+  }
+  const patch = /\*\*\* Begin Patch[\s\S]*?\*\*\* End Patch/.exec(source ?? "")?.[0];
+  if (patch) return patch;
+  return /^(?:diff --git|@@ |--- |\+\+\+ )/m.test(resultText ?? "") ? resultText : "";
+}
+function toolResultEnvelope(resultText) {
+  const match = /^Script (?:completed|failed)\r?\nWall time ([0-9.]+) seconds\r?\nOutput:\r?\n([\s\S]*)$/.exec(resultText ?? "");
+  if (!match) {
+    try {
+      const value = JSON.parse(resultText ?? "");
+      const object = record(value);
+      return {
+        preview: typeof value === "string" ? value : firstString(object, ["output", "message", "text", "summary", "result"]) || resultText || "",
+        value: object,
+        durationMs: null
+      };
+    } catch {
+      return { preview: resultText ?? "", value: null, durationMs: null };
+    }
+  }
+  const durationMs = Number(match[1]) * 1e3;
+  try {
+    const value = record(JSON.parse(match[2]));
+    return {
+      preview: typeof value?.output === "string" ? value.output : match[2],
+      value,
+      durationMs: Number.isFinite(durationMs) ? durationMs : null
+    };
+  } catch {
+    return { preview: match[2], value: null, durationMs: Number.isFinite(durationMs) ? durationMs : null };
+  }
+}
+function semanticAgentPreview(name, status, outcome) {
+  const normalized = name.toLocaleLowerCase();
+  if (status === "error") return outcome.preview;
+  if (/^(?:agent|task)$|spawn.?agent/.test(normalized) && outcome.preview) return "Agent is working in the background.";
+  if (/send.?message|followup.?task/.test(normalized) && outcome.preview) {
+    return /resumed from transcript|resumedAgentId/i.test(outcome.preview) ? "Agent resumed in the background." : "Message delivered.";
+  }
+  return outcome.preview;
+}
+function verificationCommand(command) {
+  let shell = "";
+  let quote = "";
+  let escaped = false;
+  for (const char of command) {
+    if (escaped) {
+      escaped = false;
+      shell += quote ? " " : char;
+      continue;
+    }
+    if (char === "\\") {
+      escaped = true;
+      shell += quote ? " " : char;
+      continue;
+    }
+    if (quote) {
+      if (char === quote) quote = "";
+      shell += " ";
+      continue;
+    }
+    if (char === '"' || char === "'" || char === "`") {
+      quote = char;
+      shell += " ";
+      continue;
+    }
+    shell += char;
+  }
+  return /(?:^|[;&|]\s*)(?:(?:npm|pnpm|yarn|bun)\s+(?:run\s+)?(?:test|typecheck|lint|build)|cargo\s+(?:test|clippy|build|check|fmt)|npx\s+(?:vitest|tsc|eslint|playwright)|pytest\b|go\s+test\b)/i.test(shell);
+}
+function classifyTool(name, command) {
+  const normalized = name.toLocaleLowerCase();
+  if (/write_stdin|^wait$/.test(normalized)) return "command";
+  if (/update.?plan|todo|checklist|taskcreate|taskupdate|create.?goal|update.?goal/.test(normalized)) return "plan";
+  if (/search.?replace|edit|write|patch|replace|create_file|apply_patch/.test(normalized)) return "edit";
+  if (/read|view|open_file|list_dir/.test(normalized)) return "read";
+  if (/web.?search|web.?fetch|fetch.?url/.test(normalized)) return "web";
+  if (/search|find|grep|glob|toolsearch/.test(normalized)) return "search";
+  if (/browser|web|fetch|url/.test(normalized)) return "web";
+  if (/agent|subagent|send.?message|delegate|followup.?task|taskstop|taskoutput|^task$/.test(normalized)) return "agent";
+  if (/test|typecheck|lint|build/.test(normalized)) return "test";
+  if (/terminal|bash|shell|command|exec|write_stdin|^wait$/.test(normalized)) return verificationCommand(command) ? "test" : "command";
+  return "other";
+}
+function toolAction(status, category, name, tools) {
+  const position = status === "pending" ? 0 : status === "error" ? 2 : 1;
+  if (tools.length > 1) return [`Running ${tools.length} actions`, `Ran ${tools.length} actions`, `${tools.length} actions failed`][position];
+  const normalized = name.toLocaleLowerCase();
+  if (/send.?message|followup.?task/.test(normalized)) return ["Messaging agent", "Messaged agent", "Agent message failed"][position];
+  if (/taskstop|interrupt.?agent|kill_command_or_subagent/.test(normalized)) return ["Stopping agent", "Stopped agent", "Stop failed"][position];
+  if (/list.?agents|taskoutput|wait.?agent/.test(normalized)) return ["Checking agents", "Checked agents", "Agent check failed"][position];
+  if (/get_command_or_subagent_output|write_stdin|^wait$/.test(normalized)) return ["Waiting for", "Checked", "Check failed"][position];
+  if (/web.?search/.test(normalized)) return ["Searching web", "Searched web", "Web search failed"][position];
+  if (/web.?fetch|fetch.?url/.test(normalized)) return ["Fetching page", "Fetched page", "Page fetch failed"][position];
+  if (/^skill$|use.?skill|load.?skill/.test(normalized)) return ["Loading skill", "Loaded skill", "Skill load failed"][position];
+  if (/taskcreate/.test(normalized)) return ["Adding task", "Added task", "Task creation failed"][position];
+  if (/taskupdate/.test(normalized)) return ["Updating task", "Updated task", "Task update failed"][position];
+  if (/create.?goal/.test(normalized)) return ["Creating goal", "Created goal", "Goal creation failed"][position];
+  if (/update.?goal/.test(normalized)) return ["Updating goal", "Updated goal", "Goal update failed"][position];
+  const actions = {
+    read: ["Reading", "Read", "Read failed"],
+    search: ["Searching", "Searched", "Search failed"],
+    edit: ["Editing", "Edited", "Edit failed"],
+    command: ["Running command", "Ran command", "Command failed"],
+    test: ["Running tests", "Ran tests", "Tests failed"],
+    web: ["Browsing", "Browsed", "Browser action failed"],
+    agent: ["Starting agent", "Started agent", "Agent failed"],
+    plan: ["Updating plan", "Updated plan", "Plan update failed"]
+  };
+  return actions[category]?.[position] ?? (status === "error" ? `${name} failed` : name.replaceAll(/[_-]+/g, " "));
+}
+function createToolPresentation(entry) {
+  const envelope = toolEnvelope(entry);
+  const args = envelope.args;
+  const outcome = toolResultEnvelope(entry.resultText);
+  const patchSource = assignedString(envelope.source, ["patch"]) || envelope.source;
+  const command = firstString(args, ["command", "cmd"]) || sourceString(envelope.callSource, ["command", "cmd"]);
+  const category = classifyTool(envelope.name, command || envelope.source || entry.arguments || "");
+  const path = firstString(args, ["file_path", "target_file", "target_directory", "path"]) || sourceString(envelope.callSource, ["file_path", "target_file", "target_directory", "path"]) || patchPath(patchSource);
+  const query = firstString(args, ["query", "pattern"]) || sourceString(envelope.callSource, ["query", "pattern", "q"]);
+  const url = firstString(args, ["url"]) || sourceString(envelope.callSource, ["url", "ref_id"]);
+  const subject = firstString(args, ["subject", "description", "summary", "task", "objective", "prompt"]) || sourceString(envelope.callSource, ["subject", "description", "summary", "task", "objective", "prompt"]);
+  const agentTarget = category === "agent" ? firstString(record(outcome.value), ["command", "name"]) || firstString(args, ["target", "task_name", "taskId", "task_id", "agentId", "agent_id", "resume", "team_name"]) || sourceString(envelope.callSource, ["target", "task_name", "taskId", "task_id", "agentId", "agent_id", "resume", "team_name"]) : "";
+  const skillTarget = /^skill$|use.?skill|load.?skill/i.test(envelope.name) ? firstString(args, ["skill", "name"]) || sourceString(envelope.callSource, ["skill", "name"]) : "";
+  const background = /get_command_or_subagent_output|kill_command_or_subagent/i.test(envelope.name) ? "background task" : /write_stdin|^wait$/i.test(envelope.name) ? "background command" : "";
+  const items = category === "agent" ? agentItems(envelope.name, outcome.preview) : planItems(args);
+  const taskId = firstString(args, ["taskId", "task_id"]);
+  const planTarget = category === "plan" ? items.length ? `${items.length} ${items.length === 1 ? "item" : "items"}` : taskId ? `task ${taskId}` : "" : "";
+  const target = path || command || query || url || subject || agentTarget || skillTarget || background || planTarget || (envelope.tools.length > 1 ? `${envelope.tools.length} coordinated actions` : toolTarget(entry.arguments));
+  const previewSource = category === "edit" ? editPreview(args, outcome.preview, patchSource) : category === "agent" ? semanticAgentPreview(envelope.name, entry.status ?? "completed", outcome) : outcome.preview;
+  const result = record(entry.resultContent);
+  const metadata = record(entry.metadata);
+  const resultMetadata = record(result?.metadata);
+  return {
+    name: boundedString(envelope.name, 120),
+    action: boundedString(toolAction(entry.status ?? "completed", category, envelope.name, envelope.tools), 120),
+    category,
+    detail: toolDetail(category),
+    target: boundedString(target, 300),
+    command: boundedString(command, MAX_TOOL_FIELD_CHARS),
+    path: boundedString(path, MAX_TOOL_FIELD_CHARS),
+    query: boundedString(query, MAX_TOOL_FIELD_CHARS),
+    url: boundedString(url, MAX_TOOL_FIELD_CHARS),
+    subject: boundedString(subject, MAX_TOOL_FIELD_CHARS),
+    preview: boundedString(previewSource, MAX_TOOL_PREVIEW_CHARS),
+    fields: usefulToolFields(args),
+    items,
+    tools: envelope.tools,
+    exitCode: explicitNumber([outcome.value, result, resultMetadata, metadata], ["exit_code", "exitCode", "pi_bash_exit_code"]),
+    durationMs: explicitNumber([outcome.value, result, resultMetadata, metadata], ["duration_ms", "durationMs", "elapsed_ms", "elapsedMs", "totalDurationMs"]) ?? outcome.durationMs,
+    additions: explicitNumber([result, resultMetadata, metadata], ["additions", "lines_added"]),
+    deletions: explicitNumber([result, resultMetadata, metadata], ["deletions", "lines_removed"]),
+    matches: explicitNumber([result, resultMetadata, metadata], ["matches", "match_count", "result_count"])
+  };
+}
+function readToolPresentation(value, entry) {
+  const generated = createToolPresentation(entry);
+  const item = record(value);
+  if (!item) return generated;
+  const fields = Array.isArray(item.fields) ? item.fields.flatMap((raw) => {
+    const field = record(raw);
+    return field && typeof field.label === "string" && typeof field.value === "string" ? [{ label: boundedString(field.label, 80), value: boundedString(field.value, MAX_TOOL_FIELD_CHARS) }] : [];
+  }).slice(0, MAX_TOOL_FIELDS) : generated.fields;
+  const items = Array.isArray(item.items) ? item.items.flatMap((raw) => {
+    const planItem = record(raw);
+    return planItem && typeof planItem.label === "string" ? [{ label: boundedString(planItem.label, 300), status: boundedString(planItem.status, 40) }] : [];
+  }).slice(0, 12) : generated.items;
+  const tools = Array.isArray(item.tools) ? item.tools.filter((tool) => typeof tool === "string").map((tool) => boundedString(tool, 120)).slice(0, 8) : generated.tools;
+  return {
+    name: boundedString(item.name, 120) || generated.name,
+    action: boundedString(item.action, 120) || generated.action,
+    category: TOOL_CATEGORIES.has(item.category) ? item.category : generated.category,
+    detail: TOOL_DETAILS.has(item.detail) ? item.detail : generated.detail,
+    target: boundedString(item.target, 300) || generated.target,
+    command: boundedString(item.command, MAX_TOOL_FIELD_CHARS) || generated.command,
+    path: boundedString(item.path, MAX_TOOL_FIELD_CHARS) || generated.path,
+    query: boundedString(item.query, MAX_TOOL_FIELD_CHARS) || generated.query,
+    url: boundedString(item.url, MAX_TOOL_FIELD_CHARS) || generated.url,
+    subject: boundedString(item.subject, MAX_TOOL_FIELD_CHARS) || generated.subject,
+    preview: boundedString(item.preview, MAX_TOOL_PREVIEW_CHARS) || generated.preview,
+    fields,
+    items,
+    tools,
+    exitCode: nullableNumber(item.exitCode) ?? generated.exitCode,
+    durationMs: nullableNumber(item.durationMs) ?? generated.durationMs,
+    additions: nullableNumber(item.additions) ?? generated.additions,
+    deletions: nullableNumber(item.deletions) ?? generated.deletions,
+    matches: nullableNumber(item.matches) ?? generated.matches
+  };
+}
+function readTranscript(value) {
+  if (!Array.isArray(value)) return [];
+  const result = [];
+  for (const candidate of value) {
+    const item = record(candidate);
+    if (!item || typeof item.id !== "string" || typeof item.text !== "string" || !ROLES.has(item.role)) continue;
+    const entry = {
+      id: item.id,
+      role: item.role,
+      text: item.text,
+      ts: nullableNumber(item.ts),
+      truncated: item.truncated === true,
+      ...Number.isSafeInteger(item.messageIndex) && item.messageIndex > 0 ? { messageIndex: item.messageIndex } : {}
+    };
+    for (const key of ["label", "arguments", "resultText", "code"]) {
+      if (typeof item[key] === "string") entry[key] = item[key];
+    }
+    if (["pending", "completed", "error"].includes(item.status)) entry.status = item.status;
+    if (item.role === "tool") entry.presentation = readToolPresentation(item.presentation, entry);
+    if (typeof item.streaming === "boolean") entry.streaming = item.streaming;
+    if (Array.isArray(item.context)) {
+      entry.context = item.context.flatMap((raw) => {
+        const context = record(raw);
+        return context && typeof context.label === "string" && typeof context.detail === "string" ? [{
+          ...typeof context.id === "string" ? { id: context.id } : {},
+          ...typeof context.kind === "string" ? { kind: context.kind } : {},
+          label: context.label,
+          detail: context.detail
+        }] : [];
+      });
+    }
+    if (Array.isArray(item.images)) {
+      entry.images = item.images.flatMap((raw) => {
+        const image = record(raw);
+        return image && typeof image.label === "string" ? [{
+          ...typeof image.id === "string" ? { id: image.id } : {},
+          label: image.label,
+          ...typeof image.url === "string" ? { url: image.url } : {},
+          ...typeof image.reference === "string" && image.reference.length <= 4e3 ? { reference: image.reference } : {},
+          ...typeof image.mediaType === "string" && image.mediaType.startsWith("image/") && image.mediaType.length <= 100 ? { mediaType: image.mediaType } : {},
+          ...Number.isSafeInteger(image.byteSize) && image.byteSize >= 0 ? { byteSize: image.byteSize } : {}
+        }] : [];
+      }).slice(0, 4);
+    }
+    const request = record(item.request);
+    if (request && typeof request.requestKind === "string" && typeof request.payloadText === "string") {
+      entry.request = {
+        requestId: request.requestId,
+        requestKind: request.requestKind,
+        payloadText: request.payloadText,
+        options: Array.isArray(request.options) ? request.options.flatMap((raw) => {
+          const option = record(raw);
+          return option && typeof option.optionId === "string" && typeof option.name === "string" ? [{ optionId: option.optionId, name: option.name, kind: string(option.kind, "other") }] : [];
+        }) : [],
+        cancellable: request.cancellable === true,
+        status: request.status === "responded" ? "responded" : "pending",
+        resolution: record(request.resolution)
+      };
+    }
+    result.push(entry);
+  }
+  return result;
+}
+function readSessions(value) {
+  if (!Array.isArray(value)) return [];
+  return value.flatMap((raw) => {
+    const row = record(raw);
+    if (!row || typeof row.key !== "string" || typeof row.harness !== "string") return [];
+    return [{
+      key: row.key,
+      harness: row.harness,
+      name: string(row.name),
+      cwd: string(row.cwd),
+      title: string(row.title),
+      preview: string(row.preview),
+      age: string(row.age),
+      previewUpdatedAt: nullableNumber(row.previewUpdatedAt),
+      updatedAt: nullableNumber(row.updatedAt),
+      messages: nullableNumber(row.messages),
+      active: row.active === true,
+      live: row.live === true,
+      runtimeStatus: row.runtimeStatus === "running" || row.runtimeStatus === "busy" || row.runtimeStatus === "idle" ? row.runtimeStatus : null
+    }];
+  });
+}
+function readAttached(value) {
+  const item = record(value);
+  if (!item || typeof item.harness !== "string") return null;
+  return { key: string(item.key), harness: item.harness, name: string(item.name), cwd: string(item.cwd), title: string(item.title) };
+}
+function readTaskPlan(value) {
+  const plan = record(value);
+  if (!plan) return { ...EMPTY_UI_STATE.taskPlan, items: [] };
+  return {
+    source: ["codex-update-plan", "claude-tasks", "opencode-todos"].includes(plan.source) ? plan.source : "none",
+    items: Array.isArray(plan.items) ? plan.items.flatMap((raw) => {
+      const item = record(raw);
+      if (!item || typeof item.id !== "string" || typeof item.title !== "string") return [];
+      return [{
+        id: item.id,
+        title: item.title,
+        status: ["pending", "in_progress", "completed", "cancelled", "unknown"].includes(item.status) ? item.status : "unknown",
+        ...typeof item.nativeStatus === "string" ? { nativeStatus: item.nativeStatus } : {},
+        ...Array.isArray(item.blockedBy) ? { blockedBy: item.blockedBy.filter((value2) => typeof value2 === "string") } : {}
+      }];
+    }) : [],
+    residueCount: number(plan.residueCount),
+    observedAt: nullableNumber(plan.observedAt)
+  };
+}
+function readSemantics(value) {
+  const semantics = record(value);
+  if (!semantics) return { ...EMPTY_UI_STATE.semantics, residue: [], subagents: [] };
+  return {
+    fidelity: FIDELITY.has(semantics.fidelity) ? semantics.fidelity : null,
+    residue: Array.isArray(semantics.residue) ? semantics.residue.filter((item) => typeof item === "string") : [],
+    residueCount: number(semantics.residueCount),
+    parseErrors: number(semantics.parseErrors),
+    rawRecords: number(semantics.rawRecords),
+    subagents: Array.isArray(semantics.subagents) ? semantics.subagents.flatMap((raw) => {
+      const child = record(raw);
+      if (!child || typeof child.id !== "string" || typeof child.source !== "string") return [];
+      return [{ id: child.id, source: child.source, model: typeof child.model === "string" ? child.model : null, messages: number(child.messages), fidelity: FIDELITY.has(child.fidelity) ? child.fidelity : "semantic" }];
+    }) : []
+  };
+}
+function readTerminalHandoff(value) {
+  const handoff = record(value);
+  if (!handoff || typeof handoff.program !== "string" || !handoff.program.trim() || !Array.isArray(handoff.arguments) || !handoff.arguments.every((argument) => typeof argument === "string") || typeof handoff.cwd !== "string") return null;
+  return { program: handoff.program, arguments: [...handoff.arguments], cwd: handoff.cwd };
+}
+function readExportReceipt(value) {
+  const receipt = record(value);
+  if (!receipt || typeof receipt.targetHarness !== "string" || !["byte_lossless", "value_lossless", "semantic"].includes(receipt.fidelity) || typeof receipt.path !== "string" || !receipt.path.trim() || !Number.isInteger(receipt.files) || receipt.files < 1 || !Number.isInteger(receipt.residueCount) || receipt.residueCount < 0) return null;
+  return {
+    targetHarness: receipt.targetHarness,
+    fidelity: receipt.fidelity,
+    path: receipt.path,
+    files: receipt.files,
+    residueCount: receipt.residueCount
+  };
+}
+function readReductionReceipt(value) {
+  const receipt = record(value);
+  if (!receipt || typeof receipt.sourceTokens !== "number" || !Number.isFinite(receipt.sourceTokens) || typeof receipt.reducedTokens !== "number" || !Number.isFinite(receipt.reducedTokens) || receipt.sourceTokens <= receipt.reducedTokens || receipt.reducedTokens < 0 || typeof receipt.ratio !== "number" || !Number.isFinite(receipt.ratio) || receipt.ratio <= 1 || typeof receipt.sidecarId !== "string" || !receipt.sidecarId.trim() || receipt.verified !== true || receipt.reversible !== true || typeof receipt.targetHarness !== "string" || !receipt.targetHarness.trim()) return null;
+  return {
+    sourceTokens: receipt.sourceTokens,
+    reducedTokens: receipt.reducedTokens,
+    ratio: receipt.ratio,
+    sidecarId: receipt.sidecarId,
+    verified: true,
+    reversible: true,
+    targetHarness: receipt.targetHarness
+  };
+}
+function readInteropSettings(value) {
+  const report = record(value);
+  if (report?.schema !== "supercode.harness-interop-settings.v1" || typeof report.harness !== "string" || typeof report.revision !== "string" || !Array.isArray(report.controls) || !Array.isArray(report.advisories)) return null;
+  const controls = report.controls.slice(0, 20).flatMap((raw) => {
+    const control = record(raw);
+    if (!control || typeof control.key !== "string" || typeof control.label !== "string") return [];
+    return [{
+      key: boundedString(control.key, 200),
+      nativeKey: boundedString(control.native_key ?? control.nativeKey, 200),
+      label: boundedString(control.label, 300),
+      description: boundedString(control.description),
+      scope: ["user", "project", "managed", "command_line"].includes(control.scope) ? control.scope : "user",
+      sourcePath: boundedString(control.source_path ?? control.sourcePath, 4e3),
+      configuredValue: typeof (control.configured_value ?? control.configuredValue) === "string" ? boundedString(control.configured_value ?? control.configuredValue, 500) : null,
+      effectiveValue: typeof (control.effective_value ?? control.effectiveValue) === "string" ? boundedString(control.effective_value ?? control.effectiveValue, 500) : null,
+      effectiveKnown: (control.effective_known ?? control.effectiveKnown) === true,
+      effectiveNote: boundedString(control.effective_note ?? control.effectiveNote),
+      choices: Array.isArray(control.choices) ? control.choices.slice(0, 20).flatMap((candidate) => {
+        const choice = record(candidate);
+        return choice && typeof choice.value === "string" && typeof choice.label === "string" ? [{
+          value: boundedString(choice.value, 500),
+          label: boundedString(choice.label, 300),
+          description: boundedString(choice.description),
+          ...typeof choice.risk === "string" ? { risk: boundedString(choice.risk) } : {}
+        }] : [];
+      }) : [],
+      writable: control.writable === true,
+      resettable: control.resettable === true,
+      requiresRestart: (control.requires_restart ?? control.requiresRestart) === true
+    }];
+  });
+  const advisories = report.advisories.slice(0, 20).flatMap((raw) => {
+    const advisory = record(raw);
+    const recommendation = record(advisory?.recommendation);
+    const change = record(recommendation?.change);
+    if (!advisory || !recommendation || !change || typeof advisory.code !== "string" || typeof advisory.title !== "string" || typeof advisory.setting !== "string" || typeof change.key !== "string") return [];
+    return [{
+      code: boundedString(advisory.code, 200),
+      severity: ["info", "warning", "error"].includes(advisory.severity) ? advisory.severity : "warning",
+      title: boundedString(advisory.title, 500),
+      message: boundedString(advisory.message),
+      setting: boundedString(advisory.setting, 200),
+      recommendation: {
+        label: boundedString(recommendation.label, 500),
+        description: boundedString(recommendation.description),
+        consequence: boundedString(recommendation.consequence),
+        change: {
+          key: boundedString(change.key, 200),
+          value: typeof change.value === "string" ? boundedString(change.value, 500) : null
+        },
+        command: boundedString(recommendation.command, 4e3)
+      }
+    }];
+  });
+  return {
+    schema: "supercode.harness-interop-settings.v1",
+    harness: report.harness,
+    revision: boundedString(report.revision, 500),
+    controls,
+    advisories
+  };
+}
+function normalizeUiState(value) {
+  const raw = record(value) ?? {};
+  const pill = record(raw.pill);
+  const history = record(raw.history);
+  const attachError = record(raw.attachError);
+  const canResume = raw.canResume === true;
+  const continuationModes = Array.isArray(raw.continuationModes) ? [...new Set(raw.continuationModes.filter((mode) => mode === "headless" || mode === "terminal"))] : canResume ? ["headless"] : [];
+  return {
+    pill: { tone: ["live", "warn", "dead"].includes(pill?.tone) ? pill.tone : "off", label: string(pill?.label, "connecting\u2026") },
+    startup: STARTUP.has(raw.startup) ? raw.startup : "connecting",
+    transcript: readTranscript(raw.transcript),
+    busy: raw.busy === true,
+    operation: typeof raw.operation === "string" ? raw.operation : null,
+    needsInput: raw.needsInput === true,
+    harness: string(raw.harness),
+    mode: MODES.has(raw.mode) ? raw.mode : "none",
+    strategy: STRATEGIES.has(raw.strategy) ? raw.strategy : null,
+    canSend: raw.canSend === true,
+    canSteer: raw.canSteer === true,
+    canResume,
+    continuationModes,
+    canBranch: raw.canBranch === true,
+    canAttach: raw.canAttach === true,
+    canDetach: raw.canDetach === true,
+    canOpenTerminal: raw.canOpenTerminal === true,
+    canExport: raw.canExport === true,
+    canReduce: raw.canReduce === true,
+    canInterrupt: raw.canInterrupt === true,
+    canRespond: raw.canRespond === true,
+    canConfigureSettings: raw.canConfigureSettings === true,
+    messaging: raw.messaging === "live_peer" ? "live_peer" : null,
+    workspace: string(raw.workspace),
+    taskPlan: readTaskPlan(raw.taskPlan),
+    semantics: readSemantics(raw.semantics),
+    terminalHandoff: readTerminalHandoff(raw.terminalHandoff),
+    exportBackTarget: typeof raw.exportBackTarget === "string" ? raw.exportBackTarget : null,
+    exportReceipt: readExportReceipt(raw.exportReceipt),
+    reductionReceipt: readReductionReceipt(raw.reductionReceipt),
+    interopSettings: readInteropSettings(raw.interopSettings),
+    interopSettingsError: typeof raw.interopSettingsError === "string" ? boundedString(raw.interopSettingsError) : null,
+    error: typeof raw.error === "string" ? raw.error : null,
+    recoverable: raw.recoverable === true,
+    harnesses: Array.isArray(raw.harnesses) ? raw.harnesses.flatMap((candidate) => {
+      const item = record(candidate);
+      if (!item || typeof item.id !== "string") return [];
+      const startable = item.startable === true;
+      const launchModes = Array.isArray(item.launchModes) ? [...new Set(item.launchModes.filter((mode) => mode === "headless" || mode === "terminal"))] : startable ? ["headless"] : [];
+      const preferredLaunchMode = launchModes.includes(item.preferredLaunchMode) ? item.preferredLaunchMode : launchModes[0] ?? null;
+      const capabilities = record(item.capabilities);
+      return [{
+        id: item.id,
+        label: string(item.label, harnessDisplayName(item.id)),
+        installed: item.installed === true,
+        startable,
+        reason: typeof item.reason === "string" ? boundedString(item.reason) : null,
+        auth: ["ready", "configured", "required", "unknown"].includes(item.auth) ? item.auth : "unknown",
+        runtime: ["ready", "degraded", "unavailable"].includes(item.runtime) ? item.runtime : startable ? "ready" : "unavailable",
+        protocol: boundedString(item.protocol, 100),
+        repair: typeof item.repair === "string" ? boundedString(item.repair, 4e3) : null,
+        capabilities: {
+          start: capabilities?.start === true,
+          resume: capabilities?.resume === true,
+          attach: capabilities?.attach === true,
+          send: capabilities?.send === true,
+          interrupt: capabilities?.interrupt === true,
+          steer: capabilities?.steer === true,
+          respond: capabilities?.respond === true
+        },
+        launchModes,
+        preferredLaunchMode
+      }];
+    }) : [],
+    history: { sessionLimit: number(history?.sessionLimit), hasMoreSessions: history?.hasMoreSessions === true, transcriptLimit: number(history?.transcriptLimit, 120), hasEarlier: history?.hasEarlier === true },
+    savedDraft: string(raw.savedDraft),
+    attention: Array.isArray(raw.attention) ? raw.attention.flatMap((candidate) => {
+      const item = record(candidate);
+      return item && typeof item.key === "string" && ["unseen", "finished", "failed"].includes(item.kind) ? [{ key: item.key, kind: item.kind, ...typeof item.preview === "string" ? { preview: item.preview } : {}, ...Number.isSafeInteger(item.afterMessages) && item.afterMessages >= 0 ? { afterMessages: item.afterMessages } : {}, ...Number.isSafeInteger(item.unreadCount) && item.unreadCount > 0 ? { unreadCount: item.unreadCount } : {} }] : [];
+    }) : [],
+    sessions: readSessions(raw.sessions),
+    attached: readAttached(raw.attached),
+    owned: readAttached(raw.owned),
+    attachError: attachError && typeof attachError.key === "string" && typeof attachError.message === "string" ? { key: attachError.key, message: attachError.message } : null
+  };
+}
+function harnessDisplayName(id) {
+  return HARNESS_NAMES[id] ?? id;
+}
+function sessionDisplayName(session) {
+  const title = session.title?.trim();
+  return title && title !== session.name ? title : session.name || "Untitled chat";
+}
+function sessionActivity(state, row) {
+  if (state.needsInput && row.active) return "needs-input";
+  if (state.busy && row.active) return "working";
+  if (row.runtimeStatus === "busy") return "working";
+  const attention = state.attention.find((item) => item.key === row.key)?.kind;
+  if (attention) return attention;
+  if (row.runtimeStatus === "running") return "running";
+  if (row.live || row.runtimeStatus === "idle") return "recent";
+  return "idle";
+}
+var ACTIVITY_PRIORITY = Object.freeze({
+  "needs-input": 70,
+  failed: 60,
+  working: 50,
+  unseen: 40,
+  finished: 30,
+  running: 20,
+  recent: 10,
+  idle: 0
+});
+function filterSessions(rows, query) {
+  const needle = query.trim().toLocaleLowerCase();
+  if (!needle) return [...rows];
+  return rows.filter((row) => [row.name, row.title, row.preview, row.cwd, row.harness, harnessDisplayName(row.harness)].some((value) => typeof value === "string" && value.toLocaleLowerCase().includes(needle)));
+}
+function groupConversation(entries) {
+  const blocks = [];
+  for (const entry of entries) {
+    if (entry.role !== "tool") {
+      blocks.push({ kind: "entry", id: entry.id, entry });
+      continue;
+    }
+    const previous = blocks.at(-1);
+    if (previous?.kind === "activity") previous.entries.push(entry);
+    else blocks.push({ kind: "activity", id: `activity:${entry.id}`, entries: [entry] });
+  }
+  return blocks;
+}
+function toolCategory(entry) {
+  if (TOOL_CATEGORIES.has(entry.presentation?.category)) return entry.presentation.category;
+  const envelope = toolEnvelope(entry);
+  const command = firstString(envelope.args, ["command", "cmd"]) || sourceString(envelope.source, ["command", "cmd"]);
+  return classifyTool(envelope.name, command || envelope.source || entry.arguments || "");
+}
+function toolTarget(argumentsText) {
+  if (!argumentsText) return "";
+  try {
+    const args = JSON.parse(argumentsText);
+    for (const key of ["file_path", "target_file", "path", "command", "cmd", "query", "pattern", "url"]) {
+      if (typeof args?.[key] === "string") return args[key];
+    }
+  } catch {
+    return argumentsText.length > 120 ? `${argumentsText.slice(0, 117)}\u2026` : argumentsText;
+  }
+  return "";
+}
+function compactToolTarget(target, workspace) {
+  const prefix = workspace && !workspace.endsWith("/") ? `${workspace}/` : workspace;
+  return prefix && target.startsWith(prefix) ? target.slice(prefix.length) : target;
+}
+function activitySummary(entries) {
+  const counts = /* @__PURE__ */ new Map();
+  for (const entry of entries) counts.set(toolCategory(entry), (counts.get(toolCategory(entry)) ?? 0) + 1);
+  const failed = entries.filter((entry) => entry.status === "error").length;
+  const pending = entries.filter((entry) => entry.status === "pending").length;
+  if (pending) return `${entries.length} actions in progress`;
+  if (failed) return `${entries.length} actions \xB7 ${failed} failed`;
+  if ([...counts.keys()].every((key) => key === "read" || key === "search")) return `Explored ${entries.length} ${entries.length === 1 ? "item" : "items"}`;
+  const nouns = { read: ["read", "reads"], search: ["search", "searches"], edit: ["edit", "edits"], command: ["command", "commands"], test: ["test run", "test runs"], web: ["web action", "web actions"], agent: ["agent action", "agent actions"], plan: ["plan update", "plan updates"], other: ["action", "actions"] };
+  return [...counts.entries()].sort((a, b) => b[1] - a[1]).slice(0, 3).map(([category, count]) => `${count} ${nouns[category][count === 1 ? 0 : 1]}`).join(" \xB7 ");
+}
+function canContinueHere(state) {
+  if (state.mode !== "mirror" || state.canSend) return false;
+  const row = state.attached?.key ? state.sessions.find((item) => item.key === state.attached.key) : null;
+  return Boolean(row) && state.canResume && row.runtimeStatus !== "running" && row.runtimeStatus !== "busy" && row.runtimeStatus !== "idle";
+}
+function operationLabel(operation) {
+  if (!operation) return "";
+  const labels = { discover: "Refreshing chats\u2026", observe: "Loading recent messages\u2026", attach: "Opening chat\u2026", start: "Starting new chat\u2026", resume: "Continuing here\u2026", join: "Joining live session\u2026", detach: "Detaching to read-only\u2026", branch: "Starting continuation\u2026", reduce: "Reducing context and verifying reversibility\u2026", terminal: "Preparing terminal handoff\u2026", export: "Exporting losslessly\u2026", steer: "Steering agent\u2026", interrupt: "Stopping agent\u2026", respond: "Sending response\u2026", configureHarness: "Updating harness settings\u2026", loadEarlier: "Loading earlier messages\u2026", loadSessions: "Loading more chats\u2026", refresh: "Retrying\u2026" };
+  return labels[operation] ?? `${operation.replaceAll("_", " ")}\u2026`;
+}
+function terminalCommand(handoff) {
+  const quote = (value) => /^[A-Za-z0-9_./:@%+=,-]+$/.test(value) ? value : `'${value.replaceAll("'", "'\\''")}'`;
+  return [handoff.program, ...handoff.arguments].map(quote).join(" ");
+}
+function isSendKey(event) {
+  return event.key === "Enter" && !event.shiftKey && !event.isComposing;
+}
+
+// src/composer.jsx
+import { useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
+
+// src/memory.js
+var MEMORY_LIMIT = 100;
+function boundedSet(map, key, value) {
+  map.delete(key);
+  map.set(key, value);
+  while (map.size > MEMORY_LIMIT) map.delete(map.keys().next().value);
+}
+
+// src/icon.jsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var ICONS = {
+  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" })
+  ] }),
+  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, {}) });
+}
+
+// src/context.jsx
+import { useEffect, useRef, useState } from "react";
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } 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__ */ jsxs2("button", { type: "button", disabled: attached, "aria-label": `${attached ? "Attached" : "Attach"} ${attachment.label}`, onClick: () => onAttach(attachment), children: [
+    image ? /* @__PURE__ */ jsx2("img", { src: attachment.url, alt: "" }) : /* @__PURE__ */ jsx2(UiIcon, { name: "attach", size: 13 }),
+    /* @__PURE__ */ jsxs2("span", { children: [
+      /* @__PURE__ */ jsx2("strong", { children: attachment.label }),
+      /* @__PURE__ */ jsx2("small", { children: image ? "Image" : attachment.kind || "Context" })
+    ] }),
+    attached ? /* @__PURE__ */ jsx2(UiIcon, { name: "check", size: 13 }) : /* @__PURE__ */ jsx2(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__ */ jsx2("div", { className: "scui-context-candidates", "aria-label": "Available context", children: items.map((attachment, index) => /* @__PURE__ */ jsx2(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__ */ jsx2("div", { className: "scui-compose-context", "aria-label": "Attached context", children: items.map((item, index) => /* @__PURE__ */ jsxs2("span", { children: [
+    /* @__PURE__ */ jsx2(UiIcon, { name: "attach", size: 12 }),
+    /* @__PURE__ */ jsx2("strong", { children: item.label }),
+    /* @__PURE__ */ jsx2("button", { type: "button", "aria-label": `Remove context ${item.label}`, onClick: () => onRemove(index), children: /* @__PURE__ */ jsx2(UiIcon, { name: "close", size: 12 }) })
+  ] }, item.id ?? `${item.label}:${index}`)) });
+}
+function ImageTray({ items, onRemove }) {
+  if (!items.length) return null;
+  return /* @__PURE__ */ jsx2("div", { className: "scui-compose-images", "aria-label": "Attached images", children: items.map((item, index) => /* @__PURE__ */ jsxs2("span", { children: [
+    /* @__PURE__ */ jsx2("img", { src: item.url, alt: "" }),
+    /* @__PURE__ */ jsx2("strong", { children: item.label }),
+    onRemove ? /* @__PURE__ */ jsx2("button", { type: "button", "aria-label": `Remove image ${item.label}`, onClick: () => onRemove(index), children: /* @__PURE__ */ jsx2(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, setCopyState2] = 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);
+    setCopyState2("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);
+      setCopyState2("copied");
+    } catch {
+      setCopyState2("failed");
+    }
+    clearTimeout(reset.current);
+    reset.current = setTimeout(() => setCopyState2("idle"), 1500);
+  };
+  const close = () => dialog.current?.close();
+  return /* @__PURE__ */ jsxs2(
+    "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__ */ jsxs2("header", { children: [
+          /* @__PURE__ */ jsxs2("span", { children: [
+            /* @__PURE__ */ jsx2("strong", { children: item.label }),
+            items.length > 1 ? /* @__PURE__ */ jsxs2("small", { children: [
+              index + 1,
+              " of ",
+              items.length
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ jsxs2("nav", { "aria-label": "Image actions", children: [
+            remote && adapter?.copyText ? /* @__PURE__ */ jsx2("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__ */ jsx2(UiIcon, { name: copyState === "copied" ? "check" : "copy", size: 16 }) }) : null,
+            imageUrl ? remote ? /* @__PURE__ */ jsx2("a", { href: imageUrl, target: "_blank", rel: "noreferrer", "aria-label": "Open original image", title: "Open original image", children: /* @__PURE__ */ jsx2(UiIcon, { name: "image", size: 16 }) }) : /* @__PURE__ */ jsx2("a", { href: imageUrl, download: imageFilename(item.label), "aria-label": "Download image", title: "Download image", children: /* @__PURE__ */ jsx2(UiIcon, { name: "down", size: 16 }) }) : null,
+            /* @__PURE__ */ jsx2("button", { type: "button", "aria-label": "Close image preview", title: "Close", onClick: close, children: /* @__PURE__ */ jsx2(UiIcon, { name: "close", size: 17 }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs2("figure", { children: [
+          imageUrl ? /* @__PURE__ */ jsx2("img", { src: imageUrl, alt: item.label }) : resolution?.status === "error" ? /* @__PURE__ */ jsxs2("div", { className: "scui-image-resolution", role: "alert", children: [
+            /* @__PURE__ */ jsx2(UiIcon, { name: "image", size: 28 }),
+            /* @__PURE__ */ jsx2("strong", { children: "Could not load image" }),
+            /* @__PURE__ */ jsx2("small", { children: resolution.message }),
+            /* @__PURE__ */ jsx2("button", { type: "button", onClick: () => resolve(item, true), children: "Retry" })
+          ] }) : /* @__PURE__ */ jsxs2("div", { className: "scui-image-resolution", role: "status", children: [
+            /* @__PURE__ */ jsx2("i", { className: "scui-control-spinner" }),
+            /* @__PURE__ */ jsx2("strong", { children: "Loading image\u2026" }),
+            /* @__PURE__ */ jsx2("small", { children: "The original stays out of the transcript payload." })
+          ] }),
+          items.length > 1 ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
+            /* @__PURE__ */ jsx2("button", { type: "button", className: "scui-image-previous", "aria-label": "Previous image", onClick: () => move(-1), children: /* @__PURE__ */ jsx2(UiIcon, { name: "chevron", size: 19 }) }),
+            /* @__PURE__ */ jsx2("button", { type: "button", className: "scui-image-next", "aria-label": "Next image", onClick: () => move(1), children: /* @__PURE__ */ jsx2(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__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx2("div", { className: "scui-message-images", "aria-label": "Message images", children: items.map((item, index) => item.url ? /* @__PURE__ */ jsx2("button", { type: "button", "aria-label": `View image ${item.label}`, onClick: (event) => {
+      opener.current = event.currentTarget;
+      setActive(viewable.indexOf(item));
+    }, children: /* @__PURE__ */ jsx2("img", { src: item.url, alt: "" }) }, item.id ?? `${item.label}:${index}`) : item.reference && adapter?.resolveImage ? /* @__PURE__ */ jsxs2("button", { type: "button", "data-lazy": "true", "aria-label": `Load image ${item.label}`, onClick: (event) => {
+      opener.current = event.currentTarget;
+      setActive(viewable.indexOf(item));
+    }, children: [
+      /* @__PURE__ */ jsx2(UiIcon, { name: "image", size: 16 }),
+      /* @__PURE__ */ jsxs2("span", { children: [
+        /* @__PURE__ */ jsx2("strong", { children: item.label }),
+        /* @__PURE__ */ jsx2("small", { children: "Load preview" })
+      ] })
+    ] }, item.id ?? `${item.label}:${index}`) : /* @__PURE__ */ jsxs2("span", { "data-unavailable": "true", children: [
+      /* @__PURE__ */ jsx2(UiIcon, { name: "image", size: 14 }),
+      /* @__PURE__ */ jsxs2("span", { children: [
+        /* @__PURE__ */ jsx2("strong", { children: item.label }),
+        /* @__PURE__ */ jsx2("small", { children: "Preview unavailable" })
+      ] })
+    ] }, item.id ?? `${item.label}:${index}`)) }),
+    active !== null && viewable[active] ? /* @__PURE__ */ jsx2(ImageViewer, { items: viewable, index: active, adapter, onChange: setActive, onClose: close }) : null
+  ] });
+}
+
+// src/intent.js
+var CONFIRMABLE_ACTIONS = /* @__PURE__ */ new Set(["resume", "join", "branch", "reduce", "export"]);
+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 "react";
+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 as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var composerMemory = /* @__PURE__ */ new Map();
+function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
+  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 resume = canContinueHere(state);
+  const terminal = resume && state.continuationModes?.includes("terminal");
+  const join = state.canAttach;
+  const branch = state.canBranch;
+  if (!resume && !join && !branch) return /* @__PURE__ */ jsx3("div", { className: "scui-continuation", children: /* @__PURE__ */ jsxs3("span", { children: [
+    /* @__PURE__ */ jsx3("strong", { children: activeElsewhere ? "Active elsewhere" : "Read-only" }),
+    /* @__PURE__ */ jsx3("small", { children: "This session cannot be continued by an available harness." })
+  ] }) });
+  return /* @__PURE__ */ jsxs3("div", { className: "scui-continuation", children: [
+    /* @__PURE__ */ jsxs3("span", { children: [
+      /* @__PURE__ */ jsx3("strong", { children: activeElsewhere ? "Active elsewhere" : "Read-only" }),
+      /* @__PURE__ */ jsx3("small", { children: join ? "Join the proven live runtime without taking it over." : resume ? `Resume this ${harnessDisplayName(state.harness)} session here.` : "Start an independent continuation." })
+    ] }),
+    /* @__PURE__ */ jsxs3("span", { className: "scui-continuation-actions", children: [
+      /* @__PURE__ */ jsx3("button", { type: "button", disabled: Boolean(state.operation), onClick: () => dispatchConfirmedIntent(adapter, join ? { action: "join" } : resume ? { action: "resume", mode: "headless" } : { action: "branch" }), children: join ? labels.joinLive : resume ? labels.continueHere : labels.forkHere }),
+      terminal ? /* @__PURE__ */ jsx3("button", { type: "button", className: "scui-secondary", disabled: Boolean(state.operation), onClick: () => dispatchConfirmedIntent(adapter, { action: "resume", mode: "terminal" }), children: labels.continueWithTerminal ?? DEFAULT_LABELS.continueWithTerminal }) : null
+    ] })
+  ] });
+}
+function Composer({ state, adapter, labels = DEFAULT_LABELS, memoryKey = state.attached?.key || `${state.harness}:${state.workspace}`, pendingStatus = null, restoreDraft = null, contextCandidates = [], components = {}, onPending, onDraftRestored }) {
+  const remembered = composerMemory.get(memoryKey) ?? { draft: state.savedDraft, context: [], images: [], queue: [] };
+  const [draft, setDraft] = useState2(remembered.draft);
+  const [context, setContext] = useState2(remembered.context ?? []);
+  const [images, setImages] = useState2(remembered.images ?? []);
+  const [queue, setQueue] = useState2((remembered.queue ?? []).map((item) => ({ ...item, context: item.context ?? [], images: item.images ?? [] })));
+  const [dispatching, setDispatching] = useState2(false);
+  const [steering, setSteering] = useState2(false);
+  const [picking, setPicking] = useState2(false);
+  const [dragging, setDragging] = useState2(false);
+  const [pickerError, setPickerError] = useState2(null);
+  const textarea = useRef2(null);
+  useAutosizeTextarea(textarea, draft);
+  const remember = (nextDraft, nextContext, nextImages, nextQueue) => boundedSet(composerMemory, memoryKey, { draft: nextDraft, context: nextContext, images: nextImages, queue: nextQueue });
+  useEffect2(() => {
+    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;
+  useEffect2(() => {
+    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]);
+  useEffect2(() => {
+    if (pendingStatus !== null || state.busy) setDispatching(false);
+  }, [pendingStatus, state.busy]);
+  useEffect2(() => {
+    textarea.current?.focus({ preventScroll: true });
+  }, [memoryKey]);
+  useEffect2(() => {
+    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]);
+  useEffect2(() => {
+    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__ */ jsxs3("div", { className: "scui-compose", children: [
+    queue.length ? /* @__PURE__ */ jsxs3("div", { className: "scui-queue", children: [
+      /* @__PURE__ */ jsxs3("strong", { children: [
+        queue.length,
+        " queued"
+      ] }),
+      queue.map((item, index) => /* @__PURE__ */ jsxs3("span", { children: [
+        /* @__PURE__ */ jsxs3("span", { children: [
+          item.text || "Image attachment",
+          item.context.length + item.images.length ? /* @__PURE__ */ jsxs3("small", { children: [
+            item.context.length + item.images.length,
+            " attached"
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ jsx3("button", { type: "button", "aria-label": `Remove queued message ${index + 1}`, onClick: () => updateQueue((items) => items.filter((_, itemIndex) => itemIndex !== index)), children: /* @__PURE__ */ jsx3(UiIcon, { name: "close", size: 13 }) })
+      ] }, `${index}:${item.text}`))
+    ] }) : null,
+    /* @__PURE__ */ jsx3(ContextCandidates, { items: contextCandidates, context, images, state, adapter, onAttach: attachCandidate, component: components.ContextCandidate }),
+    /* @__PURE__ */ jsx3(ImageTray, { items: images, onRemove: (index) => setImages((items) => {
+      const next = items.filter((_, itemIndex) => itemIndex !== index);
+      remember(draft, context, next, queue);
+      return next;
+    }) }),
+    /* @__PURE__ */ jsx3(ContextTray, { items: context, onRemove: (index) => setContext((items) => {
+      const next = items.filter((_, itemIndex) => itemIndex !== index);
+      remember(draft, next, images, queue);
+      return next;
+    }) }),
+    pickerError ? /* @__PURE__ */ jsx3("small", { className: "scui-context-error", role: "alert", children: pickerError }) : null,
+    /* @__PURE__ */ jsxs3("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__ */ jsx3("button", { className: "scui-attach", type: "button", "aria-label": "Attach files or images", disabled: picking || context.length >= MAX_CONTEXT_ITEMS && images.length >= MAX_IMAGE_ITEMS, onClick: pickContext, children: picking ? /* @__PURE__ */ jsx3("i", { className: "scui-control-spinner" }) : /* @__PURE__ */ jsx3(UiIcon, { name: "attach", size: 17 }) }) : null,
+      /* @__PURE__ */ jsx3("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__ */ jsxs3("span", { children: [
+        state.busy ? /* @__PURE__ */ jsx3("button", { className: "scui-stop", type: "button", "aria-label": "Stop agent", disabled: !state.canInterrupt, onClick: () => adapter.onIntent({ action: "interrupt" }), children: /* @__PURE__ */ jsx3(UiIcon, { name: "stop", size: 15 }) }) : null,
+        canSteerDraft ? /* @__PURE__ */ jsx3("button", { className: "scui-queue-send", type: "button", "aria-label": "Queue follow-up instead", onClick: () => send(true), children: /* @__PURE__ */ jsx3(UiIcon, { name: "plus", size: 15 }) }) : null,
+        /* @__PURE__ */ jsx3("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__ */ jsx3("i", { className: "scui-control-spinner" }) : /* @__PURE__ */ jsx3(UiIcon, { name: canSteerDraft ? "send" : queuesNewMessage ? "plus" : "send", size: 17 }) })
+      ] })
+    ] })
+  ] });
+}
+
+// src/conversation.jsx
+import { Fragment as Fragment3 } from "react";
+import { useEffect as useEffect4, useId, useLayoutEffect as useLayoutEffect2, useRef as useRef4, useState as useState3 } from "react";
+
+// src/markdown.jsx
+import MarkdownIt from "markdown-it";
+import { useEffect as useEffect3, useMemo, useRef as useRef3 } from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var markdown = new MarkdownIt({ html: false, linkify: true, breaks: false });
+var LANGUAGE_LABELS = {
+  bash: "Shell",
+  css: "CSS",
+  html: "HTML",
+  js: "JavaScript",
+  javascript: "JavaScript",
+  jsx: "JSX",
+  md: "Markdown",
+  markdown: "Markdown",
+  py: "Python",
+  python: "Python",
+  rs: "Rust",
+  rust: "Rust",
+  sh: "Shell",
+  shell: "Shell",
+  ts: "TypeScript",
+  tsx: "TSX",
+  yaml: "YAML",
+  yml: "YAML",
+  json: "JSON",
+  jsonc: "JSONC",
+  sql: "SQL",
+  xml: "XML"
+};
+var COPY_ICON = '<svg viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="5" y="5" width="8" height="8" rx="1.5"></rect><path d="M3 10.5V4.25C3 3.56 3.56 3 4.25 3h6.25"></path></svg>';
+function languageLabel(info) {
+  const language = info.trim().split(/\s+/, 1)[0]?.toLocaleLowerCase() ?? "";
+  if (!language) return "Code";
+  return LANGUAGE_LABELS[language] ?? language.toLocaleUpperCase();
+}
+function frameCode(render, tokens, index, options, env, self) {
+  const label = markdown.utils.escapeHtml(languageLabel(tokens[index]?.info ?? ""));
+  return `<div class="scui-code-block"><div class="scui-code-head"><span>${label}</span><button class="scui-code-copy" type="button" aria-label="Copy code" title="Copy code">${COPY_ICON}<span>Copy</span></button></div>${render(tokens, index, options, env, self)}</div>`;
+}
+for (const kind of ["fence", "code_block"]) {
+  const render = markdown.renderer.rules[kind];
+  markdown.renderer.rules[kind] = (tokens, index, options, env, self) => frameCode(render, tokens, index, options, env, self);
+}
+var defaultLinkOpen = markdown.renderer.rules.link_open;
+markdown.renderer.rules.link_open = (tokens, index, options, env, self) => {
+  tokens[index]?.attrSet("target", "_blank");
+  tokens[index]?.attrSet("rel", "noreferrer noopener");
+  return defaultLinkOpen ? defaultLinkOpen(tokens, index, options, env, self) : self.renderToken(tokens, index, options);
+};
+function setCopyState(button, status) {
+  const labels = {
+    idle: ["Copy code", "Copy"],
+    copied: ["Code copied", "Copied"],
+    failed: ["Copy failed \xB7 retry", "Retry"]
+  };
+  const [label, visible] = labels[status];
+  button.dataset.status = status;
+  button.setAttribute("aria-label", label);
+  button.setAttribute("title", label);
+  const text = button.querySelector("span");
+  if (text) text.textContent = visible;
+}
+function Markdown({ value, copyText }) {
+  const html = useMemo(() => markdown.render(value), [value]);
+  const resets = useRef3(/* @__PURE__ */ new Map());
+  useEffect3(() => () => {
+    for (const timer of resets.current.values()) clearTimeout(timer);
+    resets.current.clear();
+  }, []);
+  const copyCode = async (event) => {
+    const button = event.target.closest?.(".scui-code-copy");
+    if (!button || !event.currentTarget.contains(button) || !copyText) return;
+    const code = button.closest(".scui-code-block")?.querySelector("pre code");
+    if (!code) return;
+    button.disabled = true;
+    try {
+      await copyText(code.textContent ?? "");
+      setCopyState(button, "copied");
+    } catch {
+      setCopyState(button, "failed");
+    } finally {
+      button.disabled = false;
+    }
+    clearTimeout(resets.current.get(button));
+    const timer = setTimeout(() => {
+      if (button.isConnected) setCopyState(button, "idle");
+      resets.current.delete(button);
+    }, 1500);
+    resets.current.set(button, timer);
+  };
+  return /* @__PURE__ */ jsx4("div", { className: "scui-markdown", "data-copyable": Boolean(copyText), onClick: copyCode, dangerouslySetInnerHTML: { __html: html } });
+}
+
+// src/conversation.jsx
+import { Fragment as Fragment4, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+function LoadingStatus({ state, compact = false }) {
+  const copy = {
+    connecting: ["Connecting to coding agents", "Checking installed harnesses and capabilities.", 0],
+    starting: [`Starting ${harnessDisplayName(state.harness) || "coding agent"}`, "Opening a controlled session in this workspace.", 1],
+    discovering: ["Loading recent sessions", "Scanning native session stores without loading full transcripts.", 2],
+    ready: ["Ready", "Coding sessions are up to date.", 3]
+  }[state.startup];
+  return /* @__PURE__ */ jsxs4("div", { className: `scui-loading${compact ? " scui-loading-compact" : ""}`, role: "status", "aria-busy": state.startup !== "ready", children: [
+    /* @__PURE__ */ jsx5("span", { className: "scui-orbit", "aria-hidden": "true", children: /* @__PURE__ */ jsx5("i", {}) }),
+    /* @__PURE__ */ jsxs4("span", { className: "scui-loading-copy", children: [
+      /* @__PURE__ */ jsx5("strong", { children: copy[0] }),
+      /* @__PURE__ */ jsx5("small", { children: copy[1] })
+    ] }),
+    /* @__PURE__ */ jsx5("span", { className: "scui-progress", "aria-hidden": "true", children: [1, 2, 3].map((step) => /* @__PURE__ */ jsx5("i", { "data-progress": step <= copy[2] ? "done" : step === copy[2] + 1 ? "current" : "waiting" }, step)) })
+  ] });
+}
+function RequestCard({ entry, adapter, canRespond }) {
+  const request = entry.request;
+  if (!request) return null;
+  if (request.status === "responded") {
+    return /* @__PURE__ */ jsxs4("div", { className: "scui-request-done", children: [
+      "\u2713 Request answered \xB7 ",
+      request.resolution?.name ?? request.requestKind
+    ] });
+  }
+  return /* @__PURE__ */ jsxs4("section", { className: "scui-request", role: "alert", "aria-label": `${request.requestKind} needs input`, children: [
+    /* @__PURE__ */ jsx5("strong", { children: "Agent needs input" }),
+    /* @__PURE__ */ jsx5(Markdown, { value: request.payloadText || entry.text, copyText: adapter?.copyText }),
+    /* @__PURE__ */ jsxs4("div", { className: "scui-request-actions", children: [
+      request.options.map((option) => /* @__PURE__ */ jsx5("button", { type: "button", disabled: !canRespond, onClick: () => adapter.onIntent({ action: "respond", requestId: request.requestId, optionId: option.optionId }), children: option.name }, option.optionId)),
+      request.cancellable ? /* @__PURE__ */ jsx5("button", { type: "button", disabled: !canRespond, onClick: () => adapter.onIntent({ action: "respond", requestId: request.requestId, optionId: null }), children: "Cancel" }) : null
+    ] })
+  ] });
+}
+function ContextDisclosure({ context }) {
+  if (!context?.length) return null;
+  return /* @__PURE__ */ jsxs4("details", { className: "scui-context", children: [
+    /* @__PURE__ */ jsxs4("summary", { children: [
+      "Context \xB7 ",
+      context.length
+    ] }),
+    /* @__PURE__ */ jsx5("div", { children: context.map((item, index) => /* @__PURE__ */ jsxs4("p", { children: [
+      /* @__PURE__ */ jsx5("strong", { children: item.label }),
+      /* @__PURE__ */ jsx5("span", { children: item.detail })
+    ] }, item.id ?? index)) })
+  ] });
+}
+function MessageMeta({ entry, adapter }) {
+  const [copyState, setCopyState2] = useState3("idle");
+  const reset = useRef4(null);
+  useEffect4(() => () => clearTimeout(reset.current), []);
+  const date = entry.ts === null ? null : new Date(entry.ts);
+  const validDate = date && Number.isFinite(date.valueOf()) ? date : null;
+  if (!validDate && (!adapter?.copyText || !entry.text)) return null;
+  const copy = async () => {
+    try {
+      await adapter.copyText(entry.text);
+      setCopyState2("copied");
+    } catch {
+      setCopyState2("failed");
+    }
+    clearTimeout(reset.current);
+    reset.current = setTimeout(() => setCopyState2("idle"), 1500);
+  };
+  const copyLabel = copyState === "copied" ? "Message copied" : copyState === "failed" ? "Copy failed \xB7 retry" : "Copy message";
+  return /* @__PURE__ */ jsxs4("footer", { className: "scui-message-meta", children: [
+    validDate ? /* @__PURE__ */ jsx5("time", { dateTime: validDate.toISOString(), title: validDate.toLocaleString(), children: validDate.toLocaleTimeString([], { hour: "numeric", minute: "2-digit" }) }) : null,
+    adapter?.copyText && entry.text ? /* @__PURE__ */ jsx5("button", { type: "button", "aria-label": copyLabel, title: copyLabel, onClick: copy, "data-status": copyState, children: /* @__PURE__ */ jsx5(UiIcon, { name: "copy", size: 13 }) }) : null
+  ] });
+}
+var TOOL_ICONS = {
+  read: () => /* @__PURE__ */ jsxs4(Fragment4, { children: [
+    /* @__PURE__ */ jsx5("path", { d: "M5 2.75h7.25L15 5.5v7.75A1.75 1.75 0 0 1 13.25 15h-8.5A1.75 1.75 0 0 1 3 13.25v-8.5A2 2 0 0 1 5 2.75Z" }),
+    /* @__PURE__ */ jsx5("path", { d: "M12 2.9v3h2.85M6 9h6M6 12h4" })
+  ] }),
+  search: () => /* @__PURE__ */ jsxs4(Fragment4, { children: [
+    /* @__PURE__ */ jsx5("circle", { cx: "8", cy: "8", r: "4.5" }),
+    /* @__PURE__ */ jsx5("path", { d: "m11.5 11.5 3 3" })
+  ] }),
+  edit: () => /* @__PURE__ */ jsxs4(Fragment4, { children: [
+    /* @__PURE__ */ jsx5("path", { d: "m11.75 3.25 3 3-8.5 8.5-3.75.75.75-3.75 8.5-8.5Z" }),
+    /* @__PURE__ */ jsx5("path", { d: "m10 5 3 3" })
+  ] }),
+  command: () => /* @__PURE__ */ jsx5(Fragment4, { children: /* @__PURE__ */ jsx5("path", { d: "m3 5 3 3-3 3M8 12h6" }) }),
+  test: () => /* @__PURE__ */ jsxs4(Fragment4, { children: [
+    /* @__PURE__ */ jsx5("path", { d: "M6 2.5v3L3 12a2 2 0 0 0 1.8 3h8.4a2 2 0 0 0 1.8-3l-3-6.5v-3M5 9h8" }),
+    /* @__PURE__ */ jsx5("path", { d: "M5 2.5h8" })
+  ] }),
+  web: () => /* @__PURE__ */ jsxs4(Fragment4, { children: [
+    /* @__PURE__ */ jsx5("circle", { cx: "9", cy: "9", r: "6.5" }),
+    /* @__PURE__ */ jsx5("path", { d: "M2.75 9h12.5M9 2.5c2 1.8 3 4 3 6.5s-1 4.7-3 6.5c-2-1.8-3-4-3-6.5s1-4.7 3-6.5Z" })
+  ] }),
+  agent: () => /* @__PURE__ */ jsxs4(Fragment4, { children: [
+    /* @__PURE__ */ jsx5("circle", { cx: "9", cy: "6", r: "2.5" }),
+    /* @__PURE__ */ jsx5("path", { d: "M4 15c.4-3 2-4.5 5-4.5s4.6 1.5 5 4.5" })
+  ] }),
+  plan: () => /* @__PURE__ */ jsx5(Fragment4, { children: /* @__PURE__ */ jsx5("path", { d: "m3 5 1 1 2-2M3 9l1 1 2-2M3 13l1 1 2-2M8 5h7M8 9h7M8 13h7" }) }),
+  other: () => /* @__PURE__ */ jsxs4(Fragment4, { children: [
+    /* @__PURE__ */ jsx5("path", { d: "M9 2.5v3M9 12.5v3M2.5 9h3M12.5 9h3" }),
+    /* @__PURE__ */ jsx5("circle", { cx: "9", cy: "9", r: "3.5" })
+  ] })
+};
+function ToolIcon({ category }) {
+  const Glyph = TOOL_ICONS[category] ?? TOOL_ICONS.other;
+  return /* @__PURE__ */ jsx5("svg", { className: "scui-tool-icon", viewBox: "0 0 18 18", fill: "none", stroke: "currentColor", strokeWidth: "1.35", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx5(Glyph, {}) });
+}
+function toolAction2(entry, category, presentation) {
+  if (presentation?.action) return presentation.action;
+  const status = entry.status ?? "completed";
+  const actions = {
+    read: ["Reading", "Read", "Read failed"],
+    search: ["Searching", "Searched", "Search failed"],
+    edit: ["Editing", "Edited", "Edit failed"],
+    command: ["Running command", "Ran command", "Command failed"],
+    test: ["Running tests", "Ran tests", "Tests failed"],
+    web: ["Browsing", "Browsed", "Browser action failed"],
+    agent: ["Starting agent", "Started agent", "Agent failed"],
+    plan: ["Updating plan", "Updated plan", "Plan update failed"]
+  };
+  const position = status === "pending" ? 0 : status === "error" ? 2 : 1;
+  if (actions[category]) return actions[category][position];
+  const label = entry.label?.split(/__|\//).at(-1)?.replaceAll(/[_-]+/g, " ") || "Tool";
+  return status === "error" ? `${label} failed` : label;
+}
+function argumentLabel(key) {
+  const labels = { cmd: "Command", command: "Command", cwd: "Working directory", file_path: "File", target_file: "File", path: "Path", query: "Query", pattern: "Pattern", url: "URL" };
+  return labels[key] ?? key.replaceAll(/[_-]+/g, " ").replace(/^./, (letter) => letter.toLocaleUpperCase());
+}
+function argumentRows(argumentsText) {
+  if (!argumentsText) return [];
+  try {
+    const value = JSON.parse(argumentsText);
+    if (value && typeof value === "object" && !Array.isArray(value)) {
+      return Object.entries(value).map(([key, item]) => ({
+        key,
+        label: argumentLabel(key),
+        value: typeof item === "string" ? item : JSON.stringify(item, null, 2)
+      }));
+    }
+  } catch {
+  }
+  return [{ key: "arguments", label: "Details", value: argumentsText }];
+}
+function stripAnsi(value) {
+  return value?.replaceAll(/[\u001B\u009B][[\]()#;?]*(?:(?:(?:[a-zA-Z\d]*(?:;[-a-zA-Z\d\/#&.:=?%@~_]+)*)?\u0007)|(?:(?:\d{1,4}(?:[;:]\d{0,4})*)?[\dA-PR-TZcf-nq-uy=><~]))/g, "") ?? "";
+}
+function formatDuration(value) {
+  if (value === null) return "";
+  if (value < 1e3) return `${Math.round(value)}ms`;
+  return `${(value / 1e3).toFixed(value < 1e4 ? 1 : 0)}s`;
+}
+function ToolMetrics({ presentation }) {
+  const metrics = [
+    presentation.matches === null ? "" : `${presentation.matches} ${presentation.matches === 1 ? "match" : "matches"}`,
+    presentation.additions === null ? "" : `+${presentation.additions}`,
+    presentation.deletions === null ? "" : `\u2212${presentation.deletions}`,
+    presentation.exitCode === null ? "" : `exit ${presentation.exitCode}`,
+    formatDuration(presentation.durationMs)
+  ].filter(Boolean);
+  return metrics.length ? /* @__PURE__ */ jsx5("div", { className: "scui-tool-metrics", children: metrics.map((metric) => /* @__PURE__ */ jsx5("span", { children: metric }, metric)) }) : null;
+}
+function PendingElapsed({ now }) {
+  const clock = now ?? Date.now;
+  const started = useRef4(clock());
+  const [elapsed, setElapsed] = useState3(0);
+  useEffect4(() => {
+    const timer = setInterval(() => setElapsed(Math.max(0, clock() - started.current)), 1e3);
+    return () => clearInterval(timer);
+  }, [clock]);
+  return /* @__PURE__ */ jsx5("small", { className: "scui-tool-elapsed", children: elapsed < 1e3 ? "now" : formatDuration(elapsed) });
+}
+function LinePreview({ value, kind }) {
+  if (!value) return null;
+  return /* @__PURE__ */ jsx5("ol", { className: "scui-code-preview", "data-kind": kind, children: stripAnsi(value).split("\n").map((line, index) => {
+    const tone = kind === "diff" ? line.startsWith("+") && !line.startsWith("+++") ? "add" : line.startsWith("-") && !line.startsWith("---") ? "remove" : line.startsWith("@@") ? "hunk" : "plain" : "plain";
+    return /* @__PURE__ */ jsxs4("li", { "data-tone": tone, children: [
+      /* @__PURE__ */ jsx5("span", { children: index + 1 }),
+      /* @__PURE__ */ jsx5("code", { children: line || " " })
+    ] }, index);
+  }) });
+}
+function TerminalPreview({ presentation, pending, failed }) {
+  return /* @__PURE__ */ jsxs4("section", { className: "scui-terminal", children: [
+    /* @__PURE__ */ jsxs4("header", { children: [
+      /* @__PURE__ */ jsxs4("span", { "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx5("i", {}),
+        /* @__PURE__ */ jsx5("i", {}),
+        /* @__PURE__ */ jsx5("i", {})
+      ] }),
+      /* @__PURE__ */ jsx5("code", { children: presentation.command ? `$ ${presentation.command}` : "Terminal" })
+    ] }),
+    presentation.preview ? /* @__PURE__ */ jsx5("pre", { "data-error": failed, children: stripAnsi(presentation.preview) }) : pending ? /* @__PURE__ */ jsxs4("div", { className: "scui-terminal-wait", children: [
+      /* @__PURE__ */ jsx5("i", {}),
+      " Waiting for output"
+    ] }) : /* @__PURE__ */ jsx5("div", { className: "scui-terminal-empty", children: "No output" })
+  ] });
+}
+function SearchPreview({ presentation }) {
+  const lines = stripAnsi(presentation.preview).split("\n").filter(Boolean);
+  return /* @__PURE__ */ jsxs4("section", { className: "scui-search-preview", children: [
+    presentation.query ? /* @__PURE__ */ jsxs4("header", { children: [
+      /* @__PURE__ */ jsx5("span", { children: "Search" }),
+      /* @__PURE__ */ jsx5("code", { children: presentation.query })
+    ] }) : null,
+    lines.length ? /* @__PURE__ */ jsx5("ol", { children: lines.map((line, index) => {
+      const match = /^(.*?):(\d+)(?::(\d+))?:(.*)$/.exec(line);
+      return /* @__PURE__ */ jsx5("li", { children: match ? /* @__PURE__ */ jsxs4(Fragment4, { children: [
+        /* @__PURE__ */ jsx5("code", { children: match[1] }),
+        /* @__PURE__ */ jsxs4("small", { children: [
+          match[2],
+          match[3] ? `:${match[3]}` : ""
+        ] }),
+        /* @__PURE__ */ jsx5("span", { children: match[4] })
+      ] }) : /* @__PURE__ */ jsx5("span", { children: line }) }, index);
+    }) }) : /* @__PURE__ */ jsx5("p", { children: "No textual results" })
+  ] });
+}
+function ToolPreview({ presentation, entry }) {
+  const pending = entry.status === "pending";
+  const failed = entry.status === "error";
+  if (presentation.detail === "terminal") return /* @__PURE__ */ jsx5(TerminalPreview, { presentation, pending, failed });
+  if (presentation.detail === "diff") return presentation.preview ? /* @__PURE__ */ jsx5(LinePreview, { value: presentation.preview, kind: "diff" }) : /* @__PURE__ */ jsx5("div", { className: "scui-tool-empty", children: "Edit completed without a textual diff" });
+  if (presentation.detail === "file") return presentation.preview ? /* @__PURE__ */ jsx5(LinePreview, { value: presentation.preview, kind: "file" }) : /* @__PURE__ */ jsx5("div", { className: "scui-tool-empty", children: "File contents were not included in this event" });
+  if (presentation.detail === "matches") return /* @__PURE__ */ jsx5(SearchPreview, { presentation });
+  if (presentation.detail === "web") return /* @__PURE__ */ jsxs4("section", { className: "scui-web-preview", children: [
+    presentation.url ? /* @__PURE__ */ jsx5("code", { children: presentation.url }) : null,
+    presentation.preview ? /* @__PURE__ */ jsx5("p", { children: stripAnsi(presentation.preview) }) : /* @__PURE__ */ jsx5("small", { children: pending ? "Waiting for the page" : "No page summary returned" })
+  ] });
+  if (presentation.detail === "agent") return /* @__PURE__ */ jsx5("section", { className: "scui-agent-preview", children: presentation.items?.length ? /* @__PURE__ */ jsx5("ol", { className: "scui-agent-roster", children: presentation.items.map((item, index) => /* @__PURE__ */ jsxs4("li", { children: [
+    /* @__PURE__ */ jsx5("strong", { children: item.label }),
+    /* @__PURE__ */ jsx5("small", { children: item.status })
+  ] }, `${item.label}:${index}`)) }) : presentation.preview ? /* @__PURE__ */ jsx5("pre", { children: stripAnsi(presentation.preview) }) : /* @__PURE__ */ jsx5("small", { children: pending ? "Agent is working" : "No textual handoff returned" }) });
+  if (presentation.detail === "plan") return /* @__PURE__ */ jsx5("ol", { className: "scui-plan-preview", children: presentation.items?.map((item, index) => /* @__PURE__ */ jsxs4("li", { "data-status": item.status, children: [
+    /* @__PURE__ */ jsx5("i", { "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx5("span", { children: item.label })
+  ] }, `${item.label}:${index}`)) });
+  return presentation.preview ? /* @__PURE__ */ jsx5("pre", { className: "scui-tool-output", "data-error": failed, children: stripAnsi(presentation.preview) }) : null;
+}
+function ToolActions({ presentation, adapter }) {
+  const [copied, setCopied] = useState3(false);
+  const reset = useRef4(null);
+  useEffect4(() => () => clearTimeout(reset.current), []);
+  if (!adapter?.copyText) return null;
+  const action = presentation.command ? ["Copy command", presentation.command] : presentation.path ? ["Copy path", presentation.path] : presentation.url ? ["Copy URL", presentation.url] : presentation.query ? ["Copy query", presentation.query] : null;
+  const copy = async () => {
+    await adapter.copyText(action[1]);
+    setCopied(true);
+    clearTimeout(reset.current);
+    reset.current = setTimeout(() => setCopied(false), 1500);
+  };
+  return action ? /* @__PURE__ */ jsx5("div", { className: "scui-tool-actions", children: /* @__PURE__ */ jsx5("button", { type: "button", onClick: copy, children: copied ? "Copied" : action[0] }) }) : null;
+}
+function ToolStack({ tools }) {
+  if (tools.length < 2) return null;
+  return /* @__PURE__ */ jsx5("div", { className: "scui-tool-stack", "aria-label": "Coordinated tools", children: tools.map((tool) => /* @__PURE__ */ jsx5("span", { children: tool.replaceAll("__", " \xB7 ").replaceAll("_", " ") }, tool)) });
+}
+function TechnicalDetails({ entry }) {
+  if (!entry.arguments && !entry.resultText) return null;
+  return /* @__PURE__ */ jsxs4("details", { className: "scui-tool-technical", children: [
+    /* @__PURE__ */ jsx5("summary", { children: "Technical details" }),
+    /* @__PURE__ */ jsxs4("div", { children: [
+      entry.arguments ? /* @__PURE__ */ jsxs4("section", { children: [
+        /* @__PURE__ */ jsx5("strong", { children: "Native arguments" }),
+        /* @__PURE__ */ jsx5("dl", { children: argumentRows(entry.arguments).map((row) => /* @__PURE__ */ jsxs4("div", { children: [
+          /* @__PURE__ */ jsx5("dt", { children: row.label }),
+          /* @__PURE__ */ jsx5("dd", { children: /* @__PURE__ */ jsx5("pre", { children: row.value }) })
+        ] }, row.key)) })
+      ] }) : null,
+      entry.resultText ? /* @__PURE__ */ jsxs4("section", { children: [
+        /* @__PURE__ */ jsx5("strong", { children: "Native result" }),
+        /* @__PURE__ */ jsxs4("pre", { "data-error": entry.status === "error", children: [
+          entry.resultText,
+          entry.truncated ? "\n[truncated]" : ""
+        ] })
+      ] }) : null
+    ] })
+  ] });
+}
+function TranscriptEntry({ entry, state, adapter }) {
+  if (entry.role === "request") return /* @__PURE__ */ jsx5(RequestCard, { entry, adapter, canRespond: state.canRespond });
+  if (entry.role === "reasoning") {
+    return /* @__PURE__ */ jsxs4("details", { className: "scui-reasoning", open: entry.streaming, children: [
+      /* @__PURE__ */ jsx5("summary", { children: entry.streaming ? "Reasoning\u2026" : "Reasoning" }),
+      /* @__PURE__ */ jsx5(Markdown, { value: entry.text, copyText: adapter?.copyText })
+    ] });
+  }
+  if (entry.role === "notice" || entry.role === "system") return /* @__PURE__ */ jsx5("div", { className: "scui-notice", "data-code": entry.code, children: entry.text });
+  return /* @__PURE__ */ jsxs4("article", { className: "scui-message", "data-role": entry.role, "aria-label": `${entry.role === "user" ? "Your" : "Assistant"} message`, children: [
+    /* @__PURE__ */ jsx5(MessageImages, { items: entry.images, adapter }),
+    /* @__PURE__ */ jsx5(Markdown, { value: entry.text, copyText: adapter?.copyText }),
+    /* @__PURE__ */ jsx5(ContextDisclosure, { context: entry.context }),
+    entry.truncated ? /* @__PURE__ */ jsx5("small", { className: "scui-truncated", children: "Entry truncated by host \xB7 load native session for the complete value" }) : null,
+    /* @__PURE__ */ jsx5(MessageMeta, { entry, adapter })
+  ] });
+}
+function ToolRow({ entry, workspace, open = false, adapter }) {
+  const presentation = entry.presentation ?? createToolPresentation(entry);
+  const [expanded, setExpanded] = useState3(open || entry.status === "pending");
+  useEffect4(() => {
+    if (entry.status === "pending") setExpanded(true);
+  }, [entry.status]);
+  const target = compactToolTarget(presentation.target, workspace);
+  const hasDetail = Boolean(entry.arguments || entry.resultText || presentation.preview || presentation.fields.length);
+  const category = presentation.category ?? toolCategory(entry);
+  const summary = /* @__PURE__ */ jsxs4(Fragment4, { children: [
+    /* @__PURE__ */ jsx5(ToolIcon, { category }),
+    /* @__PURE__ */ jsx5("strong", { children: toolAction2(entry, category, presentation) }),
+    target ? /* @__PURE__ */ jsx5("code", { className: "scui-tool-target", title: presentation.target, children: target }) : null,
+    /* @__PURE__ */ jsx5("span", { className: "scui-spacer" }),
+    entry.status === "pending" ? /* @__PURE__ */ jsx5(PendingElapsed, { now: adapter?.now }) : null,
+    /* @__PURE__ */ jsx5("span", { className: "scui-tool-status", role: "status", "data-status": entry.status ?? "completed", "aria-label": entry.status ?? "completed", children: entry.status === "pending" ? /* @__PURE__ */ jsx5("i", {}) : /* @__PURE__ */ jsx5(UiIcon, { name: entry.status === "error" ? "close" : "check", size: 12 }) }),
+    hasDetail ? /* @__PURE__ */ jsx5(UiIcon, { name: "chevron", size: 14, className: "scui-tool-chevron" }) : null
+  ] });
+  if (!hasDetail) return /* @__PURE__ */ jsx5("div", { className: "scui-tool", "data-status": entry.status ?? "completed", "data-category": category, children: /* @__PURE__ */ jsx5("div", { className: "scui-tool-head", children: summary }) });
+  return /* @__PURE__ */ jsxs4("details", { className: "scui-tool", "data-status": entry.status ?? "completed", "data-category": category, open: expanded, onToggle: (event) => setExpanded(event.currentTarget.open), children: [
+    /* @__PURE__ */ jsx5("summary", { className: "scui-tool-head", children: summary }),
+    /* @__PURE__ */ jsxs4("div", { className: "scui-tool-detail", children: [
+      /* @__PURE__ */ jsx5(ToolMetrics, { presentation }),
+      /* @__PURE__ */ jsx5(ToolStack, { tools: presentation.tools ?? [] }),
+      /* @__PURE__ */ jsx5(ToolPreview, { presentation, entry }),
+      presentation.fields.length ? /* @__PURE__ */ jsx5("dl", { className: "scui-tool-fields", children: presentation.fields.map((field) => /* @__PURE__ */ jsxs4("div", { children: [
+        /* @__PURE__ */ jsx5("dt", { children: field.label }),
+        /* @__PURE__ */ jsx5("dd", { children: field.value })
+      ] }, field.label)) }) : null,
+      /* @__PURE__ */ jsx5(ToolActions, { presentation, adapter }),
+      /* @__PURE__ */ jsx5(TechnicalDetails, { entry })
+    ] })
+  ] });
+}
+function ActivityGroup({ entries, state, adapter }) {
+  if (entries.length === 1) return /* @__PURE__ */ jsx5("section", { className: "scui-activity", "data-single": "true", children: /* @__PURE__ */ jsx5(ToolRow, { entry: entries[0], workspace: state.workspace, adapter }) });
+  const active = entries.some((entry) => entry.status === "pending");
+  const [open, setOpen] = useState3(active);
+  const id = useId();
+  useEffect4(() => {
+    if (active) setOpen(true);
+  }, [active]);
+  return /* @__PURE__ */ jsxs4("section", { className: "scui-activity", children: [
+    /* @__PURE__ */ jsxs4("button", { className: "scui-activity-head", type: "button", "aria-expanded": open, "aria-controls": id, onClick: () => setOpen((value) => !value), children: [
+      /* @__PURE__ */ jsx5("span", { className: "scui-fold", "data-open": open, children: /* @__PURE__ */ jsx5(UiIcon, { name: "chevron", size: 14 }) }),
+      /* @__PURE__ */ jsx5("strong", { children: activitySummary(entries) }),
+      /* @__PURE__ */ jsx5("span", { className: "scui-spacer" }),
+      /* @__PURE__ */ jsxs4("small", { children: [
+        entries.filter((entry) => entry.status !== "pending").length,
+        "/",
+        entries.length
+      ] })
+    ] }),
+    open ? /* @__PURE__ */ jsx5("div", { id, children: entries.map((entry) => /* @__PURE__ */ jsx5(ToolRow, { entry, workspace: state.workspace, adapter }, entry.id)) }) : null
+  ] });
+}
+function TaskPlan({ plan }) {
+  if (!plan.items.length) return null;
+  const complete = plan.items.filter((item) => item.status === "completed" || item.status === "cancelled").length;
+  return /* @__PURE__ */ jsxs4("details", { className: "scui-plan", children: [
+    /* @__PURE__ */ jsxs4("summary", { children: [
+      /* @__PURE__ */ jsx5("span", { children: "Plan" }),
+      /* @__PURE__ */ jsxs4("small", { children: [
+        complete,
+        "/",
+        plan.items.length
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx5("ol", { tabIndex: 0, "aria-label": "Task plan steps", children: plan.items.map((item) => /* @__PURE__ */ jsxs4("li", { "data-status": item.status, children: [
+      /* @__PURE__ */ jsx5("i", { "aria-hidden": "true" }),
+      " ",
+      /* @__PURE__ */ jsx5("span", { children: item.title })
+    ] }, item.id)) })
+  ] });
+}
+function SessionDetails({ semantics }) {
+  if (!semantics.fidelity && !semantics.residueCount && !semantics.parseErrors && !semantics.subagents.length) return null;
+  return /* @__PURE__ */ jsxs4("details", { className: "scui-details", children: [
+    /* @__PURE__ */ jsx5("summary", { children: "Session details" }),
+    /* @__PURE__ */ jsxs4("div", { children: [
+      semantics.fidelity ? /* @__PURE__ */ jsxs4("p", { children: [
+        /* @__PURE__ */ jsx5("strong", { children: "Fidelity" }),
+        /* @__PURE__ */ jsx5("span", { children: semantics.fidelity.replaceAll("_", " ") })
+      ] }) : null,
+      /* @__PURE__ */ jsxs4("p", { children: [
+        /* @__PURE__ */ jsx5("strong", { children: "Native records" }),
+        /* @__PURE__ */ jsx5("span", { children: semantics.rawRecords })
+      ] }),
+      semantics.residueCount ? /* @__PURE__ */ jsxs4("p", { children: [
+        /* @__PURE__ */ jsx5("strong", { children: "Residue" }),
+        /* @__PURE__ */ jsxs4("span", { children: [
+          semantics.residueCount,
+          " retained"
+        ] })
+      ] }) : null,
+      semantics.parseErrors ? /* @__PURE__ */ jsxs4("p", { children: [
+        /* @__PURE__ */ jsx5("strong", { children: "Parse diagnostics" }),
+        /* @__PURE__ */ jsx5("span", { children: semantics.parseErrors })
+      ] }) : null,
+      semantics.subagents.map((agent) => /* @__PURE__ */ jsxs4("p", { children: [
+        /* @__PURE__ */ jsxs4("strong", { children: [
+          agent.source,
+          " subagent"
+        ] }),
+        /* @__PURE__ */ jsxs4("span", { children: [
+          agent.messages,
+          " messages \xB7 ",
+          agent.fidelity.replaceAll("_", " ")
+        ] })
+      ] }, agent.id))
+    ] })
+  ] });
+}
+var conversationMemory = /* @__PURE__ */ new Map();
+function ConversationAnnouncements({ state }) {
+  const previousBusy = useRef4(state.busy);
+  const [announcement, setAnnouncement] = useState3("");
+  useEffect4(() => {
+    if (previousBusy.current && !state.busy && !state.error) {
+      setAnnouncement(`${harnessDisplayName(state.harness) || "Coding agent"} finished working`);
+    }
+    previousBusy.current = state.busy;
+  }, [state.busy, state.error, state.harness]);
+  return /* @__PURE__ */ jsx5("span", { className: "scui-sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true", children: announcement });
+}
+function Conversation({ state, adapter, components = {}, slots = {}, memoryKey = state.attached?.key || `${state.harness}:${state.workspace}`, pending = null, unreadAfterMessages = null }) {
+  const scroller = useRef4(null);
+  const remembered = conversationMemory.get(memoryKey) ?? { top: null, atBottom: true };
+  const [atBottom, setAtBottom] = useState3(remembered.atBottom);
+  const earlierAnchor = useRef4(null);
+  const restored = useRef4(false);
+  const blocks = groupConversation(state.transcript);
+  const unreadBoundary = useRef4(Number.isSafeInteger(unreadAfterMessages) && unreadAfterMessages >= 0 ? unreadAfterMessages : null);
+  const unreadBlock = unreadBoundary.current === null ? -1 : blocks.findIndex((block) => {
+    const entries = block.kind === "activity" ? block.entries : [block.entry];
+    return entries.some((entry) => Number.isSafeInteger(entry.messageIndex) && entry.messageIndex > unreadBoundary.current);
+  });
+  const Entry = components.TranscriptEntry ?? TranscriptEntry;
+  const Group = components.ActivityGroup ?? ActivityGroup;
+  const Plan = components.TaskPlan ?? TaskPlan;
+  const Before = slots.beforeConversation;
+  const After = slots.afterConversation;
+  const Empty = slots.emptyConversation;
+  const remember = (value) => boundedSet(conversationMemory, memoryKey, value);
+  const pendingMessage = typeof pending === "string" ? { text: pending, status: "sending" } : pending;
+  const pin = () => {
+    if (!scroller.current) return;
+    scroller.current.scrollTop = scroller.current.scrollHeight;
+    setAtBottom(true);
+    remember({ top: scroller.current.scrollTop, atBottom: true });
+  };
+  useLayoutEffect2(() => {
+    const element = scroller.current;
+    if (!element) return;
+    const anchor = earlierAnchor.current;
+    if (anchor) {
+      if (state.operation === "loadEarlier") anchor.seenOperation = true;
+      const prepended = state.transcript.length > anchor.entries && state.transcript[0]?.id !== anchor.firstId;
+      if (prepended) {
+        element.scrollTop = anchor.top + (element.scrollHeight - anchor.height);
+        earlierAnchor.current = null;
+        remember({ top: element.scrollTop, atBottom: false });
+        return;
+      }
+      if (state.error || anchor.seenOperation && state.operation !== "loadEarlier") earlierAnchor.current = null;
+    }
+    if (!restored.current) {
+      restored.current = true;
+      if (remembered.top !== null && !remembered.atBottom) element.scrollTop = remembered.top;
+      else pin();
+    } else if (atBottom) pin();
+  }, [memoryKey, state.transcript, state.busy, state.operation, state.error, pendingMessage?.text, pendingMessage?.status]);
+  return /* @__PURE__ */ jsxs4("div", { className: "scui-conversation-wrap", children: [
+    /* @__PURE__ */ jsx5(ConversationAnnouncements, { state }),
+    /* @__PURE__ */ jsx5("div", { className: "scui-conversation", ref: scroller, tabIndex: 0, "aria-label": "Conversation", onScroll: (event) => {
+      const element = event.currentTarget;
+      const bottom = element.scrollHeight - element.scrollTop - element.clientHeight <= 64;
+      setAtBottom(bottom);
+      remember({ top: element.scrollTop, atBottom: bottom });
+    }, children: /* @__PURE__ */ jsxs4("div", { children: [
+      Before ? /* @__PURE__ */ jsx5(Before, { state, adapter, value: null }) : null,
+      /* @__PURE__ */ jsx5(Plan, { plan: state.taskPlan, value: state.taskPlan, state, adapter }),
+      /* @__PURE__ */ jsx5(SessionDetails, { semantics: state.semantics }),
+      state.history.hasEarlier ? /* @__PURE__ */ jsx5("button", { className: "scui-load", type: "button", disabled: Boolean(state.operation), onClick: () => {
+        const element = scroller.current;
+        if (element) earlierAnchor.current = { height: element.scrollHeight, top: element.scrollTop, entries: state.transcript.length, firstId: state.transcript[0]?.id, seenOperation: false };
+        setAtBottom(false);
+        adapter.onIntent({ action: "loadEarlier" });
+      }, children: "Load earlier messages" }) : null,
+      !blocks.length && state.startup !== "ready" ? /* @__PURE__ */ jsx5(LoadingStatus, { state }) : null,
+      !blocks.length && state.startup === "ready" ? Empty ? /* @__PURE__ */ jsx5(Empty, { state, adapter, value: null }) : /* @__PURE__ */ jsx5("div", { className: "scui-empty", children: state.error ?? (state.harness ? `${harnessDisplayName(state.harness)} is listening. Say something.` : "No transcript yet.") }) : null,
+      blocks.map((block, index) => /* @__PURE__ */ jsxs4(Fragment3, { children: [
+        index === unreadBlock ? /* @__PURE__ */ jsx5("div", { className: "scui-unread-divider", role: "separator", "aria-label": "New messages", children: /* @__PURE__ */ jsx5("span", { children: "New" }) }) : null,
+        block.kind === "activity" ? /* @__PURE__ */ jsx5(Group, { value: block.entries, entries: block.entries, state, adapter }) : /* @__PURE__ */ jsx5(Entry, { value: block.entry, entry: block.entry, state, adapter })
+      ] }, block.id)),
+      pendingMessage ? /* @__PURE__ */ jsxs4("article", { className: "scui-message scui-pending", "data-role": "user", "data-status": pendingMessage.status, "aria-label": "Your pending message", children: [
+        /* @__PURE__ */ jsx5(MessageImages, { items: pendingMessage.images, adapter }),
+        /* @__PURE__ */ jsx5(Markdown, { value: pendingMessage.text, copyText: adapter?.copyText }),
+        /* @__PURE__ */ jsx5(ContextDisclosure, { context: pendingMessage.context }),
+        /* @__PURE__ */ jsxs4("footer", { children: [
+          /* @__PURE__ */ jsx5("small", { children: pendingMessage.status === "failed" ? "Not sent" : "Sending\u2026" }),
+          pendingMessage.status === "failed" ? /* @__PURE__ */ jsxs4("span", { children: [
+            /* @__PURE__ */ jsx5("button", { type: "button", onClick: pendingMessage.onRetry, children: "Retry" }),
+            /* @__PURE__ */ jsx5("button", { type: "button", onClick: pendingMessage.onEdit, children: "Edit" })
+          ] }) : null
+        ] })
+      ] }) : null,
+      state.busy ? /* @__PURE__ */ jsxs4("div", { className: "scui-working", role: "status", children: [
+        /* @__PURE__ */ jsx5("span", { "aria-hidden": "true", children: "\u2726" }),
+        /* @__PURE__ */ jsx5("i", {}),
+        /* @__PURE__ */ jsx5("i", {}),
+        /* @__PURE__ */ jsx5("i", {}),
+        /* @__PURE__ */ jsxs4("small", { children: [
+          harnessDisplayName(state.harness),
+          " is working"
+        ] })
+      ] }) : null,
+      After ? /* @__PURE__ */ jsx5(After, { state, adapter, value: null }) : null
+    ] }) }),
+    !atBottom ? /* @__PURE__ */ jsxs4("button", { className: "scui-latest", type: "button", onClick: pin, children: [
+      /* @__PURE__ */ jsx5(UiIcon, { name: "down", size: 13 }),
+      " Latest"
+    ] }) : null
+  ] });
+}
+
+// src/logo.jsx
+import { useEffect as useEffect5 } from "react";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var LOGOS = {
+  "claude-code": {
+    viewBox: "-1 3.5 26 18",
+    paths: [
+      ["path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20.998 10.949H24v3.102h-3v3.028h-1.487V20H18v-2.921h-1.487V20H15v-2.921H9V20H7.488v-2.921H6V20H4.487v-2.921H3V14.05H0V10.95h3V5h17.998v5.949zM6 10.949h1.488V8.102H6v2.847zm10.51 0H18V8.102h-1.49v2.847z" }]
+    ]
+  },
+  codex: {
+    viewBox: "-1 -1 26 26",
+    paths: [
+      ["path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.086.457a6.105 6.105 0 013.046-.415c1.333.153 2.521.72 3.564 1.7a.117.117 0 00.107.029c1.408-.346 2.762-.224 4.061.366l.063.03.154.076c1.357.703 2.33 1.77 2.918 3.198.278.679.418 1.388.421 2.126a5.655 5.655 0 01-.18 1.631.167.167 0 00.04.155 5.982 5.982 0 011.578 2.891c.385 1.901-.01 3.615-1.183 5.14l-.182.22a6.063 6.063 0 01-2.934 1.851.162.162 0 00-.108.102c-.255.736-.511 1.364-.987 1.992-1.199 1.582-2.962 2.462-4.948 2.451-1.583-.008-2.986-.587-4.21-1.736a.145.145 0 00-.14-.032c-.518.167-1.04.191-1.604.185a5.924 5.924 0 01-2.595-.622 6.058 6.058 0 01-2.146-1.781c-.203-.269-.404-.522-.551-.821a7.74 7.74 0 01-.495-1.283 6.11 6.11 0 01-.017-3.064.166.166 0 00.008-.074.115.115 0 00-.037-.064 5.958 5.958 0 01-1.38-2.202 5.196 5.196 0 01-.333-1.589 6.915 6.915 0 01.188-2.132c.45-1.484 1.309-2.648 2.577-3.493.282-.188.55-.334.802-.438.286-.12.573-.22.861-.304a.129.129 0 00.087-.087A6.016 6.016 0 015.635 2.31C6.315 1.464 7.132.846 8.086.457zm-.804 7.85a.848.848 0 00-1.473.842l1.694 2.965-1.688 2.848a.849.849 0 001.46.864l1.94-3.272a.849.849 0 00.007-.854l-1.94-3.393zm5.446 6.24a.849.849 0 000 1.695h4.848a.849.849 0 000-1.696h-4.848z" }]
+    ]
+  },
+  gemini: {
+    viewBox: "0 0 24 24",
+    paths: [["path", { d: "M12 24C12 17.373 6.627 12 0 12 6.627 12 12 6.627 12 0c0 6.627 5.373 12 12 12-6.627 0-12 5.373-12 12z" }]]
+  },
+  grok: {
+    viewBox: "-1 -1 26 26",
+    paths: [["path", { d: "M9.27 15.29l7.978-5.897c.391-.29.95-.177 1.137.272.98 2.369.542 5.215-1.41 7.169-1.951 1.954-4.667 2.382-7.149 1.406l-2.711 1.257c3.889 2.661 8.611 2.003 11.562-.953 2.341-2.344 3.066-5.539 2.388-8.42l.006.007c-.983-4.232.242-5.924 2.75-9.383.06-.082.12-.164.179-.248l-3.301 3.305v-.01L9.267 15.292M7.623 16.723c-2.792-2.67-2.31-6.801.071-9.184 1.761-1.763 4.647-2.483 7.166-1.425l2.705-1.25a7.808 7.808 0 00-1.829-1A8.975 8.975 0 005.984 5.83c-2.533 2.536-3.33 6.436-1.962 9.764 1.022 2.487-.653 4.246-2.34 6.022-.599.63-1.199 1.259-1.682 1.925l7.62-6.815" }]]
+  },
+  // Canonical mark from block/goose's documentation/static/img/goose.svg.
+  goose: {
+    viewBox: "0 0 45 45",
+    paths: [["path", { d: "M43.2098 39.2492L39.8118 36.4522C37.9646 34.9318 36.3923 33.1051 35.1631 31.0529C33.4647 28.2172 31.1178 25.8243 28.3164 24.071L26.9482 23.2744C26.4794 22.9485 26.1525 22.4405 26.106 21.8675C26.0762 21.4981 26.1647 21.1678 26.3712 20.8771C27.0837 19.873 30.9617 15.6995 31.6365 15.1411C32.5056 14.4228 33.4739 13.8253 34.3724 13.1412C34.5001 13.0438 34.6283 12.9469 34.7545 12.8481C35.0574 12.6088 35.3295 12.3671 35.5458 12.0803C36.5993 10.8604 36.5783 9.82938 36.5783 9.82938C36.4677 9.5534 36.0645 8.69902 35.2449 8.29825C35.9696 8.28406 36.7872 8.55564 37.1582 8.91873C37.6039 8.21947 37.8922 7.76585 38.3404 7.00347C38.4471 6.82241 38.5038 6.48771 38.2998 6.30029C38.1114 6.11287 37.6416 6.01697 37.4606 6.12364C36.4692 6.70693 35.5047 7.33475 34.6351 7.88525C34.6351 7.88525 33.6046 7.86372 32.3842 8.91775C32.097 9.13452 31.8552 9.4066 31.6282 9.69433C31.5171 9.83476 31.4202 9.96297 31.3233 10.0912C30.6387 10.9901 30.0417 11.958 29.3234 12.8271C28.7656 13.5023 24.5915 17.3798 23.5874 18.0923C23.2967 18.2988 22.9669 18.3879 22.597 18.3575C22.0245 18.3115 21.5161 17.9842 21.1902 17.5154L20.3935 16.1472C18.6402 13.3448 16.2474 10.9989 13.4117 9.30041C11.3594 8.0712 9.5332 6.49847 8.01234 4.65172L5.2153 1.25377C5.0773 1.08642 4.81306 1.11382 4.71422 1.30662C4.39615 1.92612 3.78888 3.23411 3.32353 4.99327C3.92786 5.81095 5.26717 7.35089 6.8624 8.65351C6.97348 8.74403 6.88246 8.92313 6.74447 8.88496C5.36846 8.51013 4.03062 7.90825 3.02944 7.39542C2.94772 7.35383 2.84887 7.4057 2.83713 7.49672C2.68152 8.74354 2.64139 10.1127 2.80581 11.5562C4.02572 12.1596 5.85143 12.8804 7.76816 13.3389C7.90713 13.3722 7.90273 13.5723 7.76229 13.5992C6.26982 13.8801 4.70688 13.9427 3.43656 13.9261C3.3475 13.9251 3.28193 14.0093 3.30591 14.0949C3.56085 14.9958 3.90632 15.9118 4.3619 16.8342C4.55029 17.2487 4.75532 17.6553 4.97504 18.0532C6.21207 18.107 7.47946 17.9964 8.75369 17.7713C8.97095 17.7331 9.08741 18.0189 8.90391 18.1417C8.03877 18.7201 7.11588 19.2183 6.25758 19.6283C6.14259 19.6836 6.1054 19.8304 6.18125 19.9327C6.69114 20.6236 7.25191 21.2774 7.86114 21.8866C7.86114 21.8866 10.8608 24.9763 10.9425 25.2185C12.6928 23.4261 15.5701 21.4394 18.7474 19.7047C14.4921 23.1672 12.1198 25.7235 10.9258 27.1758L10.0935 28.3439C9.66091 28.9507 9.2856 29.5951 8.97193 30.2709C7.92231 32.5292 6.19201 37.0966 6.19201 37.0966C6.0594 37.4543 6.16755 37.8072 6.39753 38.0371C6.66031 38.2999 7.01263 38.4076 7.37033 38.275C7.37033 38.275 11.9368 36.5447 14.1961 35.495C14.8719 35.1814 15.5168 34.8056 16.1231 34.3735L17.4095 33.457C18.0907 32.9715 19.0234 33.0489 19.615 33.6405L22.5804 36.6058C23.1896 37.2151 23.8433 37.7758 24.5343 38.2857C24.637 38.3611 24.7833 38.3244 24.8386 38.2094C25.2492 37.3516 25.7473 36.4277 26.3252 35.5631C26.4481 35.3796 26.7343 35.4965 26.6957 35.7133C26.4701 36.988 26.3605 38.2554 26.3086 39.3035C27.2178 39.9172 28.5551 40.5606 30.3721 41.1611C30.4577 41.185 30.5419 41.1195 30.5409 41.0304C30.5237 39.7596 30.5864 38.1967 30.8677 36.7047C30.8942 36.5638 31.0943 36.5593 31.1281 36.6988C31.5861 38.616 32.3069 40.4417 32.8041 41.5829C34.3543 41.8256 35.7234 41.7855 36.9703 41.6298C37.0618 41.6186 37.1136 41.5197 37.0715 41.4375C36.5587 40.4364 35.9568 39.0975 35.582 37.7225C35.5443 37.584 35.7229 37.4935 35.8135 37.6046C37.1161 39.1998 38.656 40.5391 39.3548 41.1175C41.2333 40.6786 42.5413 40.0713 43.1604 39.7528C43.3532 39.6539 43.3806 39.3897 43.2132 39.2517Z" }]]
+  },
+  opencode: { viewBox: "2.5 0 19 24", paths: [["path", { d: "M16 6H8v12h8V6zm4 16H4V2h16v20z" }]] },
+  pi: {
+    viewBox: "0 0 24 24",
+    paths: [
+      ["path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 1h16.5v11H12v5.5H6.5V23H1V1zm5.5 5.5V12H12V6.5H6.5z" }],
+      ["path", { d: "M17.5 12H23v11h-5.5V12z" }]
+    ]
+  },
+  // Product mark shared with the first-party browser frontend favicon.
+  supercode: {
+    viewBox: "0 0 64 64",
+    paths: [
+      ["rect", { width: "64", height: "64", rx: "14", fill: "#111923" }],
+      ["path", { d: "M18 21h28v6H18zm0 13h18v6H18z", fill: "#5f8fff" }],
+      ["circle", { cx: "46", cy: "37", r: "7", fill: "none", stroke: "#8ce0aa", strokeWidth: "4" }]
+    ]
+  }
+};
+var SVG_ATTRIBUTE_NAMES = Object.freeze({
+  clipRule: "clip-rule",
+  fillRule: "fill-rule",
+  strokeWidth: "stroke-width"
+});
+function HarnessLogo({ id, activity, size = 28, onMissingLogo }) {
+  const logo = LOGOS[id];
+  useEffect5(() => {
+    if (!logo) onMissingLogo?.(id);
+  }, [id, logo, onMissingLogo]);
+  if (!logo) return null;
+  return /* @__PURE__ */ jsxs5("span", { className: "scui-logo", "data-harness": id, "data-activity": activity, style: { "--scui-logo-size": `${size}px` }, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx6("svg", { viewBox: logo.viewBox, preserveAspectRatio: "xMidYMid meet", focusable: "false", children: logo.paths.map(([Tag, props], index) => /* @__PURE__ */ jsx6(Tag, { ...props }, index)) }),
+    activity && activity !== "idle" ? /* @__PURE__ */ jsx6("i", {}) : null
+  ] });
+}
+
+// src/sessions.jsx
+import { useEffect as useEffect6, useLayoutEffect as useLayoutEffect3, useRef as useRef5, useState as useState4 } from "react";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+var sessionListMemory = /* @__PURE__ */ new Map();
+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, 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;
+  return /* @__PURE__ */ jsxs6("button", { className: "scui-session", "data-active": row.active, "data-activity": activity, "data-session-key": row.key, type: "button", "aria-label": `${title} \xB7 ${harnessDisplayName(row.harness)}${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__ */ jsx7(HarnessLogo, { id: row.harness, activity, size: 34 }),
+    /* @__PURE__ */ jsxs6("span", { className: "scui-session-copy", children: [
+      /* @__PURE__ */ jsxs6("span", { className: "scui-session-title", children: [
+        /* @__PURE__ */ jsx7("strong", { children: title }),
+        /* @__PURE__ */ jsx7("span", { className: "scui-session-meta", children: age ? /* @__PURE__ */ jsx7("time", { children: age }) : null })
+      ] }),
+      path.complete ? /* @__PURE__ */ jsxs6("small", { className: "scui-session-path", title: row.cwd, children: [
+        /* @__PURE__ */ jsx7("span", { className: "scui-session-path-leading", children: path.leading }),
+        path.separator ? /* @__PURE__ */ jsx7("span", { className: "scui-session-path-separator", children: path.separator }) : null,
+        path.trailing ? /* @__PURE__ */ jsx7("span", { className: "scui-session-path-trailing", children: path.trailing }) : null
+      ] }) : null,
+      working || preview || unreadCount ? /* @__PURE__ */ jsxs6("span", { className: "scui-session-preview", children: [
+        working ? /* @__PURE__ */ jsxs6("span", { className: "scui-session-working", "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsx7("i", {}),
+          /* @__PURE__ */ jsx7("i", {}),
+          /* @__PURE__ */ jsx7("i", {})
+        ] }) : null,
+        preview || working ? /* @__PURE__ */ jsx7("small", { children: preview || "Working\u2026" }) : null,
+        unreadCount ? /* @__PURE__ */ jsx7("b", { "aria-label": `${unreadCount} unread messages`, children: unreadLabel }) : null
+      ] }) : null,
+      state.attachError?.key === row.key ? /* @__PURE__ */ jsx7("em", { children: state.attachError.message }) : null
+    ] })
+  ] });
+}
+function SessionList({ state, adapter, onOpen, 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] = useState4(remembered.query);
+  const [loadingMore, setLoadingMore] = useState4(false);
+  const [now, setNow] = useState4(() => Date.now());
+  const root = useRef5(null);
+  const rowScroller = useRef5(null);
+  const rows = filterSessions(state.sessions, query);
+  const Row = components.SessionRow ?? SessionRow;
+  const BeforeSessions = slots.beforeSessions;
+  const AfterSessions = slots.afterSessions;
+  useLayoutEffect3(() => {
+    if (rowScroller.current) rowScroller.current.scrollTop = remembered.top;
+  }, [memoryKey]);
+  useEffect6(() => {
+    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]);
+  useEffect6(() => {
+    if (loadingMore) setLoadingMore(false);
+  }, [state.error, state.history.hasMoreSessions, state.sessions.length]);
+  useEffect6(() => {
+    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__ */ jsxs6("section", { className: "scui-list", ref: root, children: [
+    /* @__PURE__ */ jsxs6("header", { className: "scui-head", children: [
+      /* @__PURE__ */ jsxs6("span", { className: "scui-head-copy", children: [
+        /* @__PURE__ */ jsx7("strong", { children: labels.chats }),
+        /* @__PURE__ */ jsxs6("small", { children: [
+          state.sessions.length,
+          " recent conversations"
+        ] })
+      ] }),
+      HeaderActions ? /* @__PURE__ */ jsx7(HeaderActions, { state, adapter, value: "list" }) : null,
+      /* @__PURE__ */ jsx7("button", { type: "button", "data-list-focus": "new", "aria-label": labels.newChat, disabled: !state.harnesses.some((item) => item.startable), onClick: onNew, children: /* @__PURE__ */ jsx7(UiIcon, { name: "plus", size: 18 }) }),
+      onClose ? /* @__PURE__ */ jsx7("button", { type: "button", "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx7(UiIcon, { name: "close", size: 18 }) }) : null
+    ] }),
+    state.startup !== "ready" ? /* @__PURE__ */ jsx7(LoadingStatus, { state, compact: rows.length > 0 }) : null,
+    state.sessions.length > 4 ? /* @__PURE__ */ jsxs6("label", { className: "scui-search", children: [
+      /* @__PURE__ */ jsx7(UiIcon, { name: "search", size: 15 }),
+      /* @__PURE__ */ jsx7("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;
+      } }),
+      /* @__PURE__ */ jsx7("small", { children: rows.length })
+    ] }) : null,
+    /* @__PURE__ */ jsxs6("div", { className: "scui-session-rows", ref: rowScroller, onScroll: (event) => boundedSet(sessionListMemory, memoryKey, { query, top: event.currentTarget.scrollTop }), children: [
+      BeforeSessions ? /* @__PURE__ */ jsx7(BeforeSessions, { state, adapter, value: { query, rows } }) : null,
+      !rows.length && state.startup === "ready" ? /* @__PURE__ */ jsx7("div", { className: "scui-empty", children: query ? "No chats match your search." : state.error ?? "No coding chats found." }) : null,
+      rows.map((row) => /* @__PURE__ */ jsx7(Row, { value: row, row, state, adapter, onOpen, now }, row.key)),
+      state.history.hasMoreSessions ? /* @__PURE__ */ jsx7("button", { className: "scui-load", type: "button", disabled: loadingMore, onClick: loadMore, children: loadingMore ? "Loading older chats\u2026" : "Load older chats" }) : null,
+      AfterSessions ? /* @__PURE__ */ jsx7(AfterSessions, { state, adapter, value: { query, rows } }) : null
+    ] })
+  ] });
+}
+
+// src/settings.jsx
+import { useEffect as useEffect7, useId as useId2, useMemo as useMemo2, useRef as useRef6, useState as useState5 } from "react";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+function HarnessAdvisory({ state, onReview }) {
+  const advisory = state.interopSettings?.advisories[0];
+  if (!advisory && !state.interopSettingsError) return null;
+  return /* @__PURE__ */ jsxs7("div", { className: "scui-advisory", "data-severity": advisory?.severity ?? "error", role: advisory?.severity === "error" || !advisory ? "alert" : "status", children: [
+    /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", children: "!" }),
+    /* @__PURE__ */ jsxs7("span", { children: [
+      /* @__PURE__ */ jsx8("strong", { children: advisory?.title ?? "Could not inspect harness settings" }),
+      /* @__PURE__ */ jsx8("small", { children: advisory?.message ?? state.interopSettingsError })
+    ] }),
+    advisory && state.canConfigureSettings ? /* @__PURE__ */ jsx8("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 = useId2();
+  const panel = useRef6(null);
+  const valuesKey = `${report?.revision ?? ""}:${recommendedChange?.key ?? ""}:${recommendedChange?.value ?? ""}`;
+  const defaults = useMemo2(() => report ? initialValues(report, recommendedChange) : {}, [valuesKey]);
+  const [values, setValues] = useState5(defaults);
+  useEffect7(() => setValues(defaults), [defaults]);
+  useEffect7(() => {
+    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__ */ jsx8("section", { ref: panel, className: "scui-settings", role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, children: /* @__PURE__ */ jsxs7("header", { children: [
+    /* @__PURE__ */ jsx8("button", { type: "button", "aria-label": "Close settings", onClick: onClose, children: /* @__PURE__ */ jsx8(UiIcon, { name: "close", size: 18 }) }),
+    /* @__PURE__ */ jsxs7("span", { children: [
+      /* @__PURE__ */ jsx8("strong", { id: titleId, children: "Harness settings" }),
+      /* @__PURE__ */ jsx8("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__ */ jsxs7("section", { ref: panel, className: "scui-settings", role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, children: [
+    /* @__PURE__ */ jsxs7("header", { children: [
+      /* @__PURE__ */ jsx8("button", { type: "button", "aria-label": "Close settings", onClick: onClose, children: /* @__PURE__ */ jsx8(UiIcon, { name: "close", size: 18 }) }),
+      /* @__PURE__ */ jsxs7("span", { children: [
+        /* @__PURE__ */ jsxs7("strong", { id: titleId, children: [
+          harnessDisplayName(report.harness),
+          " interoperability"
+        ] }),
+        /* @__PURE__ */ jsx8("small", { children: "Native harness settings used by Supercode" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs7("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__ */ jsxs7("fieldset", { disabled: !control.writable || Boolean(state.operation), children: [
+          /* @__PURE__ */ jsxs7("label", { htmlFor: `scui-setting-${control.key}`, children: [
+            /* @__PURE__ */ jsx8("strong", { children: control.label }),
+            /* @__PURE__ */ jsx8("small", { children: control.description })
+          ] }),
+          /* @__PURE__ */ jsxs7("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__ */ jsx8("option", { value: "@default", children: "Use harness default" }) : null,
+            control.choices.map((item) => /* @__PURE__ */ jsx8("option", { value: item.value, children: item.label }, item.value))
+          ] }),
+          choice ? /* @__PURE__ */ jsx8("p", { children: choice.description }) : null,
+          consequence ? /* @__PURE__ */ jsxs7("p", { className: "scui-setting-risk", children: [
+            /* @__PURE__ */ jsx8("strong", { children: "Security consequence" }),
+            consequence
+          ] }) : null,
+          /* @__PURE__ */ jsxs7("small", { className: "scui-setting-source", children: [
+            control.effectiveNote,
+            control.sourcePath ? ` Source: ${control.sourcePath}` : ""
+          ] })
+        ] }, control.key);
+      }),
+      /* @__PURE__ */ jsxs7("footer", { children: [
+        /* @__PURE__ */ jsx8("button", { type: "button", onClick: onClose, children: "Cancel" }),
+        /* @__PURE__ */ jsx8("button", { type: "submit", disabled: !changed.length || !state.canConfigureSettings || Boolean(state.operation), children: state.operation === "configureHarness" ? "Applying\u2026" : "Apply changes" })
+      ] })
+    ] })
+  ] });
+}
+function HarnessReadiness({ harnesses, adapter }) {
+  const blocked = harnesses.filter((item) => !item.startable);
+  if (!blocked.length) return null;
+  return /* @__PURE__ */ jsxs7("details", { className: "scui-readiness", open: !harnesses.some((item) => item.startable), children: [
+    /* @__PURE__ */ jsxs7("summary", { children: [
+      blocked.length,
+      " ",
+      blocked.length === 1 ? "harness needs" : "harnesses need",
+      " setup"
+    ] }),
+    /* @__PURE__ */ jsx8("div", { children: blocked.map((item) => /* @__PURE__ */ jsxs7("section", { children: [
+      /* @__PURE__ */ jsx8(HarnessLogo, { id: item.id, size: 25 }),
+      /* @__PURE__ */ jsxs7("span", { children: [
+        /* @__PURE__ */ jsx8("strong", { children: item.label }),
+        /* @__PURE__ */ jsx8("small", { children: item.reason || (item.auth === "required" ? "Authentication required" : "Unavailable") }),
+        item.protocol ? /* @__PURE__ */ jsxs7("em", { children: [
+          item.protocol,
+          " \xB7 ",
+          item.runtime
+        ] }) : null
+      ] }),
+      item.repair ? /* @__PURE__ */ jsx8("button", { type: "button", onClick: () => adapter.copyText?.(item.repair), children: "Copy fix" }) : null
+    ] }, item.id)) })
+  ] });
+}
+
+// src/messenger.jsx
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+var pendingMessageMemory = /* @__PURE__ */ new Map();
+var messengerViewMemory = /* @__PURE__ */ new Map();
+var newChatMemory = /* @__PURE__ */ new Map();
+var TRACKED_ACTIONS = /* @__PURE__ */ new Set(["resume", "join", "detach", "branch", "reduce", "terminal", "export", "steer", "interrupt", "respond", "configureHarness", "refresh", "loadEarlier", "loadSessions"]);
+function Receipt({ state, adapter }) {
+  const receipt = state.reductionReceipt;
+  if (receipt) return /* @__PURE__ */ jsx9("div", { className: "scui-receipt", children: /* @__PURE__ */ jsxs8("span", { children: [
+    /* @__PURE__ */ jsx9("strong", { children: "Reduced and verified" }),
+    /* @__PURE__ */ jsxs8("small", { children: [
+      receipt.sourceTokens.toLocaleString(),
+      " \u2192 ",
+      receipt.reducedTokens.toLocaleString(),
+      " tokens \xB7 ",
+      receipt.ratio.toFixed(1),
+      "\xD7 \xB7 reversible"
+    ] })
+  ] }) });
+  if (state.exportReceipt) return /* @__PURE__ */ jsxs8("div", { className: "scui-receipt", children: [
+    /* @__PURE__ */ jsxs8("span", { children: [
+      /* @__PURE__ */ jsxs8("strong", { children: [
+        "Lossless export ready \xB7 ",
+        harnessDisplayName(state.exportReceipt.targetHarness)
+      ] }),
+      /* @__PURE__ */ jsxs8("small", { children: [
+        state.exportReceipt.path,
+        " \xB7 ",
+        state.exportReceipt.files,
+        " files"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => adapter.copyText?.(state.exportReceipt.path), children: "Copy path" })
+  ] });
+  if (state.terminalHandoff) return /* @__PURE__ */ jsxs8("div", { className: "scui-receipt", children: [
+    /* @__PURE__ */ jsxs8("span", { children: [
+      /* @__PURE__ */ jsx9("strong", { children: "Terminal handoff ready" }),
+      /* @__PURE__ */ jsx9("small", { children: state.terminalHandoff.cwd })
+    ] }),
+    /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => adapter.copyText?.(terminalCommand(state.terminalHandoff)), children: "Copy command" })
+  ] });
+  return null;
+}
+function ConversationActions({ state, adapter, actionPending, onSettings }) {
+  const [open, setOpen] = useState6(false);
+  const root = useRef7(null);
+  const panel = useRef7(null);
+  const trigger = useRef7(null);
+  const menuId = useId3();
+  const targets = state.harnesses.filter((item) => item.startable);
+  const groups = [
+    {
+      label: "Session",
+      items: [
+        state.canDetach ? { key: "detach", label: "Detach to read-only", intent: { action: "detach" } } : null,
+        state.canOpenTerminal ? { key: "terminal", label: "Prepare terminal handoff", intent: { action: "terminal" } } : null,
+        state.canExport && state.exportBackTarget ? { key: "export", label: `Export back to ${harnessDisplayName(state.exportBackTarget)}`, intent: { action: "export", targetHarness: state.exportBackTarget } } : null,
+        state.interopSettings || state.interopSettingsError ? { key: "settings", label: "Interoperability settings", onSelect: onSettings } : null
+      ].filter(Boolean)
+    },
+    {
+      label: "Lower-cost continuation",
+      items: state.canReduce ? targets.map((target) => ({ key: `reduce:${target.id}`, label: target.id === state.harness ? `Reduce and continue in ${target.label}` : `Reduce and switch to ${target.label}`, intent: { action: "reduce", targetHarness: target.id } })) : []
+    },
+    {
+      label: "Independent continuation",
+      items: state.canBranch ? targets.map((target) => ({ key: `branch:${target.id}`, label: target.id === state.harness ? `Fork in ${target.label}` : `Continue with ${target.label}`, intent: { action: "branch", targetHarness: target.id } })) : []
+    }
+  ].filter((group) => group.items.length);
+  useEffect8(() => {
+    if (!open) return;
+    panel.current?.querySelector("button:not(:disabled)")?.focus({ preventScroll: true });
+    const dismiss = (event) => {
+      if (event.type === "keydown" && event.key === "Escape") {
+        event.preventDefault();
+        setOpen(false);
+        trigger.current?.focus({ preventScroll: true });
+      } 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 dispatch = (item) => {
+    setOpen(false);
+    if (item.onSelect) item.onSelect();
+    else dispatchConfirmedIntent(adapter, item.intent);
+  };
+  const navigate = (event) => {
+    if (event.key === "Escape") {
+      event.preventDefault();
+      event.stopPropagation();
+      setOpen(false);
+      trigger.current?.focus({ preventScroll: true });
+      return;
+    }
+    if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(event.key)) return;
+    const items = [...panel.current.querySelectorAll("button:not(:disabled)")];
+    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 });
+  };
+  return /* @__PURE__ */ jsxs8("div", { className: "scui-menu", ref: root, onBlur: (event) => {
+    if (event.relatedTarget && !event.currentTarget.contains(event.relatedTarget)) setOpen(false);
+  }, children: [
+    /* @__PURE__ */ jsx9("button", { ref: trigger, className: "scui-menu-trigger", type: "button", "aria-label": "Conversation actions", "aria-haspopup": "menu", "aria-expanded": open, "aria-controls": open ? menuId : void 0, onClick: () => setOpen((value) => !value), children: /* @__PURE__ */ jsx9(UiIcon, { name: "menu", size: 18 }) }),
+    open ? /* @__PURE__ */ jsx9("div", { ref: panel, id: menuId, className: "scui-menu-panel", role: "menu", "aria-label": "Conversation actions", onKeyDown: navigate, children: groups.map((group) => /* @__PURE__ */ jsxs8("section", { role: "group", "aria-label": group.label, children: [
+      /* @__PURE__ */ jsx9("strong", { children: group.label }),
+      group.items.map((item) => /* @__PURE__ */ jsx9("button", { role: "menuitem", type: "button", disabled: actionPending, onClick: () => dispatch(item), children: item.label }, item.key))
+    ] }, group.label)) }) : null
+  ] });
+}
+function ChatHeader({ state, adapter, pendingStatus, actionPending, onBack, onNew, onClose, onSettings, headerActions: HeaderActions }) {
+  const back = useRef7(null);
+  const harness = state.attached?.harness ?? state.harness;
+  const title = state.attached ? sessionDisplayName(state.attached) : harnessDisplayName(harness) || "Agent chat";
+  const status = state.needsInput ? "Needs input" : pendingStatus === "failed" ? "Send failed" : state.busy ? "Working" : pendingStatus === "sending" ? "Sending" : pendingStatus === "editing" ? "Editing message" : state.messaging === "live_peer" ? "Live" : state.mode === "mirror" ? "Read-only" : "Ready";
+  const menu = state.canDetach || state.canOpenTerminal || state.canBranch || state.canAttach || state.canExport || state.canReduce || state.interopSettings || state.interopSettingsError;
+  useEffect8(() => {
+    if (state.mode === "mirror" && !state.canSend) back.current?.focus({ preventScroll: true });
+  }, []);
+  return /* @__PURE__ */ jsxs8("header", { className: "scui-head scui-chat-head", children: [
+    /* @__PURE__ */ jsx9("button", { ref: back, type: "button", "aria-label": "Back to chats", onClick: onBack, children: /* @__PURE__ */ jsx9(UiIcon, { name: "back", size: 18 }) }),
+    /* @__PURE__ */ jsx9(HarnessLogo, { id: harness, size: 28 }),
+    /* @__PURE__ */ jsxs8("span", { className: "scui-head-copy", children: [
+      /* @__PURE__ */ jsx9("strong", { children: title }),
+      /* @__PURE__ */ jsxs8("small", { children: [
+        harnessDisplayName(harness),
+        " \xB7 ",
+        status
+      ] })
+    ] }),
+    HeaderActions ? /* @__PURE__ */ jsx9(HeaderActions, { state, adapter, value: "chat" }) : null,
+    menu ? /* @__PURE__ */ jsx9(ConversationActions, { state, adapter, actionPending, onSettings }) : null,
+    /* @__PURE__ */ jsx9("button", { type: "button", "aria-label": "New chat", onClick: onNew, children: /* @__PURE__ */ jsx9(UiIcon, { name: "plus", size: 18 }) }),
+    onClose ? /* @__PURE__ */ jsx9("button", { type: "button", "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx9(UiIcon, { name: "close", size: 18 }) }) : null
+  ] });
+}
+function Chat({ state, adapter, onBack, onNew, onClose, components, slots, labels, contextCandidates }) {
+  const Header = slots.header;
+  const HeaderActions = slots.headerActions;
+  const memoryKey = state.attached?.key || `${state.harness}:${state.workspace}`;
+  const [pending, setPendingState] = useState6(() => pendingMessageMemory.get(memoryKey) ?? null);
+  const [pendingAction, setPendingAction] = useState6(null);
+  const [restoreDraft, setRestoreDraft] = useState6(null);
+  const [settings, setSettings] = useState6(null);
+  const restoreSequence = useRef7(0);
+  const actionSequence = useRef7(0);
+  const acknowledged = useRef7(/* @__PURE__ */ new Set());
+  const setPending = (update) => setPendingState((current) => {
+    const next = typeof update === "function" ? update(current) : update;
+    if (next) boundedSet(pendingMessageMemory, memoryKey, next);
+    else pendingMessageMemory.delete(memoryKey);
+    return next;
+  });
+  useEffect8(() => {
+    setPendingState(pendingMessageMemory.get(memoryKey) ?? null);
+    setPendingAction(null);
+    setRestoreDraft(null);
+  }, [memoryKey]);
+  useEffect8(() => {
+    if (!pending) return;
+    if (state.transcript.some((entry) => entry.role === "user" && entry.text.trim() === pending.text.trim() && !pending.baselineIds.includes(entry.id))) {
+      setPending(null);
+      return;
+    }
+    if (pending.status === "sending" && state.busy && !pending.seenBusy) setPending({ ...pending, seenBusy: true });
+    else if (pending.status === "sending" && state.error && !state.busy && !state.operation && (pending.seenBusy || state.error !== pending.initialError)) setPending({ ...pending, status: "failed" });
+  }, [pending, state.busy, state.error, state.operation, state.transcript]);
+  const beginPending = (text, context = [], images = []) => setPending({
+    text,
+    context,
+    images,
+    status: "sending",
+    initialError: state.error,
+    seenBusy: state.busy,
+    baselineIds: state.transcript.filter((entry) => entry.role === "user" && entry.text.trim() === text.trim()).map((entry) => entry.id)
+  });
+  const retryPending = () => {
+    if (!pending) return;
+    adapter.onIntent({ action: "send", text: pending.text, ...pending.context?.length ? { context: pending.context } : {}, ...pending.images?.length ? { images: pending.images } : {} });
+    setPending({ ...pending, status: "sending", initialError: state.error, seenBusy: state.busy });
+  };
+  const editPending = () => {
+    if (!pending) return;
+    restoreSequence.current += 1;
+    setRestoreDraft({ id: restoreSequence.current, text: pending.text, context: pending.context, images: pending.images });
+    setPending({ ...pending, status: "editing" });
+  };
+  useEffect8(() => {
+    const key = state.attached?.key;
+    if (!key || !state.attention.some((item) => item.key === key)) {
+      if (key) acknowledged.current.delete(key);
+      return;
+    }
+    if (!acknowledged.current.has(key)) {
+      acknowledged.current.add(key);
+      adapter.onIntent({ action: "ack", key });
+    }
+  }, [adapter, state.attached?.key, state.attention]);
+  const trackedAdapter = useMemo3(() => ({
+    ...adapter,
+    onIntent(intent) {
+      if (!TRACKED_ACTIONS.has(intent.action)) return adapter.onIntent(intent);
+      const id = actionSequence.current + 1;
+      actionSequence.current = id;
+      const action2 = intent.action;
+      setPendingAction({ id, action: action2, initialError: state.error, seenOperation: false });
+      let result;
+      try {
+        result = adapter.onIntent(intent);
+      } catch (error) {
+        setPendingAction((current) => current?.id === id ? null : current);
+        throw error;
+      }
+      if (result && typeof result.then === "function") {
+        Promise.resolve(result).then(
+          () => setPendingAction((current) => current?.id === id ? null : current),
+          () => setPendingAction((current) => current?.id === id ? null : current)
+        );
+      }
+      return result;
+    }
+  }), [adapter, state.error]);
+  useEffect8(() => {
+    if (!pendingAction) return;
+    if (state.operation && !pendingAction.seenOperation) {
+      setPendingAction({ ...pendingAction, seenOperation: true });
+    } else if (!state.operation && (pendingAction.seenOperation || state.error !== pendingAction.initialError)) {
+      setPendingAction(null);
+    }
+  }, [pendingAction, state.error, state.operation]);
+  const pendingMessage = pending && pending.status !== "editing" ? { text: pending.text, context: pending.context, images: pending.images, status: pending.status, onRetry: retryPending, onEdit: editPending } : null;
+  const action = state.operation || pendingAction?.action || null;
+  const actionLabel = operationLabel(action);
+  const actionState = action ? { ...state, operation: action, canSteer: false, canInterrupt: false, canRespond: false } : state;
+  const unreadAfterMessages = state.attention.find((item) => item.key === state.attached?.key)?.afterMessages ?? null;
+  const Advisory = components.HarnessAdvisory ?? HarnessAdvisory;
+  const SettingsPanel = components.HarnessSettingsPanel ?? HarnessSettingsPanel;
+  return /* @__PURE__ */ jsxs8("section", { className: "scui-chat", children: [
+    Header ? /* @__PURE__ */ jsx9(Header, { state: actionState, adapter: trackedAdapter, value: null }) : /* @__PURE__ */ jsx9(ChatHeader, { state: actionState, adapter: trackedAdapter, pendingStatus: pending?.status ?? null, actionPending: Boolean(action), onBack, onNew, onClose, onSettings: () => setSettings({ recommendedChange: null }), headerActions: HeaderActions }),
+    actionLabel ? /* @__PURE__ */ jsxs8("div", { className: "scui-operation", role: "status", children: [
+      /* @__PURE__ */ jsx9("i", {}),
+      actionLabel
+    ] }) : null,
+    state.error ? /* @__PURE__ */ jsxs8("div", { className: "scui-error", role: "alert", children: [
+      /* @__PURE__ */ jsx9("span", { children: state.error }),
+      state.recoverable ? /* @__PURE__ */ jsx9("button", { type: "button", disabled: Boolean(action), onClick: () => trackedAdapter.onIntent({ action: "refresh" }), children: "Retry" }) : null
+    ] }) : null,
+    /* @__PURE__ */ jsx9(Receipt, { state, adapter }),
+    /* @__PURE__ */ jsx9(Conversation, { state: actionState, adapter: trackedAdapter, components, slots, memoryKey, pending: pendingMessage, unreadAfterMessages }, memoryKey),
+    /* @__PURE__ */ jsx9(ContinuationBar, { state: actionState, adapter: trackedAdapter, labels }),
+    /* @__PURE__ */ jsx9(Advisory, { state: actionState, adapter: trackedAdapter, value: state.interopSettings?.advisories[0] ?? null, onReview: (recommendedChange) => setSettings({ recommendedChange }) }),
+    state.mode !== "mirror" || state.canSend ? /* @__PURE__ */ jsx9(Composer, { state: actionState, adapter: trackedAdapter, labels, memoryKey, pendingStatus: pending?.status ?? null, restoreDraft, contextCandidates, components, onDraftRestored: (id) => setRestoreDraft((value) => value?.id === id ? null : value), onPending: beginPending }, memoryKey) : null,
+    settings ? /* @__PURE__ */ jsx9(SettingsPanel, { state: actionState, adapter: trackedAdapter, value: state.interopSettings, recommendedChange: settings.recommendedChange, onClose: () => setSettings(null) }) : null
+  ] });
+}
+function NewChat({ state, adapter, onBack, onClose, onStarted, labels, memoryKey, headerActions: HeaderActions, contextCandidates, components, navigation }) {
+  const startable = state.harnesses.filter((item) => item.startable);
+  const startableKey = startable.map((item) => `${item.id}:${item.launchModes?.join(",")}:${item.preferredLaunchMode ?? ""}`).join("\0");
+  const remembered = newChatMemory.get(memoryKey) ?? { harness: startable[0]?.id ?? "", draft: "", context: [], images: [], modes: {} };
+  const [harness, setHarness] = useState6(remembered.harness);
+  const [draft, setDraft] = useState6(remembered.draft);
+  const [context, setContext] = useState6(remembered.context);
+  const [images, setImages] = useState6(remembered.images ?? []);
+  const [modes, setModes] = useState6(remembered.modes ?? {});
+  const [starting, setStarting] = useState6(null);
+  const [picking, setPicking] = useState6(false);
+  const [dragging, setDragging] = useState6(false);
+  const [pickerError, setPickerError] = useState6(null);
+  const startSequence = useRef7(0);
+  const textarea = useRef7(null);
+  const selectedHarness = startable.find((item) => item.id === harness) ?? null;
+  const Readiness = components.HarnessReadiness ?? HarnessReadiness;
+  const launchModes = selectedHarness?.launchModes?.length ? selectedHarness.launchModes : ["headless"];
+  const rememberedMode = modes[harness];
+  const mode = launchModes.includes(rememberedMode) ? rememberedMode : launchModes.includes(selectedHarness?.preferredLaunchMode) ? selectedHarness.preferredLaunchMode : launchModes[0];
+  const terminalAttachments = mode === "terminal" && (context.length > 0 || images.length > 0);
+  const remember = (overrides = {}) => boundedSet(newChatMemory, memoryKey, { harness, draft, context, images, modes, ...overrides });
+  useAutosizeTextarea(textarea, draft);
+  useEffect8(() => {
+    if (startable.some((item) => item.id === harness)) return;
+    const next = startable[0]?.id ?? "";
+    setHarness(next);
+    remember({ harness: next });
+  }, [harness, startableKey]);
+  useEffect8(() => {
+    if (!starting || starting.mode === "terminal") return;
+    const sessionChanged = (state.attached?.key ?? null) !== starting.attachedKey;
+    const beganWorking = !starting.busy && state.busy;
+    if (!sessionChanged && !beganWorking) return;
+    newChatMemory.delete(memoryKey);
+    onStarted("headless");
+  }, [memoryKey, onStarted, starting, state.attached?.key, state.busy]);
+  useEffect8(() => {
+    if (starting && state.error !== starting.initialError && !state.busy && !state.operation) setStarting(null);
+  }, [starting, state.busy, state.error, state.operation]);
+  useEffect8(() => {
+    textarea.current?.focus({ preventScroll: true });
+  }, []);
+  useEffect8(() => {
+    if (!navigation) return;
+    const nextHarness = startable.some((item) => item.id === navigation.harness) ? navigation.harness : harness;
+    const nextDraft = typeof navigation.draft === "string" ? navigation.draft : draft;
+    const nextContext = mergeContext([], navigation.context ?? []);
+    const nextImages = mergeImages([], navigation.images ?? []);
+    setHarness(nextHarness);
+    setDraft(nextDraft);
+    setContext(nextContext);
+    setImages(nextImages);
+    remember({ harness: nextHarness, draft: nextDraft, context: nextContext, images: nextImages });
+    textarea.current?.focus({ preventScroll: true });
+  }, [navigation?.id]);
+  const pickContext = () => {
+    if (mode === "terminal" || !adapter.pickContext || 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({ context: next });
+        return next;
+      });
+      setImages((current) => {
+        const next = mergeImages(current, attachments.images);
+        remember({ images: next });
+        return next;
+      });
+    }).catch((error) => setPickerError(error instanceof Error ? error.message : "Could not attach context.")).finally(() => setPicking(false));
+  };
+  const attachCandidate = (picked) => {
+    if (mode === "terminal") return;
+    const attachments = partitionAttachments(picked);
+    const nextContext = mergeContext(context, attachments.context);
+    const nextImages = mergeImages(images, attachments.images);
+    setContext(nextContext);
+    setImages(nextImages);
+    remember({ context: nextContext, images: nextImages });
+  };
+  const addImageFiles = (value, source) => {
+    const allFiles = Array.from(value ?? []);
+    if (!allFiles.length) return false;
+    if (mode === "terminal") {
+      setPickerError("Terminal starts currently accept text only. Choose Chat to attach context or images.");
+      return true;
+    }
+    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({ images: next });
+      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 = () => {
+    const text = draft.trim();
+    if (!text && !images.length || !harness || starting || terminalAttachments || mode === "terminal" && !text) return;
+    const id = startSequence.current + 1;
+    startSequence.current = id;
+    setStarting({ id, mode, attachedKey: state.attached?.key ?? null, busy: state.busy, initialError: state.error });
+    const result = adapter.onIntent({ action: "new", harness, mode, text, ...context.length ? { context } : {}, ...images.length ? { images } : {} });
+    if (mode === "terminal") {
+      Promise.resolve(result).then(() => {
+        newChatMemory.delete(memoryKey);
+        onStarted("terminal");
+      }, () => setStarting((current) => current?.id === id ? null : current));
+    } else if (result && typeof result.then === "function") {
+      Promise.resolve(result).catch(() => setStarting((current) => current?.id === id ? null : current));
+    }
+  };
+  return /* @__PURE__ */ jsxs8("section", { className: "scui-chat", children: [
+    /* @__PURE__ */ jsxs8("header", { className: "scui-head", children: [
+      /* @__PURE__ */ jsx9("button", { type: "button", "aria-label": "Back", onClick: onBack, children: /* @__PURE__ */ jsx9(UiIcon, { name: "back", size: 18 }) }),
+      /* @__PURE__ */ jsxs8("span", { className: "scui-head-copy", children: [
+        /* @__PURE__ */ jsx9("strong", { children: labels.newChat }),
+        /* @__PURE__ */ jsx9("small", { children: "No session is created until you send" })
+      ] }),
+      HeaderActions ? /* @__PURE__ */ jsx9(HeaderActions, { state, adapter, value: "new" }) : null,
+      onClose ? /* @__PURE__ */ jsx9("button", { type: "button", "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx9(UiIcon, { name: "close", size: 18 }) }) : null
+    ] }),
+    starting ? /* @__PURE__ */ jsxs8("div", { className: "scui-operation", role: "status", children: [
+      /* @__PURE__ */ jsx9("i", {}),
+      mode === "terminal" ? "Opening terminal\u2026" : operationLabel("start")
+    ] }) : null,
+    /* @__PURE__ */ jsxs8("div", { className: "scui-new", children: [
+      /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", children: "\u2726" }),
+      /* @__PURE__ */ jsx9("strong", { children: "What should the agent build or fix?" }),
+      /* @__PURE__ */ jsx9("small", { children: "Choose a coding harness and send the first message." })
+    ] }),
+    /* @__PURE__ */ jsxs8("div", { className: "scui-compose", children: [
+      /* @__PURE__ */ jsxs8("label", { className: "scui-harness-picker", children: [
+        /* @__PURE__ */ jsx9(HarnessLogo, { id: harness, size: 24 }),
+        /* @__PURE__ */ jsx9("span", { children: "Coding harness" }),
+        /* @__PURE__ */ jsx9("select", { value: harness, disabled: Boolean(starting), onChange: (event) => {
+          const value = event.currentTarget.value;
+          setHarness(value);
+          remember({ harness: value });
+        }, children: state.harnesses.map((item) => /* @__PURE__ */ jsxs8("option", { value: item.id, disabled: !item.startable, children: [
+          item.label,
+          item.startable ? "" : " \xB7 unavailable"
+        ] }, item.id)) })
+      ] }),
+      /* @__PURE__ */ jsx9(Readiness, { harnesses: state.harnesses, state, adapter }),
+      launchModes.length > 1 ? /* @__PURE__ */ jsxs8("fieldset", { className: "scui-launch-modes", disabled: Boolean(starting), children: [
+        /* @__PURE__ */ jsx9("legend", { children: "Run as" }),
+        launchModes.map((item) => /* @__PURE__ */ jsxs8("label", { children: [
+          /* @__PURE__ */ jsx9("input", { type: "radio", name: `launch-mode-${memoryKey}`, value: item, checked: mode === item, onChange: () => {
+            const next = { ...modes, [harness]: item };
+            setModes(next);
+            setPickerError(null);
+            remember({ modes: next });
+          } }),
+          /* @__PURE__ */ jsxs8("span", { children: [
+            /* @__PURE__ */ jsx9("strong", { children: item === "terminal" ? "Terminal" : "Chat" }),
+            /* @__PURE__ */ jsx9("small", { children: item === "terminal" ? "Interactive tmux session" : "Managed here" })
+          ] })
+        ] }, item))
+      ] }) : null,
+      mode !== "terminal" ? /* @__PURE__ */ jsx9(ContextCandidates, { items: contextCandidates, context, images, state, adapter, onAttach: attachCandidate, component: components.ContextCandidate }) : null,
+      /* @__PURE__ */ jsx9(ImageTray, { items: images, onRemove: (index) => setImages((items) => {
+        const next = items.filter((_, itemIndex) => itemIndex !== index);
+        remember({ images: next });
+        return next;
+      }) }),
+      /* @__PURE__ */ jsx9(ContextTray, { items: context, onRemove: (index) => setContext((items) => {
+        const next = items.filter((_, itemIndex) => itemIndex !== index);
+        remember({ context: next });
+        return next;
+      }) }),
+      terminalAttachments ? /* @__PURE__ */ jsx9("small", { className: "scui-context-error", role: "alert", children: "Terminal starts currently accept text only. Remove attachments or choose Chat." }) : pickerError ? /* @__PURE__ */ jsx9("small", { className: "scui-context-error", role: "alert", children: pickerError }) : null,
+      /* @__PURE__ */ jsxs8("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 ? /* @__PURE__ */ jsx9("button", { className: "scui-attach", type: "button", "aria-label": "Attach files or images", disabled: mode === "terminal" || picking || context.length >= MAX_CONTEXT_ITEMS && images.length >= MAX_IMAGE_ITEMS || Boolean(starting), onClick: pickContext, children: picking ? /* @__PURE__ */ jsx9("i", { className: "scui-control-spinner" }) : /* @__PURE__ */ jsx9(UiIcon, { name: "attach", size: 17 }) }) : null,
+        /* @__PURE__ */ jsx9("textarea", { ref: textarea, rows: 3, "aria-label": "Message coding agent", placeholder: startable.length ? "What should the agent do?" : "No coding harness is available", value: draft, disabled: !startable.length || Boolean(starting), onPaste: pasteImages, onInput: (event) => {
+          const value = event.currentTarget.value;
+          setDraft(value);
+          remember({ draft: value });
+        }, onKeyDown: (event) => {
+          if (isSendKey(event)) {
+            event.preventDefault();
+            send();
+          }
+        } }),
+        /* @__PURE__ */ jsx9("span", { children: /* @__PURE__ */ jsx9("button", { type: "button", className: "scui-send", "aria-label": mode === "terminal" ? "Start terminal session" : "Start chat", disabled: !draft.trim() && !images.length || !harness || Boolean(starting) || terminalAttachments || mode === "terminal" && !draft.trim(), onClick: send, children: starting ? /* @__PURE__ */ jsx9("i", { className: "scui-control-spinner" }) : /* @__PURE__ */ jsx9(UiIcon, { name: "send", size: 17 }) }) })
+      ] })
+    ] })
+  ] });
+}
+function SupercodeMessenger({ state: stateInput, adapter, class: className = "", initialView, navigation = null, onViewChange, contextCandidates: candidatesInput = [], labels, components = {}, slots = {} }) {
+  const state = useMemo3(() => normalizeUiState(stateInput), [stateInput]);
+  const contextCandidates = useMemo3(() => normalizeAttachmentCandidates(candidatesInput), [candidatesInput]);
+  const copy = { ...DEFAULT_LABELS, ...labels };
+  const memoryKey = state.workspace || "@default";
+  const [view, setViewState] = useState6(initialView ?? (state.attention.length ? "list" : messengerViewMemory.get(memoryKey) ?? (state.attached || state.transcript.length ? "chat" : "list")));
+  const [opening, setOpening] = useState6(null);
+  const [newNavigation, setNewNavigation] = useState6(null);
+  const [listFocus, setListFocus] = useState6(null);
+  const lastNavigation = useRef7(null);
+  const setView = (next) => {
+    boundedSet(messengerViewMemory, memoryKey, next);
+    setViewState(next);
+    onViewChange?.(next);
+  };
+  useEffect8(() => {
+    if (!navigation || navigation.id === lastNavigation.current) return;
+    lastNavigation.current = navigation.id;
+    if (navigation.view === "list") {
+      setOpening(null);
+      setView("list");
+      return;
+    }
+    if (navigation.view === "new") {
+      setListFocus("@new");
+      setNewNavigation(navigation);
+      setView("new");
+      return;
+    }
+    if (navigation.view === "chat" && typeof navigation.sessionKey === "string" && navigation.sessionKey) {
+      setListFocus(navigation.sessionKey);
+      if (state.attached?.key === navigation.sessionKey) {
+        setOpening(null);
+        setView("chat");
+        return;
+      }
+      const row = state.sessions.find((item) => item.key === navigation.sessionKey);
+      setOpening(row ?? { key: navigation.sessionKey, harness: "supercode", name: "Chat", title: "Chat" });
+      adapter.onIntent({ action: "attach", key: navigation.sessionKey });
+    }
+  }, [adapter, navigation, state.attached?.key, state.sessions]);
+  useEffect8(() => {
+    if (!opening) return;
+    if (state.attached?.key === opening.key) {
+      setOpening(null);
+      setView("chat");
+    } else if (state.attachError?.key === opening.key || state.error && !state.operation) {
+      setOpening(null);
+    }
+  }, [opening, state.attachError?.key, state.attached?.key, state.error, state.operation]);
+  const open = (row) => {
+    setListFocus(row.key);
+    setOpening(row);
+    adapter.onIntent({ action: "attach", key: row.key });
+  };
+  const close = () => adapter.onClose?.();
+  const Footer = slots.footer;
+  const HeaderActions = slots.headerActions;
+  return /* @__PURE__ */ jsxs8("main", { className: `scui-root ${className}`, "data-view": view, "data-mode": state.mode, "aria-label": "Supercode messenger", children: [
+    view === "list" ? /* @__PURE__ */ jsx9(SessionList, { state, adapter, focusKey: listFocus, onOpen: open, onNew: () => {
+      setListFocus("@new");
+      setNewNavigation(null);
+      setView("new");
+    }, onClose: adapter.onClose ? close : void 0, components, labels: copy, memoryKey, slots, headerActions: HeaderActions }) : null,
+    view === "new" ? /* @__PURE__ */ jsx9(NewChat, { state, adapter, onBack: () => setView("list"), onClose: adapter.onClose ? close : void 0, onStarted: (mode) => setView(mode === "terminal" ? "list" : "chat"), labels: copy, memoryKey, headerActions: HeaderActions, contextCandidates, components, navigation: newNavigation }) : null,
+    view === "chat" ? /* @__PURE__ */ jsx9(Chat, { state, adapter, onBack: () => {
+      setListFocus(state.attached?.key ?? listFocus);
+      setView("list");
+    }, onNew: () => {
+      setListFocus("@new");
+      setNewNavigation(null);
+      setView("new");
+    }, onClose: adapter.onClose ? close : void 0, components, slots, labels: copy, contextCandidates }) : null,
+    opening ? /* @__PURE__ */ jsxs8("div", { className: "scui-opening", role: "status", "aria-busy": "true", children: [
+      /* @__PURE__ */ jsx9(HarnessLogo, { id: opening.harness, size: 34 }),
+      /* @__PURE__ */ jsxs8("span", { children: [
+        /* @__PURE__ */ jsxs8("strong", { children: [
+          "Opening ",
+          sessionDisplayName(opening)
+        ] }),
+        /* @__PURE__ */ jsx9("small", { children: "Loading the latest transcript window\u2026" })
+      ] }),
+      /* @__PURE__ */ jsx9("i", {})
+    ] }) : null,
+    Footer ? /* @__PURE__ */ jsx9(Footer, { state, adapter, value: copy }) : null
+  ] });
+}
+export {
+  SupercodeMessenger
+};