@tangle-network/agent-app 0.45.28 → 0.45.30

package/dist/chat-react/index.d.ts

@@ -1,150 +1,24 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { AgentSessionProfileControl, ReasoningLevel, AgentComposer } from '@tangle-network/sandbox-ui/chat';
-export { AgentProfileCapability, AgentProfileDraft, AgentProfileOption, ReasoningLevel } from '@tangle-network/sandbox-ui/chat';
-import { ModelInfo, HarnessType } from '@tangle-network/sandbox-ui/dashboard';
-export { HarnessType, ModelInfo } from '@tangle-network/sandbox-ui/dashboard';
-import { ReasoningEffort } from '@tangle-network/agent-interface';
-export { ReasoningEffort } from '@tangle-network/agent-interface';
-import { U as UseFileMentionsResult } from '../use-file-mentions-CZ-Ua_sb.js';
+import { AgentComposer } from '@tangle-network/sandbox-ui/chat';
+import { A as AgentSessionControlsProps, U as UseFileMentionsResult } from '../agent-session-controls-BwImzYKC.js';
 import { b as ChatAttachmentInput, F as FileMention } from '../wire-DOZ-O6hD.js';
+import '../harness/index.js';
+import '@tangle-network/agent-interface';
+import '../catalog/index.js';
 
 /**
- * The vocabulary the composer surfaces speak, re-exported from the packages that
- * OWN it rather than redefined here — a second spelling of `HarnessType` is how
- * two products end up disagreeing about what a backend is called.
- *
- * `HarnessType` is agent-interface's enum surfaced through sandbox-ui's picker;
- * `ReasoningLevel` is sandbox-ui's `auto | ReasoningEffort` union.
+ * The plan-mode toggle state an entry surface docks beside the composer. The
+ * agent-identity pickers (model / harness / effort) speak the canonical
+ * `AgentSessionControls` vocabulary from `../web-react` — see "UI chrome
+ * ownership (picker canon)" in AGENTS.md.
  */
-
 interface ComposerPlanModeSelection {
     enabled: boolean;
     setEnabled: (next: boolean) => void;
     saving?: boolean;
 }
 
