@opengeni/react 0.29.0 → 0.33.1

package/dist/{chunk-IPVOVOW6.js → chunk-MS3FBZ6A.js}

@@ -1,2292 +1,2503 @@
-import {
-  cn
-} from "./chunk-TK7G6XLT.js";
 import {
   shouldSteerOnKey,
   shouldSubmitOnKey
-} from "./chunk-AVLMIWYO.js";
+} from "./chunk-KZRUYCL4.js";
+import {
+  groupPickerRowsByBillingClass
+} from "./chunk-U255M5EZ.js";
 import {
+  cn
+} from "./chunk-TK7G6XLT.js";
+import {
+  composerSubmissionErrorMessage,
   formatBytes,
   formatRelativeTime
-} from "./chunk-M7X4JZOD.js";
+} from "./chunk-4QOQ2DSR.js";
 
-// src/commands/registry.ts
-function parseCommandLine(value) {
-  if (value[0] !== "/") {
-    return null;
+// src/hooks/use-transcription.ts
+import {
+  authorizeTranscriptionAdapter,
+  createTranscriptionSessionRequest
+} from "@opengeni/sdk";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+var INITIAL_TRANSCRIPTION_CONTROL_STATE = {
+  status: "idle",
+  generation: 0,
+  localSessionId: null,
+  providerSessionId: null,
+  lastSequence: 0,
+  partial: "",
+  error: null,
+  acceptedFinalIds: [],
+  audioMilliseconds: 0,
+  costUsd: null
+};
+function transitionTranscriptionControl(state, action) {
+  if (action.type === "reset") {
+    return {
+      state: { ...INITIAL_TRANSCRIPTION_CONTROL_STATE, generation: state.generation },
+      commit: null
+    };
   }
-  const body = value.slice(1);
-  const firstSpace = body.indexOf(" ");
-  if (firstSpace === -1) {
-    return { name: body, rest: "", hasTrailingSpace: false, args: [] };
+  if (action.type === "start") {
+    if (action.generation <= state.generation) return { state, commit: null };
+    return {
+      state: {
+        ...INITIAL_TRANSCRIPTION_CONTROL_STATE,
+        status: "requesting-permission",
+        generation: action.generation,
+        localSessionId: action.localSessionId
+      },
+      commit: null
+    };
   }
-  const name = body.slice(0, firstSpace);
-  const rest = body.slice(firstSpace + 1);
-  return {
-    name,
-    rest,
-    hasTrailingSpace: true,
-    args: rest.split(/\s+/).filter((token) => token.length > 0)
-  };
-}
-var PERMISSION_SUPERUSER = "workspace:admin";
-function hasPermission(required, permissions) {
-  if (!required) {
-    return true;
+  if (action.generation !== state.generation) return { state, commit: null };
+  if (action.type === "start.failed") {
+    if (state.status === "closed" || state.status === "error") return { state, commit: null };
+    return {
+      state: {
+        ...state,
+        status: "error",
+        partial: "",
+        error: { code: normalizeTranscriptionErrorCode(action.code), recoverable: false }
+      },
+      commit: null
+    };
   }
-  return permissions.includes(required) || permissions.includes(PERMISSION_SUPERUSER);
-}
-function matchCommand(commands, value) {
-  const parsed = parseCommandLine(value);
-  if (!parsed) {
-    return null;
+  if (action.type === "cancel") {
+    if (!isActiveTranscriptionStatus(state.status)) return { state, commit: null };
+    return {
+      state: { ...state, status: "cancelling", partial: "", error: null },
+      commit: null
+    };
   }
-  const token = parsed.name.toLowerCase();
-  return commands.find((command) => command.name === token || command.aliases?.includes(token)) ?? null;
-}
-function filterCommands(commands, token, ctx) {
-  const needle = token.toLowerCase();
-  return commands.filter((command) => {
-    if (!hasPermission(command.permission, ctx.permissions)) {
-      return false;
-    }
-    if (command.available && !command.available(ctx)) {
-      return false;
-    }
-    if (needle.length === 0) {
-      return true;
-    }
-    return command.name.startsWith(needle) || (command.aliases?.some((alias) => alias.startsWith(needle)) ?? false);
-  });
-}
-function argHint(args) {
-  if (!args || args.length === 0) {
-    return "";
+  if (action.type === "cancel.settled") {
+    if (state.status !== "cancelling") return { state, commit: null };
+    return { state: { ...state, status: "closed", partial: "" }, commit: null };
   }
-  return args.map((arg) => {
-    const label = arg.oneOf ? arg.oneOf.join("|") : arg.name;
-    return arg.required ? `<${label}>` : `[${label}]`;
-  }).join(" ");
-}
-function firstMissingRequiredArg(command, args) {
-  const required = (command.args ?? []).filter((arg) => arg.required);
-  for (let i = 0; i < required.length; i += 1) {
-    const value = args[i];
-    if (value === void 0 || value.length === 0) {
-      return required[i] ?? null;
+  const event = action.event;
+  if (event.localSessionId !== state.localSessionId) return { state, commit: null };
+  if (!Number.isSafeInteger(event.sequence) || event.sequence <= state.lastSequence) {
+    return { state, commit: null };
+  }
+  if (state.status === "closed" || state.status === "error") return { state, commit: null };
+  if (state.status === "cancelling" && event.type !== "session.closed") {
+    return { state: { ...state, lastSequence: event.sequence }, commit: null };
+  }
+  const sequenced = { ...state, lastSequence: event.sequence };
+  switch (event.type) {
+    case "permission.requested":
+      return {
+        state: { ...sequenced, status: "requesting-permission", partial: "", error: null },
+        commit: null
+      };
+    case "session.opened":
+      return {
+        state: {
+          ...sequenced,
+          status: "listening",
+          providerSessionId: event.providerSessionId,
+          error: null
+        },
+        commit: null
+      };
+    case "transcript.partial":
+      return {
+        state: { ...sequenced, status: "listening", partial: event.text, error: null },
+        commit: null
+      };
+    case "transcript.final": {
+      const text = event.text.trim();
+      const duplicate = state.acceptedFinalIds.includes(event.providerAcceptanceId);
+      const acceptedFinalIds = duplicate || text.length === 0 ? state.acceptedFinalIds : [...state.acceptedFinalIds, event.providerAcceptanceId];
+      return {
+        state: {
+          ...sequenced,
+          status: "listening",
+          partial: "",
+          error: null,
+          acceptedFinalIds
+        },
+        commit: duplicate || text.length === 0 ? null : text
+      };
     }
+    case "usage":
+      return {
+        state: {
+          ...sequenced,
+          audioMilliseconds: Math.max(state.audioMilliseconds, event.audioMilliseconds),
+          costUsd: event.costUsd
+        },
+        commit: null
+      };
+    case "session.reconnecting":
+      return {
+        state: { ...sequenced, status: "reconnecting", partial: "", error: null },
+        commit: null
+      };
+    case "session.error":
+      return {
+        state: {
+          ...sequenced,
+          status: event.recoverable ? "reconnecting" : "error",
+          partial: "",
+          error: {
+            code: normalizeTranscriptionErrorCode(event.code),
+            recoverable: event.recoverable
+          }
+        },
+        commit: null
+      };
+    case "session.closed":
+      return {
+        state: {
+          ...sequenced,
+          status: event.reason === "error" ? "error" : "closed",
+          partial: ""
+        },
+        commit: null
+      };
   }
-  return null;
 }
-function requireSession(ctx) {
-  if (!ctx.sessionId) {
-    throw new Error("No active session yet \u2014 start a session first.");
-  }
-  return ctx.sessionId;
+function appendFinalTranscript(draft, transcript) {
+  const final = transcript.trim();
+  if (!final) return draft;
+  if (!draft) return final;
+  return /\s$/u.test(draft) ? `${draft}${final}` : `${draft} ${final}`;
 }
-var hasSession = (ctx) => ctx.sessionId !== null;
-var defaultCommands = [
-  {
-    name: "help",
-    aliases: ["?"],
-    description: "Show available commands.",
-    run: (_args, ctx) => {
-      ctx.openHelp();
-      return { status: "ok" };
-    }
-  },
-  {
-    name: "clear-view",
-    description: "Clear the local timeline view (this device only; no server change).",
-    run: (_args, ctx) => {
-      const cleared = ctx.clearView();
-      if (!cleared) {
-        return {
-          status: "error",
-          message: "This view can't be cleared here (no local timeline to reset)."
-        };
-      }
-      return { status: "ok", message: "Local view cleared." };
-    }
-  },
-  {
-    name: "goal",
-    description: "Pause or resume the session's goal loop.",
-    permission: "sessions:control",
-    available: hasSession,
-    args: [
-      { name: "action", required: true, oneOf: ["pause", "resume"], description: "pause | resume" }
-    ],
-    run: async (args, ctx) => {
-      const sessionId = requireSession(ctx);
-      const action = args[0];
-      if (action !== "pause" && action !== "resume") {
-        return { status: "error", message: "Usage: /goal pause | /goal resume" };
-      }
-      try {
-        await ctx.client.updateGoal(ctx.workspaceId, sessionId, {
-          status: action === "pause" ? "paused" : "active"
-        });
-        return { status: "ok", message: action === "pause" ? "Goal paused." : "Goal resumed." };
-      } catch (cause) {
-        return { status: "error", message: goalErrorMessage(cause, action) };
-      }
-    }
-  },
-  {
-    name: "compact",
-    description: "Compact the conversation context now.",
-    permission: "sessions:control",
-    available: hasSession,
-    run: async (_args, ctx) => {
-      const sessionId = requireSession(ctx);
-      try {
-        const result = await ctx.client.compactSessionContext(ctx.workspaceId, sessionId);
-        return { status: "ok", message: result.message };
-      } catch (cause) {
-        return { status: "error", message: errorMessage(cause) ?? "Could not compact context." };
-      }
-    }
-  },
-  {
-    name: "clear",
-    description: "Clear the conversation context (destructive; audit-preserved).",
-    permission: "sessions:control",
-    danger: true,
-    available: hasSession,
-    run: async (_args, ctx) => {
-      const sessionId = requireSession(ctx);
-      const confirmed = await ctx.confirm();
-      if (!confirmed) {
-        return { status: "ok", keepDraft: true };
-      }
-      try {
-        await ctx.client.clearSessionContext(ctx.workspaceId, sessionId);
-        return { status: "ok", message: "Context cleared." };
-      } catch (cause) {
-        return { status: "error", message: clearErrorMessage(cause) };
-      }
-    }
-  }
-];
-function errorMessage(cause) {
-  if (cause && typeof cause === "object" && "message" in cause && typeof cause.message === "string") {
-    return cause.message;
-  }
-  return void 0;
-}
-function statusCode(cause) {
-  if (cause && typeof cause === "object" && "status" in cause && typeof cause.status === "number") {
-    return cause.status;
-  }
-  return void 0;
-}
-function goalErrorMessage(cause, action) {
-  const code = statusCode(cause);
-  if (code === 404) {
-    return "This session has no goal to control.";
-  }
-  if (code === 409) {
-    return action === "resume" ? "Only a paused goal can be resumed." : "Goal is already in a terminal state.";
-  }
-  return errorMessage(cause) ?? `Could not ${action} the goal.`;
-}
-function clearErrorMessage(cause) {
-  if (statusCode(cause) === 409) {
-    return "Pause the session and wait for the current inference to settle, then clear context.";
-  }
-  return errorMessage(cause) ?? "Could not clear context.";
-}
-
-// src/hooks/use-slash-commands.ts
-import { useCallback, useMemo, useRef, useState } from "react";
-function useSlashCommands(options) {
-  const { commands, context, handlers, value, setValue } = options;
-  const [highlight, setHighlight] = useState(0);
-  const [dismissedValue, setDismissedValue] = useState(null);
-  const dismissed = dismissedValue !== null && dismissedValue === value;
-  const navigatedRef = useRef(false);
-  const navTokenRef = useRef(value);
-  if (navTokenRef.current !== value) {
-    navTokenRef.current = value;
-    navigatedRef.current = false;
-  }
-  const parsed = useMemo(() => parseCommandLine(value), [value]);
-  const filterCtx = useMemo(
-    () => ({
-      sessionId: context?.sessionId ?? null,
-      status: context?.status ?? null,
-      permissions: context?.permissions ?? []
-    }),
-    [context?.sessionId, context?.status, context?.permissions]
+var DEFAULT_TRANSCRIPTION_LIFECYCLE_TIMEOUTS = {
+  startMs: 15e3,
+  cleanupMs: 2e3
+};
+function useTranscription({
+  adapter,
+  policy,
+  selection = { kind: "primary" },
+  value,
+  setValue,
+  focusInput,
+  disabled = false,
+  createLocalSessionId = defaultLocalSessionId,
+  lifecycleTimeouts,
+  onDiagnostic
+}) {
+  const [state, setState] = useState(INITIAL_TRANSCRIPTION_CONTROL_STATE);
+  const stateRef = useRef(state);
+  const valueRef = useRef(value);
+  const sessionRef = useRef(null);
+  const pendingStartRef = useRef(null);
+  const activePolicyRef = useRef(null);
+  valueRef.current = value;
+  const startTimeoutMs = normalizeTimeout(
+    lifecycleTimeouts?.startMs,
+    DEFAULT_TRANSCRIPTION_LIFECYCLE_TIMEOUTS.startMs
   );
-  const activeCommand = useMemo(() => {
-    if (!parsed || !parsed.hasTrailingSpace) {
-      return null;
-    }
-    return matchCommand(commands, value);
-  }, [commands, value, parsed]);
-  const items = useMemo(() => {
-    if (!parsed) {
-      return [];
-    }
-    if (activeCommand) {
-      return [activeCommand];
-    }
-    return filterCommands(commands, parsed.name, filterCtx);
-  }, [commands, parsed, activeCommand, filterCtx]);
-  const open = parsed !== null && items.length > 0 && !dismissed;
-  const isCommandDraft = parsed !== null && items.length > 0;
-  const clampedHighlight = items.length === 0 ? 0 : Math.min(highlight, items.length - 1);
-  const activeArgHint = activeCommand ? argHint(activeCommand.args) : "";
-  const buildContext = useCallback(
-    (command) => {
-      if (!context) {
-        return null;
-      }
-      return { ...context, ...handlers, confirm: () => handlers.confirm(command) };
-    },
-    [context, handlers]
+  const cleanupTimeoutMs = normalizeTimeout(
+    lifecycleTimeouts?.cleanupMs,
+    DEFAULT_TRANSCRIPTION_LIFECYCLE_TIMEOUTS.cleanupMs
   );
-  const execute = useCallback(
-    async (command, args) => {
-      const ctx = buildContext(command);
-      if (!ctx) {
-        return;
-      }
+  const reportDiagnostic = useCallback(
+    (diagnostic) => {
+      if (!onDiagnostic) return;
       try {
-        const result = await command.run(args, ctx);
-        if (result.message) {
-          ctx.notice({ tone: result.status === "ok" ? "ok" : "error", message: result.message });
-        }
-        if (result.status === "ok" && !result.keepDraft) {
-          setValue("");
-        }
-      } catch (cause) {
-        ctx.notice({ tone: "error", message: errorMessage2(cause) });
+        onDiagnostic(sanitizeTranscriptionDiagnostic(diagnostic));
+      } catch {
       }
     },
-    [buildContext, setValue]
+    [onDiagnostic]
   );
-  const autocomplete = useCallback(
-    (command) => {
-      setValue(`/${command.name} `);
-      setHighlight(0);
-    },
-    [setValue]
+  const cleanupRuntimeRef = useRef({ cleanupTimeoutMs, reportDiagnostic });
+  useEffect(() => {
+    cleanupRuntimeRef.current = { cleanupTimeoutMs, reportDiagnostic };
+  }, [cleanupTimeoutMs, reportDiagnostic]);
+  const policyRevision = useMemo(
+    () => transcriptionPolicyRevision(policy, selection),
+    [policy, selection]
   );
-  const autocompleteHighlighted = useCallback(() => {
-    const command = items[clampedHighlight];
-    if (command) {
-      autocomplete(command);
-    }
-  }, [items, clampedHighlight, autocomplete]);
-  const runningRef = useRef(false);
-  const runResolved = useCallback(
-    async (command, executionOptions) => {
-      if (!parsed || runningRef.current) {
-        return;
+  const authorization = useMemo(
+    () => adapter ? authorizeTranscriptionAdapter(policy, adapter.descriptor, selection) : null,
+    [adapter, policy, selection]
+  );
+  const unavailableReason = disabled ? "composer_disabled" : !policy.enabled ? "disabled" : !policy.acceptanceId ? "unaccepted" : !policy.primary ? "target_missing" : !adapter ? "adapter_missing" : authorization?.authorized ? null : authorization?.reason ?? "unaccepted";
+  const apply = useCallback(
+    (action) => {
+      const transition = transitionTranscriptionControl(stateRef.current, action);
+      if (transition.state !== stateRef.current) {
+        stateRef.current = transition.state;
+        setState(transition.state);
       }
-      runningRef.current = true;
-      try {
-        const explicit = executionOptions?.explicit ?? false;
-        const nameMatchesToken = command.name === parsed.name.toLowerCase() || (command.aliases?.includes(parsed.name.toLowerCase()) ?? false);
-        if (!explicit && !activeCommand && !nameMatchesToken && !parsed.hasTrailingSpace) {
-          autocomplete(command);
-          return;
-        }
-        const args = nameMatchesToken || parsed.hasTrailingSpace ? parsed.args : [];
-        const missing = firstMissingRequiredArg(command, args);
-        if (missing) {
-          if (!parsed.hasTrailingSpace) {
-            autocomplete(command);
-          }
-          return;
-        }
-        await execute(command, args);
-      } finally {
-        runningRef.current = false;
+      if (transition.commit !== null) {
+        const next = appendFinalTranscript(valueRef.current, transition.commit);
+        valueRef.current = next;
+        setValue(next);
+        focusInput();
       }
+      return transition.state;
     },
-    [parsed, activeCommand, autocomplete, execute]
+    [focusInput, setValue]
   );
-  const runHighlighted = useCallback(async () => {
-    if (!parsed) {
-      return;
-    }
-    if (navigatedRef.current && !activeCommand) {
-      const highlighted = items[clampedHighlight];
-      if (highlighted) {
-        await runResolved(highlighted, { explicit: true });
-      }
-      return;
-    }
-    const token = parsed.name.toLowerCase();
-    const exact = items.find((item) => item.name === token || item.aliases?.includes(token));
-    const command = activeCommand ?? exact ?? items[clampedHighlight];
-    if (!command) {
-      return;
-    }
-    await runResolved(command);
-  }, [parsed, activeCommand, items, clampedHighlight, runResolved]);
-  const runAt = useCallback(
-    async (index) => {
-      const command = items[index];
-      if (!command) {
-        return;
-      }
-      await runResolved(command, { explicit: true });
+  const releaseTerminalSession = useCallback(
+    (generation) => {
+      const active = sessionRef.current;
+      if (!active || active.generation !== generation) return;
+      sessionRef.current = null;
+      if (activePolicyRef.current?.generation === generation) activePolicyRef.current = null;
+      detachSessionCleanup(active.session, {
+        cleanupTimeoutMs,
+        reportDiagnostic
+      });
     },
-    [items, runResolved]
+    [cleanupTimeoutMs, reportDiagnostic]
   );
-  const onKeyDown = useCallback(
-    (event) => {
-      if (!open) {
-        return false;
-      }
-      switch (event.key) {
-        case "ArrowDown": {
-          event.preventDefault();
-          navigatedRef.current = true;
-          setHighlight(
-            (current) => items.length === 0 ? 0 : (Math.min(current, items.length - 1) + 1) % items.length
-          );
-          return true;
-        }
-        case "ArrowUp": {
-          event.preventDefault();
-          navigatedRef.current = true;
-          setHighlight((current) => {
-            const base = Math.min(current, items.length - 1);
-            return items.length === 0 ? 0 : (base - 1 + items.length) % items.length;
-          });
-          return true;
-        }
-        case "Tab": {
-          event.preventDefault();
-          autocompleteHighlighted();
-          return true;
-        }
-        case "Enter": {
-          if (event.shiftKey || event.nativeEvent?.isComposing) {
-            return false;
+  const start = useCallback(async () => {
+    if (!adapter || unavailableReason !== null || isActiveTranscriptionStatus(stateRef.current.status)) {
+      return false;
+    }
+    const generation = stateRef.current.generation + 1;
+    const localSessionId = createLocalSessionId();
+    apply({ type: "start", generation, localSessionId });
+    const request = createTranscriptionSessionRequest({
+      policy,
+      adapter,
+      localSessionId,
+      selection,
+      sequenceFloor: 0
+    });
+    if (!request) {
+      apply({
+        type: "start.failed",
+        generation,
+        code: "policy_blocked"
+      });
+      return false;
+    }
+    activePolicyRef.current = { generation, revision: policyRevision };
+    const controller = new AbortController();
+    pendingStartRef.current = { generation, controller };
+    let boundarySettled = false;
+    let accepted = false;
+    const observedStart = Promise.resolve().then(
+      () => adapter.start(
+        request,
+        (event) => {
+          apply({ type: "event", generation, event });
+          if (event.type === "session.error" && !event.recoverable) {
+            releaseTerminalSession(generation);
+          } else if (event.type === "session.closed") {
+            releaseTerminalSession(generation);
           }
-          event.preventDefault();
-          void runHighlighted();
-          return true;
+        },
+        {
+          signal: controller.signal,
+          reportDiagnostic
         }
-        case "Escape": {
-          event.preventDefault();
-          setDismissedValue(value);
-          return true;
+      )
+    ).then(
+      (session) => {
+        if (boundarySettled && !accepted) {
+          detachSessionCleanup(session, {
+            cancelReason: "stale-generation",
+            cleanupTimeoutMs,
+            reportDiagnostic
+          });
         }
-        default:
-          return false;
+        return { kind: "session", session };
+      },
+      (error) => {
+        if (boundarySettled) {
+          reportDiagnostic({
+            operation: "start",
+            code: classifyStartError(error),
+            detail: diagnosticDetail(error)
+          });
+        }
+        return { kind: "error", error };
+      }
+    );
+    let abortListener = null;
+    const aborted = new Promise((resolve) => {
+      if (controller.signal.aborted) {
+        resolve({ kind: "aborted" });
+        return;
+      }
+      abortListener = () => resolve({ kind: "aborted" });
+      controller.signal.addEventListener("abort", abortListener, { once: true });
+    });
+    let timeoutId = null;
+    const timedOut = new Promise((resolve) => {
+      timeoutId = setTimeout(() => resolve({ kind: "timeout" }), startTimeoutMs);
+    });
+    const outcome = await Promise.race([observedStart, aborted, timedOut]);
+    boundarySettled = true;
+    if (timeoutId !== null) clearTimeout(timeoutId);
+    if (abortListener) controller.signal.removeEventListener("abort", abortListener);
+    if (pendingStartRef.current?.generation === generation) pendingStartRef.current = null;
+    if (outcome.kind === "aborted") return false;
+    if (outcome.kind === "timeout") {
+      controller.abort("transcription-start-timeout");
+      if (activePolicyRef.current?.generation === generation) activePolicyRef.current = null;
+      reportDiagnostic({
+        operation: "start",
+        code: "timeout",
+        detail: `Transcription adapter start exceeded ${startTimeoutMs}ms.`
+      });
+      apply({ type: "start.failed", generation, code: "timeout" });
+      return false;
+    }
+    if (outcome.kind === "error") {
+      if (activePolicyRef.current?.generation === generation) activePolicyRef.current = null;
+      const code = classifyStartError(outcome.error);
+      reportDiagnostic({
+        operation: "start",
+        code,
+        detail: diagnosticDetail(outcome.error)
+      });
+      if (!controller.signal.aborted) {
+        apply({ type: "start.failed", generation, code });
+      }
+      return false;
+    }
+    const current = stateRef.current;
+    if (current.generation !== generation || current.localSessionId !== localSessionId || current.status === "cancelling" || !isActiveTranscriptionStatus(current.status)) {
+      if (activePolicyRef.current?.generation === generation) activePolicyRef.current = null;
+      detachSessionCleanup(outcome.session, {
+        ...current.status === "error" ? {} : { cancelReason: "stale-generation" },
+        cleanupTimeoutMs,
+        reportDiagnostic
+      });
+      return false;
+    }
+    accepted = true;
+    sessionRef.current = { generation, session: outcome.session };
+    return true;
+  }, [
+    adapter,
+    apply,
+    createLocalSessionId,
+    cleanupTimeoutMs,
+    policy,
+    policyRevision,
+    releaseTerminalSession,
+    reportDiagnostic,
+    selection,
+    startTimeoutMs,
+    unavailableReason
+  ]);
+  const cancel = useCallback(async () => {
+    const current = stateRef.current;
+    if (!isActiveTranscriptionStatus(current.status)) return false;
+    const generation = current.generation;
+    apply({ type: "cancel", generation });
+    const pending = pendingStartRef.current;
+    if (pending?.generation === generation) {
+      pendingStartRef.current = null;
+      pending.controller.abort("transcription-locally-cancelled");
+    }
+    const active = sessionRef.current;
+    sessionRef.current = null;
+    if (activePolicyRef.current?.generation === generation) activePolicyRef.current = null;
+    apply({ type: "cancel.settled", generation });
+    focusInput();
+    if (active?.generation === generation) {
+      detachSessionCleanup(active.session, {
+        cancelReason: "user-cancelled",
+        cleanupTimeoutMs,
+        reportDiagnostic
+      });
+    }
+    return true;
+  }, [apply, cleanupTimeoutMs, focusInput, reportDiagnostic]);
+  const reset = useCallback(() => apply({ type: "reset" }), [apply]);
+  useEffect(() => {
+    if (!isActiveTranscriptionStatus(state.status)) return;
+    const onKeyDown = (event) => {
+      if (event.key !== "Escape") return;
+      event.preventDefault();
+      void cancel();
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [cancel, state.status]);
+  useEffect(() => {
+    if (!isActiveTranscriptionStatus(state.status)) return;
+    const activePolicy = activePolicyRef.current;
+    if (unavailableReason === null && activePolicy?.generation === state.generation && activePolicy.revision === policyRevision) {
+      return;
+    }
+    void cancel();
+  }, [cancel, policyRevision, state.generation, state.status, unavailableReason]);
+  useEffect(
+    () => () => {
+      const pending = pendingStartRef.current;
+      pendingStartRef.current = null;
+      pending?.controller.abort("transcription-component-unmounted");
+      const active = sessionRef.current;
+      sessionRef.current = null;
+      activePolicyRef.current = null;
+      stateRef.current = {
+        ...stateRef.current,
+        generation: stateRef.current.generation + 1,
+        status: "closed",
+        partial: ""
+      };
+      if (active) {
+        const runtime = cleanupRuntimeRef.current;
+        detachSessionCleanup(active.session, {
+          cancelReason: "component-unmounted",
+          cleanupTimeoutMs: runtime.cleanupTimeoutMs,
+          reportDiagnostic: runtime.reportDiagnostic
+        });
       }
     },
-    [open, items, autocompleteHighlighted, runHighlighted, value]
+    []
   );
   return {
-    open,
-    isCommandDraft,
-    items,
-    highlight: clampedHighlight,
-    setHighlight,
-    activeCommand,
-    activeArgHint,
-    onKeyDown,
-    runHighlighted,
-    runAt,
-    autocompleteHighlighted
+    state,
+    available: unavailableReason === null,
+    unavailableReason,
+    start,
+    cancel,
+    reset
   };
 }
-function errorMessage2(cause) {
-  if (cause instanceof Error) {
-    return cause.message;
+function isActiveTranscriptionStatus(status) {
+  return status === "requesting-permission" || status === "listening" || status === "reconnecting" || status === "cancelling";
+}
+function defaultLocalSessionId() {
+  return globalThis.crypto.randomUUID();
+}
+function classifyStartError(error) {
+  if (isRecord(error)) {
+    const normalized = normalizeTranscriptionErrorCode(error.code);
+    if (normalized !== "unknown") return normalized;
   }
-  return String(cause);
+  if (typeof DOMException !== "undefined" && error instanceof DOMException) {
+    if (error.name === "NotAllowedError") return "permission_denied";
+    if (error.name === "NotSupportedError") return "not_supported";
+    if (error.name === "TimeoutError") return "timeout";
+    if (error.name === "AbortError") return "cancelled";
+  }
+  return "unknown";
 }
-
-// src/components/command-palette.tsx
-import { AnimatePresence, motion } from "motion/react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function CommandPalette({
-  open,
-  items,
-  highlight,
-  onHighlight,
-  onRun,
-  argHintText,
-  listboxId,
-  label = "Slash commands",
-  dangerLabel = "danger"
-}) {
-  return /* @__PURE__ */ jsx(AnimatePresence, { children: open ? /* @__PURE__ */ jsxs(
-    motion.div,
-    {
-      initial: { opacity: 0, y: 6, scale: 0.99 },
-      animate: { opacity: 1, y: 0, scale: 1 },
-      exit: { opacity: 0, y: 6, scale: 0.99 },
-      transition: { duration: 0.13, ease: "easeOut" },
-      className: cn(
-        "absolute bottom-full left-0 right-0 z-20 mb-2 overflow-hidden",
-        "rounded-og-lg border border-og-border bg-og-surface-2 shadow-og-sm"
-      ),
-      children: [
-        /* @__PURE__ */ jsx(
-          "ul",
-          {
-            id: listboxId,
-            role: "listbox",
-            "aria-label": label,
-            className: "max-h-72 overflow-y-auto py-1",
-            children: items.map((command, index) => {
-              const selected = index === highlight;
-              const hint = argHint(command.args);
-              return /* @__PURE__ */ jsxs(
-                "li",
-                {
-                  id: `${listboxId}-option-${index}`,
-                  role: "option",
-                  "aria-selected": selected,
-                  onMouseEnter: () => onHighlight(index),
-                  onMouseDown: (event) => {
-                    event.preventDefault();
-                    onRun(index);
-                  },
-                  className: cn(
-                    "mx-1 flex cursor-pointer items-center gap-2 rounded-og-md px-2.5 py-1.5",
-                    "transition-colors duration-100",
-                    selected ? "bg-og-accent/15 text-og-fg" : "text-og-fg-muted hover:bg-og-surface-3"
-                  ),
-                  children: [
-                    /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-baseline gap-1.5", children: [
-                      /* @__PURE__ */ jsxs(
-                        "span",
-                        {
-                          className: cn(
-                            "font-mono text-[13px]",
-                            selected ? "text-og-accent" : "text-og-fg"
-                          ),
-                          children: [
-                            "/",
-                            command.name
-                          ]
-                        }
-                      ),
-                      hint ? /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-[11px] text-og-fg-subtle", children: hint }) : null
-                    ] }),
-                    /* @__PURE__ */ jsxs("span", { className: "ml-auto flex items-center gap-1.5", children: [
-                      command.danger ? /* @__PURE__ */ jsx("span", { className: "rounded-og-xs bg-og-status-failed/15 px-1 text-[10px] uppercase tracking-wide text-og-status-failed", children: dangerLabel }) : null,
-                      /* @__PURE__ */ jsx("span", { className: "truncate text-[12px] text-og-fg-subtle max-sm:hidden", children: command.description })
-                    ] })
-                  ]
-                },
-                command.name
-              );
-            })
-          }
-        ),
-        argHintText ? /* @__PURE__ */ jsx("div", { className: "border-t border-og-border px-3 py-1.5 font-mono text-[11px] text-og-fg-subtle", children: argHintText }) : null
-      ]
-    }
-  ) : null });
+function normalizeTranscriptionErrorCode(code) {
+  switch (code) {
+    case "permission_denied":
+    case "not_supported":
+    case "network":
+    case "provider":
+    case "policy_blocked":
+    case "timeout":
+    case "cancelled":
+    case "unknown":
+      return code;
+    default:
+      return "unknown";
+  }
+}
+function sanitizeTranscriptionDiagnostic(diagnostic) {
+  const source = isRecord(diagnostic) ? diagnostic : {};
+  const operation = source.operation === "start" || source.operation === "session" || source.operation === "cancel" || source.operation === "close" ? source.operation : "session";
+  const rawDetail = typeof source.detail === "string" ? source.detail : "No diagnostic detail.";
+  const detail = rawDetail.replace(/[\u0000-\u001f\u007f]+/gu, " ").replace(/\bBearer\s+[A-Za-z0-9._~+/=-]+/giu, "Bearer [REDACTED]").replace(/\bsk-[A-Za-z0-9_-]{4,}\b/gu, "[REDACTED]").replace(
+    /\b(api[-_ ]?key|authorization|access[-_ ]?token|refresh[-_ ]?token|token|secret)\b\s*[:=]\s*[^\s,;]+/giu,
+    "$1=[REDACTED]"
+  ).trim().slice(0, 512);
+  return {
+    operation,
+    code: normalizeTranscriptionErrorCode(source.code),
+    detail: detail || "No diagnostic detail."
+  };
+}
+function detachSessionCleanup(session, options) {
+  if (options.cancelReason) {
+    void runBoundedCleanup(
+      "cancel",
+      () => session.cancel(options.cancelReason),
+      options.cleanupTimeoutMs,
+      options.reportDiagnostic
+    );
+  }
+  void runBoundedCleanup(
+    "close",
+    () => session.close(),
+    options.cleanupTimeoutMs,
+    options.reportDiagnostic
+  );
+}
+async function runBoundedCleanup(operation, invoke, timeoutMs, reportDiagnostic) {
+  let timeoutId = null;
+  const result = Promise.resolve().then(invoke).then(
+    () => ({ kind: "settled" }),
+    (error) => ({ kind: "rejected", error })
+  );
+  const timeout = new Promise((resolve) => {
+    timeoutId = setTimeout(() => resolve({ kind: "timeout" }), timeoutMs);
+  });
+  const outcome = await Promise.race([result, timeout]);
+  if (timeoutId !== null) clearTimeout(timeoutId);
+  if (outcome.kind === "settled") return;
+  reportDiagnostic({
+    operation,
+    code: outcome.kind === "timeout" ? "timeout" : "provider",
+    detail: outcome.kind === "timeout" ? `Transcription ${operation} exceeded ${timeoutMs}ms.` : diagnosticDetail(outcome.error)
+  });
+}
+function diagnosticDetail(error) {
+  if (error instanceof Error) return error.message;
+  return typeof error === "string" ? error : "Unknown transcription adapter failure.";
+}
+function normalizeTimeout(value, fallback) {
+  return typeof value === "number" && Number.isFinite(value) && value >= 1 ? Math.min(Math.floor(value), 6e4) : fallback;
+}
+function isRecord(value) {
+  return typeof value === "object" && value !== null;
+}
+function transcriptionPolicyRevision(policy, selection) {
+  const targetKey = (target) => target ? [
+    target.provider,
+    target.model ?? "",
+    target.credentialMode,
+    target.credentialConnectionId ?? "",
+    target.region ?? ""
+  ].join("\0") : "";
+  return [
+    policy.enabled ? "1" : "0",
+    policy.acceptanceId ?? "",
+    targetKey(policy.primary),
+    policy.language ?? "",
+    policy.autoDetectLanguage ? "1" : "0",
+    policy.diarization.enabled ? "1" : "0",
+    policy.diarization.maxSpeakers?.toString() ?? "",
+    policy.retention.mode,
+    policy.retention.maxDays?.toString() ?? "",
+    policy.privacy.allowProviderLogging ? "1" : "0",
+    policy.privacy.allowProviderTraining ? "1" : "0",
+    policy.fallback.mode,
+    policy.fallback.targets.map(targetKey).join("
"),
+    policy.cost.currency,
+    policy.cost.maxPerHour?.toString() ?? "",
+    policy.cost.maxPerMonth?.toString() ?? "",
+    selection.kind,
+    selection.kind === "fallback" ? selection.index.toString() : ""
+  ].join("");
 }
 
-// src/components/model-picker.tsx
-import { ChevronDownIcon } from "lucide-react";
-import { useId, useMemo as useMemo2 } from "react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function ModelPicker({
-  models,
+// src/hooks/use-voice-input.ts
+import { useCallback as useCallback2, useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
+var MIME_PREFERENCES = ["audio/webm;codecs=opus", "audio/mp4", "audio/ogg;codecs=opus"];
+function useVoiceInput({
+  client,
+  workspaceId,
+  capability,
+  enabled,
   value,
-  onChange,
-  disabled,
-  className,
-  label = "Model"
+  setValue,
+  focusInput,
+  disabled = false
 }) {
-  const selectId = useId();
-  const groups = useMemo2(() => {
-    const byProvider = /* @__PURE__ */ new Map();
-    for (const model of models) {
-      let group = byProvider.get(model.provider);
-      if (!group) {
-        group = { label: model.providerLabel, models: [] };
-        byProvider.set(model.provider, group);
-      }
-      group.models.push(model);
+  const [status, setStatus] = useState2("idle");
+  const [error, setError] = useState2(null);
+  const [stream, setStream] = useState2(null);
+  const generationRef = useRef2(0);
+  const recorderRef = useRef2(null);
+  const streamRef = useRef2(null);
+  const timerRef = useRef2(null);
+  const controllerRef = useRef2(null);
+  const valueRef = useRef2(value);
+  valueRef.current = value;
+  const clearRuntime = useCallback2(() => {
+    if (timerRef.current) clearTimeout(timerRef.current);
+    timerRef.current = null;
+    streamRef.current?.getTracks().forEach((track) => track.stop());
+    streamRef.current = null;
+    recorderRef.current = null;
+    setStream(null);
+  }, []);
+  const cancel = useCallback2(() => {
+    generationRef.current += 1;
+    controllerRef.current?.abort();
+    controllerRef.current = null;
+    const recorder = recorderRef.current;
+    clearRuntime();
+    if (recorder && recorder.state !== "inactive") recorder.stop();
+    setStatus("idle");
+    setError(null);
+    focusInput();
+  }, [clearRuntime, focusInput]);
+  const stop = () => {
+    const recorder = recorderRef.current;
+    if (!recorder || recorder.state === "inactive") return;
+    if (timerRef.current) clearTimeout(timerRef.current);
+    timerRef.current = null;
+    setStatus("transcribing");
+    recorder.stop();
+  };
+  const start = async () => {
+    if (disabled || !client || !enabled || !capability?.available || status === "requesting-permission" || status === "recording" || status === "transcribing" || !navigator.mediaDevices?.getUserMedia || typeof MediaRecorder === "undefined") {
+      return false;
     }
-    return [...byProvider.values()];
-  }, [models]);
-  if (models.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs2("span", { className: cn("relative inline-flex items-center", className), children: [
-    /* @__PURE__ */ jsx2("label", { htmlFor: selectId, className: "sr-only", children: label }),
-    /* @__PURE__ */ jsx2(
-      "select",
-      {
-        id: selectId,
-        value: value ?? "",
-        onChange: (event) => onChange(event.target.value),
-        disabled: disabled === true,
-        "aria-label": label,
-        className: cn(
-          // Sized like the other footer controls; the chevron overlay needs the
-          // right padding so the value never collides with it.
-          "h-8 max-w-[180px] cursor-pointer appearance-none truncate rounded-og-md bg-transparent",
-          "py-0 pl-2 pr-6 text-[13px] text-og-fg-muted",
-          "transition-colors duration-150 hover:bg-og-surface-2 hover:text-og-fg",
-          "focus:outline-none focus-visible:outline-none",
-          "disabled:cursor-not-allowed disabled:opacity-50"
-        ),
-        children: groups.map((group) => /* @__PURE__ */ jsx2("optgroup", { label: group.label, children: group.models.map((model) => /* @__PURE__ */ jsx2("option", { value: model.id, children: model.label }, model.id)) }, group.label))
+    const voiceClient = client;
+    const generation = ++generationRef.current;
+    setStatus("requesting-permission");
+    setError(null);
+    try {
+      const mediaStream = await navigator.mediaDevices.getUserMedia({ audio: true });
+      if (generation !== generationRef.current) {
+        mediaStream.getTracks().forEach((track) => track.stop());
+        return false;
       }
-    ),
-    /* @__PURE__ */ jsx2(
-      ChevronDownIcon,
-      {
-        "aria-hidden": true,
-        className: "pointer-events-none absolute right-1.5 size-3.5 text-og-fg-subtle"
+      const mimeType = chooseMimeType(capability.acceptedMimeTypes);
+      const recorder = new MediaRecorder(mediaStream, mimeType ? { mimeType } : void 0);
+      const chunks = [];
+      const startedAt = Date.now();
+      streamRef.current = mediaStream;
+      recorderRef.current = recorder;
+      setStream(mediaStream);
+      recorder.ondataavailable = (event) => {
+        if (event.data.size > 0) chunks.push(event.data);
+      };
+      recorder.onstop = () => {
+        clearRuntime();
+        if (generation !== generationRef.current) return;
+        const audio = new Blob(chunks, { type: recorder.mimeType || mimeType || "audio/webm" });
+        if (audio.size === 0) {
+          setStatus("error");
+          setError("invalid_audio");
+          return;
+        }
+        const controller = new AbortController();
+        controllerRef.current = controller;
+        void voiceClient.transcribeAudio(workspaceId, {
+          audio,
+          mimeType: audio.type,
+          durationSeconds: Math.max(0, (Date.now() - startedAt) / 1e3),
+          signal: controller.signal
+        }).then((response) => {
+          if (generation !== generationRef.current || controller.signal.aborted) return;
+          const next = appendFinalTranscript(valueRef.current, response.text);
+          if (next !== valueRef.current) {
+            valueRef.current = next;
+            setValue(next);
+          }
+          setStatus("idle");
+          focusInput();
+        }).catch((reason) => {
+          if (generation !== generationRef.current || controller.signal.aborted) return;
+          setStatus("error");
+          setError(errorCode(reason));
+        }).finally(() => {
+          if (controllerRef.current === controller) controllerRef.current = null;
+        });
+      };
+      recorder.start();
+      setStatus("recording");
+      timerRef.current = setTimeout(
+        () => stop(),
+        Math.min(capability.maxDurationSeconds, 60) * 1e3
+      );
+      return true;
+    } catch (reason) {
+      if (generation !== generationRef.current) return false;
+      clearRuntime();
+      setStatus("error");
+      setError(errorCode(reason));
+      return false;
+    }
+  };
+  useEffect2(() => {
+    const onKeyDown = (event) => {
+      if (event.key === "Escape" && status !== "idle") {
+        event.preventDefault();
+        cancel();
       }
-    )
-  ] });
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [cancel, status]);
+  useEffect2(
+    () => () => {
+      generationRef.current += 1;
+      controllerRef.current?.abort();
+      const recorder = recorderRef.current;
+      clearRuntime();
+      if (recorder && recorder.state !== "inactive") recorder.stop();
+    },
+    [clearRuntime]
+  );
+  return {
+    status,
+    error,
+    available: Boolean(capability?.available && enabled && !disabled),
+    stream,
+    start,
+    stop,
+    cancel
+  };
 }
-
-// src/components/composer.tsx
-import {
-  ArrowUpIcon,
-  ChevronDownIcon as ChevronDownIcon2,
-  FileIcon,
-  ImageIcon,
-  LoaderCircleIcon,
-  PaperclipIcon,
-  PauseIcon,
-  PlayIcon,
-  RotateCwIcon,
-  XIcon
-} from "lucide-react";
-import { AnimatePresence as AnimatePresence2, motion as motion2 } from "motion/react";
-import {
-  createContext,
-  forwardRef,
-  useCallback as useCallback2,
-  useContext,
-  useEffect,
-  useId as useId2,
-  useMemo as useMemo3,
-  useRef as useRef2,
-  useState as useState2
-} from "react";
-import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var OPEN_WORKSTREAM_CONTROL_EVENT = "opengeni:open-workstream-control";
-var defaultChatComposerMessages = {
-  messagePlaceholder: "Message the agent\u2026",
-  pausedPlaceholder: "Sending will resume this workstream\u2026",
-  inputLabel: "Message the agent",
-  keyboardHint: "Enter to queue \xB7 Cmd/Ctrl+Enter to steer \xB7 Shift+Enter for a new line",
-  slashCommandBlocked: "That's a slash command \u2014 press Enter in the command list to run it, or edit the line to send a message.",
-  controlChangedError: "This workstream was paused while you were sending. Nothing was sent, and your draft is still here.",
-  sendFailedError: "Sending failed \u2014 your draft is still here. Try again.",
-  dropFiles: "Drop files to attach",
-  attachFiles: "Attach files",
-  pauseAriaLabel: "Pause this workstream",
-  pauseTitle: "Pause this workstream; queued prompts and approvals are preserved",
-  sendMessageAriaLabel: "Send message",
-  sendAndResumeAriaLabel: "Send and resume",
-  sendTitle: "Queue message (Enter); steer with Cmd/Ctrl+Enter",
-  sendAndResumeTitle: "Send & resume (Enter); Steer & resume with Cmd/Ctrl+Enter",
-  workspacePaused: "Workspace paused",
-  pausedHere: "Paused here",
-  parentBlocker: "parent",
-  narrowerPause: "a narrower pause",
-  pausedBy: (displayName) => `Paused by ${displayName}`,
-  queuedAhead: (count) => `Send & resume queues behind ${count} waiting prompt${count === 1 ? "" : "s"}.`,
-  resumingAndSending: "Resuming and sending\u2026",
-  nextMessageResumes: "Your next message resumes this workstream automatically.",
-  resumeThisWorkstream: "Resume this workstream",
-  resumeShort: "Resume",
-  hidePauseDetails: "Hide pause details",
-  showPauseDetails: "Show pause details",
-  pauseReasonsLabel: "Reasons this workstream is paused",
-  pausedByLabel: "Paused by ",
-  alsoPausedByLabel: "Also paused by ",
-  resumeWorkspace: "Resume workspace",
-  resumeFromSession: "Resume from this session",
-  sessionCanRun: "This session will be able to run",
-  stillPausedBy: (displayName) => `Still paused by ${displayName}`,
-  restoredResourcesLabel: "Restored prompt resources",
-  restoredFile: (fileId) => `File ${fileId.slice(0, 8)}`,
-  removeRestoredResource: (index) => `Remove restored resource ${index + 1}`,
-  uploading: "Uploading",
-  uploadFailed: "Upload failed",
-  retryAttachment: (name) => `Retry ${name}`,
-  retryUpload: "Retry upload",
-  removeAttachment: (name) => `Remove ${name}`,
-  confirmCommand: (name) => `Confirm /${name}`,
-  confirmDescription: (command) => `Run /${command.name}? ${command.description}`,
-  cancel: "Cancel",
-  runCommand: (name) => `Run /${name}`,
-  commands: "Commands",
-  slashCommandsLabel: "Slash commands",
-  modelLabel: "Model",
-  close: "Close",
-  danger: "danger",
-  draftConflict: "This draft changed in another tab. Your local draft is still here.",
-  useOtherDraft: "Use other draft",
-  keepMine: "Keep mine",
-  savingDraft: "Saving draft\u2026",
-  formatBytes,
-  formatRelativeTime
-};
-function useChatComposerController({
-  delivery,
-  draft,
-  control,
-  effectiveControl,
-  queuedAheadCount = 0,
-  canControlWorkspace = false,
-  controlLinks,
-  disabled = false,
-  attachments,
-  commands = defaultCommands,
-  commandContext,
-  onClearView,
-  onPaste,
-  messages: messageOverrides
-}) {
-  const messages = useMemo3(
-    () => ({ ...defaultChatComposerMessages, ...messageOverrides }),
-    [messageOverrides]
-  );
-  const id = useId2();
-  const rootRef = useRef2(null);
-  const textareaRef = useRef2(null);
-  const pauseButtonRef = useRef2(null);
-  const fileInputRef = useRef2(null);
-  const listboxId = useId2();
-  const paused = effectiveControl?.state === "paused";
-  const [controlDetailsOpen, setControlDetailsOpen] = useState2(false);
-  const [paletteMounted, setPaletteMounted] = useState2(false);
-  const [submitting, setSubmitting] = useState2(false);
-  const submittingRef = useRef2(false);
-  const controlOperationRef = useRef2(false);
-  const mountedRef = useRef2(true);
-  useEffect(() => {
-    mountedRef.current = true;
-    return () => {
-      mountedRef.current = false;
-    };
-  }, []);
-  useEffect(() => {
-    const openControl = (event) => {
-      const requestedId = event instanceof CustomEvent && isRecord(event.detail) && typeof event.detail.composerId === "string" ? event.detail.composerId : null;
-      if (requestedId && requestedId !== id) return;
-      if (!requestedId) {
-        const roots = document.querySelectorAll("[data-og-composer-id]");
-        if (roots.length > 1 && !rootRef.current?.contains(document.activeElement)) return;
-      }
-      textareaRef.current?.scrollIntoView({ block: "end", behavior: "smooth" });
-      if (paused) {
-        setControlDetailsOpen(true);
-        return;
-      }
-      window.requestAnimationFrame(() => pauseButtonRef.current?.focus());
-    };
-    document.addEventListener(OPEN_WORKSTREAM_CONTROL_EVENT, openControl);
-    return () => document.removeEventListener(OPEN_WORKSTREAM_CONTROL_EVENT, openControl);
-  }, [id, paused]);
-  const blockedByAttachment = attachments?.hasUnresolved === true;
-  const hasReadyAttachment = (attachments?.readyResources.length ?? 0) > 0;
-  const [dragging, setDragging] = useState2(false);
-  const dragCarriesFiles = (event) => event.dataTransfer !== null && [...event.dataTransfer.types].includes("Files");
-  const handleDragOver = useCallback2(
-    (event) => {
-      if (!attachments || !dragCarriesFiles(event)) return;
-      event.preventDefault();
-      setDragging(true);
-    },
-    [attachments]
-  );
-  const handleDragLeave = useCallback2(
-    (event) => {
-      if (!attachments) return;
-      if (event.currentTarget.contains(event.relatedTarget)) return;
-      setDragging(false);
-    },
-    [attachments]
-  );
-  const handleDrop = useCallback2(
-    (event) => {
-      if (!attachments || !dragCarriesFiles(event)) return;
-      event.preventDefault();
-      setDragging(false);
-      if (event.dataTransfer.files.length > 0) attachments.addFiles(event.dataTransfer.files);
-    },
-    [attachments]
-  );
-  const [notice, setNotice] = useState2(null);
-  const [helpOpen, setHelpOpen] = useState2(false);
-  const [confirmState, setConfirmState] = useState2(null);
-  const pendingConfirm = useRef2(null);
-  const settleConfirmation = useCallback2((confirmed) => {
-    const resolve = pendingConfirm.current;
-    pendingConfirm.current = null;
-    setConfirmState(null);
-    resolve?.(confirmed);
-  }, []);
-  useEffect(
-    () => () => {
-      pendingConfirm.current?.(false);
-      pendingConfirm.current = null;
-    },
-    []
-  );
-  const resizeInput = useCallback2(() => {
-    const textarea = textareaRef.current;
-    if (!textarea) return;
-    textarea.style.height = "0px";
-    textarea.style.height = `${Math.min(textarea.scrollHeight, 220)}px`;
-  }, []);
-  useEffect(() => resizeInput(), [delivery.value, resizeInput]);
-  const handlers = useMemo3(
-    () => ({
-      notice: (next) => {
-        setNotice(next);
-        delivery.clearError();
-      },
-      openHelp: () => setHelpOpen(true),
-      clearView: () => {
-        if (!onClearView) return false;
-        onClearView();
-        return true;
-      },
-      confirm: (command) => new Promise((resolve) => {
-        pendingConfirm.current?.(false);
-        pendingConfirm.current = resolve;
-        setConfirmState({ command, resolve: settleConfirmation });
-      })
-    }),
-    [delivery, onClearView, settleConfirmation]
-  );
-  const palette = useSlashCommands({
-    commands,
-    context: commandContext,
-    handlers,
-    value: delivery.value,
-    setValue: delivery.setValue
-  });
-  const paletteEnabled = commandContext !== void 0;
-  const commandDraftBlocked = paletteEnabled && palette.isCommandDraft;
-  const submitBlocker = disabled ? "disabled" : blockedByAttachment ? "attachment" : delivery.sending || submitting ? "sending" : commandDraftBlocked ? "command" : delivery.canSend || hasReadyAttachment ? null : "empty";
-  const canSubmit = submitBlocker === null;
-  const submit = useCallback2(
-    async (mode) => {
-      if (commandDraftBlocked) {
-        setNotice({ tone: "error", message: messages.slashCommandBlocked });
-        delivery.clearError();
-        return false;
-      }
-      if (disabled || blockedByAttachment || delivery.sending || submittingRef.current)
-        return false;
-      if (!delivery.canSend && !hasReadyAttachment) return false;
-      submittingRef.current = true;
-      setSubmitting(true);
-      try {
-        return mode === "steer" ? await delivery.steer() : await delivery.send();
-      } finally {
-        submittingRef.current = false;
-        if (mountedRef.current) setSubmitting(false);
-      }
-    },
-    [
-      blockedByAttachment,
-      commandDraftBlocked,
-      delivery,
-      disabled,
-      hasReadyAttachment,
-      messages.slashCommandBlocked
-    ]
-  );
-  const handleKeyDown = useCallback2(
-    (event) => {
-      if (paletteEnabled && paletteMounted && palette.onKeyDown(event)) return;
-      if (!shouldSubmitOnKey(event)) return;
-      event.preventDefault();
-      void submit(shouldSteerOnKey(event) ? "steer" : "queue");
-    },
-    [palette, paletteEnabled, paletteMounted, submit]
-  );
-  const handlePaste = useCallback2(
-    (event) => {
-      onPaste?.(event);
-      attachments?.addFromPaste(event);
-    },
-    [attachments, onPaste]
-  );
-  const handleFileChange = useCallback2(
-    (event) => {
-      if (event.target.files) attachments?.addFiles(event.target.files);
-      event.target.value = "";
-    },
-    [attachments]
-  );
-  const helpCommands = useMemo3(
-    () => commands.filter((command) => {
-      if (command.permission && commandContext) {
-        const permissions = commandContext.permissions;
-        return permissions.includes(command.permission) || permissions.includes("workspace:admin");
-      }
-      return true;
-    }),
-    [commandContext, commands]
-  );
-  const activeNotice = notice ?? (delivery.error ? {
-    tone: "error",
-    message: /control changed|paused while/i.test(delivery.error.message) ? messages.controlChangedError : delivery.error.message || messages.sendFailedError
-  } : null);
-  useEffect(() => {
-    if (notice?.tone !== "ok") return;
-    const timer = window.setTimeout(
-      () => setNotice((current) => current === notice ? null : current),
-      2400
-    );
-    return () => window.clearTimeout(timer);
-  }, [notice]);
-  const runControlOperation = useCallback2(async (operation) => {
-    if (controlOperationRef.current) return false;
-    controlOperationRef.current = true;
-    try {
-      await operation();
-      return true;
-    } finally {
-      controlOperationRef.current = false;
-    }
-  }, []);
-  const pause = useCallback2(
-    async (reason) => {
-      if (!control || control.pausing || control.resuming) return false;
-      return await runControlOperation(() => control.pause(reason));
-    },
-    [control, runControlOperation]
-  );
-  const resume = useCallback2(
-    async (reason) => {
-      if (!control || control.pausing || control.resuming) return false;
-      return await runControlOperation(() => control.resume(reason));
-    },
-    [control, runControlOperation]
-  );
-  const resumeScope = useCallback2(
-    async (option) => {
-      if (!control || control.pausing || control.resuming) return false;
-      return await runControlOperation(() => control.resumeScope(option));
-    },
-    [control, runControlOperation]
-  );
+function chooseMimeType(accepted) {
+  const normalized = accepted.map((value) => value.trim().toLowerCase());
+  return MIME_PREFERENCES.find((mimeType) => {
+    const bare = mimeType.split(";")[0] ?? mimeType;
+    const allowed = normalized.includes(mimeType) || normalized.includes(bare) || normalized.some((candidate) => candidate.split(";")[0] === bare);
+    return allowed && (typeof MediaRecorder.isTypeSupported !== "function" || MediaRecorder.isTypeSupported(mimeType));
+  });
+}
+function errorCode(error) {
+  if (error && typeof error === "object" && "code" in error && typeof error.code === "string") {
+    return error.code;
+  }
+  if (error instanceof DOMException && error.name === "NotAllowedError") return "permission_denied";
+  if (error instanceof DOMException && error.name === "NotSupportedError") return "not_supported";
+  return "unknown";
+}
+
+// src/commands/registry.ts
+function parseCommandLine(value) {
+  if (value[0] !== "/") {
+    return null;
+  }
+  const body = value.slice(1);
+  const firstSpace = body.indexOf(" ");
+  if (firstSpace === -1) {
+    return { name: body, rest: "", hasTrailingSpace: false, args: [] };
+  }
+  const name = body.slice(0, firstSpace);
+  const rest = body.slice(firstSpace + 1);
   return {
-    id,
-    rootRef,
-    textareaRef,
-    pauseButtonRef,
-    fileInputRef,
-    listboxId,
-    effectiveControl,
-    queuedAheadCount,
-    canControlWorkspace,
-    controlLinks,
-    disabled,
-    attachments,
-    messages,
-    sending: delivery.sending || submitting,
-    error: delivery.error,
-    clearError: delivery.clearError,
-    hasDraftState: draft !== void 0,
-    draftConflict: draft?.draftConflict ?? null,
-    draftSaving: draft?.draftSaving ?? false,
-    restoredResources: draft?.restoredResources ?? [],
-    removeRestoredResource: draft?.removeRestoredResource,
-    resolveDraftConflict: draft?.resolveDraftConflict,
-    hasControl: control !== void 0,
-    pausing: control?.pausing ?? false,
-    resuming: control?.resuming ?? false,
-    pause,
-    resume,
-    resumeScope,
-    paused,
-    controlDetailsOpen,
-    setControlDetailsOpen,
-    paletteMounted,
-    setPaletteMounted,
-    dragging,
-    handleDragOver,
-    handleDragLeave,
-    handleDrop,
-    palette,
-    paletteEnabled,
-    commandDraftBlocked,
-    confirmState,
-    settleConfirmation,
-    helpOpen,
-    setHelpOpen,
-    helpCommands,
-    activeNotice,
-    canSubmit,
-    submitBlocker,
-    submit,
-    handleKeyDown,
-    handlePaste,
-    handleFileChange,
-    focusInput: () => textareaRef.current?.focus(),
-    setValue: delivery.setValue,
-    value: delivery.value
+    name,
+    rest,
+    hasTrailingSpace: true,
+    args: rest.split(/\s+/).filter((token) => token.length > 0)
   };
 }
-var ComposerContext = createContext(null);
-function useComposerController() {
-  const controller = useContext(ComposerContext);
-  if (!controller) throw new Error("useChatComposer must be used inside <Composer.Root>");
-  return controller;
+var PERMISSION_SUPERUSER = "workspace:admin";
+function hasPermission(required, permissions) {
+  if (!required) {
+    return true;
+  }
+  return permissions.includes(required) || permissions.includes(PERMISSION_SUPERUSER);
 }
-function useChatComposer() {
-  return useComposerController();
+function matchCommand(commands, value) {
+  const parsed = parseCommandLine(value);
+  if (!parsed) {
+    return null;
+  }
+  const token = parsed.name.toLowerCase();
+  return commands.find((command) => command.name === token || command.aliases?.includes(token)) ?? null;
 }
-function isRecord(value) {
-  return typeof value === "object" && value !== null;
+function filterCommands(commands, token, ctx) {
+  const needle = token.toLowerCase();
+  return commands.filter((command) => {
+    if (!hasPermission(command.permission, ctx.permissions)) {
+      return false;
+    }
+    if (command.available && !command.available(ctx)) {
+      return false;
+    }
+    if (needle.length === 0) {
+      return true;
+    }
+    return command.name.startsWith(needle) || (command.aliases?.some((alias) => alias.startsWith(needle)) ?? false);
+  });
 }
-var Root = forwardRef(function ComposerRoot({ controller, children, className, style, ...props }, forwardedRef) {
-  return /* @__PURE__ */ jsx3(ComposerContext.Provider, { value: controller, children: /* @__PURE__ */ jsxs3(
-    "div",
-    {
-      ...props,
-      ref: mergeRefs(controller.rootRef, forwardedRef),
-      "data-og-composer-id": controller.id,
-      className: cn("og-root", className),
-      style: { paddingBottom: "env(safe-area-inset-bottom)", ...style },
-      children: [
-        children,
-        /* @__PURE__ */ jsx3(ComposerAnnouncements, {})
-      ]
+function argHint(args) {
+  if (!args || args.length === 0) {
+    return "";
+  }
+  return args.map((arg) => {
+    const label = arg.oneOf ? arg.oneOf.join("|") : arg.name;
+    return arg.required ? `<${label}>` : `[${label}]`;
+  }).join(" ");
+}
+function firstMissingRequiredArg(command, args) {
+  const required = (command.args ?? []).filter((arg) => arg.required);
+  for (let i = 0; i < required.length; i += 1) {
+    const value = args[i];
+    if (value === void 0 || value.length === 0) {
+      return required[i] ?? null;
     }
-  ) });
-});
-var Frame = forwardRef(function ComposerFrame({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx3("div", { ...props, ref, className: cn("relative", className) });
-});
-function CommandPalette2({ className }) {
-  const controller = useComposerController();
-  const setPaletteMounted = controller.setPaletteMounted;
-  useEffect(() => {
-    setPaletteMounted(true);
-    return () => setPaletteMounted(false);
-  }, [setPaletteMounted]);
-  if (!controller.paletteEnabled) return null;
-  return /* @__PURE__ */ jsx3("div", { className, children: /* @__PURE__ */ jsx3(
-    CommandPalette,
-    {
-      open: controller.palette.open && controller.confirmState === null,
-      items: controller.palette.items,
-      highlight: controller.palette.highlight,
-      onHighlight: controller.palette.setHighlight,
-      onRun: (index) => {
-        controller.palette.setHighlight(index);
-        void controller.palette.runAt(index);
-      },
-      argHintText: controller.palette.activeArgHint,
-      listboxId: controller.listboxId,
-      label: controller.messages.slashCommandsLabel,
-      dangerLabel: controller.messages.danger
+  }
+  return null;
+}
+function requireSession(ctx) {
+  if (!ctx.sessionId) {
+    throw new Error("No active session yet \u2014 start a session first.");
+  }
+  return ctx.sessionId;
+}
+var hasSession = (ctx) => ctx.sessionId !== null;
+var defaultCommands = [
+  {
+    name: "help",
+    aliases: ["?"],
+    description: "Show available commands.",
+    run: (_args, ctx) => {
+      ctx.openHelp();
+      return { status: "ok" };
+    }
+  },
+  {
+    name: "clear-view",
+    description: "Clear the local timeline view (this device only; no server change).",
+    run: (_args, ctx) => {
+      const cleared = ctx.clearView();
+      if (!cleared) {
+        return {
+          status: "error",
+          message: "This view can't be cleared here (no local timeline to reset)."
+        };
+      }
+      return { status: "ok", message: "Local view cleared." };
+    }
+  },
+  {
+    name: "goal",
+    description: "Pause or resume the session's goal loop.",
+    permission: "sessions:control",
+    available: hasSession,
+    args: [
+      { name: "action", required: true, oneOf: ["pause", "resume"], description: "pause | resume" }
+    ],
+    run: async (args, ctx) => {
+      const sessionId = requireSession(ctx);
+      const action = args[0];
+      if (action !== "pause" && action !== "resume") {
+        return { status: "error", message: "Usage: /goal pause | /goal resume" };
+      }
+      try {
+        await ctx.client.updateGoal(ctx.workspaceId, sessionId, {
+          status: action === "pause" ? "paused" : "active"
+        });
+        return { status: "ok", message: action === "pause" ? "Goal paused." : "Goal resumed." };
+      } catch (cause) {
+        return { status: "error", message: goalErrorMessage(cause, action) };
+      }
+    }
+  },
+  {
+    name: "compact",
+    description: "Compact the conversation context now.",
+    permission: "sessions:control",
+    available: hasSession,
+    run: async (_args, ctx) => {
+      const sessionId = requireSession(ctx);
+      try {
+        const result = await ctx.client.compactSessionContext(ctx.workspaceId, sessionId);
+        return { status: "ok", message: result.message };
+      } catch (cause) {
+        return { status: "error", message: errorMessage(cause) ?? "Could not compact context." };
+      }
     }
-  ) });
-}
-var Surface = forwardRef(function ComposerSurface({ className, children, ...props }, ref) {
-  const controller = useComposerController();
-  return /* @__PURE__ */ jsxs3(
-    "div",
-    {
-      ...props,
-      ref,
-      onDragOver: controller.attachments ? controller.handleDragOver : void 0,
-      onDragLeave: controller.attachments ? controller.handleDragLeave : void 0,
-      onDrop: controller.attachments ? controller.handleDrop : void 0,
-      className: cn(
-        "relative rounded-og-lg border border-og-border bg-og-surface-1 shadow-og-sm",
-        "transition-[border-color,box-shadow] duration-200",
-        "focus-within:border-og-accent/60 focus-within:shadow-og-glow",
-        controller.dragging && "border-dashed border-og-accent",
-        className
-      ),
-      children: [
-        controller.dragging ? /* @__PURE__ */ jsx3(
-          "div",
-          {
-            "aria-hidden": true,
-            className: cn(
-              "pointer-events-none absolute inset-0 z-10 flex items-center justify-center",
-              "rounded-og-lg bg-og-surface-1/85 text-sm font-medium text-og-accent backdrop-blur-[1px]"
-            ),
-            children: /* @__PURE__ */ jsxs3("span", { className: "inline-flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx3(PaperclipIcon, { className: "size-4" }),
-              controller.messages.dropFiles
-            ] })
-          }
-        ) : null,
-        children
-      ]
+  },
+  {
+    name: "clear",
+    description: "Clear the conversation context (destructive; audit-preserved).",
+    permission: "sessions:control",
+    danger: true,
+    available: hasSession,
+    run: async (_args, ctx) => {
+      const sessionId = requireSession(ctx);
+      const confirmed = await ctx.confirm();
+      if (!confirmed) {
+        return { status: "ok", keepDraft: true };
+      }
+      try {
+        await ctx.client.clearSessionContext(ctx.workspaceId, sessionId);
+        return { status: "ok", message: "Context cleared." };
+      } catch (cause) {
+        return { status: "error", message: clearErrorMessage(cause) };
+      }
     }
+  }
+];
+function errorMessage(cause) {
+  if (cause && typeof cause === "object" && "message" in cause && typeof cause.message === "string") {
+    return cause.message;
+  }
+  return void 0;
+}
+function statusCode(cause) {
+  if (cause && typeof cause === "object" && "status" in cause && typeof cause.status === "number") {
+    return cause.status;
+  }
+  return void 0;
+}
+function goalErrorMessage(cause, action) {
+  const code = statusCode(cause);
+  if (code === 404) {
+    return "This session has no goal to control.";
+  }
+  if (code === 409) {
+    return action === "resume" ? "Only a paused goal can be resumed." : "Goal is already in a terminal state.";
+  }
+  return errorMessage(cause) ?? `Could not ${action} the goal.`;
+}
+function clearErrorMessage(cause) {
+  if (statusCode(cause) === 409) {
+    return "Pause the session and wait for the current inference to settle, then clear context.";
+  }
+  return errorMessage(cause) ?? "Could not clear context.";
+}
+
+// src/hooks/use-slash-commands.ts
+import { useCallback as useCallback3, useMemo as useMemo2, useRef as useRef3, useState as useState3 } from "react";
+function useSlashCommands(options) {
+  const { commands, context, handlers, value, setValue } = options;
+  const [highlight, setHighlight] = useState3(0);
+  const [dismissedValue, setDismissedValue] = useState3(null);
+  const dismissed = dismissedValue !== null && dismissedValue === value;
+  const navigatedRef = useRef3(false);
+  const navTokenRef = useRef3(value);
+  if (navTokenRef.current !== value) {
+    navTokenRef.current = value;
+    navigatedRef.current = false;
+  }
+  const parsed = useMemo2(() => parseCommandLine(value), [value]);
+  const filterCtx = useMemo2(
+    () => ({
+      sessionId: context?.sessionId ?? null,
+      status: context?.status ?? null,
+      permissions: context?.permissions ?? []
+    }),
+    [context?.sessionId, context?.status, context?.permissions]
   );
-});
-function PausedState() {
-  const controller = useComposerController();
-  if (!controller.paused || !controller.effectiveControl || !controller.hasControl) return null;
-  return /* @__PURE__ */ jsx3(
-    WorkstreamPausedStrip,
-    {
-      control: controller.effectiveControl,
-      queuedAheadCount: controller.queuedAheadCount,
-      open: controller.controlDetailsOpen,
-      busy: controller.resuming,
-      sending: controller.sending,
-      canControlWorkspace: controller.canControlWorkspace,
-      controlLinks: controller.controlLinks,
-      messages: controller.messages,
-      onOpenChange: controller.setControlDetailsOpen,
-      onResume: () => void controller.resume(),
-      onResumeOption: (option) => void controller.resumeScope(option)
+  const activeCommand = useMemo2(() => {
+    if (!parsed || !parsed.hasTrailingSpace) {
+      return null;
     }
-  );
-}
-function RestoredResources() {
-  const controller = useComposerController();
-  if (controller.restoredResources.length === 0 || !controller.removeRestoredResource) return null;
-  return /* @__PURE__ */ jsx3(
-    RestoredResourceChips,
-    {
-      resources: controller.restoredResources,
-      messages: controller.messages,
-      onRemove: controller.removeRestoredResource
+    return matchCommand(commands, value);
+  }, [commands, value, parsed]);
+  const items = useMemo2(() => {
+    if (!parsed) {
+      return [];
     }
-  );
-}
-function Attachments() {
-  const controller = useComposerController();
-  if (!controller.attachments || controller.attachments.attachments.length === 0) return null;
-  return /* @__PURE__ */ jsx3(
-    AttachmentChips,
-    {
-      attachments: controller.attachments.attachments,
-      messages: controller.messages,
-      onRemove: controller.attachments.remove,
-      onRetry: controller.attachments.retry
+    if (activeCommand) {
+      return [activeCommand];
     }
+    return filterCommands(commands, parsed.name, filterCtx);
+  }, [commands, parsed, activeCommand, filterCtx]);
+  const open = parsed !== null && items.length > 0 && !dismissed;
+  const isCommandDraft = parsed !== null && items.length > 0;
+  const clampedHighlight = items.length === 0 ? 0 : Math.min(highlight, items.length - 1);
+  const activeArgHint = activeCommand ? argHint(activeCommand.args) : "";
+  const buildContext = useCallback3(
+    (command) => {
+      if (!context) {
+        return null;
+      }
+      return { ...context, ...handlers, confirm: () => handlers.confirm(command) };
+    },
+    [context, handlers]
   );
-}
-var Input = forwardRef(function ComposerInput({ rows = 1, placeholder, className, "aria-label": ariaLabel, ...props }, forwardedRef) {
-  const controller = useComposerController();
-  const paletteOpen = controller.paletteEnabled && controller.paletteMounted && controller.palette.open;
-  return /* @__PURE__ */ jsx3(
-    "textarea",
-    {
-      ...props,
-      ref: mergeRefs(controller.textareaRef, forwardedRef),
-      rows,
-      value: controller.value,
-      onChange: (event) => controller.setValue(event.target.value),
-      onKeyDown: controller.handleKeyDown,
-      onPaste: controller.handlePaste,
-      placeholder: controller.paused && !controller.disabled ? controller.messages.pausedPlaceholder : placeholder ?? controller.messages.messagePlaceholder,
-      disabled: controller.disabled,
-      "aria-label": ariaLabel ?? controller.messages.inputLabel,
-      "aria-keyshortcuts": "Enter Meta+Enter Control+Enter Shift+Enter",
-      "aria-autocomplete": controller.paletteEnabled && controller.paletteMounted ? "list" : void 0,
-      "aria-controls": paletteOpen ? controller.listboxId : void 0,
-      "aria-activedescendant": paletteOpen ? `${controller.listboxId}-option-${controller.palette.highlight}` : void 0,
-      className: cn(
-        "block w-full resize-none bg-transparent px-4 pt-3.5 pb-1 text-base leading-6 md:text-og-md",
-        "text-og-fg placeholder:text-og-fg-subtle focus:outline-none focus-visible:outline-none",
-        "disabled:cursor-not-allowed disabled:opacity-60",
-        className
-      )
-    }
+  const execute = useCallback3(
+    async (command, args) => {
+      const ctx = buildContext(command);
+      if (!ctx) {
+        return;
+      }
+      try {
+        const result = await command.run(args, ctx);
+        if (result.message) {
+          ctx.notice({ tone: result.status === "ok" ? "ok" : "error", message: result.message });
+        }
+        if (result.status === "ok" && !result.keepDraft) {
+          setValue("");
+        }
+      } catch (cause) {
+        ctx.notice({ tone: "error", message: errorMessage2(cause) });
+      }
+    },
+    [buildContext, setValue]
   );
-});
-function Confirmation() {
-  const controller = useComposerController();
-  const command = controller.confirmState?.command;
-  if (!command || !controller.confirmState) return null;
-  return /* @__PURE__ */ jsx3(
-    ConfirmBar,
-    {
-      command,
-      messages: controller.messages,
-      onCancel: () => controller.settleConfirmation(false),
-      onConfirm: () => controller.settleConfirmation(true),
-      returnFocusRef: controller.textareaRef
+  const autocomplete = useCallback3(
+    (command) => {
+      setValue(`/${command.name} `);
+      setHighlight(0);
+    },
+    [setValue]
+  );
+  const autocompleteHighlighted = useCallback3(() => {
+    const command = items[clampedHighlight];
+    if (command) {
+      autocomplete(command);
     }
+  }, [items, clampedHighlight, autocomplete]);
+  const runningRef = useRef3(false);
+  const runResolved = useCallback3(
+    async (command, executionOptions) => {
+      if (!parsed || runningRef.current) {
+        return;
+      }
+      runningRef.current = true;
+      try {
+        const explicit = executionOptions?.explicit ?? false;
+        const nameMatchesToken = command.name === parsed.name.toLowerCase() || (command.aliases?.includes(parsed.name.toLowerCase()) ?? false);
+        if (!explicit && !activeCommand && !nameMatchesToken && !parsed.hasTrailingSpace) {
+          autocomplete(command);
+          return;
+        }
+        const args = nameMatchesToken || parsed.hasTrailingSpace ? parsed.args : [];
+        const missing = firstMissingRequiredArg(command, args);
+        if (missing) {
+          if (!parsed.hasTrailingSpace) {
+            autocomplete(command);
+          }
+          return;
+        }
+        await execute(command, args);
+      } finally {
+        runningRef.current = false;
+      }
+    },
+    [parsed, activeCommand, autocomplete, execute]
   );
-}
-var Footer = forwardRef(function ComposerFooter({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx3(
-    "div",
-    {
-      ...props,
-      ref,
-      className: cn("flex items-end gap-2 px-2.5 pb-2.5 pt-1", className)
+  const runHighlighted = useCallback3(async () => {
+    if (!parsed) {
+      return;
     }
-  );
-});
-var Controls = forwardRef(
-  function ComposerControls({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx3(
-      "span",
-      {
-        ...props,
-        ref,
-        className: cn("flex min-w-0 flex-1 flex-wrap items-center gap-1.5", className)
+    if (navigatedRef.current && !activeCommand) {
+      const highlighted = items[clampedHighlight];
+      if (highlighted) {
+        await runResolved(highlighted, { explicit: true });
       }
-    );
-  }
-);
-var Hint = forwardRef(function ComposerHint({ className, children, ...props }, ref) {
-  const controller = useComposerController();
-  return /* @__PURE__ */ jsx3(
-    "span",
-    {
-      ...props,
-      ref,
-      className: cn("min-w-0 flex-1 px-1.5 text-og-xs text-og-fg-subtle max-sm:hidden", className),
-      children: children ?? controller.messages.keyboardHint
+      return;
     }
-  );
-});
-var Actions = forwardRef(function ComposerActions({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx3(
-    "span",
-    {
-      ...props,
-      ref,
-      className: cn("ml-auto flex shrink-0 items-center gap-1.5", className)
+    const token = parsed.name.toLowerCase();
+    const exact = items.find((item) => item.name === token || item.aliases?.includes(token));
+    const command = activeCommand ?? exact ?? items[clampedHighlight];
+    if (!command) {
+      return;
     }
+    await runResolved(command);
+  }, [parsed, activeCommand, items, clampedHighlight, runResolved]);
+  const runAt = useCallback3(
+    async (index) => {
+      const command = items[index];
+      if (!command) {
+        return;
+      }
+      await runResolved(command, { explicit: true });
+    },
+    [items, runResolved]
   );
-});
-var AttachButton = forwardRef(
-  function ComposerAttachButton({ accept, multiple = true, className, "aria-label": ariaLabel, title, children, ...props }, ref) {
-    const controller = useComposerController();
-    if (!controller.attachments) return null;
-    return /* @__PURE__ */ jsxs3(Fragment, { children: [
-      /* @__PURE__ */ jsx3(
-        "input",
-        {
-          ref: controller.fileInputRef,
-          type: "file",
-          accept,
-          multiple,
-          className: "hidden",
-          onChange: controller.handleFileChange
+  const onKeyDown = useCallback3(
+    (event) => {
+      if (!open) {
+        return false;
+      }
+      switch (event.key) {
+        case "ArrowDown": {
+          event.preventDefault();
+          navigatedRef.current = true;
+          setHighlight(
+            (current) => items.length === 0 ? 0 : (Math.min(current, items.length - 1) + 1) % items.length
+          );
+          return true;
         }
-      ),
-      /* @__PURE__ */ jsx3(
-        "button",
-        {
-          ...props,
-          ref,
-          type: "button",
-          disabled: controller.disabled,
-          onClick: () => controller.fileInputRef.current?.click(),
-          "aria-label": ariaLabel ?? controller.messages.attachFiles,
-          title: title ?? controller.messages.attachFiles,
-          className: cn(
-            "inline-flex size-8 items-center justify-center rounded-og-md",
-            "text-og-fg-muted transition-colors duration-150 hover:bg-og-surface-2 hover:text-og-fg",
-            "disabled:cursor-not-allowed disabled:opacity-50 pointer-coarse:size-11",
-            className
-          ),
-          children: children ?? /* @__PURE__ */ jsx3(PaperclipIcon, { className: "size-4" })
+        case "ArrowUp": {
+          event.preventDefault();
+          navigatedRef.current = true;
+          setHighlight((current) => {
+            const base = Math.min(current, items.length - 1);
+            return items.length === 0 ? 0 : (base - 1 + items.length) % items.length;
+          });
+          return true;
         }
-      )
-    ] });
-  }
-);
-function ModelPicker2({
-  models,
-  value,
-  onChange,
-  label,
-  className
-}) {
-  const controller = useComposerController();
-  return /* @__PURE__ */ jsx3(
-    ModelPicker,
-    {
-      models,
-      value,
-      onChange: (modelId) => onChange?.(modelId),
-      disabled: controller.disabled,
-      label: label ?? controller.messages.modelLabel,
-      className
-    }
+        case "Tab": {
+          event.preventDefault();
+          autocompleteHighlighted();
+          return true;
+        }
+        case "Enter": {
+          if (event.shiftKey || event.nativeEvent?.isComposing) {
+            return false;
+          }
+          event.preventDefault();
+          void runHighlighted();
+          return true;
+        }
+        case "Escape": {
+          event.preventDefault();
+          setDismissedValue(value);
+          return true;
+        }
+        default:
+          return false;
+      }
+    },
+    [open, items, autocompleteHighlighted, runHighlighted, value]
   );
+  return {
+    open,
+    isCommandDraft,
+    items,
+    highlight: clampedHighlight,
+    setHighlight,
+    activeCommand,
+    activeArgHint,
+    onKeyDown,
+    runHighlighted,
+    runAt,
+    autocompleteHighlighted
+  };
 }
-var PauseButton = forwardRef(
-  function ComposerPauseButton({ className, "aria-label": ariaLabel, title, children, ...props }, ref) {
-    const controller = useComposerController();
-    if (!controller.effectiveControl || controller.paused || !controller.hasControl) return null;
-    const busy = controller.pausing || controller.resuming;
-    return /* @__PURE__ */ jsx3(
-      "button",
-      {
-        ...props,
-        ref: mergeRefs(controller.pauseButtonRef, ref),
-        type: "button",
-        onClick: () => void controller.pause(),
-        disabled: busy,
-        "aria-label": ariaLabel ?? controller.messages.pauseAriaLabel,
-        title: title ?? controller.messages.pauseTitle,
-        className: cn(
-          "inline-flex size-8 items-center justify-center rounded-og-md border border-og-border pointer-coarse:size-11",
-          "bg-og-surface-2 text-og-fg-muted transition-colors duration-150",
-          "hover:border-og-status-waiting/50 hover:text-og-status-waiting",
-          "disabled:opacity-50",
-          className
-        ),
-        children: children ?? (busy ? /* @__PURE__ */ jsx3(LoaderCircleIcon, { className: "size-3.5 animate-og-spin" }) : /* @__PURE__ */ jsx3(PauseIcon, { className: "size-3.5 fill-current" }))
-      }
-    );
+function errorMessage2(cause) {
+  if (cause instanceof Error) {
+    return cause.message;
   }
-);
-var SendButton = forwardRef(
-  function ComposerSendButton({ className, "aria-label": ariaLabel, title, children, ...props }, ref) {
-    const controller = useComposerController();
-    return /* @__PURE__ */ jsx3(
-      "button",
-      {
-        ...props,
-        ref,
-        type: "button",
-        onClick: () => void controller.submit("queue"),
-        disabled: !controller.canSubmit,
-        "aria-label": ariaLabel ?? (controller.paused ? controller.messages.sendAndResumeAriaLabel : controller.messages.sendMessageAriaLabel),
-        title: title ?? (controller.paused ? controller.messages.sendAndResumeTitle : controller.messages.sendTitle),
-        className: cn(
-          "inline-flex size-8 items-center justify-center rounded-og-md pointer-coarse:size-11",
-          "bg-og-accent text-og-accent-fg shadow-og-sm",
-          "transition-[background-color,transform,opacity] duration-150 ease-og-spring",
-          "hover:bg-og-accent-strong active:scale-95",
-          "disabled:cursor-not-allowed disabled:bg-og-surface-3 disabled:text-og-fg-subtle disabled:shadow-none",
-          className
+  return String(cause);
+}
+
+// src/components/command-palette.tsx
+import { AnimatePresence, motion } from "motion/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CommandPalette({
+  open,
+  items,
+  highlight,
+  onHighlight,
+  onRun,
+  argHintText,
+  listboxId,
+  label = "Slash commands",
+  dangerLabel = "danger"
+}) {
+  return /* @__PURE__ */ jsx(AnimatePresence, { children: open ? /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      initial: { opacity: 0, y: 6, scale: 0.99 },
+      animate: { opacity: 1, y: 0, scale: 1 },
+      exit: { opacity: 0, y: 6, scale: 0.99 },
+      transition: { duration: 0.13, ease: "easeOut" },
+      className: cn(
+        "absolute bottom-full left-0 right-0 z-20 mb-2 overflow-hidden",
+        "rounded-og-lg border border-og-border bg-og-surface-2 shadow-og-sm"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "ul",
+          {
+            id: listboxId,
+            role: "listbox",
+            "aria-label": label,
+            className: "max-h-72 overflow-y-auto py-1",
+            children: items.map((command, index) => {
+              const selected = index === highlight;
+              const hint = argHint(command.args);
+              return /* @__PURE__ */ jsxs(
+                "li",
+                {
+                  id: `${listboxId}-option-${index}`,
+                  role: "option",
+                  "aria-selected": selected,
+                  onMouseEnter: () => onHighlight(index),
+                  onMouseDown: (event) => {
+                    event.preventDefault();
+                    onRun(index);
+                  },
+                  className: cn(
+                    "mx-1 flex cursor-pointer items-center gap-2 rounded-og-md px-2.5 py-1.5",
+                    "transition-colors duration-100",
+                    selected ? "bg-og-accent/15 text-og-fg" : "text-og-fg-muted hover:bg-og-surface-3"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-baseline gap-1.5", children: [
+                      /* @__PURE__ */ jsxs(
+                        "span",
+                        {
+                          className: cn(
+                            "font-mono text-[13px]",
+                            selected ? "text-og-accent" : "text-og-fg"
+                          ),
+                          children: [
+                            "/",
+                            command.name
+                          ]
+                        }
+                      ),
+                      hint ? /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-[11px] text-og-fg-subtle", children: hint }) : null
+                    ] }),
+                    /* @__PURE__ */ jsxs("span", { className: "ml-auto flex items-center gap-1.5", children: [
+                      command.danger ? /* @__PURE__ */ jsx("span", { className: "rounded-og-xs bg-og-status-failed/15 px-1 text-[10px] uppercase tracking-wide text-og-status-failed", children: dangerLabel }) : null,
+                      /* @__PURE__ */ jsx("span", { className: "truncate text-[12px] text-og-fg-subtle max-sm:hidden", children: command.description })
+                    ] })
+                  ]
+                },
+                command.name
+              );
+            })
+          }
         ),
-        children: children ?? (controller.sending ? /* @__PURE__ */ jsx3(LoaderCircleIcon, { className: "size-4 animate-og-spin" }) : /* @__PURE__ */ jsx3(ArrowUpIcon, { className: "size-4" }))
-      }
-    );
-  }
-);
-function Help() {
-  const controller = useComposerController();
-  return /* @__PURE__ */ jsx3(AnimatePresence2, { children: controller.helpOpen ? /* @__PURE__ */ jsx3(
-    HelpPanel,
-    {
-      commands: controller.helpCommands,
-      messages: controller.messages,
-      onClose: () => controller.setHelpOpen(false)
+        argHintText ? /* @__PURE__ */ jsx("div", { className: "border-t border-og-border px-3 py-1.5 font-mono text-[11px] text-og-fg-subtle", children: argHintText }) : null
+      ]
     }
   ) : null });
 }
-function Status() {
-  const controller = useComposerController();
-  return /* @__PURE__ */ jsxs3(Fragment, { children: [
-    /* @__PURE__ */ jsx3(AnimatePresence2, { children: controller.activeNotice ? /* @__PURE__ */ jsx3(
-      motion2.p,
-      {
-        initial: { opacity: 0, height: 0 },
-        animate: { opacity: 1, height: "auto" },
-        exit: { opacity: 0, height: 0 },
-        className: cn(
-          "overflow-hidden px-1 pt-1.5 text-xs",
-          controller.activeNotice.tone === "ok" ? "text-og-fg-muted" : "text-og-status-failed"
-        ),
-        children: controller.activeNotice.message
-      }
-    ) : null }),
-    controller.draftConflict ? /* @__PURE__ */ jsxs3("div", { className: "mt-1.5 flex flex-wrap items-center gap-2 px-1 text-og-xs text-og-status-failed", children: [
-      /* @__PURE__ */ jsx3("span", { className: "min-w-0 flex-1", children: controller.messages.draftConflict }),
-      /* @__PURE__ */ jsx3(
-        "button",
-        {
-          type: "button",
-          className: "underline underline-offset-2",
-          onClick: () => void controller.resolveDraftConflict?.("use_remote"),
-          children: controller.messages.useOtherDraft
-        }
-      ),
-      /* @__PURE__ */ jsx3(
-        "button",
-        {
-          type: "button",
-          className: "font-medium underline underline-offset-2",
-          onClick: () => void controller.resolveDraftConflict?.("keep_mine"),
-          children: controller.messages.keepMine
-        }
-      )
-    ] }) : controller.draftSaving ? /* @__PURE__ */ jsx3("p", { className: "px-1 pt-1 text-og-xs text-og-fg-subtle", children: controller.messages.savingDraft }) : null
-  ] });
+
+// src/components/model-picker.tsx
+import { ChevronDownIcon } from "lucide-react";
+import { useId, useMemo as useMemo3 } from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var EMPTY_CLIENT_MODELS = [];
+function isCodexClientModel(model) {
+  return model.id.startsWith("codex/") || model.provider === "codex-subscription";
 }
-function ComposerAnnouncements() {
-  const controller = useComposerController();
-  return /* @__PURE__ */ jsxs3("div", { className: "sr-only", children: [
-    controller.activeNotice ? /* @__PURE__ */ jsx3("p", { role: controller.activeNotice.tone === "error" ? "alert" : "status", children: controller.activeNotice.message }) : null,
-    controller.draftConflict ? /* @__PURE__ */ jsx3("p", { role: "alert", children: controller.messages.draftConflict }) : controller.draftSaving ? /* @__PURE__ */ jsx3("p", { role: "status", children: controller.messages.savingDraft }) : null
-  ] });
+function isCodexPickerRow(row) {
+  return row.id.startsWith("codex/") || row.provider === "codex-subscription";
 }
-function mergeRefs(...refs) {
-  return (node) => {
-    for (const ref of refs) {
-      if (typeof ref === "function") ref(node);
-      else if (ref) ref.current = node;
+function applyCodexOnlyRows(rows, codexOnly) {
+  if (!codexOnly) return rows;
+  return rows.map((row) => {
+    if (isCodexPickerRow(row)) return row;
+    return {
+      ...row,
+      selectable: false,
+      unavailableReason: row.unavailableReason ?? "Codex-only session"
+    };
+  });
+}
+function providerGroups(models, codexOnly) {
+  const byProvider = /* @__PURE__ */ new Map();
+  for (const model of models) {
+    let group = byProvider.get(model.provider);
+    if (!group) {
+      group = { label: model.providerLabel, models: [] };
+      byProvider.set(model.provider, group);
     }
-  };
+    group.models.push({
+      ...model,
+      optionDisabled: codexOnly && !isCodexClientModel(model)
+    });
+  }
+  return [...byProvider.values()];
 }
-function WorkstreamPausedStrip({
-  control,
-  queuedAheadCount,
-  open,
-  busy,
-  sending,
-  canControlWorkspace,
-  controlLinks,
-  messages,
-  onOpenChange,
-  onResume,
-  onResumeOption
+function ModelPicker({
+  models = EMPTY_CLIENT_MODELS,
+  rows,
+  value,
+  onChange,
+  disabled,
+  className,
+  label = "Model",
+  codexOnly = false
 }) {
-  const blocker = control.primaryBlocker;
-  const cause = blocker?.kind === "workspace" ? messages.workspacePaused : control.directState === "paused" ? messages.pausedHere : messages.pausedBy(blocker?.displayName ?? messages.parentBlocker);
-  const primary = control.resumeOptions.find((option) => option.scope === "selected");
-  const broaderOptions = control.resumeOptions.filter(
-    (option) => option !== primary && option.scope !== "selected" && (option.scope !== "workspace" || canControlWorkspace)
+  const selectId = useId();
+  const effectiveRows = useMemo3(
+    () => rows && rows.length > 0 ? applyCodexOnlyRows(rows, codexOnly) : [],
+    [rows, codexOnly]
   );
-  return /* @__PURE__ */ jsxs3("div", { className: "border-b border-og-status-waiting/25 bg-og-status-waiting/[0.07]", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 items-center gap-2 px-3 py-2", children: [
-      /* @__PURE__ */ jsx3(PauseIcon, { className: "size-3.5 shrink-0 text-og-status-waiting" }),
-      /* @__PURE__ */ jsxs3(
-        "button",
-        {
-          type: "button",
-          className: "min-w-0 flex-1 text-left",
-          onClick: () => onOpenChange(!open),
-          "aria-expanded": open,
-          children: [
-            /* @__PURE__ */ jsx3("span", { className: "block truncate text-og-xs font-medium text-og-fg", children: cause }),
-            /* @__PURE__ */ jsx3("span", { className: "block truncate text-[11px] text-og-fg-muted", children: queuedAheadCount > 0 ? messages.queuedAhead(queuedAheadCount) : sending ? messages.resumingAndSending : messages.nextMessageResumes })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs3(
-        "button",
-        {
-          type: "button",
-          "aria-label": messages.resumeThisWorkstream,
-          className: "inline-flex min-h-8 shrink-0 items-center gap-1.5 rounded-og-md border border-og-status-waiting/35 bg-og-surface-1 px-2.5 text-og-xs font-medium text-og-fg hover:bg-og-surface-2 pointer-coarse:min-h-11",
-          disabled: busy,
-          onClick: onResume,
-          children: [
-            busy ? /* @__PURE__ */ jsx3(LoaderCircleIcon, { className: "size-3.5 animate-og-spin" }) : /* @__PURE__ */ jsx3(PlayIcon, { className: "size-3.5 fill-current" }),
-            /* @__PURE__ */ jsx3("span", { className: "hidden min-[400px]:inline", children: messages.resumeThisWorkstream }),
-            /* @__PURE__ */ jsx3("span", { className: "min-[400px]:hidden", children: messages.resumeShort })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx3(
-        "button",
-        {
-          type: "button",
-          className: "inline-flex size-8 shrink-0 items-center justify-center rounded-og-md text-og-fg-muted hover:bg-og-surface-2 pointer-coarse:size-11",
-          onClick: () => onOpenChange(!open),
-          "aria-label": open ? messages.hidePauseDetails : messages.showPauseDetails,
-          children: /* @__PURE__ */ jsx3(ChevronDownIcon2, { className: cn("size-3.5 transition-transform", open && "rotate-180") })
-        }
-      )
-    ] }),
-    open ? /* @__PURE__ */ jsxs3("div", { className: "border-t border-og-status-waiting/20 px-3 pb-3 pt-2", children: [
-      /* @__PURE__ */ jsx3("ul", { className: "grid gap-2", "aria-label": messages.pauseReasonsLabel, children: control.blockers.map((entry, index) => /* @__PURE__ */ jsxs3(
-        "li",
-        {
-          className: "text-og-xs",
-          children: [
-            /* @__PURE__ */ jsx3("span", { className: "font-medium text-og-fg", children: index === 0 ? messages.pausedByLabel : messages.alsoPausedByLabel }),
-            blockerHref(entry, controlLinks) ? /* @__PURE__ */ jsx3(
-              "a",
-              {
-                href: blockerHref(entry, controlLinks),
-                className: "font-medium text-og-fg underline decoration-og-border-strong underline-offset-2 hover:text-og-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-og-ring/40",
-                children: entry.displayName
-              }
-            ) : /* @__PURE__ */ jsx3("span", { className: "font-medium text-og-fg", children: entry.displayName }),
-            entry.reason ? /* @__PURE__ */ jsxs3("span", { className: "text-og-fg-muted", children: [
-              " \xB7 ",
-              entry.reason
-            ] }) : null,
-            entry.actor ? /* @__PURE__ */ jsxs3("span", { className: "text-og-fg-subtle", children: [
-              " \xB7 ",
-              entry.actor
-            ] }) : null,
-            entry.changedAt ? /* @__PURE__ */ jsxs3("span", { className: "text-og-fg-subtle", children: [
-              " ",
-              "\xB7 ",
-              messages.formatRelativeTime(entry.changedAt)
-            ] }) : null
-          ]
-        },
-        `${entry.kind}-${entry.sessionId ?? "workspace"}-${entry.revision}`
-      )) }),
-      broaderOptions.length > 0 ? /* @__PURE__ */ jsx3("div", { className: "mt-2 flex flex-wrap gap-1.5", children: broaderOptions.map((option) => /* @__PURE__ */ jsxs3(
-        "button",
-        {
-          type: "button",
-          disabled: busy,
-          title: option.impactCopy,
-          onClick: () => onResumeOption(option),
-          className: "rounded-og-md border border-og-border bg-og-surface-1 px-2 py-1 text-og-xs text-og-fg-muted hover:bg-og-surface-2 hover:text-og-fg pointer-coarse:min-h-10",
-          children: [
-            /* @__PURE__ */ jsx3("span", { className: "block font-medium", children: option.scope === "workspace" ? messages.resumeWorkspace : messages.resumeFromSession }),
-            /* @__PURE__ */ jsx3("span", { className: "block text-[10px] text-og-fg-subtle", children: option.selectedStateAfter === "active" ? messages.sessionCanRun : messages.stillPausedBy(
-              option.remainingPrimaryBlocker?.displayName ?? messages.narrowerPause
-            ) })
-          ]
-        },
-        `${option.scope}-${option.targetId ?? "selected"}`
-      )) }) : null
-    ] }) : null
+  const billingGroups = useMemo3(
+    () => effectiveRows.length > 0 ? groupPickerRowsByBillingClass(effectiveRows) : [],
+    [effectiveRows]
+  );
+  const providerGroupList = useMemo3(() => providerGroups(models, codexOnly), [models, codexOnly]);
+  const useBillingGroups = Boolean(effectiveRows.length);
+  if (models.length === 0 && effectiveRows.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs2("span", { className: cn("relative inline-flex items-center", className), children: [
+    /* @__PURE__ */ jsx2("label", { htmlFor: selectId, className: "sr-only", children: label }),
+    /* @__PURE__ */ jsx2(
+      "select",
+      {
+        id: selectId,
+        value: value ?? "",
+        onChange: (event) => onChange(event.target.value),
+        disabled: disabled === true,
+        "aria-label": label,
+        className: cn(
+          "h-8 max-w-[180px] cursor-pointer appearance-none truncate rounded-og-md bg-transparent",
+          "py-0 pl-2 pr-6 text-[13px] text-og-fg-muted",
+          "transition-colors duration-150 hover:bg-og-surface-2 hover:text-og-fg",
+          "focus:outline-none focus-visible:outline-none",
+          "disabled:cursor-not-allowed disabled:opacity-50"
+        ),
+        children: useBillingGroups ? billingGroups.map((group) => /* @__PURE__ */ jsx2("optgroup", { label: group.label, children: group.rows.map((row) => /* @__PURE__ */ jsx2("option", { value: row.id, disabled: !row.selectable, children: row.unavailableReason ? `${row.label} (${row.unavailableReason})` : row.label }, row.id)) }, group.billingClass)) : providerGroupList.map((group) => /* @__PURE__ */ jsx2("optgroup", { label: group.label, children: group.models.map((model) => /* @__PURE__ */ jsx2("option", { value: model.id, disabled: model.optionDisabled, children: model.label }, model.id)) }, group.label))
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      ChevronDownIcon,
+      {
+        "aria-hidden": true,
+        className: "pointer-events-none absolute right-1.5 size-3.5 text-og-fg-subtle"
+      }
+    )
   ] });
 }
-function blockerHref(blocker, links) {
-  if (blocker.kind === "workspace") return links?.workspaceHref;
-  return blocker.sessionId ? links?.sessionHref?.(blocker.sessionId) : void 0;
-}
-function RestoredResourceChips({
-  resources,
-  messages,
-  onRemove
+
+// src/components/composer.tsx
+import {
+  ArrowUpIcon,
+  ChevronDownIcon as ChevronDownIcon2,
+  FileIcon,
+  ImageIcon,
+  LoaderCircleIcon,
+  PaperclipIcon,
+  PauseIcon,
+  PlayIcon,
+  RotateCwIcon,
+  XIcon
+} from "lucide-react";
+import { AnimatePresence as AnimatePresence2, motion as motion2 } from "motion/react";
+import {
+  createContext,
+  forwardRef,
+  useCallback as useCallback4,
+  useContext,
+  useEffect as useEffect3,
+  useId as useId2,
+  useMemo as useMemo4,
+  useRef as useRef4,
+  useState as useState4
+} from "react";
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var OPEN_WORKSTREAM_CONTROL_EVENT = "opengeni:open-workstream-control";
+var defaultChatComposerMessages = {
+  messagePlaceholder: "Message the agent\u2026",
+  pausedPlaceholder: "Sending will resume this workstream\u2026",
+  inputLabel: "Message the agent",
+  keyboardHint: "Enter to queue \xB7 Cmd/Ctrl+Enter to steer \xB7 Shift+Enter for a new line",
+  slashCommandBlocked: "That's a slash command \u2014 press Enter in the command list to run it, or edit the line to send a message.",
+  controlChangedError: "This workstream was paused while you were sending. Nothing was sent, and your draft is still here.",
+  sendFailedError: "Sending failed \u2014 your draft is still here. Try again.",
+  dropFiles: "Drop files to attach",
+  attachFiles: "Attach files",
+  pauseAriaLabel: "Pause this workstream",
+  pauseTitle: "Pause this workstream; queued prompts and approvals are preserved",
+  sendMessageAriaLabel: "Send message",
+  sendAndResumeAriaLabel: "Send and resume",
+  sendTitle: "Queue message (Enter); steer with Cmd/Ctrl+Enter",
+  sendAndResumeTitle: "Send & resume (Enter); Steer & resume with Cmd/Ctrl+Enter",
+  workspacePaused: "Workspace paused",
+  pausedHere: "Paused here",
+  parentBlocker: "parent",
+  narrowerPause: "a narrower pause",
+  pausedBy: (displayName) => `Paused by ${displayName}`,
+  queuedAhead: (count) => `Send & resume queues behind ${count} waiting prompt${count === 1 ? "" : "s"}.`,
+  resumingAndSending: "Resuming and sending\u2026",
+  nextMessageResumes: "Your next message resumes this workstream automatically.",
+  resumeThisWorkstream: "Resume this workstream",
+  resumeShort: "Resume",
+  hidePauseDetails: "Hide pause details",
+  showPauseDetails: "Show pause details",
+  pauseReasonsLabel: "Reasons this workstream is paused",
+  pausedByLabel: "Paused by ",
+  alsoPausedByLabel: "Also paused by ",
+  resumeWorkspace: "Resume workspace",
+  resumeFromSession: "Resume from this session",
+  sessionCanRun: "This session will be able to run",
+  stillPausedBy: (displayName) => `Still paused by ${displayName}`,
+  restoredResourcesLabel: "Restored prompt resources",
+  restoredFile: (fileId) => `File ${fileId.slice(0, 8)}`,
+  removeRestoredResource: (index) => `Remove restored resource ${index + 1}`,
+  uploading: "Uploading",
+  uploadFailed: "Upload failed",
+  retryAttachment: (name) => `Retry ${name}`,
+  retryUpload: "Retry upload",
+  removeAttachment: (name) => `Remove ${name}`,
+  confirmCommand: (name) => `Confirm /${name}`,
+  confirmDescription: (command) => `Run /${command.name}? ${command.description}`,
+  cancel: "Cancel",
+  runCommand: (name) => `Run /${name}`,
+  commands: "Commands",
+  slashCommandsLabel: "Slash commands",
+  modelLabel: "Model",
+  close: "Close",
+  danger: "danger",
+  draftConflict: "This draft changed in another tab. Your local draft is still here.",
+  useOtherDraft: "Use other draft",
+  keepMine: "Keep mine",
+  // Kept for embedder message overrides / back-compat. Routine autosave is
+  // silent — only draft conflicts surface under the composer.
+  savingDraft: "Saving draft\u2026",
+  formatBytes,
+  formatRelativeTime
+};
+function useChatComposerController({
+  delivery,
+  draft,
+  control,
+  effectiveControl,
+  queuedAheadCount = 0,
+  canControlWorkspace = false,
+  controlLinks,
+  disabled = false,
+  attachments,
+  commands = defaultCommands,
+  commandContext,
+  onClearView,
+  onPaste,
+  messages: messageOverrides
 }) {
-  return /* @__PURE__ */ jsx3(
-    "div",
-    {
-      className: "flex flex-wrap gap-1.5 border-b border-og-border px-3 py-2",
-      "aria-label": messages.restoredResourcesLabel,
-      children: resources.map((resource, index) => /* @__PURE__ */ jsxs3(
-        "span",
-        {
-          className: "inline-flex min-w-0 max-w-full items-center gap-1.5 rounded-og-md border border-og-border bg-og-surface-2 px-2 py-1 text-og-xs text-og-fg-muted",
-          children: [
-            /* @__PURE__ */ jsx3(FileIcon, { className: "size-3 shrink-0" }),
-            /* @__PURE__ */ jsx3("span", { className: "truncate", children: resource.kind === "file" ? messages.restoredFile(resource.fileId) : resource.uri }),
-            /* @__PURE__ */ jsx3(
-              "button",
-              {
-                type: "button",
-                className: "shrink-0 hover:text-og-fg",
-                onClick: () => onRemove(index),
-                "aria-label": messages.removeRestoredResource(index),
-                children: /* @__PURE__ */ jsx3(XIcon, { className: "size-3" })
-              }
-            )
-          ]
-        },
-        `${resource.kind}-${resource.kind === "file" ? resource.fileId : resource.uri}`
-      ))
-    }
+  const messages = useMemo4(
+    () => ({ ...defaultChatComposerMessages, ...messageOverrides }),
+    [messageOverrides]
+  );
+  const id = useId2();
+  const rootRef = useRef4(null);
+  const textareaRef = useRef4(null);
+  const pauseButtonRef = useRef4(null);
+  const fileInputRef = useRef4(null);
+  const listboxId = useId2();
+  const paused = effectiveControl?.state === "paused";
+  const [controlDetailsOpen, setControlDetailsOpen] = useState4(false);
+  const [paletteMounted, setPaletteMounted] = useState4(false);
+  const [submitting, setSubmitting] = useState4(false);
+  const submittingRef = useRef4(false);
+  const controlOperationRef = useRef4(false);
+  const mountedRef = useRef4(true);
+  useEffect3(() => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+    };
+  }, []);
+  useEffect3(() => {
+    const openControl = (event) => {
+      const requestedId = event instanceof CustomEvent && isRecord2(event.detail) && typeof event.detail.composerId === "string" ? event.detail.composerId : null;
+      if (requestedId && requestedId !== id) return;
+      if (!requestedId) {
+        const roots = document.querySelectorAll("[data-og-composer-id]");
+        if (roots.length > 1 && !rootRef.current?.contains(document.activeElement)) return;
+      }
+      textareaRef.current?.scrollIntoView({ block: "end", behavior: "smooth" });
+      if (paused) {
+        setControlDetailsOpen(true);
+        return;
+      }
+      window.requestAnimationFrame(() => pauseButtonRef.current?.focus());
+    };
+    document.addEventListener(OPEN_WORKSTREAM_CONTROL_EVENT, openControl);
+    return () => document.removeEventListener(OPEN_WORKSTREAM_CONTROL_EVENT, openControl);
+  }, [id, paused]);
+  const blockedByAttachment = attachments?.hasUnresolved === true;
+  const hasReadyAttachment = (attachments?.readyResources.length ?? 0) > 0;
+  const [dragging, setDragging] = useState4(false);
+  const dragCarriesFiles = (event) => event.dataTransfer !== null && [...event.dataTransfer.types].includes("Files");
+  const handleDragOver = useCallback4(
+    (event) => {
+      if (!attachments || !dragCarriesFiles(event)) return;
+      event.preventDefault();
+      setDragging(true);
+    },
+    [attachments]
+  );
+  const handleDragLeave = useCallback4(
+    (event) => {
+      if (!attachments) return;
+      if (event.currentTarget.contains(event.relatedTarget)) return;
+      setDragging(false);
+    },
+    [attachments]
+  );
+  const handleDrop = useCallback4(
+    (event) => {
+      if (!attachments || !dragCarriesFiles(event)) return;
+      event.preventDefault();
+      setDragging(false);
+      if (event.dataTransfer.files.length > 0) attachments.addFiles(event.dataTransfer.files);
+    },
+    [attachments]
+  );
+  const [notice, setNotice] = useState4(null);
+  const [helpOpen, setHelpOpen] = useState4(false);
+  const [confirmState, setConfirmState] = useState4(null);
+  const pendingConfirm = useRef4(null);
+  const settleConfirmation = useCallback4((confirmed) => {
+    const resolve = pendingConfirm.current;
+    pendingConfirm.current = null;
+    setConfirmState(null);
+    resolve?.(confirmed);
+  }, []);
+  useEffect3(
+    () => () => {
+      pendingConfirm.current?.(false);
+      pendingConfirm.current = null;
+    },
+    []
+  );
+  const resizeInput = useCallback4(() => {
+    const textarea = textareaRef.current;
+    if (!textarea) return;
+    textarea.style.height = "0px";
+    textarea.style.height = `${Math.min(textarea.scrollHeight, 220)}px`;
+  }, []);
+  useEffect3(() => resizeInput(), [delivery.value, resizeInput]);
+  const handlers = useMemo4(
+    () => ({
+      notice: (next) => {
+        setNotice(next);
+        delivery.clearError();
+      },
+      openHelp: () => setHelpOpen(true),
+      clearView: () => {
+        if (!onClearView) return false;
+        onClearView();
+        return true;
+      },
+      confirm: (command) => new Promise((resolve) => {
+        pendingConfirm.current?.(false);
+        pendingConfirm.current = resolve;
+        setConfirmState({ command, resolve: settleConfirmation });
+      })
+    }),
+    [delivery, onClearView, settleConfirmation]
+  );
+  const palette = useSlashCommands({
+    commands,
+    context: commandContext,
+    handlers,
+    value: delivery.value,
+    setValue: delivery.setValue
+  });
+  const paletteEnabled = commandContext !== void 0;
+  const commandDraftBlocked = paletteEnabled && palette.isCommandDraft;
+  const submitBlocker = disabled ? "disabled" : blockedByAttachment ? "attachment" : delivery.sending || submitting ? "sending" : commandDraftBlocked ? "command" : delivery.canSend || hasReadyAttachment ? null : "empty";
+  const canSubmit = submitBlocker === null;
+  const submit = useCallback4(
+    async (mode) => {
+      if (commandDraftBlocked) {
+        setNotice({ tone: "error", message: messages.slashCommandBlocked });
+        delivery.clearError();
+        return false;
+      }
+      if (disabled || blockedByAttachment || delivery.sending || submittingRef.current)
+        return false;
+      if (!delivery.canSend && !hasReadyAttachment) return false;
+      submittingRef.current = true;
+      setSubmitting(true);
+      try {
+        return mode === "steer" ? await delivery.steer() : await delivery.send();
+      } finally {
+        submittingRef.current = false;
+        if (mountedRef.current) setSubmitting(false);
+      }
+    },
+    [
+      blockedByAttachment,
+      commandDraftBlocked,
+      delivery,
+      disabled,
+      hasReadyAttachment,
+      messages.slashCommandBlocked
+    ]
   );
-}
-function ConfirmBar({
-  command,
-  messages,
-  onCancel,
-  onConfirm,
-  returnFocusRef
-}) {
-  const confirmRef = useRef2(null);
-  const descriptionId = useId2();
-  useEffect(() => {
-    const returnTo = returnFocusRef?.current ?? null;
-    confirmRef.current?.focus();
-    return () => returnTo?.focus();
-  }, [returnFocusRef]);
-  return /* @__PURE__ */ jsxs3(
-    "div",
-    {
-      role: "alertdialog",
-      "aria-label": messages.confirmCommand(command.name),
-      "aria-describedby": descriptionId,
-      "data-testid": "danger-confirm",
-      onKeyDown: (event) => {
-        if (event.key === "Escape") {
-          event.preventDefault();
-          event.stopPropagation();
-          onCancel();
-        }
-      },
-      className: "flex items-end justify-between gap-2 px-2.5 pb-2.5 pt-1",
-      children: [
-        /* @__PURE__ */ jsx3("span", { id: descriptionId, className: "min-w-0 flex-1 px-1.5 text-og-sm text-og-status-failed", children: messages.confirmDescription(command) }),
-        /* @__PURE__ */ jsxs3("span", { className: "flex shrink-0 items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx3(
-            "button",
-            {
-              type: "button",
-              onClick: onCancel,
-              className: "rounded-og-md border border-og-border bg-og-surface-2 px-2.5 py-1 text-og-sm text-og-fg-muted hover:bg-og-surface-3 pointer-coarse:min-h-11",
-              children: messages.cancel
-            }
-          ),
-          /* @__PURE__ */ jsx3(
-            "button",
-            {
-              ref: confirmRef,
-              type: "button",
-              onClick: onConfirm,
-              className: "rounded-og-md border border-og-status-failed/50 bg-og-status-failed/15 px-2.5 py-1 text-og-sm text-og-status-failed hover:bg-og-status-failed/25 pointer-coarse:min-h-11",
-              children: messages.runCommand(command.name)
-            }
-          )
-        ] })
-      ]
+  const handleKeyDown = useCallback4(
+    (event) => {
+      if (paletteEnabled && paletteMounted && palette.onKeyDown(event)) return;
+      if (!shouldSubmitOnKey(event)) return;
+      event.preventDefault();
+      void submit(shouldSteerOnKey(event) ? "steer" : "queue");
+    },
+    [palette, paletteEnabled, paletteMounted, submit]
+  );
+  const handlePaste = useCallback4(
+    (event) => {
+      onPaste?.(event);
+      attachments?.addFromPaste(event);
+    },
+    [attachments, onPaste]
+  );
+  const handleFileChange = useCallback4(
+    (event) => {
+      if (event.target.files) attachments?.addFiles(event.target.files);
+      event.target.value = "";
+    },
+    [attachments]
+  );
+  const helpCommands = useMemo4(
+    () => commands.filter((command) => {
+      if (command.permission && commandContext) {
+        const permissions = commandContext.permissions;
+        return permissions.includes(command.permission) || permissions.includes("workspace:admin");
+      }
+      return true;
+    }),
+    [commandContext, commands]
+  );
+  const activeNotice = notice ?? (delivery.error ? {
+    tone: "error",
+    message: /control changed|paused while/i.test(delivery.error.message) ? messages.controlChangedError : composerSubmissionErrorMessage(delivery.error) || messages.sendFailedError
+  } : null);
+  useEffect3(() => {
+    if (notice?.tone !== "ok") return;
+    const timer = window.setTimeout(
+      () => setNotice((current) => current === notice ? null : current),
+      2400
+    );
+    return () => window.clearTimeout(timer);
+  }, [notice]);
+  const runControlOperation = useCallback4(async (operation) => {
+    if (controlOperationRef.current) return false;
+    controlOperationRef.current = true;
+    try {
+      await operation();
+      return true;
+    } finally {
+      controlOperationRef.current = false;
     }
+  }, []);
+  const pause = useCallback4(
+    async (reason) => {
+      if (!control || control.pausing || control.resuming) return false;
+      return await runControlOperation(() => control.pause(reason));
+    },
+    [control, runControlOperation]
+  );
+  const resume = useCallback4(
+    async (reason) => {
+      if (!control || control.pausing || control.resuming) return false;
+      return await runControlOperation(() => control.resume(reason));
+    },
+    [control, runControlOperation]
+  );
+  const resumeScope = useCallback4(
+    async (option) => {
+      if (!control || control.pausing || control.resuming) return false;
+      return await runControlOperation(() => control.resumeScope(option));
+    },
+    [control, runControlOperation]
   );
+  return {
+    id,
+    rootRef,
+    textareaRef,
+    pauseButtonRef,
+    fileInputRef,
+    listboxId,
+    effectiveControl,
+    queuedAheadCount,
+    canControlWorkspace,
+    controlLinks,
+    disabled,
+    attachments,
+    messages,
+    sending: delivery.sending || submitting,
+    error: delivery.error,
+    clearError: delivery.clearError,
+    hasDraftState: draft !== void 0,
+    draftConflict: draft?.draftConflict ?? null,
+    draftSaving: draft?.draftSaving ?? false,
+    restoredResources: draft?.restoredResources ?? [],
+    removeRestoredResource: draft?.removeRestoredResource,
+    resolveDraftConflict: draft?.resolveDraftConflict,
+    hasControl: control !== void 0,
+    pausing: control?.pausing ?? false,
+    resuming: control?.resuming ?? false,
+    pause,
+    resume,
+    resumeScope,
+    paused,
+    controlDetailsOpen,
+    setControlDetailsOpen,
+    paletteMounted,
+    setPaletteMounted,
+    dragging,
+    handleDragOver,
+    handleDragLeave,
+    handleDrop,
+    palette,
+    paletteEnabled,
+    commandDraftBlocked,
+    confirmState,
+    settleConfirmation,
+    helpOpen,
+    setHelpOpen,
+    helpCommands,
+    activeNotice,
+    canSubmit,
+    submitBlocker,
+    submit,
+    handleKeyDown,
+    handlePaste,
+    handleFileChange,
+    focusInput: () => textareaRef.current?.focus(),
+    setValue: delivery.setValue,
+    value: delivery.value
+  };
 }
-function AttachmentChips({
-  attachments,
-  messages,
-  onRemove,
-  onRetry
-}) {
-  return /* @__PURE__ */ jsx3("div", { className: "flex flex-wrap gap-2 border-b border-og-border px-3 py-2", children: attachments.map((attachment) => {
-    const failed = attachment.status === "failed";
-    const statusText = attachment.status === "uploading" ? messages.uploading : failed ? attachment.error || messages.uploadFailed : messages.formatBytes(attachment.sizeBytes);
-    return /* @__PURE__ */ jsxs3(
-      "div",
-      {
-        className: cn(
-          "flex min-w-0 max-w-[240px] items-center gap-2 rounded-og-md border px-2 py-1.5 text-og-sm",
-          failed ? "border-og-status-failed/40 bg-og-status-failed/10" : "border-og-border bg-og-surface-2"
-        ),
-        children: [
-          attachment.previewUrl ? /* @__PURE__ */ jsx3(
-            "img",
-            {
-              src: attachment.previewUrl,
-              alt: "",
-              className: "size-8 shrink-0 rounded object-cover"
-            }
-          ) : attachment.contentType.startsWith("image/") ? /* @__PURE__ */ jsx3(ImageIcon, { className: "size-4 shrink-0 text-og-fg-muted" }) : /* @__PURE__ */ jsx3(FileIcon, { className: "size-4 shrink-0 text-og-fg-muted" }),
-          /* @__PURE__ */ jsxs3("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx3("div", { className: "truncate font-medium text-og-fg", children: attachment.name }),
-            /* @__PURE__ */ jsx3(
-              "div",
-              {
-                className: cn(
-                  "truncate text-og-xs",
-                  failed ? "text-og-status-failed" : "text-og-fg-subtle"
-                ),
-                title: failed ? statusText : void 0,
-                children: statusText
-              }
-            )
-          ] }),
-          attachment.status === "uploading" ? /* @__PURE__ */ jsx3(LoaderCircleIcon, { className: "size-3.5 shrink-0 animate-og-spin" }) : null,
-          failed && onRetry ? /* @__PURE__ */ jsx3(
-            "button",
-            {
-              type: "button",
-              onClick: () => onRetry(attachment.id),
-              className: "shrink-0 rounded-og-xs p-1 text-og-fg-muted hover:bg-og-surface-1 hover:text-og-fg pointer-coarse:size-10",
-              "aria-label": messages.retryAttachment(attachment.name),
-              title: messages.retryUpload,
-              children: /* @__PURE__ */ jsx3(RotateCwIcon, { className: "size-3.5" })
-            }
-          ) : null,
-          /* @__PURE__ */ jsx3(
-            "button",
-            {
-              type: "button",
-              onClick: () => onRemove(attachment.id),
-              className: "shrink-0 rounded-og-xs p-1 text-og-fg-muted hover:bg-og-surface-1 hover:text-og-fg pointer-coarse:size-10",
-              "aria-label": messages.removeAttachment(attachment.name),
-              children: /* @__PURE__ */ jsx3(XIcon, { className: "size-3.5" })
-            }
-          )
-        ]
-      },
-      attachment.id
-    );
-  }) });
+var ComposerContext = createContext(null);
+function useComposerController() {
+  const controller = useContext(ComposerContext);
+  if (!controller) throw new Error("useChatComposer must be used inside <Composer.Root>");
+  return controller;
 }
-function HelpPanel({
-  commands,
-  messages,
-  onClose
-}) {
-  return /* @__PURE__ */ jsxs3(
-    motion2.div,
+function useChatComposer() {
+  return useComposerController();
+}
+function isRecord2(value) {
+  return typeof value === "object" && value !== null;
+}
+var Root = forwardRef(function ComposerRoot({ controller, children, className, style, ...props }, forwardedRef) {
+  return /* @__PURE__ */ jsx3(ComposerContext.Provider, { value: controller, children: /* @__PURE__ */ jsxs3(
+    "div",
     {
-      initial: { opacity: 0, height: 0 },
-      animate: { opacity: 1, height: "auto" },
-      exit: { opacity: 0, height: 0 },
-      className: "mt-2 overflow-hidden rounded-og-lg border border-og-border bg-og-surface-2",
+      ...props,
+      ref: mergeRefs(controller.rootRef, forwardedRef),
+      "data-og-composer-id": controller.id,
+      className: cn("og-root", className),
+      style: { paddingBottom: "env(safe-area-inset-bottom)", ...style },
       children: [
-        /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between border-b border-og-border px-3 py-1.5", children: [
-          /* @__PURE__ */ jsx3("span", { className: "text-og-sm font-medium text-og-fg", children: messages.commands }),
-          /* @__PURE__ */ jsx3(
-            "button",
-            {
-              type: "button",
-              onClick: onClose,
-              className: "text-og-xs text-og-fg-subtle hover:text-og-fg",
-              children: messages.close
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx3("ul", { className: "py-1", children: commands.map((command) => {
-          const hint = argHint(command.args);
-          return /* @__PURE__ */ jsxs3("li", { className: "flex items-baseline gap-2 px-3 py-1", children: [
-            /* @__PURE__ */ jsxs3("span", { className: "font-mono text-og-sm text-og-accent", children: [
-              "/",
-              command.name,
-              hint ? /* @__PURE__ */ jsx3("span", { className: "ml-1 text-og-fg-subtle", children: hint }) : null
-            ] }),
-            /* @__PURE__ */ jsx3("span", { className: "text-og-sm text-og-fg-muted", children: command.description }),
-            command.danger ? /* @__PURE__ */ jsx3("span", { className: "ml-auto rounded-og-xs bg-og-status-failed/15 px-1 text-og-xs uppercase tracking-wide text-og-status-failed", children: messages.danger }) : null
-          ] }, command.name);
-        }) })
+        children,
+        /* @__PURE__ */ jsx3(ComposerAnnouncements, {})
       ]
     }
-  );
-}
-
-// src/hooks/use-transcription.ts
-import {
-  authorizeTranscriptionAdapter,
-  createTranscriptionSessionRequest
-} from "@opengeni/sdk";
-import { useCallback as useCallback3, useEffect as useEffect2, useMemo as useMemo4, useRef as useRef3, useState as useState3 } from "react";
-var INITIAL_TRANSCRIPTION_CONTROL_STATE = {
-  status: "idle",
-  generation: 0,
-  localSessionId: null,
-  providerSessionId: null,
-  lastSequence: 0,
-  partial: "",
-  error: null,
-  acceptedFinalIds: [],
-  audioMilliseconds: 0,
-  costUsd: null
-};
-function transitionTranscriptionControl(state, action) {
-  if (action.type === "reset") {
-    return {
-      state: { ...INITIAL_TRANSCRIPTION_CONTROL_STATE, generation: state.generation },
-      commit: null
-    };
-  }
-  if (action.type === "start") {
-    if (action.generation <= state.generation) return { state, commit: null };
-    return {
-      state: {
-        ...INITIAL_TRANSCRIPTION_CONTROL_STATE,
-        status: "requesting-permission",
-        generation: action.generation,
-        localSessionId: action.localSessionId
-      },
-      commit: null
-    };
-  }
-  if (action.generation !== state.generation) return { state, commit: null };
-  if (action.type === "start.failed") {
-    if (state.status === "closed" || state.status === "error") return { state, commit: null };
-    return {
-      state: {
-        ...state,
-        status: "error",
-        partial: "",
-        error: { code: normalizeTranscriptionErrorCode(action.code), recoverable: false }
+  ) });
+});
+var Frame = forwardRef(function ComposerFrame({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx3("div", { ...props, ref, className: cn("relative", className) });
+});
+function CommandPalette2({ className }) {
+  const controller = useComposerController();
+  const setPaletteMounted = controller.setPaletteMounted;
+  useEffect3(() => {
+    setPaletteMounted(true);
+    return () => setPaletteMounted(false);
+  }, [setPaletteMounted]);
+  if (!controller.paletteEnabled) return null;
+  return /* @__PURE__ */ jsx3("div", { className, children: /* @__PURE__ */ jsx3(
+    CommandPalette,
+    {
+      open: controller.palette.open && controller.confirmState === null,
+      items: controller.palette.items,
+      highlight: controller.palette.highlight,
+      onHighlight: controller.palette.setHighlight,
+      onRun: (index) => {
+        controller.palette.setHighlight(index);
+        void controller.palette.runAt(index);
       },
-      commit: null
-    };
-  }
-  if (action.type === "cancel") {
-    if (!isActiveTranscriptionStatus(state.status)) return { state, commit: null };
-    return {
-      state: { ...state, status: "cancelling", partial: "", error: null },
-      commit: null
-    };
-  }
-  if (action.type === "cancel.settled") {
-    if (state.status !== "cancelling") return { state, commit: null };
-    return { state: { ...state, status: "closed", partial: "" }, commit: null };
-  }
-  const event = action.event;
-  if (event.localSessionId !== state.localSessionId) return { state, commit: null };
-  if (!Number.isSafeInteger(event.sequence) || event.sequence <= state.lastSequence) {
-    return { state, commit: null };
-  }
-  if (state.status === "closed" || state.status === "error") return { state, commit: null };
-  if (state.status === "cancelling" && event.type !== "session.closed") {
-    return { state: { ...state, lastSequence: event.sequence }, commit: null };
-  }
-  const sequenced = { ...state, lastSequence: event.sequence };
-  switch (event.type) {
-    case "permission.requested":
-      return {
-        state: { ...sequenced, status: "requesting-permission", partial: "", error: null },
-        commit: null
-      };
-    case "session.opened":
-      return {
-        state: {
-          ...sequenced,
-          status: "listening",
-          providerSessionId: event.providerSessionId,
-          error: null
-        },
-        commit: null
-      };
-    case "transcript.partial":
-      return {
-        state: { ...sequenced, status: "listening", partial: event.text, error: null },
-        commit: null
-      };
-    case "transcript.final": {
-      const text = event.text.trim();
-      const duplicate = state.acceptedFinalIds.includes(event.providerAcceptanceId);
-      const acceptedFinalIds = duplicate || text.length === 0 ? state.acceptedFinalIds : [...state.acceptedFinalIds, event.providerAcceptanceId];
-      return {
-        state: {
-          ...sequenced,
-          status: "listening",
-          partial: "",
-          error: null,
-          acceptedFinalIds
-        },
-        commit: duplicate || text.length === 0 ? null : text
-      };
+      argHintText: controller.palette.activeArgHint,
+      listboxId: controller.listboxId,
+      label: controller.messages.slashCommandsLabel,
+      dangerLabel: controller.messages.danger
     }
-    case "usage":
-      return {
-        state: {
-          ...sequenced,
-          audioMilliseconds: Math.max(state.audioMilliseconds, event.audioMilliseconds),
-          costUsd: event.costUsd
-        },
-        commit: null
-      };
-    case "session.reconnecting":
-      return {
-        state: { ...sequenced, status: "reconnecting", partial: "", error: null },
-        commit: null
-      };
-    case "session.error":
-      return {
-        state: {
-          ...sequenced,
-          status: event.recoverable ? "reconnecting" : "error",
-          partial: "",
-          error: {
-            code: normalizeTranscriptionErrorCode(event.code),
-            recoverable: event.recoverable
-          }
-        },
-        commit: null
-      };
-    case "session.closed":
-      return {
-        state: {
-          ...sequenced,
-          status: event.reason === "error" ? "error" : "closed",
-          partial: ""
-        },
-        commit: null
-      };
-  }
-}
-function appendFinalTranscript(draft, transcript) {
-  const final = transcript.trim();
-  if (!final) return draft;
-  if (!draft) return final;
-  return /\s$/u.test(draft) ? `${draft}${final}` : `${draft} ${final}`;
+  ) });
 }
-var DEFAULT_TRANSCRIPTION_LIFECYCLE_TIMEOUTS = {
-  startMs: 15e3,
-  cleanupMs: 2e3
-};
-function useTranscription({
-  adapter,
-  policy,
-  selection = { kind: "primary" },
-  value,
-  setValue,
-  focusInput,
-  disabled = false,
-  createLocalSessionId = defaultLocalSessionId,
-  lifecycleTimeouts,
-  onDiagnostic
-}) {
-  const [state, setState] = useState3(INITIAL_TRANSCRIPTION_CONTROL_STATE);
-  const stateRef = useRef3(state);
-  const valueRef = useRef3(value);
-  const sessionRef = useRef3(null);
-  const pendingStartRef = useRef3(null);
-  const activePolicyRef = useRef3(null);
-  valueRef.current = value;
-  const startTimeoutMs = normalizeTimeout(
-    lifecycleTimeouts?.startMs,
-    DEFAULT_TRANSCRIPTION_LIFECYCLE_TIMEOUTS.startMs
+var Surface = forwardRef(function ComposerSurface({ className, children, ...props }, ref) {
+  const controller = useComposerController();
+  return /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      ...props,
+      ref,
+      onDragOver: controller.attachments ? controller.handleDragOver : void 0,
+      onDragLeave: controller.attachments ? controller.handleDragLeave : void 0,
+      onDrop: controller.attachments ? controller.handleDrop : void 0,
+      className: cn(
+        "relative rounded-og-lg border border-og-border/90 bg-og-surface-1 shadow-og-sm",
+        "transition-[border-color,box-shadow] duration-200 ease-og-out",
+        "focus-within:border-og-accent/50 focus-within:shadow-og-glow",
+        controller.dragging && "border-dashed border-og-accent",
+        className
+      ),
+      children: [
+        controller.dragging ? /* @__PURE__ */ jsx3(
+          "div",
+          {
+            "aria-hidden": true,
+            className: cn(
+              "pointer-events-none absolute inset-0 z-10 flex items-center justify-center",
+              "rounded-og-lg bg-og-surface-1/85 text-sm font-medium text-og-accent backdrop-blur-[1px]"
+            ),
+            children: /* @__PURE__ */ jsxs3("span", { className: "inline-flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx3(PaperclipIcon, { className: "size-4" }),
+              controller.messages.dropFiles
+            ] })
+          }
+        ) : null,
+        children
+      ]
+    }
   );
-  const cleanupTimeoutMs = normalizeTimeout(
-    lifecycleTimeouts?.cleanupMs,
-    DEFAULT_TRANSCRIPTION_LIFECYCLE_TIMEOUTS.cleanupMs
+});
+function PausedState() {
+  const controller = useComposerController();
+  if (!controller.paused || !controller.effectiveControl || !controller.hasControl) return null;
+  return /* @__PURE__ */ jsx3(
+    WorkstreamPausedStrip,
+    {
+      control: controller.effectiveControl,
+      queuedAheadCount: controller.queuedAheadCount,
+      open: controller.controlDetailsOpen,
+      busy: controller.resuming,
+      sending: controller.sending,
+      canControlWorkspace: controller.canControlWorkspace,
+      controlLinks: controller.controlLinks,
+      messages: controller.messages,
+      onOpenChange: controller.setControlDetailsOpen,
+      onResume: () => void controller.resume(),
+      onResumeOption: (option) => void controller.resumeScope(option)
+    }
   );
-  const reportDiagnostic = useCallback3(
-    (diagnostic) => {
-      if (!onDiagnostic) return;
-      try {
-        onDiagnostic(sanitizeTranscriptionDiagnostic(diagnostic));
-      } catch {
-      }
-    },
-    [onDiagnostic]
+}
+function RestoredResources() {
+  const controller = useComposerController();
+  if (controller.restoredResources.length === 0 || !controller.removeRestoredResource) return null;
+  return /* @__PURE__ */ jsx3(
+    RestoredResourceChips,
+    {
+      resources: controller.restoredResources,
+      messages: controller.messages,
+      onRemove: controller.removeRestoredResource
+    }
   );
-  const cleanupRuntimeRef = useRef3({ cleanupTimeoutMs, reportDiagnostic });
-  useEffect2(() => {
-    cleanupRuntimeRef.current = { cleanupTimeoutMs, reportDiagnostic };
-  }, [cleanupTimeoutMs, reportDiagnostic]);
-  const policyRevision = useMemo4(
-    () => transcriptionPolicyRevision(policy, selection),
-    [policy, selection]
+}
+function Attachments() {
+  const controller = useComposerController();
+  if (!controller.attachments || controller.attachments.attachments.length === 0) return null;
+  return /* @__PURE__ */ jsx3(
+    AttachmentChips,
+    {
+      attachments: controller.attachments.attachments,
+      messages: controller.messages,
+      onRemove: controller.attachments.remove,
+      onRetry: controller.attachments.retry
+    }
   );
-  const authorization = useMemo4(
-    () => adapter ? authorizeTranscriptionAdapter(policy, adapter.descriptor, selection) : null,
-    [adapter, policy, selection]
+}
+var Input = forwardRef(function ComposerInput({ rows = 1, placeholder, className, "aria-label": ariaLabel, ...props }, forwardedRef) {
+  const controller = useComposerController();
+  const paletteOpen = controller.paletteEnabled && controller.paletteMounted && controller.palette.open;
+  return /* @__PURE__ */ jsx3(
+    "textarea",
+    {
+      ...props,
+      ref: mergeRefs(controller.textareaRef, forwardedRef),
+      rows,
+      value: controller.value,
+      onChange: (event) => controller.setValue(event.target.value),
+      onKeyDown: controller.handleKeyDown,
+      onPaste: controller.handlePaste,
+      placeholder: controller.paused && !controller.disabled ? controller.messages.pausedPlaceholder : placeholder ?? controller.messages.messagePlaceholder,
+      disabled: controller.disabled,
+      "aria-label": ariaLabel ?? controller.messages.inputLabel,
+      "aria-keyshortcuts": "Enter Meta+Enter Control+Enter Shift+Enter",
+      "aria-autocomplete": controller.paletteEnabled && controller.paletteMounted ? "list" : void 0,
+      "aria-controls": paletteOpen ? controller.listboxId : void 0,
+      "aria-activedescendant": paletteOpen ? `${controller.listboxId}-option-${controller.palette.highlight}` : void 0,
+      className: cn(
+        "block w-full resize-none bg-transparent px-3.5 pt-3 pb-1 text-base leading-6 md:px-4 md:text-og-md",
+        "text-og-fg placeholder:text-og-fg-subtle focus:outline-none focus-visible:outline-none",
+        "disabled:cursor-not-allowed disabled:opacity-60",
+        className
+      )
+    }
   );
-  const unavailableReason = disabled ? "composer_disabled" : !policy.enabled ? "disabled" : !policy.acceptanceId ? "unaccepted" : !policy.primary ? "target_missing" : !adapter ? "adapter_missing" : authorization?.authorized ? null : authorization?.reason ?? "unaccepted";
-  const apply = useCallback3(
-    (action) => {
-      const transition = transitionTranscriptionControl(stateRef.current, action);
-      if (transition.state !== stateRef.current) {
-        stateRef.current = transition.state;
-        setState(transition.state);
-      }
-      if (transition.commit !== null) {
-        const next = appendFinalTranscript(valueRef.current, transition.commit);
-        valueRef.current = next;
-        setValue(next);
-        focusInput();
-      }
-      return transition.state;
-    },
-    [focusInput, setValue]
+});
+function Confirmation() {
+  const controller = useComposerController();
+  const command = controller.confirmState?.command;
+  if (!command || !controller.confirmState) return null;
+  return /* @__PURE__ */ jsx3(
+    ConfirmBar,
+    {
+      command,
+      messages: controller.messages,
+      onCancel: () => controller.settleConfirmation(false),
+      onConfirm: () => controller.settleConfirmation(true),
+      returnFocusRef: controller.textareaRef
+    }
   );
-  const releaseTerminalSession = useCallback3(
-    (generation) => {
-      const active = sessionRef.current;
-      if (!active || active.generation !== generation) return;
-      sessionRef.current = null;
-      if (activePolicyRef.current?.generation === generation) activePolicyRef.current = null;
-      detachSessionCleanup(active.session, {
-        cleanupTimeoutMs,
-        reportDiagnostic
-      });
-    },
-    [cleanupTimeoutMs, reportDiagnostic]
+}
+var Footer = forwardRef(function ComposerFooter({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx3(
+    "div",
+    {
+      ...props,
+      ref,
+      className: cn("flex items-end gap-1.5 px-2 pb-2 pt-0.5 sm:px-2.5 sm:pb-2.5", className)
+    }
   );
-  const start = useCallback3(async () => {
-    if (!adapter || unavailableReason !== null || isActiveTranscriptionStatus(stateRef.current.status)) {
-      return false;
+});
+var Controls = forwardRef(
+  function ComposerControls({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx3(
+      "span",
+      {
+        ...props,
+        ref,
+        className: cn("flex min-w-0 flex-1 flex-wrap items-center gap-1.5", className)
+      }
+    );
+  }
+);
+var Hint = forwardRef(function ComposerHint({ className, children, ...props }, ref) {
+  const controller = useComposerController();
+  return /* @__PURE__ */ jsx3(
+    "span",
+    {
+      ...props,
+      ref,
+      className: cn("min-w-0 flex-1 px-1.5 text-og-xs text-og-fg-subtle max-sm:hidden", className),
+      children: children ?? controller.messages.keyboardHint
     }
-    const generation = stateRef.current.generation + 1;
-    const localSessionId = createLocalSessionId();
-    apply({ type: "start", generation, localSessionId });
-    const request = createTranscriptionSessionRequest({
-      policy,
-      adapter,
-      localSessionId,
-      selection,
-      sequenceFloor: 0
-    });
-    if (!request) {
-      apply({
-        type: "start.failed",
-        generation,
-        code: "policy_blocked"
-      });
-      return false;
+  );
+});
+var Actions = forwardRef(function ComposerActions({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx3(
+    "span",
+    {
+      ...props,
+      ref,
+      className: cn("ml-auto flex shrink-0 items-center gap-1.5", className)
     }
-    activePolicyRef.current = { generation, revision: policyRevision };
-    const controller = new AbortController();
-    pendingStartRef.current = { generation, controller };
-    let boundarySettled = false;
-    let accepted = false;
-    const observedStart = Promise.resolve().then(
-      () => adapter.start(
-        request,
-        (event) => {
-          apply({ type: "event", generation, event });
-          if (event.type === "session.error" && !event.recoverable) {
-            releaseTerminalSession(generation);
-          } else if (event.type === "session.closed") {
-            releaseTerminalSession(generation);
-          }
-        },
+  );
+});
+var AttachButton = forwardRef(
+  function ComposerAttachButton({ accept, multiple = true, className, "aria-label": ariaLabel, title, children, ...props }, ref) {
+    const controller = useComposerController();
+    if (!controller.attachments) return null;
+    return /* @__PURE__ */ jsxs3(Fragment, { children: [
+      /* @__PURE__ */ jsx3(
+        "input",
         {
-          signal: controller.signal,
-          reportDiagnostic
+          ref: controller.fileInputRef,
+          type: "file",
+          accept,
+          multiple,
+          className: "hidden",
+          onChange: controller.handleFileChange
+        }
+      ),
+      /* @__PURE__ */ jsx3(
+        "button",
+        {
+          ...props,
+          ref,
+          type: "button",
+          disabled: controller.disabled,
+          onClick: () => controller.fileInputRef.current?.click(),
+          "aria-label": ariaLabel ?? controller.messages.attachFiles,
+          title: title ?? controller.messages.attachFiles,
+          className: cn(
+            "inline-flex size-8 items-center justify-center rounded-og-md",
+            "text-og-fg-muted transition-colors duration-150 hover:bg-og-surface-2 hover:text-og-fg",
+            "disabled:cursor-not-allowed disabled:opacity-50 pointer-coarse:size-11",
+            className
+          ),
+          children: children ?? /* @__PURE__ */ jsx3(PaperclipIcon, { className: "size-4" })
         }
       )
-    ).then(
-      (session) => {
-        if (boundarySettled && !accepted) {
-          detachSessionCleanup(session, {
-            cancelReason: "stale-generation",
-            cleanupTimeoutMs,
-            reportDiagnostic
-          });
-        }
-        return { kind: "session", session };
-      },
-      (error) => {
-        if (boundarySettled) {
-          reportDiagnostic({
-            operation: "start",
-            code: classifyStartError(error),
-            detail: diagnosticDetail(error)
-          });
-        }
-        return { kind: "error", error };
+    ] });
+  }
+);
+function ModelPicker2({
+  models,
+  rows,
+  value,
+  onChange,
+  label,
+  className,
+  codexOnly
+}) {
+  const controller = useComposerController();
+  return /* @__PURE__ */ jsx3(
+    ModelPicker,
+    {
+      models,
+      rows,
+      value,
+      onChange: (modelId) => onChange?.(modelId),
+      disabled: controller.disabled,
+      label: label ?? controller.messages.modelLabel,
+      className,
+      codexOnly
+    }
+  );
+}
+var PauseButton = forwardRef(
+  function ComposerPauseButton({ className, "aria-label": ariaLabel, title, children, ...props }, ref) {
+    const controller = useComposerController();
+    if (!controller.effectiveControl || controller.paused || !controller.hasControl) return null;
+    const busy = controller.pausing || controller.resuming;
+    return /* @__PURE__ */ jsx3(
+      "button",
+      {
+        ...props,
+        ref: mergeRefs(controller.pauseButtonRef, ref),
+        type: "button",
+        onClick: () => void controller.pause(),
+        disabled: busy,
+        "aria-label": ariaLabel ?? controller.messages.pauseAriaLabel,
+        title: title ?? controller.messages.pauseTitle,
+        className: cn(
+          "inline-flex size-8 items-center justify-center rounded-og-md border border-og-border pointer-coarse:size-11",
+          "bg-og-surface-2 text-og-fg-muted transition-colors duration-150",
+          "hover:border-og-status-waiting/50 hover:text-og-status-waiting",
+          "disabled:opacity-50",
+          className
+        ),
+        children: children ?? (busy ? /* @__PURE__ */ jsx3(LoaderCircleIcon, { className: "size-3.5 animate-og-spin" }) : /* @__PURE__ */ jsx3(PauseIcon, { className: "size-3.5 fill-current" }))
       }
     );
-    let abortListener = null;
-    const aborted = new Promise((resolve) => {
-      if (controller.signal.aborted) {
-        resolve({ kind: "aborted" });
-        return;
+  }
+);
+var SendButton = forwardRef(
+  function ComposerSendButton({ className, "aria-label": ariaLabel, title, children, ...props }, ref) {
+    const controller = useComposerController();
+    return /* @__PURE__ */ jsx3(
+      "button",
+      {
+        ...props,
+        ref,
+        type: "button",
+        onClick: () => void controller.submit("queue"),
+        disabled: !controller.canSubmit,
+        "aria-label": ariaLabel ?? (controller.paused ? controller.messages.sendAndResumeAriaLabel : controller.messages.sendMessageAriaLabel),
+        title: title ?? (controller.paused ? controller.messages.sendAndResumeTitle : controller.messages.sendTitle),
+        className: cn(
+          "inline-flex size-8 items-center justify-center rounded-og-md pointer-coarse:size-11",
+          "bg-og-accent text-og-accent-fg shadow-og-sm",
+          "transition-[background-color,transform,opacity] duration-150 ease-og-spring",
+          "hover:bg-og-accent-strong active:scale-95",
+          "disabled:cursor-not-allowed disabled:bg-og-surface-3 disabled:text-og-fg-subtle disabled:shadow-none",
+          className
+        ),
+        children: children ?? (controller.sending ? /* @__PURE__ */ jsx3(LoaderCircleIcon, { className: "size-4 animate-og-spin" }) : /* @__PURE__ */ jsx3(ArrowUpIcon, { className: "size-4" }))
       }
-      abortListener = () => resolve({ kind: "aborted" });
-      controller.signal.addEventListener("abort", abortListener, { once: true });
-    });
-    let timeoutId = null;
-    const timedOut = new Promise((resolve) => {
-      timeoutId = setTimeout(() => resolve({ kind: "timeout" }), startTimeoutMs);
-    });
-    const outcome = await Promise.race([observedStart, aborted, timedOut]);
-    boundarySettled = true;
-    if (timeoutId !== null) clearTimeout(timeoutId);
-    if (abortListener) controller.signal.removeEventListener("abort", abortListener);
-    if (pendingStartRef.current?.generation === generation) pendingStartRef.current = null;
-    if (outcome.kind === "aborted") return false;
-    if (outcome.kind === "timeout") {
-      controller.abort("transcription-start-timeout");
-      if (activePolicyRef.current?.generation === generation) activePolicyRef.current = null;
-      reportDiagnostic({
-        operation: "start",
-        code: "timeout",
-        detail: `Transcription adapter start exceeded ${startTimeoutMs}ms.`
-      });
-      apply({ type: "start.failed", generation, code: "timeout" });
-      return false;
+    );
+  }
+);
+function Help() {
+  const controller = useComposerController();
+  return /* @__PURE__ */ jsx3(AnimatePresence2, { children: controller.helpOpen ? /* @__PURE__ */ jsx3(
+    HelpPanel,
+    {
+      commands: controller.helpCommands,
+      messages: controller.messages,
+      onClose: () => controller.setHelpOpen(false)
     }
-    if (outcome.kind === "error") {
-      if (activePolicyRef.current?.generation === generation) activePolicyRef.current = null;
-      const code = classifyStartError(outcome.error);
-      reportDiagnostic({
-        operation: "start",
-        code,
-        detail: diagnosticDetail(outcome.error)
-      });
-      if (!controller.signal.aborted) {
-        apply({ type: "start.failed", generation, code });
+  ) : null });
+}
+function Status() {
+  const controller = useComposerController();
+  return /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsx3(AnimatePresence2, { children: controller.activeNotice ? /* @__PURE__ */ jsx3(
+      motion2.p,
+      {
+        initial: { opacity: 0, height: 0 },
+        animate: { opacity: 1, height: "auto" },
+        exit: { opacity: 0, height: 0 },
+        className: cn(
+          "overflow-hidden px-1 pt-1.5 text-xs",
+          controller.activeNotice.tone === "ok" ? "text-og-fg-muted" : "text-og-status-failed"
+        ),
+        children: controller.activeNotice.message
       }
-      return false;
-    }
-    const current = stateRef.current;
-    if (current.generation !== generation || current.localSessionId !== localSessionId || current.status === "cancelling" || !isActiveTranscriptionStatus(current.status)) {
-      if (activePolicyRef.current?.generation === generation) activePolicyRef.current = null;
-      detachSessionCleanup(outcome.session, {
-        ...current.status === "error" ? {} : { cancelReason: "stale-generation" },
-        cleanupTimeoutMs,
-        reportDiagnostic
-      });
-      return false;
-    }
-    accepted = true;
-    sessionRef.current = { generation, session: outcome.session };
-    return true;
-  }, [
-    adapter,
-    apply,
-    createLocalSessionId,
-    cleanupTimeoutMs,
-    policy,
-    policyRevision,
-    releaseTerminalSession,
-    reportDiagnostic,
-    selection,
-    startTimeoutMs,
-    unavailableReason
-  ]);
-  const cancel = useCallback3(async () => {
-    const current = stateRef.current;
-    if (!isActiveTranscriptionStatus(current.status)) return false;
-    const generation = current.generation;
-    apply({ type: "cancel", generation });
-    const pending = pendingStartRef.current;
-    if (pending?.generation === generation) {
-      pendingStartRef.current = null;
-      pending.controller.abort("transcription-locally-cancelled");
-    }
-    const active = sessionRef.current;
-    sessionRef.current = null;
-    if (activePolicyRef.current?.generation === generation) activePolicyRef.current = null;
-    apply({ type: "cancel.settled", generation });
-    focusInput();
-    if (active?.generation === generation) {
-      detachSessionCleanup(active.session, {
-        cancelReason: "user-cancelled",
-        cleanupTimeoutMs,
-        reportDiagnostic
-      });
-    }
-    return true;
-  }, [apply, cleanupTimeoutMs, focusInput, reportDiagnostic]);
-  const reset = useCallback3(() => apply({ type: "reset" }), [apply]);
-  useEffect2(() => {
-    if (!isActiveTranscriptionStatus(state.status)) return;
-    const onKeyDown = (event) => {
-      if (event.key !== "Escape") return;
-      event.preventDefault();
-      void cancel();
-    };
-    document.addEventListener("keydown", onKeyDown);
-    return () => document.removeEventListener("keydown", onKeyDown);
-  }, [cancel, state.status]);
-  useEffect2(() => {
-    if (!isActiveTranscriptionStatus(state.status)) return;
-    const activePolicy = activePolicyRef.current;
-    if (unavailableReason === null && activePolicy?.generation === state.generation && activePolicy.revision === policyRevision) {
-      return;
+    ) : null }),
+    controller.draftConflict ? /* @__PURE__ */ jsxs3("div", { className: "mt-1.5 flex flex-wrap items-center gap-2 px-1 text-og-xs text-og-status-failed", children: [
+      /* @__PURE__ */ jsx3("span", { className: "min-w-0 flex-1", children: controller.messages.draftConflict }),
+      /* @__PURE__ */ jsx3(
+        "button",
+        {
+          type: "button",
+          className: "underline underline-offset-2",
+          onClick: () => void controller.resolveDraftConflict?.("use_remote"),
+          children: controller.messages.useOtherDraft
+        }
+      ),
+      /* @__PURE__ */ jsx3(
+        "button",
+        {
+          type: "button",
+          className: "font-medium underline underline-offset-2",
+          onClick: () => void controller.resolveDraftConflict?.("keep_mine"),
+          children: controller.messages.keepMine
+        }
+      )
+    ] }) : null
+  ] });
+}
+function ComposerAnnouncements() {
+  const controller = useComposerController();
+  return /* @__PURE__ */ jsxs3("div", { className: "sr-only", children: [
+    controller.activeNotice ? /* @__PURE__ */ jsx3("p", { role: controller.activeNotice.tone === "error" ? "alert" : "status", children: controller.activeNotice.message }) : null,
+    controller.draftConflict ? /* @__PURE__ */ jsx3("p", { role: "alert", children: controller.messages.draftConflict }) : null
+  ] });
+}
+function mergeRefs(...refs) {
+  return (node) => {
+    for (const ref of refs) {
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
     }
-    void cancel();
-  }, [cancel, policyRevision, state.generation, state.status, unavailableReason]);
-  useEffect2(
-    () => () => {
-      const pending = pendingStartRef.current;
-      pendingStartRef.current = null;
-      pending?.controller.abort("transcription-component-unmounted");
-      const active = sessionRef.current;
-      sessionRef.current = null;
-      activePolicyRef.current = null;
-      stateRef.current = {
-        ...stateRef.current,
-        generation: stateRef.current.generation + 1,
-        status: "closed",
-        partial: ""
-      };
-      if (active) {
-        const runtime = cleanupRuntimeRef.current;
-        detachSessionCleanup(active.session, {
-          cancelReason: "component-unmounted",
-          cleanupTimeoutMs: runtime.cleanupTimeoutMs,
-          reportDiagnostic: runtime.reportDiagnostic
-        });
-      }
-    },
-    []
-  );
-  return {
-    state,
-    available: unavailableReason === null,
-    unavailableReason,
-    start,
-    cancel,
-    reset
   };
 }
-function isActiveTranscriptionStatus(status) {
-  return status === "requesting-permission" || status === "listening" || status === "reconnecting" || status === "cancelling";
-}
-function defaultLocalSessionId() {
-  return globalThis.crypto.randomUUID();
+function WorkstreamPausedStrip({
+  control,
+  queuedAheadCount,
+  open,
+  busy,
+  sending,
+  canControlWorkspace,
+  controlLinks,
+  messages,
+  onOpenChange,
+  onResume,
+  onResumeOption
+}) {
+  const blocker = control.primaryBlocker;
+  const cause = blocker?.kind === "workspace" ? messages.workspacePaused : control.directState === "paused" ? messages.pausedHere : messages.pausedBy(blocker?.displayName ?? messages.parentBlocker);
+  const primary = control.resumeOptions.find((option) => option.scope === "selected");
+  const broaderOptions = control.resumeOptions.filter(
+    (option) => option !== primary && option.scope !== "selected" && (option.scope !== "workspace" || canControlWorkspace)
+  );
+  return /* @__PURE__ */ jsxs3("div", { className: "border-b border-og-status-waiting/25 bg-og-status-waiting/[0.07]", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 items-center gap-2 px-3 py-2", children: [
+      /* @__PURE__ */ jsx3(PauseIcon, { className: "size-3.5 shrink-0 text-og-status-waiting" }),
+      /* @__PURE__ */ jsxs3(
+        "button",
+        {
+          type: "button",
+          className: "min-w-0 flex-1 text-left",
+          onClick: () => onOpenChange(!open),
+          "aria-expanded": open,
+          children: [
+            /* @__PURE__ */ jsx3("span", { className: "block truncate text-og-xs font-medium text-og-fg", children: cause }),
+            /* @__PURE__ */ jsx3("span", { className: "block truncate text-[11px] text-og-fg-muted", children: queuedAheadCount > 0 ? messages.queuedAhead(queuedAheadCount) : sending ? messages.resumingAndSending : messages.nextMessageResumes })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs3(
+        "button",
+        {
+          type: "button",
+          "aria-label": messages.resumeThisWorkstream,
+          className: "inline-flex min-h-8 shrink-0 items-center gap-1.5 rounded-og-md border border-og-status-waiting/35 bg-og-surface-1 px-2.5 text-og-xs font-medium text-og-fg hover:bg-og-surface-2 pointer-coarse:min-h-11",
+          disabled: busy,
+          onClick: onResume,
+          children: [
+            busy ? /* @__PURE__ */ jsx3(LoaderCircleIcon, { className: "size-3.5 animate-og-spin" }) : /* @__PURE__ */ jsx3(PlayIcon, { className: "size-3.5 fill-current" }),
+            /* @__PURE__ */ jsx3("span", { className: "hidden min-[400px]:inline", children: messages.resumeThisWorkstream }),
+            /* @__PURE__ */ jsx3("span", { className: "min-[400px]:hidden", children: messages.resumeShort })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx3(
+        "button",
+        {
+          type: "button",
+          className: "inline-flex size-8 shrink-0 items-center justify-center rounded-og-md text-og-fg-muted hover:bg-og-surface-2 pointer-coarse:size-11",
+          onClick: () => onOpenChange(!open),
+          "aria-label": open ? messages.hidePauseDetails : messages.showPauseDetails,
+          children: /* @__PURE__ */ jsx3(ChevronDownIcon2, { className: cn("size-3.5 transition-transform", open && "rotate-180") })
+        }
+      )
+    ] }),
+    open ? /* @__PURE__ */ jsxs3("div", { className: "border-t border-og-status-waiting/20 px-3 pb-3 pt-2", children: [
+      /* @__PURE__ */ jsx3("ul", { className: "grid gap-2", "aria-label": messages.pauseReasonsLabel, children: control.blockers.map((entry, index) => /* @__PURE__ */ jsxs3(
+        "li",
+        {
+          className: "text-og-xs",
+          children: [
+            /* @__PURE__ */ jsx3("span", { className: "font-medium text-og-fg", children: index === 0 ? messages.pausedByLabel : messages.alsoPausedByLabel }),
+            blockerHref(entry, controlLinks) ? /* @__PURE__ */ jsx3(
+              "a",
+              {
+                href: blockerHref(entry, controlLinks),
+                className: "font-medium text-og-fg underline decoration-og-border-strong underline-offset-2 hover:text-og-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-og-ring/40",
+                children: entry.displayName
+              }
+            ) : /* @__PURE__ */ jsx3("span", { className: "font-medium text-og-fg", children: entry.displayName }),
+            entry.reason ? /* @__PURE__ */ jsxs3("span", { className: "text-og-fg-muted", children: [
+              " \xB7 ",
+              entry.reason
+            ] }) : null,
+            entry.actor ? /* @__PURE__ */ jsxs3("span", { className: "text-og-fg-subtle", children: [
+              " \xB7 ",
+              entry.actor
+            ] }) : null,
+            entry.changedAt ? /* @__PURE__ */ jsxs3("span", { className: "text-og-fg-subtle", children: [
+              " ",
+              "\xB7 ",
+              messages.formatRelativeTime(entry.changedAt)
+            ] }) : null
+          ]
+        },
+        `${entry.kind}-${entry.sessionId ?? "workspace"}-${entry.revision}`
+      )) }),
+      broaderOptions.length > 0 ? /* @__PURE__ */ jsx3("div", { className: "mt-2 flex flex-wrap gap-1.5", children: broaderOptions.map((option) => /* @__PURE__ */ jsxs3(
+        "button",
+        {
+          type: "button",
+          disabled: busy,
+          title: option.impactCopy,
+          onClick: () => onResumeOption(option),
+          className: "rounded-og-md border border-og-border bg-og-surface-1 px-2 py-1 text-og-xs text-og-fg-muted hover:bg-og-surface-2 hover:text-og-fg pointer-coarse:min-h-10",
+          children: [
+            /* @__PURE__ */ jsx3("span", { className: "block font-medium", children: option.scope === "workspace" ? messages.resumeWorkspace : messages.resumeFromSession }),
+            /* @__PURE__ */ jsx3("span", { className: "block text-[10px] text-og-fg-subtle", children: option.selectedStateAfter === "active" ? messages.sessionCanRun : messages.stillPausedBy(
+              option.remainingPrimaryBlocker?.displayName ?? messages.narrowerPause
+            ) })
+          ]
+        },
+        `${option.scope}-${option.targetId ?? "selected"}`
+      )) }) : null
+    ] }) : null
+  ] });
 }
-function classifyStartError(error) {
-  if (isRecord2(error)) {
-    const normalized = normalizeTranscriptionErrorCode(error.code);
-    if (normalized !== "unknown") return normalized;
-  }
-  if (typeof DOMException !== "undefined" && error instanceof DOMException) {
-    if (error.name === "NotAllowedError") return "permission_denied";
-    if (error.name === "NotSupportedError") return "not_supported";
-    if (error.name === "TimeoutError") return "timeout";
-    if (error.name === "AbortError") return "cancelled";
-  }
-  return "unknown";
+function blockerHref(blocker, links) {
+  if (blocker.kind === "workspace") return links?.workspaceHref;
+  return blocker.sessionId ? links?.sessionHref?.(blocker.sessionId) : void 0;
 }
-function normalizeTranscriptionErrorCode(code) {
-  switch (code) {
-    case "permission_denied":
-    case "not_supported":
-    case "network":
-    case "provider":
-    case "policy_blocked":
-    case "timeout":
-    case "cancelled":
-    case "unknown":
-      return code;
-    default:
-      return "unknown";
-  }
+function RestoredResourceChips({
+  resources,
+  messages,
+  onRemove
+}) {
+  return /* @__PURE__ */ jsx3(
+    "div",
+    {
+      className: "flex flex-wrap gap-1.5 border-b border-og-border px-3 py-2",
+      "aria-label": messages.restoredResourcesLabel,
+      children: resources.map((resource, index) => /* @__PURE__ */ jsxs3(
+        "span",
+        {
+          className: "inline-flex min-w-0 max-w-full items-center gap-1.5 rounded-og-md border border-og-border bg-og-surface-2 px-2 py-1 text-og-xs text-og-fg-muted",
+          children: [
+            /* @__PURE__ */ jsx3(FileIcon, { className: "size-3 shrink-0" }),
+            /* @__PURE__ */ jsx3("span", { className: "truncate", children: resource.kind === "file" ? messages.restoredFile(resource.fileId) : resource.uri }),
+            /* @__PURE__ */ jsx3(
+              "button",
+              {
+                type: "button",
+                className: "shrink-0 hover:text-og-fg",
+                onClick: () => onRemove(index),
+                "aria-label": messages.removeRestoredResource(index),
+                children: /* @__PURE__ */ jsx3(XIcon, { className: "size-3" })
+              }
+            )
+          ]
+        },
+        `${resource.kind}-${resource.kind === "file" ? resource.fileId : resource.uri}`
+      ))
+    }
+  );
 }
-function sanitizeTranscriptionDiagnostic(diagnostic) {
-  const source = isRecord2(diagnostic) ? diagnostic : {};
-  const operation = source.operation === "start" || source.operation === "session" || source.operation === "cancel" || source.operation === "close" ? source.operation : "session";
-  const rawDetail = typeof source.detail === "string" ? source.detail : "No diagnostic detail.";
-  const detail = rawDetail.replace(/[\u0000-\u001f\u007f]+/gu, " ").replace(/\bBearer\s+[A-Za-z0-9._~+/=-]+/giu, "Bearer [REDACTED]").replace(/\bsk-[A-Za-z0-9_-]{4,}\b/gu, "[REDACTED]").replace(
-    /\b(api[-_ ]?key|authorization|access[-_ ]?token|refresh[-_ ]?token|token|secret)\b\s*[:=]\s*[^\s,;]+/giu,
-    "$1=[REDACTED]"
-  ).trim().slice(0, 512);
-  return {
-    operation,
-    code: normalizeTranscriptionErrorCode(source.code),
-    detail: detail || "No diagnostic detail."
-  };
+function ConfirmBar({
+  command,
+  messages,
+  onCancel,
+  onConfirm,
+  returnFocusRef
+}) {
+  const confirmRef = useRef4(null);
+  const descriptionId = useId2();
+  useEffect3(() => {
+    const returnTo = returnFocusRef?.current ?? null;
+    confirmRef.current?.focus();
+    return () => returnTo?.focus();
+  }, [returnFocusRef]);
+  return /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      role: "alertdialog",
+      "aria-label": messages.confirmCommand(command.name),
+      "aria-describedby": descriptionId,
+      "data-testid": "danger-confirm",
+      onKeyDown: (event) => {
+        if (event.key === "Escape") {
+          event.preventDefault();
+          event.stopPropagation();
+          onCancel();
+        }
+      },
+      className: "flex items-end justify-between gap-2 px-2.5 pb-2.5 pt-1",
+      children: [
+        /* @__PURE__ */ jsx3("span", { id: descriptionId, className: "min-w-0 flex-1 px-1.5 text-og-sm text-og-status-failed", children: messages.confirmDescription(command) }),
+        /* @__PURE__ */ jsxs3("span", { className: "flex shrink-0 items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx3(
+            "button",
+            {
+              type: "button",
+              onClick: onCancel,
+              className: "rounded-og-md border border-og-border bg-og-surface-2 px-2.5 py-1 text-og-sm text-og-fg-muted hover:bg-og-surface-3 pointer-coarse:min-h-11",
+              children: messages.cancel
+            }
+          ),
+          /* @__PURE__ */ jsx3(
+            "button",
+            {
+              ref: confirmRef,
+              type: "button",
+              onClick: onConfirm,
+              className: "rounded-og-md border border-og-status-failed/50 bg-og-status-failed/15 px-2.5 py-1 text-og-sm text-og-status-failed hover:bg-og-status-failed/25 pointer-coarse:min-h-11",
+              children: messages.runCommand(command.name)
+            }
+          )
+        ] })
+      ]
+    }
+  );
 }
-function detachSessionCleanup(session, options) {
-  if (options.cancelReason) {
-    void runBoundedCleanup(
-      "cancel",
-      () => session.cancel(options.cancelReason),
-      options.cleanupTimeoutMs,
-      options.reportDiagnostic
+function AttachmentChips({
+  attachments,
+  messages,
+  onRemove,
+  onRetry
+}) {
+  return /* @__PURE__ */ jsx3("div", { className: "flex flex-wrap gap-2 border-b border-og-border px-3 py-2", children: attachments.map((attachment) => {
+    const failed = attachment.status === "failed";
+    const statusText = attachment.status === "uploading" ? messages.uploading : failed ? attachment.error || messages.uploadFailed : messages.formatBytes(attachment.sizeBytes);
+    return /* @__PURE__ */ jsxs3(
+      "div",
+      {
+        className: cn(
+          "flex min-w-0 max-w-[240px] items-center gap-2 rounded-og-md border px-2 py-1.5 text-og-sm",
+          failed ? "border-og-status-failed/40 bg-og-status-failed/10" : "border-og-border bg-og-surface-2"
+        ),
+        children: [
+          attachment.previewUrl ? /* @__PURE__ */ jsx3(
+            "img",
+            {
+              src: attachment.previewUrl,
+              alt: "",
+              className: "size-8 shrink-0 rounded object-cover"
+            }
+          ) : attachment.contentType.startsWith("image/") ? /* @__PURE__ */ jsx3(ImageIcon, { className: "size-4 shrink-0 text-og-fg-muted" }) : /* @__PURE__ */ jsx3(FileIcon, { className: "size-4 shrink-0 text-og-fg-muted" }),
+          /* @__PURE__ */ jsxs3("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx3("div", { className: "truncate font-medium text-og-fg", children: attachment.name }),
+            /* @__PURE__ */ jsx3(
+              "div",
+              {
+                className: cn(
+                  "truncate text-og-xs",
+                  failed ? "text-og-status-failed" : "text-og-fg-subtle"
+                ),
+                title: failed ? statusText : void 0,
+                children: statusText
+              }
+            )
+          ] }),
+          attachment.status === "uploading" ? /* @__PURE__ */ jsx3(LoaderCircleIcon, { className: "size-3.5 shrink-0 animate-og-spin" }) : null,
+          failed && onRetry ? /* @__PURE__ */ jsx3(
+            "button",
+            {
+              type: "button",
+              onClick: () => onRetry(attachment.id),
+              className: "shrink-0 rounded-og-xs p-1 text-og-fg-muted hover:bg-og-surface-1 hover:text-og-fg pointer-coarse:size-10",
+              "aria-label": messages.retryAttachment(attachment.name),
+              title: messages.retryUpload,
+              children: /* @__PURE__ */ jsx3(RotateCwIcon, { className: "size-3.5" })
+            }
+          ) : null,
+          /* @__PURE__ */ jsx3(
+            "button",
+            {
+              type: "button",
+              onClick: () => onRemove(attachment.id),
+              className: "shrink-0 rounded-og-xs p-1 text-og-fg-muted hover:bg-og-surface-1 hover:text-og-fg pointer-coarse:size-10",
+              "aria-label": messages.removeAttachment(attachment.name),
+              children: /* @__PURE__ */ jsx3(XIcon, { className: "size-3.5" })
+            }
+          )
+        ]
+      },
+      attachment.id
     );
-  }
-  void runBoundedCleanup(
-    "close",
-    () => session.close(),
-    options.cleanupTimeoutMs,
-    options.reportDiagnostic
-  );
+  }) });
 }
-async function runBoundedCleanup(operation, invoke, timeoutMs, reportDiagnostic) {
-  let timeoutId = null;
-  const result = Promise.resolve().then(invoke).then(
-    () => ({ kind: "settled" }),
-    (error) => ({ kind: "rejected", error })
+function HelpPanel({
+  commands,
+  messages,
+  onClose
+}) {
+  return /* @__PURE__ */ jsxs3(
+    motion2.div,
+    {
+      initial: { opacity: 0, height: 0 },
+      animate: { opacity: 1, height: "auto" },
+      exit: { opacity: 0, height: 0 },
+      className: "mt-2 overflow-hidden rounded-og-lg border border-og-border bg-og-surface-2",
+      children: [
+        /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between border-b border-og-border px-3 py-1.5", children: [
+          /* @__PURE__ */ jsx3("span", { className: "text-og-sm font-medium text-og-fg", children: messages.commands }),
+          /* @__PURE__ */ jsx3(
+            "button",
+            {
+              type: "button",
+              onClick: onClose,
+              className: "text-og-xs text-og-fg-subtle hover:text-og-fg",
+              children: messages.close
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx3("ul", { className: "py-1", children: commands.map((command) => {
+          const hint = argHint(command.args);
+          return /* @__PURE__ */ jsxs3("li", { className: "flex items-baseline gap-2 px-3 py-1", children: [
+            /* @__PURE__ */ jsxs3("span", { className: "font-mono text-og-sm text-og-accent", children: [
+              "/",
+              command.name,
+              hint ? /* @__PURE__ */ jsx3("span", { className: "ml-1 text-og-fg-subtle", children: hint }) : null
+            ] }),
+            /* @__PURE__ */ jsx3("span", { className: "text-og-sm text-og-fg-muted", children: command.description }),
+            command.danger ? /* @__PURE__ */ jsx3("span", { className: "ml-auto rounded-og-xs bg-og-status-failed/15 px-1 text-og-xs uppercase tracking-wide text-og-status-failed", children: messages.danger }) : null
+          ] }, command.name);
+        }) })
+      ]
+    }
   );
-  const timeout = new Promise((resolve) => {
-    timeoutId = setTimeout(() => resolve({ kind: "timeout" }), timeoutMs);
-  });
-  const outcome = await Promise.race([result, timeout]);
-  if (timeoutId !== null) clearTimeout(timeoutId);
-  if (outcome.kind === "settled") return;
-  reportDiagnostic({
-    operation,
-    code: outcome.kind === "timeout" ? "timeout" : "provider",
-    detail: outcome.kind === "timeout" ? `Transcription ${operation} exceeded ${timeoutMs}ms.` : diagnosticDetail(outcome.error)
-  });
-}
-function diagnosticDetail(error) {
-  if (error instanceof Error) return error.message;
-  return typeof error === "string" ? error : "Unknown transcription adapter failure.";
-}
-function normalizeTimeout(value, fallback) {
-  return typeof value === "number" && Number.isFinite(value) && value >= 1 ? Math.min(Math.floor(value), 6e4) : fallback;
-}
-function isRecord2(value) {
-  return typeof value === "object" && value !== null;
-}
-function transcriptionPolicyRevision(policy, selection) {
-  const targetKey = (target) => target ? [
-    target.provider,
-    target.model ?? "",
-    target.credentialMode,
-    target.credentialConnectionId ?? "",
-    target.region ?? ""
-  ].join("\0") : "";
-  return [
-    policy.enabled ? "1" : "0",
-    policy.acceptanceId ?? "",
-    targetKey(policy.primary),
-    policy.language ?? "",
-    policy.autoDetectLanguage ? "1" : "0",
-    policy.diarization.enabled ? "1" : "0",
-    policy.diarization.maxSpeakers?.toString() ?? "",
-    policy.retention.mode,
-    policy.retention.maxDays?.toString() ?? "",
-    policy.privacy.allowProviderLogging ? "1" : "0",
-    policy.privacy.allowProviderTraining ? "1" : "0",
-    policy.fallback.mode,
-    policy.fallback.targets.map(targetKey).join("
"),
-    policy.cost.currency,
-    policy.cost.maxPerHour?.toString() ?? "",
-    policy.cost.maxPerMonth?.toString() ?? "",
-    selection.kind,
-    selection.kind === "fallback" ? selection.index.toString() : ""
-  ].join("");
 }
 
 // src/components/composer-transcription-control.tsx
-import { LoaderCircleIcon as LoaderCircleIcon2, MicIcon, RotateCwIcon as RotateCwIcon2, SquareIcon } from "lucide-react";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { LoaderCircleIcon as LoaderCircleIcon2, MicIcon, SquareIcon, XIcon as XIcon2 } from "lucide-react";
+import { AnimatePresence as AnimatePresence3, motion as motion3 } from "motion/react";
+import { useEffect as useEffect4, useState as useState5 } from "react";
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var defaultMessages = {
   start: "Start voice input",
-  stop: "Stop voice input",
+  stop: "Stop and transcribe",
+  cancel: "Cancel recording",
   retry: "Retry voice input",
-  requestingPermission: "Requesting microphone permission\u2026",
-  listening: "Listening\u2026 Press Escape to cancel.",
-  reconnecting: "Reconnecting voice input\u2026",
-  cancelling: "Cancelling voice input\u2026",
+  requestingPermission: "Requesting microphone\u2026",
+  recording: "Recording. Press Escape to cancel.",
+  transcribing: "Transcribing\u2026",
   unavailableDisabled: "Voice input is unavailable while the composer is disabled.",
-  unavailableAdapter: "Voice input needs an approved transcription adapter.",
-  unavailablePolicy: "Enable and accept transcription in Workspace settings.",
+  unavailable: "Voice input is unavailable for this workspace.",
   errorPermissionDenied: "Microphone permission was denied. Your draft was not changed.",
   errorNotSupported: "Voice input is not supported on this device.",
-  errorNetwork: "Voice input lost its network connection.",
-  errorProvider: "The transcription service could not continue.",
-  errorPolicyBlocked: "Workspace policy does not authorize voice input.",
-  errorTimeout: "Voice input took too long to start. Try again.",
-  errorCancelled: "Voice input was cancelled.",
+  errorUnavailable: "Voice input is not configured.",
+  errorTooLarge: "Recording is too large. Try a shorter message.",
+  errorInvalidAudio: "The recording could not be read. Try again.",
   errorUnknown: "Voice input could not start. Try again."
 };
+var WAVEFORM_BARS = 18;
+var WAVEFORM_BAR_KEYS = Array.from(
+  { length: WAVEFORM_BARS },
+  (_, index) => `voice-waveform-bar-${index + 1}`
+);
 function ComposerTranscriptionControl({
-  adapter,
-  policy,
-  selection,
+  client = null,
+  workspaceId = "",
+  capability = null,
+  workspaceEnabled = false,
   messages: overrides,
-  className,
-  lifecycleTimeouts,
-  onDiagnostic
+  className
 }) {
   const composer = useChatComposer();
   const messages = { ...defaultMessages, ...overrides };
-  const transcription = useTranscription({
-    adapter,
-    policy,
-    ...selection ? { selection } : {},
+  const transcription = useVoiceInput({
+    client,
+    workspaceId,
+    capability,
+    enabled: workspaceEnabled,
     value: composer.value,
     setValue: composer.setValue,
     focusInput: composer.focusInput,
-    disabled: composer.disabled,
-    lifecycleTimeouts,
-    onDiagnostic
+    disabled: composer.disabled
   });
-  const status = transcription.state.status;
-  const active = status === "requesting-permission" || status === "listening" || status === "reconnecting" || status === "cancelling";
-  const unavailableMessage = transcription.unavailableReason === "composer_disabled" ? messages.unavailableDisabled : transcription.unavailableReason === "adapter_missing" ? messages.unavailableAdapter : transcription.unavailableReason ? messages.unavailablePolicy : null;
-  const label = unavailableMessage ? unavailableMessage : status === "error" ? messages.retry : active ? messages.stop : messages.start;
-  const errorMessage3 = transcription.state.error ? transcriptionErrorMessage(transcription.state.error.code, messages) : null;
-  const announcement = transcription.state.partial || (status === "requesting-permission" ? messages.requestingPermission : status === "listening" ? messages.listening : status === "reconnecting" ? errorMessage3 ?? messages.reconnecting : status === "cancelling" ? messages.cancelling : status === "error" ? errorMessage3 ?? messages.errorUnknown : unavailableMessage);
-  function activate(event) {
-    if (unavailableMessage || status === "cancelling") {
+  const { status } = transcription;
+  const active = status === "requesting-permission" || status === "recording" || status === "transcribing";
+  const unavailableMessage = composer.disabled ? messages.unavailableDisabled : !capability?.available || !workspaceEnabled ? messages.unavailable : null;
+  const idleLabel = unavailableMessage ?? (status === "error" ? messages.retry : messages.start);
+  const errorMessage3 = transcription.error ? transcriptionErrorMessage(transcription.error, messages) : null;
+  const announcement = status === "requesting-permission" ? messages.requestingPermission : status === "recording" ? messages.recording : status === "transcribing" ? messages.transcribing : status === "error" ? errorMessage3 ?? messages.errorUnknown : unavailableMessage;
+  function start(event) {
+    if (unavailableMessage) {
       event.preventDefault();
       return;
     }
-    if (active) void transcription.cancel();
-    else void transcription.start();
+    void transcription.start();
   }
   return /* @__PURE__ */ jsxs4(
     "span",
@@ -2294,35 +2505,105 @@ function ComposerTranscriptionControl({
       className: cn("inline-flex min-w-0 items-center gap-1.5", className),
       "data-transcription-status": status,
       children: [
-        /* @__PURE__ */ jsx4(
-          "button",
+        /* @__PURE__ */ jsx4(AnimatePresence3, { mode: "popLayout", initial: false, children: active ? /* @__PURE__ */ jsxs4(
+          motion3.span,
+          {
+            initial: { opacity: 0, scale: 0.96 },
+            animate: { opacity: 1, scale: 1 },
+            exit: { opacity: 0, scale: 0.96 },
+            transition: { duration: 0.16, ease: [0.22, 1, 0.36, 1] },
+            className: cn(
+              "inline-flex h-8 items-center gap-1 rounded-og-md border border-og-border/80",
+              "bg-og-surface-2/70 pl-2 pr-1 pointer-coarse:h-11"
+            ),
+            children: [
+              status === "requesting-permission" ? /* @__PURE__ */ jsx4(
+                LoaderCircleIcon2,
+                {
+                  className: "size-3.5 shrink-0 text-og-fg-muted animate-og-spin motion-reduce:animate-none",
+                  "aria-hidden": true
+                }
+              ) : /* @__PURE__ */ jsxs4("span", { className: "flex items-center gap-1.5", children: [
+                status === "recording" ? /* @__PURE__ */ jsx4(
+                  "span",
+                  {
+                    "aria-hidden": true,
+                    className: "size-1.5 shrink-0 rounded-full bg-og-status-failed animate-og-pulse motion-reduce:animate-none"
+                  }
+                ) : null,
+                /* @__PURE__ */ jsx4(
+                  VoiceWaveform,
+                  {
+                    stream: status === "recording" ? transcription.stream : null,
+                    mode: status === "transcribing" ? "transcribing" : "recording"
+                  }
+                )
+              ] }),
+              status === "recording" ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
+                /* @__PURE__ */ jsx4(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => transcription.cancel(),
+                    "aria-label": messages.cancel,
+                    "aria-keyshortcuts": "Escape",
+                    title: messages.cancel,
+                    className: cn(
+                      "inline-flex size-7 shrink-0 items-center justify-center rounded-og-sm",
+                      "text-og-fg-muted transition-colors duration-150 motion-reduce:transition-none",
+                      "hover:bg-og-surface-3 hover:text-og-fg pointer-coarse:size-9"
+                    ),
+                    children: /* @__PURE__ */ jsx4(XIcon2, { className: "size-3.5" })
+                  }
+                ),
+                /* @__PURE__ */ jsx4(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => transcription.stop(),
+                    "aria-label": messages.stop,
+                    title: messages.stop,
+                    className: cn(
+                      "inline-flex size-7 shrink-0 items-center justify-center rounded-og-sm",
+                      "bg-og-fg text-og-bg transition-colors duration-150 motion-reduce:transition-none",
+                      "hover:bg-og-fg-muted pointer-coarse:size-9"
+                    ),
+                    children: /* @__PURE__ */ jsx4(SquareIcon, { className: "size-2.5 fill-current" })
+                  }
+                )
+              ] }) : status === "transcribing" ? /* @__PURE__ */ jsx4("span", { className: "og-shimmer-text px-1.5 text-og-xs font-medium whitespace-nowrap", children: messages.transcribing }) : /* @__PURE__ */ jsx4("span", { className: "px-1.5 text-og-xs text-og-fg-muted whitespace-nowrap", children: messages.requestingPermission })
+            ]
+          },
+          status === "transcribing" ? "transcribing" : "capture"
+        ) : /* @__PURE__ */ jsx4(
+          motion3.button,
           {
             type: "button",
-            onClick: activate,
-            "aria-label": label,
-            "aria-pressed": active,
-            "aria-disabled": unavailableMessage !== null || status === "cancelling",
-            "aria-keyshortcuts": active ? "Escape" : void 0,
-            title: label,
+            initial: { opacity: 0, scale: 0.96 },
+            animate: { opacity: 1, scale: 1 },
+            exit: { opacity: 0, scale: 0.96 },
+            transition: { duration: 0.14, ease: [0.22, 1, 0.36, 1] },
+            onClick: start,
+            "aria-label": idleLabel,
+            "aria-pressed": false,
+            "aria-disabled": unavailableMessage !== null,
+            title: idleLabel,
             className: cn(
               "inline-flex size-8 shrink-0 items-center justify-center rounded-og-md pointer-coarse:size-11",
               "text-og-fg-muted transition-colors duration-150 motion-reduce:transition-none",
-              unavailableMessage ? "cursor-not-allowed opacity-45" : status === "cancelling" ? "cursor-not-allowed" : "hover:bg-og-surface-2 hover:text-og-fg",
-              status === "listening" && "bg-og-status-failed/10 text-og-status-failed"
+              unavailableMessage ? "cursor-not-allowed opacity-45" : "hover:bg-og-surface-2 hover:text-og-fg"
             ),
-            children: status === "requesting-permission" || status === "cancelling" ? /* @__PURE__ */ jsx4(LoaderCircleIcon2, { className: "size-4 animate-og-spin motion-reduce:animate-none" }) : status === "reconnecting" ? /* @__PURE__ */ jsx4(RotateCwIcon2, { className: "size-4 animate-og-spin motion-reduce:animate-none" }) : active ? /* @__PURE__ */ jsx4(SquareIcon, { className: "size-3.5 fill-current" }) : /* @__PURE__ */ jsx4(MicIcon, { className: "size-4" })
-          }
-        ),
-        announcement && (active || status === "error") ? /* @__PURE__ */ jsx4(
+            children: /* @__PURE__ */ jsx4(MicIcon, { className: "size-4" })
+          },
+          "idle"
+        ) }),
+        status === "error" && errorMessage3 ? /* @__PURE__ */ jsx4(
           "span",
           {
             "aria-hidden": "true",
-            title: announcement,
-            className: cn(
-              "max-w-48 truncate text-og-xs text-og-fg-muted max-sm:max-w-28",
-              status === "error" && "text-og-status-failed"
-            ),
-            children: announcement
+            title: errorMessage3,
+            className: "max-w-40 truncate text-og-xs text-og-status-failed max-sm:max-w-24",
+            children: errorMessage3
           }
         ) : null,
         /* @__PURE__ */ jsx4("span", { className: "sr-only", role: status === "error" ? "alert" : "status", "aria-live": "polite", children: announcement })
@@ -2330,28 +2611,116 @@ function ComposerTranscriptionControl({
     }
   );
 }
+function VoiceWaveform({
+  stream,
+  mode
+}) {
+  const [levels, setLevels] = useState5(() => restingLevels(WAVEFORM_BARS));
+  const [live, setLive] = useState5(false);
+  useEffect4(() => {
+    if (!stream || mode !== "recording") {
+      setLive(false);
+      setLevels(restingLevels(WAVEFORM_BARS));
+      return;
+    }
+    const AudioCtx = window.AudioContext ?? window.webkitAudioContext;
+    if (!AudioCtx) return;
+    let cancelled = false;
+    let frame = 0;
+    let context = null;
+    try {
+      context = new AudioCtx();
+      const source = context.createMediaStreamSource(stream);
+      const analyser = context.createAnalyser();
+      analyser.fftSize = 64;
+      analyser.smoothingTimeConstant = 0.8;
+      source.connect(analyser);
+      const bins = new Uint8Array(analyser.frequencyBinCount);
+      const tick = () => {
+        if (cancelled) return;
+        analyser.getByteFrequencyData(bins);
+        const next = new Array(WAVEFORM_BARS);
+        const usable = Math.max(8, Math.floor(bins.length * 0.65));
+        for (let i = 0; i < WAVEFORM_BARS; i++) {
+          const start = Math.floor(i / WAVEFORM_BARS * usable);
+          const end = Math.max(start + 1, Math.floor((i + 1) / WAVEFORM_BARS * usable));
+          let sum = 0;
+          for (let j = start; j < end; j++) sum += bins[j] ?? 0;
+          const avg = sum / (end - start) / 255;
+          next[i] = Math.min(1, 0.14 + avg * 1.65);
+        }
+        setLevels(next);
+        setLive(true);
+        frame = requestAnimationFrame(tick);
+      };
+      void context.resume().then(() => {
+        if (!cancelled) frame = requestAnimationFrame(tick);
+      });
+    } catch {
+      setLive(false);
+    }
+    return () => {
+      cancelled = true;
+      cancelAnimationFrame(frame);
+      void context?.close();
+    };
+  }, [stream, mode]);
+  return /* @__PURE__ */ jsx4(
+    "span",
+    {
+      "aria-hidden": true,
+      "data-voice-waveform": live ? "live" : "fallback",
+      className: "flex h-4 w-[3.75rem] items-center justify-center gap-px",
+      children: WAVEFORM_BAR_KEYS.map((key, index) => {
+        const level = levels[index] ?? 0;
+        return /* @__PURE__ */ jsx4(
+          "span",
+          {
+            className: cn(
+              "w-0.5 rounded-full bg-og-fg-muted/90 origin-center",
+              !live && "animate-og-waveform motion-reduce:animate-none",
+              mode === "transcribing" && "opacity-45"
+            ),
+            style: {
+              height: live ? `${Math.max(3, Math.round(level * 14))}px` : "14px",
+              animationDelay: live ? void 0 : `${index % 9 * 0.07}s`,
+              opacity: live ? 0.55 + level * 0.45 : void 0
+            }
+          },
+          key
+        );
+      })
+    }
+  );
+}
+function restingLevels(count) {
+  return Array.from({ length: count }, (_, index) => 0.22 + index * 17 % 5 * 0.06);
+}
 function transcriptionErrorMessage(code, messages) {
   switch (code) {
     case "permission_denied":
       return messages.errorPermissionDenied;
     case "not_supported":
       return messages.errorNotSupported;
-    case "network":
-      return messages.errorNetwork;
-    case "provider":
-      return messages.errorProvider;
-    case "policy_blocked":
-      return messages.errorPolicyBlocked;
-    case "timeout":
-      return messages.errorTimeout;
-    case "cancelled":
-      return messages.errorCancelled;
+    case "unavailable":
+      return messages.errorUnavailable;
+    case "too_large":
+      return messages.errorTooLarge;
+    case "invalid_audio":
+      return messages.errorInvalidAudio;
     case "unknown":
       return messages.errorUnknown;
+    default:
+      return messages.errorUnknown;
   }
 }
 
 export {
+  INITIAL_TRANSCRIPTION_CONTROL_STATE,
+  transitionTranscriptionControl,
+  appendFinalTranscript,
+  useTranscription,
+  useVoiceInput,
   parseCommandLine,
   hasPermission,
   matchCommand,
@@ -2385,10 +2754,6 @@ export {
   SendButton,
   Help,
   Status,
-  INITIAL_TRANSCRIPTION_CONTROL_STATE,
-  transitionTranscriptionControl,
-  appendFinalTranscript,
-  useTranscription,
   ComposerTranscriptionControl
 };
-//# sourceMappingURL=chunk-IPVOVOW6.js.map
+//# sourceMappingURL=chunk-MS3FBZ6A.js.map