-/**
- * The model half of the composer's agent identity. `models` is the catalog the
- * picker renders; `value` may be a bare or a canonical (provider-prefixed) id —
- * the adapter maps it to canonical form for the picker and hands the canonical
- * id back to `onChange`, so a product that stores bare ids only has to accept
- * canonical ones in its setter.
- */
-interface ComposerModelSelection {
-    value: string;
-    onChange: (next: string) => void;
-    models: ModelInfo[];
-    loading?: boolean;
-    disabled?: boolean;
-}
-interface ComposerHarnessSelection {
-    value: HarnessType;
-    onChange: (next: HarnessType) => void;
-    /** Restrict the offered backends. Omit to take the context default. */
-    available?: ReadonlyArray<HarnessType>;
-    disabled?: boolean;
-    /**
-     * A thread's sidecar session is pinned to one harness at its first message,
-     * so once the thread has messages the picker locks. With `onNewChat` the
-     * locked chip becomes the informative lock (explains the binding + a button
-     * to start a fresh session on another backend).
-     */
-    locked?: boolean;
-    lockReason?: string;
-    onNewChat?: () => void;
-}
-interface ComposerEffortSelection {
-    value: ReasoningLevel;
-    onChange: (next: ReasoningLevel) => void;
-    /**
-     * Depths this product's backend actually applies. Omit for the default set.
-     * `auto` is NOT a member: the picker adds that sentinel itself, so listing it
-     * here would offer it twice.
-     */
-    available?: ReadonlyArray<ReasoningEffort>;
-    disabled?: boolean;
-}
-/**
- * A selectable named bundle of persona and tool groups. The product resolves
- * the selected id to the runtime AgentProfile before creating or continuing a
- * session; the composer only needs the display catalog and persistence hooks.
- */
-type ComposerProfileSelection = AgentSessionProfileControl;
-interface ComposerAgentControlsProps {
-    model: ComposerModelSelection;
-    /** Omit on a router-backed composer: a direct model call has no CLI backend,
-     *  so the picker would be inert. Model + effort still render. */
-    harness?: ComposerHarnessSelection;
-    /** Universal named agent profile: persona + tool groups, independent of backend. */
-    profile?: ComposerProfileSelection;
-    effort?: ComposerEffortSelection;
-    className?: string;
-    /**
-     * Which surface the controls live on. `'chat'` (the default) drops the
-     * shell-only `cli-base` backend — it has no conversational agent — and tells
-     * the shared control to use its chat-only default set. It also drops models
-     * that cannot serve a text turn (image / TTS / embedding / audio-in) from
-     * the model picker. `'all'` keeps every backend and every model for non-chat
-     * / scheduled surfaces.
-     */
-    context?: 'chat' | 'all';
-    /**
-     * Trigger layout. `'responsive'` (the default) lays the pickers out in a
-     * row on wider screens and uses a compact gear on narrow screens. `'combined'`
-     * collapses the pickers behind one
-     * labeled trigger reading the current selection (`harness · model · effort`).
-     * `'gear'` uses an anonymous gear icon instead of the label; `'inline'` lays
-     * the pickers out in a row. `'responsive'` uses the labeled trigger on wider
-     * screens and the compact gear on narrow screens so Send stays reachable.
-     */
-    layout?: 'inline' | 'gear' | 'combined' | 'responsive';
-    /**
-     * Where the pickers open. `'down'` pins them downward for a composer floating
-     * in open space (the centered entry surface) so a tall menu can't flip up over
-     * the heading. Defaults to `'auto'` (collision-aware).
-     */
-    menuPlacement?: 'auto' | 'down';
-    /**
-     * Restrict the model catalog to what the selected harness can run instead of
-     * letting an incompatible model snap the harness. ON by default: a workspace
-     * harness is sandbox-bound, and a silent swap tears down and recreates the
-     * sandbox. Turn OFF only on a model-first surface with no bound sandbox.
-     */
-    filterModelsToHarness?: boolean;
-}
-/**
- * The composer's agent-identity control: profile, backend, model, and
- * reasoning effort, over sandbox-ui's `AgentSessionControls`.
- *
- * This is an ADAPTER, not a second implementation. sandbox-ui owns the control
- * and the harness↔model coherence policy (the catalog is filtered to the
- * selected harness, the effort re-clamps to what the harness/model pair
- * supports, and a harness that ignores a picker is marked with its dead control
- * disabled). What lives here is the app-shell wiring every product otherwise
- * re-derives:
- *
- *  - MODEL-ID BOUNDARY. Products store bare ids (what a chat send body expects)
- *    while the picker matches on canonical provider-prefixed ids. The canonical
- *    form goes in; the canonical id comes back out to `onChange`.
- *  - HARNESS-SNAP SUPPRESSION. The shared control snaps the model whenever the
- *    harness changes, calling the model `onChange` synchronously with a default
- *    compatible model. A product that remembers a per-harness pick must ignore
- *    that snap, or it both discards the remembered pick and persists it under
- *    the wrong harness's key. The guard is armed for exactly the synchronous
- *    window of a harness change and disarmed on the next microtask, so it can
- *    never stay stuck — a later genuine pick is never swallowed, even when the
- *    harness change was a no-op.
- *  - CHAT-CONTEXT TRIM. On a chat surface, `cli-base` never reaches the harness
- *    picker and a non-chat model never reaches the model picker. Products feed
- *    the picker the router's raw model list, where 35 of 504 entries (image,
- *    TTS, embeddings, audio-in transcription) cannot serve a chat turn at all.
- *
- * Behavioral modes (a plan toggle) are NOT agent identity and do not belong
- * here — they dock on the other side of the composer via `controls`.
- */
-declare function ComposerAgentControls({ model, harness, profile, effort, className, context, layout, menuPlacement, filterModelsToHarness, }: ComposerAgentControlsProps): react.JSX.Element;
-
 interface EntryComposerProps {
     /** The one line above the input. Domain copy — always a product parameter. */
     heading?: ReactNode;
@@ -155,12 +29,18 @@ interface EntryComposerProps {
     sendLabel?: string;
     disabled?: boolean;
     /**
-     * Agent identity (profile/backend/model/effort). Pass it and the control row renders;
+     * Agent identity (backend/model/effort). Pass it and the control row renders;
      * omit it and the composer ships without one. Omitting is a real choice for a
      * surface with nothing to choose — it should never be an oversight, which is
      * why this is one prop rather than a free-form slot a caller can forget.
+     *
+     * This is the CANONICAL picker cluster: `AgentSessionControls` from
+     * `/web-react` (its model menu IS the canonical `ModelPicker`). The legacy
+     * sandbox-ui adapter that used to back this prop was removed; the props
+     * mapping for migrating a stored selection lives in
+     * `docs/ui-picker-canon.md`.
      */
-    agent?: ComposerAgentControlsProps;
+    agent?: AgentSessionControlsProps;
     /**
      * Product-specific behavioral controls docked on the LEFT. A mode is an
      * on/off switch, not a value picker, so it sits apart from agent identity.
@@ -221,8 +101,8 @@ interface EntryComposerProps {
  * themselves.
  *
  * The docked in-thread composer is NOT this component — it renders
- * `AgentComposer` directly with the same {@link ComposerAgentControls}, because
- * a docked composer has a transcript above it and no hero layout.
+ * `AgentComposer` directly with the same canonical `AgentSessionControls`,
+ * because a docked composer has a transcript above it and no hero layout.
  */
 declare function EntryComposer({ heading, subheading, placeholder, initialValue, sendLabel, disabled, agent, modes, planMode, uploadUrl, accept, onAttachmentError, onRejectFiles, mentions, mentionPopoverClassName, footer, ready, onSubmit, className, composerClassName, maxWidth, }: EntryComposerProps): react.JSX.Element;
 
@@ -240,4 +120,4 @@ interface ComposerModeControlsProps {
  */
 declare function ComposerModeControls({ planMode }: ComposerModeControlsProps): react.JSX.Element | null;
 
-export { ComposerAgentControls, type ComposerAgentControlsProps, type ComposerEffortSelection, type ComposerHarnessSelection, ComposerModeControls, type ComposerModeControlsProps, type ComposerModelSelection, type ComposerPlanModeSelection, type ComposerProfileSelection, EntryComposer, type EntryComposerProps };
+export { ComposerModeControls, type ComposerModeControlsProps, type ComposerPlanModeSelection, EntryComposer, type EntryComposerProps };

package/dist/chat-react/index.js

@@ -1,129 +1,12 @@
 import {
+  AgentSessionControls,
   useComposerAttachments
-} from "../chunk-E4DHYENH.js";
+} from "../chunk-L7FHRORY.js";
 import {
   ATTACHMENT_ACCEPT
 } from "../chunk-CCVG2TL6.js";
 import "../chunk-KWXUBMXU.js";
-import {
-  isChatCapableModel
-} from "../chunk-OAGD7RDM.js";
-
-// src/chat-react/composer-agent-controls.tsx
-import { useCallback, useMemo, useRef } from "react";
-import {
-  AgentSessionControls
-} from "@tangle-network/sandbox-ui/chat";
-import { canonicalModelId } from "@tangle-network/sandbox-ui/dashboard";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function harnessesForContext(available, context) {
-  if (!available) return available;
-  if (context !== "chat") return available;
-  return available.filter((h) => h !== "cli-base");
-}
-function modelsForContext(models, selectedId, context) {
-  if (context !== "chat") return models;
-  return models.filter(
-    (m) => m.id === selectedId || canonicalModelId(m) === selectedId || isChatCapableModel(m)
-  );
-}
-function ComposerAgentControls({
-  model,
-  harness,
-  profile,
-  effort,
-  className,
-  context = "chat",
-  layout = "responsive",
-  menuPlacement,
-  filterModelsToHarness = true
-}) {
-  const canonicalSelected = useMemo(() => {
-    const selected = model.models.find((m) => m.id === model.value);
-    if (selected) return canonicalModelId(selected);
-    return model.value;
-  }, [model.value, model.models]);
-  const offeredModels = useMemo(
-    () => modelsForContext(model.models, model.value, context),
-    [model.models, model.value, context]
-  );
-  const harnessSwitching = useRef(false);
-  const harnessOnChange = harness?.onChange;
-  const onHarnessChange = useCallback(
-    (next) => {
-      harnessSwitching.current = true;
-      harnessOnChange?.(next);
-      queueMicrotask(() => {
-        harnessSwitching.current = false;
-      });
-    },
-    [harnessOnChange]
-  );
-  const modelOnChange = model.onChange;
-  const onModelChange = useCallback(
-    (canonical) => {
-      if (harnessSwitching.current) return;
-      modelOnChange(canonical);
-    },
-    [modelOnChange]
-  );
-  const sharedProps = {
-    context,
-    menuPlacement,
-    filterModelsToHarness,
-    model: {
-      value: canonicalSelected,
-      onChange: onModelChange,
-      models: offeredModels,
-      loading: model.loading,
-      disabled: model.disabled
-    },
-    harness: harness ? {
-      value: harness.value,
-      onChange: onHarnessChange,
-      available: harnessesForContext(harness.available, context),
-      disabled: harness.disabled,
-      locked: harness.locked,
-      lockReason: harness.lockReason,
-      onNewChat: harness.onNewChat
-    } : void 0,
-    profile,
-    reasoning: effort ? {
-      value: effort.value,
-      onChange: effort.onChange,
-      available: effort.available,
-      disabled: effort.disabled
-    } : void 0
-  };
-  if (layout === "responsive") {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        AgentSessionControls,
-        {
-          ...sharedProps,
-          className: className ? `hidden sm:flex ${className}` : "hidden sm:flex",
-          layout: "inline"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        AgentSessionControls,
-        {
-          ...sharedProps,
-          className: className ? `flex sm:hidden ${className}` : "flex sm:hidden",
-          layout: "gear"
-        }
-      )
-    ] });
-  }
-  return /* @__PURE__ */ jsx(
-    AgentSessionControls,
-    {
-      className,
-      ...sharedProps,
-      layout
-    }
-  );
-}
+import "../chunk-TH7L265V.js";
 
 // src/chat-react/entry-composer.tsx
 import { useState } from "react";
@@ -132,10 +15,10 @@ import { AgentComposer } from "@tangle-network/sandbox-ui/chat";
 // src/chat-react/composer-mode-controls.tsx
 import { ListChecks } from "lucide-react";
 import { cn } from "@tangle-network/sandbox-ui/utils";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 function ComposerModeControls({ planMode }) {
   if (!planMode) return null;
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs(
     "button",
     {
       type: "button",
@@ -152,7 +35,7 @@ function ComposerModeControls({ planMode }) {
         planMode.saving && "opacity-60"
       ),
       children: [
-        /* @__PURE__ */ jsx2(ListChecks, { className: "h-3.5 w-3.5" }),
+        /* @__PURE__ */ jsx(ListChecks, { className: "h-3.5 w-3.5" }),
         "Plan"
       ]
     }
@@ -160,7 +43,7 @@ function ComposerModeControls({ planMode }) {
 }
 
 // src/chat-react/entry-composer.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function EntryComposer({
   heading,
   subheading,
@@ -204,14 +87,14 @@ function EntryComposer({
     attachments.clear();
     mentions?.clearMentions();
   }
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx2(
     "div",
     {
       className: className ?? "relative flex flex-1 flex-col items-center justify-center overflow-hidden bg-background px-5",
-      children: /* @__PURE__ */ jsxs3("div", { className: "w-full", style: { maxWidth }, children: [
-        heading ? /* @__PURE__ */ jsx3("h2", { className: "mb-4 text-center text-[1.75rem] font-medium tracking-tight text-foreground", children: heading }) : null,
-        subheading ? /* @__PURE__ */ jsx3("p", { className: "mx-auto mb-9 max-w-md text-center text-sm leading-relaxed text-muted-foreground", children: subheading }) : heading ? /* @__PURE__ */ jsx3("div", { className: "mb-7" }) : null,
-        /* @__PURE__ */ jsx3(
+      children: /* @__PURE__ */ jsxs2("div", { className: "w-full", style: { maxWidth }, children: [
+        heading ? /* @__PURE__ */ jsx2("h2", { className: "mb-4 text-center text-[1.75rem] font-medium tracking-tight text-foreground", children: heading }) : null,
+        subheading ? /* @__PURE__ */ jsx2("p", { className: "mx-auto mb-9 max-w-md text-center text-sm leading-relaxed text-muted-foreground", children: subheading }) : heading ? /* @__PURE__ */ jsx2("div", { className: "mb-7" }) : null,
+        /* @__PURE__ */ jsx2(
           AgentComposer,
           {
             className: composerClassName ?? "vt-composer",
@@ -236,17 +119,16 @@ function EntryComposer({
               // brighter overlay tone the component defaults to.
               popoverClassName: mentionPopoverClassName ?? "bg-surface-container-low border-[var(--md3-outline-variant)]"
             } : void 0,
-            controls: modes ?? /* @__PURE__ */ jsx3(ComposerModeControls, { planMode }),
-            trailing: agent ? /* @__PURE__ */ jsx3(ComposerAgentControls, { menuPlacement: "down", ...agent }) : void 0
+            controls: modes ?? /* @__PURE__ */ jsx2(ComposerModeControls, { planMode }),
+            trailing: agent ? /* @__PURE__ */ jsx2(AgentSessionControls, { ...agent }) : void 0
           }
         ),
-        footer ? /* @__PURE__ */ jsx3("div", { className: "mt-7", children: footer }) : null
+        footer ? /* @__PURE__ */ jsx2("div", { className: "mt-7", children: footer }) : null
       ] })
     }
   );
 }
 export {
-  ComposerAgentControls,
   ComposerModeControls,
   EntryComposer
 };

package/dist/chat-react/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/chat-react/composer-agent-controls.tsx","../../src/chat-react/entry-composer.tsx","../../src/chat-react/composer-mode-controls.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef } from 'react'\nimport {\n  AgentSessionControls,\n  type AgentSessionProfileControl,\n} from '@tangle-network/sandbox-ui/chat'\nimport { canonicalModelId } from '@tangle-network/sandbox-ui/dashboard'\nimport type { ModelInfo } from '@tangle-network/sandbox-ui/dashboard'\n// Browser-safe: model-catalog.ts imports nothing. Taken from the source module\n// rather than the `/catalog` subpath so this stays one build graph.\nimport { isChatCapableModel, type RouterModel } from '../runtime/model-catalog'\nimport type { HarnessType, ReasoningEffort, ReasoningLevel } from './types'\n\n/**\n * The model half of the composer's agent identity. `models` is the catalog the\n * picker renders; `value` may be a bare or a canonical (provider-prefixed) id —\n * the adapter maps it to canonical form for the picker and hands the canonical\n * id back to `onChange`, so a product that stores bare ids only has to accept\n * canonical ones in its setter.\n */\nexport interface ComposerModelSelection {\n  value: string\n  onChange: (next: string) => void\n  models: ModelInfo[]\n  loading?: boolean\n  disabled?: boolean\n}\n\nexport interface ComposerHarnessSelection {\n  value: HarnessType\n  onChange: (next: HarnessType) => void\n  /** Restrict the offered backends. Omit to take the context default. */\n  available?: ReadonlyArray<HarnessType>\n  disabled?: boolean\n  /**\n   * A thread's sidecar session is pinned to one harness at its first message,\n   * so once the thread has messages the picker locks. With `onNewChat` the\n   * locked chip becomes the informative lock (explains the binding + a button\n   * to start a fresh session on another backend).\n   */\n  locked?: boolean\n  lockReason?: string\n  onNewChat?: () => void\n}\n\nexport interface ComposerEffortSelection {\n  value: ReasoningLevel\n  onChange: (next: ReasoningLevel) => void\n  /**\n   * Depths this product's backend actually applies. Omit for the default set.\n   * `auto` is NOT a member: the picker adds that sentinel itself, so listing it\n   * here would offer it twice.\n   */\n  available?: ReadonlyArray<ReasoningEffort>\n  disabled?: boolean\n}\n\n/**\n * A selectable named bundle of persona and tool groups. The product resolves\n * the selected id to the runtime AgentProfile before creating or continuing a\n * session; the composer only needs the display catalog and persistence hooks.\n */\nexport type ComposerProfileSelection = AgentSessionProfileControl\n\nexport interface ComposerAgentControlsProps {\n  model: ComposerModelSelection\n  /** Omit on a router-backed composer: a direct model call has no CLI backend,\n   *  so the picker would be inert. Model + effort still render. */\n  harness?: ComposerHarnessSelection\n  /** Universal named agent profile: persona + tool groups, independent of backend. */\n  profile?: ComposerProfileSelection\n  effort?: ComposerEffortSelection\n  className?: string\n  /**\n   * Which surface the controls live on. `'chat'` (the default) drops the\n   * shell-only `cli-base` backend — it has no conversational agent — and tells\n   * the shared control to use its chat-only default set. It also drops models\n   * that cannot serve a text turn (image / TTS / embedding / audio-in) from\n   * the model picker. `'all'` keeps every backend and every model for non-chat\n   * / scheduled surfaces.\n   */\n  context?: 'chat' | 'all'\n  /**\n   * Trigger layout. `'responsive'` (the default) lays the pickers out in a\n   * row on wider screens and uses a compact gear on narrow screens. `'combined'`\n   * collapses the pickers behind one\n   * labeled trigger reading the current selection (`harness · model · effort`).\n   * `'gear'` uses an anonymous gear icon instead of the label; `'inline'` lays\n   * the pickers out in a row. `'responsive'` uses the labeled trigger on wider\n   * screens and the compact gear on narrow screens so Send stays reachable.\n   */\n  layout?: 'inline' | 'gear' | 'combined' | 'responsive'\n  /**\n   * Where the pickers open. `'down'` pins them downward for a composer floating\n   * in open space (the centered entry surface) so a tall menu can't flip up over\n   * the heading. Defaults to `'auto'` (collision-aware).\n   */\n  menuPlacement?: 'auto' | 'down'\n  /**\n   * Restrict the model catalog to what the selected harness can run instead of\n   * letting an incompatible model snap the harness. ON by default: a workspace\n   * harness is sandbox-bound, and a silent swap tears down and recreates the\n   * sandbox. Turn OFF only on a model-first surface with no bound sandbox.\n   */\n  filterModelsToHarness?: boolean\n}\n\n/**\n * The chat copilot must never offer `cli-base`: it is a shell-only backend with\n * no conversational agent. sandbox-ui's `context='chat'` drops it from the\n * default set, but an explicit `available` list (a plan-filtered one may include\n * `cli-base`) overrides that trim. So strip it here at the data layer whenever\n * the surface is chat — no `cli-base` ever reaches render.\n */\nfunction harnessesForContext(\n  available: ReadonlyArray<HarnessType> | undefined,\n  context: 'chat' | 'all',\n): ReadonlyArray<HarnessType> | undefined {\n  if (!available) return available\n  if (context !== 'chat') return available\n  return available.filter((h) => h !== 'cli-base')\n}\n\n/**\n * The model-side twin of the harness trim above. Products hand the picker the\n * router's raw `/v1/models`, which lists every routeable endpoint — image\n * generators, TTS voices, embedding models, audio-in transcription. None of\n * them can serve a chat turn, and on the live catalogue that is 35 of 504\n * entries a user could pick and get a broken turn from.\n *\n * `context: 'all'` keeps the full list for non-chat surfaces.\n *\n * The selected model is never filtered out, whatever its modalities say: a\n * product may deliberately pin something exotic, and a picker whose own value\n * is missing from its list renders as blank.\n *\n * That escape hatch has to recognise BOTH spellings of the id. A product stores\n * whatever `onChange` handed it, and `onChange` hands back the canonical\n * provider-prefixed form — so a selection pinned before this trim existed is\n * stored as `openai/gpt-image-1` while the catalog entry's own `id` is the bare\n * `gpt-image-1`. Matching only the bare form drops exactly the model the guard\n * exists to keep, and the picker renders unset, which reads as data loss.\n */\nfunction modelsForContext(\n  models: ModelInfo[],\n  selectedId: string,\n  context: 'chat' | 'all',\n): ModelInfo[] {\n  if (context !== 'chat') return models\n  return models.filter(\n    (m) =>\n      m.id === selectedId ||\n      canonicalModelId(m) === selectedId ||\n      isChatCapableModel(m as unknown as RouterModel),\n  )\n}\n\n/**\n * The composer's agent-identity control: profile, backend, model, and\n * reasoning effort, over sandbox-ui's `AgentSessionControls`.\n *\n * This is an ADAPTER, not a second implementation. sandbox-ui owns the control\n * and the harness↔model coherence policy (the catalog is filtered to the\n * selected harness, the effort re-clamps to what the harness/model pair\n * supports, and a harness that ignores a picker is marked with its dead control\n * disabled). What lives here is the app-shell wiring every product otherwise\n * re-derives:\n *\n *  - MODEL-ID BOUNDARY. Products store bare ids (what a chat send body expects)\n *    while the picker matches on canonical provider-prefixed ids. The canonical\n *    form goes in; the canonical id comes back out to `onChange`.\n *  - HARNESS-SNAP SUPPRESSION. The shared control snaps the model whenever the\n *    harness changes, calling the model `onChange` synchronously with a default\n *    compatible model. A product that remembers a per-harness pick must ignore\n *    that snap, or it both discards the remembered pick and persists it under\n *    the wrong harness's key. The guard is armed for exactly the synchronous\n *    window of a harness change and disarmed on the next microtask, so it can\n *    never stay stuck — a later genuine pick is never swallowed, even when the\n *    harness change was a no-op.\n *  - CHAT-CONTEXT TRIM. On a chat surface, `cli-base` never reaches the harness\n *    picker and a non-chat model never reaches the model picker. Products feed\n *    the picker the router's raw model list, where 35 of 504 entries (image,\n *    TTS, embeddings, audio-in transcription) cannot serve a chat turn at all.\n *\n * Behavioral modes (a plan toggle) are NOT agent identity and do not belong\n * here — they dock on the other side of the composer via `controls`.\n */\nexport function ComposerAgentControls({\n  model,\n  harness,\n  profile,\n  effort,\n  className,\n  context = 'chat',\n  layout = 'responsive',\n  menuPlacement,\n  filterModelsToHarness = true,\n}: ComposerAgentControlsProps) {\n  const canonicalSelected = useMemo(() => {\n    const selected = model.models.find((m) => m.id === model.value)\n    if (selected) return canonicalModelId(selected)\n    // Already canonical, or the catalog has not loaded — pass through unchanged\n    // so a provider-prefixed id still matches once models arrive.\n    return model.value\n  }, [model.value, model.models])\n\n  const offeredModels = useMemo(\n    () => modelsForContext(model.models, model.value, context),\n    [model.models, model.value, context],\n  )\n\n  const harnessSwitching = useRef(false)\n  const harnessOnChange = harness?.onChange\n  const onHarnessChange = useCallback(\n    (next: HarnessType) => {\n      harnessSwitching.current = true\n      harnessOnChange?.(next)\n      queueMicrotask(() => {\n        harnessSwitching.current = false\n      })\n    },\n    [harnessOnChange],\n  )\n\n  const modelOnChange = model.onChange\n  const onModelChange = useCallback(\n    (canonical: string) => {\n      if (harnessSwitching.current) return\n      modelOnChange(canonical)\n    },\n    [modelOnChange],\n  )\n\n  const sharedProps = {\n    context,\n    menuPlacement,\n    filterModelsToHarness,\n    model: {\n      value: canonicalSelected,\n      onChange: onModelChange,\n      models: offeredModels,\n      loading: model.loading,\n      disabled: model.disabled,\n    },\n    harness: harness\n      ? {\n          value: harness.value,\n          onChange: onHarnessChange,\n          available: harnessesForContext(harness.available, context),\n          disabled: harness.disabled,\n          locked: harness.locked,\n          lockReason: harness.lockReason,\n          onNewChat: harness.onNewChat,\n        }\n      : undefined,\n    profile,\n    reasoning: effort\n      ? {\n          value: effort.value,\n          onChange: effort.onChange,\n          available: effort.available,\n          disabled: effort.disabled,\n        }\n      : undefined,\n  }\n\n  if (layout === 'responsive') {\n    return (\n      <>\n        <AgentSessionControls\n          {...sharedProps}\n          className={className ? `hidden sm:flex ${className}` : 'hidden sm:flex'}\n          layout=\"inline\"\n        />\n        <AgentSessionControls\n          {...sharedProps}\n          className={className ? `flex sm:hidden ${className}` : 'flex sm:hidden'}\n          layout=\"gear\"\n        />\n      </>\n    )\n  }\n\n  return (\n    <AgentSessionControls\n      className={className}\n      {...sharedProps}\n      layout={layout}\n    />\n  )\n}\n","import { useState, type ReactNode } from 'react'\nimport { AgentComposer } from '@tangle-network/sandbox-ui/chat'\nimport { ATTACHMENT_ACCEPT, useComposerAttachments } from '../web-react/use-composer-attachments'\nimport type { UseFileMentionsResult } from '../web-react/use-file-mentions'\nimport type { ChatAttachmentInput, FileMention } from '../chat-routes/wire'\nimport {\n  ComposerAgentControls,\n  type ComposerAgentControlsProps,\n} from './composer-agent-controls'\nimport { ComposerModeControls } from './composer-mode-controls'\nimport type { ComposerPlanModeSelection } from './types'\n\nexport interface EntryComposerProps {\n  /** The one line above the input. Domain copy — always a product parameter. */\n  heading?: ReactNode\n  /** Optional supporting line under the heading. */\n  subheading?: ReactNode\n  placeholder?: string\n  initialValue?: string\n  sendLabel?: string\n  disabled?: boolean\n  /**\n   * Agent identity (profile/backend/model/effort). Pass it and the control row renders;\n   * omit it and the composer ships without one. Omitting is a real choice for a\n   * surface with nothing to choose — it should never be an oversight, which is\n   * why this is one prop rather than a free-form slot a caller can forget.\n   */\n  agent?: ComposerAgentControlsProps\n  /**\n   * Product-specific behavioral controls docked on the LEFT. A mode is an\n   * on/off switch, not a value picker, so it sits apart from agent identity.\n   * For the standard plan-approval control, prefer `planMode`.\n   */\n  modes?: ReactNode\n  /**\n   * Standard plan-approval mode. Pass only when the selected backend supports\n   * it; omitted means the control is not rendered.\n   */\n  planMode?: ComposerPlanModeSelection\n  /**\n   * Upload endpoint for staged attachments. Omit and the attach affordance is\n   * hidden — a composer with no place to put a file must not offer one.\n   */\n  uploadUrl?: string\n  accept?: string\n  onAttachmentError?: (reason: string) => void\n  onRejectFiles?: Parameters<typeof AgentComposer>[0]['onRejectFiles']\n  /**\n   * `@`-file mentions. The hook itself is shared (`useFileMentions`), but the\n   * cold-box policy around it — whether pressing `@` is worth starting a\n   * sandbox — is a per-surface product call, so the result is injected rather\n   * than created here.\n   */\n  mentions?: UseFileMentionsResult\n  mentionPopoverClassName?: string\n  /** Rendered under the composer: suggestion pills, an onboarding nudge, a\n   *  disclaimer. All domain copy. */\n  footer?: ReactNode\n  /** Block submit until a persisted selection has resolved against the catalog,\n   *  so the first turn cannot go out under the wrong model. Defaults to true. */\n  ready?: boolean\n  onSubmit: (\n    prompt: string,\n    attachments: ChatAttachmentInput[],\n    mentions: FileMention[],\n  ) => void\n  className?: string\n  composerClassName?: string\n  /** Max width of the centered column. Defaults to the fleet's 820px. */\n  maxWidth?: number\n}\n\n/**\n * `EntryComposer` — the centered \"what do you want to work on?\" surface a\n * product shows before a conversation exists (a new thread, an empty session,\n * a workspace overview).\n *\n * It exists because three products each grew their own, and they drifted into\n * three different capability sets rather than three different looks: one lost\n * the attach button, one lost the model and effort pickers entirely, one\n * hand-rolled a `<textarea>` and wired pickers from three separate packages\n * into one row. The composer, the pickers, the attachment queue and the mention\n * index were all ALREADY shared — what was not shared was the assembly, so\n * every product re-derived which controls an entry surface gets, and each\n * re-derivation dropped a different one.\n *\n * Mechanism lives here: layout, the attachment queue, the mention wiring, the\n * submit gate (nothing sends while an upload is pending or failed, or before\n * the model selection has resolved). Domain stays a parameter: `heading`,\n * `placeholder`, `footer` (suggestion pills, disclaimers) and the selections\n * themselves.\n *\n * The docked in-thread composer is NOT this component — it renders\n * `AgentComposer` directly with the same {@link ComposerAgentControls}, because\n * a docked composer has a transcript above it and no hero layout.\n */\nexport function EntryComposer({\n  heading,\n  subheading,\n  placeholder,\n  initialValue = '',\n  sendLabel,\n  disabled,\n  agent,\n  modes,\n  planMode,\n  uploadUrl,\n  accept = ATTACHMENT_ACCEPT,\n  onAttachmentError,\n  onRejectFiles,\n  mentions,\n  mentionPopoverClassName,\n  footer,\n  ready = true,\n  onSubmit,\n  className,\n  composerClassName,\n  maxWidth = 820,\n}: EntryComposerProps) {\n  const [value, setValue] = useState(initialValue)\n  const attachments = useComposerAttachments({\n    uploadUrl,\n    enabled: !!uploadUrl,\n    onReject: onAttachmentError,\n    onError: onAttachmentError,\n  })\n\n  function submit(prompt: string) {\n    if (!ready || disabled) return\n    const next = prompt.trim()\n    // A pending or failed upload must not send: the turn would reference an\n    // attachment the store does not have. Surface why rather than no-op'ing.\n    if (attachments.hasPending || attachments.hasError) {\n      if (attachments.blockReason) onAttachmentError?.(attachments.blockReason)\n      return\n    }\n    if (!next && attachments.references.length === 0) return\n    onSubmit(next, attachments.references, mentions?.mentions ?? [])\n    setValue('')\n    attachments.clear()\n    mentions?.clearMentions()\n  }\n\n  return (\n    <div\n      className={\n        className ??\n        'relative flex flex-1 flex-col items-center justify-center overflow-hidden bg-background px-5'\n      }\n    >\n      <div className=\"w-full\" style={{ maxWidth }}>\n        {heading ? (\n          <h2 className=\"mb-4 text-center text-[1.75rem] font-medium tracking-tight text-foreground\">\n            {heading}\n          </h2>\n        ) : null}\n        {subheading ? (\n          <p className=\"mx-auto mb-9 max-w-md text-center text-sm leading-relaxed text-muted-foreground\">\n            {subheading}\n          </p>\n        ) : (\n          heading ? <div className=\"mb-7\" /> : null\n        )}\n        <AgentComposer\n          className={composerClassName ?? 'vt-composer'}\n          value={value}\n          onChange={setValue}\n          onSubmit={() => submit(value)}\n          placeholder={placeholder}\n          sendLabel={sendLabel}\n          disabled={disabled}\n          autoFocus\n          canSubmitAttachmentsOnly\n          accept={accept}\n          attachments={attachments.composerFiles}\n          onAttach={uploadUrl ? (files) => void attachments.addFiles(files) : undefined}\n          onRejectFiles={onRejectFiles}\n          onRemoveFile={attachments.removeAttachment}\n          onRetryFile={attachments.retry}\n          mention={\n            mentions\n              ? {\n                  ...mentions.mention,\n                  // Sidebar tone + hairline so the popover reads as app chrome\n                  // (the same treatment the picker menus get) instead of the\n                  // brighter overlay tone the component defaults to.\n                  popoverClassName:\n                    mentionPopoverClassName ??\n                    'bg-surface-container-low border-[var(--md3-outline-variant)]',\n                }\n              : undefined\n          }\n          controls={modes ?? <ComposerModeControls planMode={planMode} />}\n          trailing={\n            agent ? <ComposerAgentControls menuPlacement=\"down\" {...agent} /> : undefined\n          }\n        />\n        {footer ? <div className=\"mt-7\">{footer}</div> : null}\n      </div>\n    </div>\n  )\n}\n","import { ListChecks } from 'lucide-react'\nimport { cn } from '@tangle-network/sandbox-ui/utils'\nimport type { ComposerPlanModeSelection } from './types'\n\nexport interface ComposerModeControlsProps {\n  /**\n   * Plan-approval mode. Products pass it only when the selected backend can\n   * propose a plan and wait for approval; omitted means nothing renders.\n   */\n  planMode?: ComposerPlanModeSelection\n}\n\n/**\n * The shared plan-mode toggle for the left side of an agent composer.\n * Plan mode is a behavioral switch, not part of the profile/backend/model/\n * thinking identity controls on the right.\n */\nexport function ComposerModeControls({ planMode }: ComposerModeControlsProps) {\n  if (!planMode) return null\n\n  return (\n    <button\n      type=\"button\"\n      aria-pressed={planMode.enabled}\n      disabled={planMode.saving}\n      onClick={() => planMode.setEnabled(!planMode.enabled)}\n      title=\"Plan mode: the agent proposes a plan you approve before it executes\"\n      className={cn(\n        // Inset ring: this chip sits in a composer row that clips its overflow,\n        // so an outward ring loses three of its four sides. Only the offset is\n        // overridden — width and colour stay with the tokens.\n        'inline-flex h-7 items-center gap-1 rounded-full border px-2.5 text-xs transition-colors focus-visible:[outline-offset:-2px]',\n        planMode.enabled\n          ? 'border-primary/50 bg-primary/10 text-primary'\n          : 'border-border bg-transparent text-muted-foreground hover:text-foreground',\n        planMode.saving && 'opacity-60',\n      )}\n    >\n      <ListChecks className=\"h-3.5 w-3.5\" />\n      Plan\n    </button>\n  )\n}\n"],"mappings":"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","names":["jsx","jsxs","jsx","jsxs"]}
+{"version":3,"sources":["../../src/chat-react/entry-composer.tsx","../../src/chat-react/composer-mode-controls.tsx"],"sourcesContent":["import { useState, type ReactNode } from 'react'\nimport { AgentComposer } from '@tangle-network/sandbox-ui/chat'\nimport { ATTACHMENT_ACCEPT, useComposerAttachments } from '../web-react/use-composer-attachments'\nimport type { UseFileMentionsResult } from '../web-react/use-file-mentions'\nimport type { ChatAttachmentInput, FileMention } from '../chat-routes/wire'\nimport {\n  AgentSessionControls,\n  type AgentSessionControlsProps,\n} from '../web-react/agent-session-controls'\nimport { ComposerModeControls } from './composer-mode-controls'\nimport type { ComposerPlanModeSelection } from './types'\n\nexport interface EntryComposerProps {\n  /** The one line above the input. Domain copy — always a product parameter. */\n  heading?: ReactNode\n  /** Optional supporting line under the heading. */\n  subheading?: ReactNode\n  placeholder?: string\n  initialValue?: string\n  sendLabel?: string\n  disabled?: boolean\n  /**\n   * Agent identity (backend/model/effort). Pass it and the control row renders;\n   * omit it and the composer ships without one. Omitting is a real choice for a\n   * surface with nothing to choose — it should never be an oversight, which is\n   * why this is one prop rather than a free-form slot a caller can forget.\n   *\n   * This is the CANONICAL picker cluster: `AgentSessionControls` from\n   * `/web-react` (its model menu IS the canonical `ModelPicker`). The legacy\n   * sandbox-ui adapter that used to back this prop was removed; the props\n   * mapping for migrating a stored selection lives in\n   * `docs/ui-picker-canon.md`.\n   */\n  agent?: AgentSessionControlsProps\n  /**\n   * Product-specific behavioral controls docked on the LEFT. A mode is an\n   * on/off switch, not a value picker, so it sits apart from agent identity.\n   * For the standard plan-approval control, prefer `planMode`.\n   */\n  modes?: ReactNode\n  /**\n   * Standard plan-approval mode. Pass only when the selected backend supports\n   * it; omitted means the control is not rendered.\n   */\n  planMode?: ComposerPlanModeSelection\n  /**\n   * Upload endpoint for staged attachments. Omit and the attach affordance is\n   * hidden — a composer with no place to put a file must not offer one.\n   */\n  uploadUrl?: string\n  accept?: string\n  onAttachmentError?: (reason: string) => void\n  onRejectFiles?: Parameters<typeof AgentComposer>[0]['onRejectFiles']\n  /**\n   * `@`-file mentions. The hook itself is shared (`useFileMentions`), but the\n   * cold-box policy around it — whether pressing `@` is worth starting a\n   * sandbox — is a per-surface product call, so the result is injected rather\n   * than created here.\n   */\n  mentions?: UseFileMentionsResult\n  mentionPopoverClassName?: string\n  /** Rendered under the composer: suggestion pills, an onboarding nudge, a\n   *  disclaimer. All domain copy. */\n  footer?: ReactNode\n  /** Block submit until a persisted selection has resolved against the catalog,\n   *  so the first turn cannot go out under the wrong model. Defaults to true. */\n  ready?: boolean\n  onSubmit: (\n    prompt: string,\n    attachments: ChatAttachmentInput[],\n    mentions: FileMention[],\n  ) => void\n  className?: string\n  composerClassName?: string\n  /** Max width of the centered column. Defaults to the fleet's 820px. */\n  maxWidth?: number\n}\n\n/**\n * `EntryComposer` — the centered \"what do you want to work on?\" surface a\n * product shows before a conversation exists (a new thread, an empty session,\n * a workspace overview).\n *\n * It exists because three products each grew their own, and they drifted into\n * three different capability sets rather than three different looks: one lost\n * the attach button, one lost the model and effort pickers entirely, one\n * hand-rolled a `<textarea>` and wired pickers from three separate packages\n * into one row. The composer, the pickers, the attachment queue and the mention\n * index were all ALREADY shared — what was not shared was the assembly, so\n * every product re-derived which controls an entry surface gets, and each\n * re-derivation dropped a different one.\n *\n * Mechanism lives here: layout, the attachment queue, the mention wiring, the\n * submit gate (nothing sends while an upload is pending or failed, or before\n * the model selection has resolved). Domain stays a parameter: `heading`,\n * `placeholder`, `footer` (suggestion pills, disclaimers) and the selections\n * themselves.\n *\n * The docked in-thread composer is NOT this component — it renders\n * `AgentComposer` directly with the same canonical `AgentSessionControls`,\n * because a docked composer has a transcript above it and no hero layout.\n */\nexport function EntryComposer({\n  heading,\n  subheading,\n  placeholder,\n  initialValue = '',\n  sendLabel,\n  disabled,\n  agent,\n  modes,\n  planMode,\n  uploadUrl,\n  accept = ATTACHMENT_ACCEPT,\n  onAttachmentError,\n  onRejectFiles,\n  mentions,\n  mentionPopoverClassName,\n  footer,\n  ready = true,\n  onSubmit,\n  className,\n  composerClassName,\n  maxWidth = 820,\n}: EntryComposerProps) {\n  const [value, setValue] = useState(initialValue)\n  const attachments = useComposerAttachments({\n    uploadUrl,\n    enabled: !!uploadUrl,\n    onReject: onAttachmentError,\n    onError: onAttachmentError,\n  })\n\n  function submit(prompt: string) {\n    if (!ready || disabled) return\n    const next = prompt.trim()\n    // A pending or failed upload must not send: the turn would reference an\n    // attachment the store does not have. Surface why rather than no-op'ing.\n    if (attachments.hasPending || attachments.hasError) {\n      if (attachments.blockReason) onAttachmentError?.(attachments.blockReason)\n      return\n    }\n    if (!next && attachments.references.length === 0) return\n    onSubmit(next, attachments.references, mentions?.mentions ?? [])\n    setValue('')\n    attachments.clear()\n    mentions?.clearMentions()\n  }\n\n  return (\n    <div\n      className={\n        className ??\n        'relative flex flex-1 flex-col items-center justify-center overflow-hidden bg-background px-5'\n      }\n    >\n      <div className=\"w-full\" style={{ maxWidth }}>\n        {heading ? (\n          <h2 className=\"mb-4 text-center text-[1.75rem] font-medium tracking-tight text-foreground\">\n            {heading}\n          </h2>\n        ) : null}\n        {subheading ? (\n          <p className=\"mx-auto mb-9 max-w-md text-center text-sm leading-relaxed text-muted-foreground\">\n            {subheading}\n          </p>\n        ) : (\n          heading ? <div className=\"mb-7\" /> : null\n        )}\n        <AgentComposer\n          className={composerClassName ?? 'vt-composer'}\n          value={value}\n          onChange={setValue}\n          onSubmit={() => submit(value)}\n          placeholder={placeholder}\n          sendLabel={sendLabel}\n          disabled={disabled}\n          autoFocus\n          canSubmitAttachmentsOnly\n          accept={accept}\n          attachments={attachments.composerFiles}\n          onAttach={uploadUrl ? (files) => void attachments.addFiles(files) : undefined}\n          onRejectFiles={onRejectFiles}\n          onRemoveFile={attachments.removeAttachment}\n          onRetryFile={attachments.retry}\n          mention={\n            mentions\n              ? {\n                  ...mentions.mention,\n                  // Sidebar tone + hairline so the popover reads as app chrome\n                  // (the same treatment the picker menus get) instead of the\n                  // brighter overlay tone the component defaults to.\n                  popoverClassName:\n                    mentionPopoverClassName ??\n                    'bg-surface-container-low border-[var(--md3-outline-variant)]',\n                }\n              : undefined\n          }\n          controls={modes ?? <ComposerModeControls planMode={planMode} />}\n          trailing={\n            agent ? <AgentSessionControls {...agent} /> : undefined\n          }\n        />\n        {footer ? <div className=\"mt-7\">{footer}</div> : null}\n      </div>\n    </div>\n  )\n}\n","import { ListChecks } from 'lucide-react'\nimport { cn } from '@tangle-network/sandbox-ui/utils'\nimport type { ComposerPlanModeSelection } from './types'\n\nexport interface ComposerModeControlsProps {\n  /**\n   * Plan-approval mode. Products pass it only when the selected backend can\n   * propose a plan and wait for approval; omitted means nothing renders.\n   */\n  planMode?: ComposerPlanModeSelection\n}\n\n/**\n * The shared plan-mode toggle for the left side of an agent composer.\n * Plan mode is a behavioral switch, not part of the profile/backend/model/\n * thinking identity controls on the right.\n */\nexport function ComposerModeControls({ planMode }: ComposerModeControlsProps) {\n  if (!planMode) return null\n\n  return (\n    <button\n      type=\"button\"\n      aria-pressed={planMode.enabled}\n      disabled={planMode.saving}\n      onClick={() => planMode.setEnabled(!planMode.enabled)}\n      title=\"Plan mode: the agent proposes a plan you approve before it executes\"\n      className={cn(\n        // Inset ring: this chip sits in a composer row that clips its overflow,\n        // so an outward ring loses three of its four sides. Only the offset is\n        // overridden — width and colour stay with the tokens.\n        'inline-flex h-7 items-center gap-1 rounded-full border px-2.5 text-xs transition-colors focus-visible:[outline-offset:-2px]',\n        planMode.enabled\n          ? 'border-primary/50 bg-primary/10 text-primary'\n          : 'border-border bg-transparent text-muted-foreground hover:text-foreground',\n        planMode.saving && 'opacity-60',\n      )}\n    >\n      <ListChecks className=\"h-3.5 w-3.5\" />\n      Plan\n    </button>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAAA,SAAS,gBAAgC;AACzC,SAAS,qBAAqB;;;ACD9B,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AAoBf,SAiBE,KAjBF;AAJG,SAAS,qBAAqB,EAAE,SAAS,GAA8B;AAC5E,MAAI,CAAC,SAAU,QAAO;AAEtB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,gBAAc,SAAS;AAAA,MACvB,UAAU,SAAS;AAAA,MACnB,SAAS,MAAM,SAAS,WAAW,CAAC,SAAS,OAAO;AAAA,MACpD,OAAM;AAAA,MACN,WAAW;AAAA;AAAA;AAAA;AAAA,QAIT;AAAA,QACA,SAAS,UACL,iDACA;AAAA,QACJ,SAAS,UAAU;AAAA,MACrB;AAAA,MAEA;AAAA,4BAAC,cAAW,WAAU,eAAc;AAAA,QAAE;AAAA;AAAA;AAAA,EAExC;AAEJ;;;ADkHM,SAEI,OAAAA,MAFJ,QAAAC,aAAA;AAtDC,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AACb,GAAuB;AACrB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,YAAY;AAC/C,QAAM,cAAc,uBAAuB;AAAA,IACzC;AAAA,IACA,SAAS,CAAC,CAAC;AAAA,IACX,UAAU;AAAA,IACV,SAAS;AAAA,EACX,CAAC;AAED,WAAS,OAAO,QAAgB;AAC9B,QAAI,CAAC,SAAS,SAAU;AACxB,UAAM,OAAO,OAAO,KAAK;AAGzB,QAAI,YAAY,cAAc,YAAY,UAAU;AAClD,UAAI,YAAY,YAAa,qBAAoB,YAAY,WAAW;AACxE;AAAA,IACF;AACA,QAAI,CAAC,QAAQ,YAAY,WAAW,WAAW,EAAG;AAClD,aAAS,MAAM,YAAY,YAAY,UAAU,YAAY,CAAC,CAAC;AAC/D,aAAS,EAAE;AACX,gBAAY,MAAM;AAClB,cAAU,cAAc;AAAA,EAC1B;AAEA,SACE,gBAAAD;AAAA,IAAC;AAAA;AAAA,MACC,WACE,aACA;AAAA,MAGF,0BAAAC,MAAC,SAAI,WAAU,UAAS,OAAO,EAAE,SAAS,GACvC;AAAA,kBACC,gBAAAD,KAAC,QAAG,WAAU,8EACX,mBACH,IACE;AAAA,QACH,aACC,gBAAAA,KAAC,OAAE,WAAU,mFACV,sBACH,IAEA,UAAU,gBAAAA,KAAC,SAAI,WAAU,QAAO,IAAK;AAAA,QAEvC,gBAAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,qBAAqB;AAAA,YAChC;AAAA,YACA,UAAU;AAAA,YACV,UAAU,MAAM,OAAO,KAAK;AAAA,YAC5B;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAS;AAAA,YACT,0BAAwB;AAAA,YACxB;AAAA,YACA,aAAa,YAAY;AAAA,YACzB,UAAU,YAAY,CAAC,UAAU,KAAK,YAAY,SAAS,KAAK,IAAI;AAAA,YACpE;AAAA,YACA,cAAc,YAAY;AAAA,YAC1B,aAAa,YAAY;AAAA,YACzB,SACE,WACI;AAAA,cACE,GAAG,SAAS;AAAA;AAAA;AAAA;AAAA,cAIZ,kBACE,2BACA;AAAA,YACJ,IACA;AAAA,YAEN,UAAU,SAAS,gBAAAA,KAAC,wBAAqB,UAAoB;AAAA,YAC7D,UACE,QAAQ,gBAAAA,KAAC,wBAAsB,GAAG,OAAO,IAAK;AAAA;AAAA,QAElD;AAAA,QACC,SAAS,gBAAAA,KAAC,SAAI,WAAU,QAAQ,kBAAO,IAAS;AAAA,SACnD;AAAA;AAAA,EACF;AAEJ;","names":["jsx","jsxs"]}

package/dist/chat-routes/index.js

@@ -1,9 +1,3 @@
-import {
-  createInteractionAnswerRoute
-} from "../chunk-ZSSCVT6H.js";
-import {
-  parseJsonObjectBody
-} from "../chunk-F7VH4G5C.js";
 import {
   createSandboxFileIndexRoute
 } from "../chunk-QY4BRKRJ.js";
@@ -28,6 +22,12 @@ import {
   sanitizeAttachmentFileName,
   sniffBinary
 } from "../chunk-CCVG2TL6.js";
+import {
+  createInteractionAnswerRoute
+} from "../chunk-ZSSCVT6H.js";
+import {
+  parseJsonObjectBody
+} from "../chunk-F7VH4G5C.js";
 import {
   attachmentInputToPart,
   attachmentKindForMime,
@@ -109,7 +109,7 @@ import {
   flattenHistory,
   readSandboxBinaryBytes,
   statSandboxFileSize
-} from "../chunk-OTLEYHOG.js";
+} from "../chunk-RRH23CGS.js";
 import "../chunk-TH7L265V.js";
 import "../chunk-LWSJK546.js";
 import "../chunk-P5PIAQVS.js";