@tangle-network/agent-app 0.45.23 → 0.45.24

package/dist/chat-react/index.js

@@ -144,7 +144,10 @@ function ComposerModeControls({ planMode }) {
       onClick: () => planMode.setEnabled(!planMode.enabled),
       title: "Plan mode: the agent proposes a plan you approve before it executes",
       className: cn(
-        "inline-flex h-7 items-center gap-1 rounded-full border px-2.5 text-xs transition-colors",
+        // Inset ring: this chip sits in a composer row that clips its overflow,
+        // so an outward ring loses three of its four sides. Only the offset is
+        // overridden — width and colour stay with the tokens.
+        "inline-flex h-7 items-center gap-1 rounded-full border px-2.5 text-xs transition-colors focus-visible:[outline-offset:-2px]",
         planMode.enabled ? "border-primary/50 bg-primary/10 text-primary" : "border-border bg-transparent text-muted-foreground hover:text-foreground",
         planMode.saving && "opacity-60"
       ),

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        'inline-flex h-7 items-center gap-1 rounded-full border px-2.5 text-xs transition-colors',\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/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"]}

package/dist/{chunk-MLACJ6DB.js → chunk-7O4FZAFP.js}

@@ -1618,7 +1618,7 @@ function TimelineClipChip(props) {
       tabIndex: tabbable ? 0 : -1,
       onKeyDown: handleKeyDown,
       title: clip.label,
-      className: `group absolute bottom-1 top-1 overflow-hidden rounded border text-left select-none outline-none ${KIND_TONES[track.kind]} ${selected ? "ring-2 ring-[var(--brand-primary)]" : "hover:ring-1 hover:ring-[var(--text-muted)]"} focus-visible:ring-2 focus-visible:ring-[var(--brand-primary)] focus-visible:ring-offset-1 focus-visible:ring-offset-[var(--bg-input)] ${clip.disabled ? "opacity-40" : ""} ${dragging ? "z-30 shadow-lg shadow-black/30" : ""} ${interactive ? "cursor-grab active:cursor-grabbing" : "cursor-default"}`,
+      className: `group absolute bottom-1 top-1 overflow-hidden rounded border text-left select-none ${KIND_TONES[track.kind]} ${selected ? "ring-2 ring-[var(--brand-primary)]" : "hover:ring-1 hover:ring-[var(--text-muted)]"} ${clip.disabled ? "opacity-40" : ""} ${dragging ? "z-30 shadow-lg shadow-black/30" : ""} ${interactive ? "cursor-grab active:cursor-grabbing" : "cursor-default"}`,
       style: {
         left: `${geometry.left}px`,
         width: `${geometry.width}px`,
@@ -1657,7 +1657,7 @@ function TimelineClipChip(props) {
               event.stopPropagation();
             },
             onBlur: commitText,
-            className: "agent-app-edit-selection absolute inset-0 z-10 w-full bg-black/80 px-1.5 text-[11px] text-[var(--text-primary)] outline-none ring-1 ring-[var(--brand-primary)]",
+            className: "agent-app-edit-selection absolute inset-0 z-10 w-full bg-black/80 px-1.5 text-[11px] text-[var(--text-primary)] ring-1 ring-[var(--brand-primary)]",
             "aria-label": "Caption text"
           }
         ) : null,
@@ -1868,7 +1868,7 @@ function BrandMark({ size, className }) {
 
 // src/sequences-react/components/TimelineEmptyState.tsx
 import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
-var DOOR_BUTTON = "flex min-h-[44px] items-center gap-2 rounded-md border border-[var(--border-default)] bg-[var(--bg-input)] px-3.5 py-2 text-xs font-medium text-[var(--text-secondary)] transition hover:border-[var(--brand-primary)] hover:text-[var(--text-primary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring";
+var DOOR_BUTTON = "flex min-h-[44px] items-center gap-2 rounded-md border border-[var(--border-default)] bg-[var(--bg-input)] px-3.5 py-2 text-xs font-medium text-[var(--text-secondary)] transition hover:border-[var(--brand-primary)] hover:text-[var(--text-primary)]";
 function TimelineEmptyState(props) {
   const labels = { ...DEFAULT_TIMELINE_LABELS, ...props.labels };
   const doors = [];
@@ -1898,7 +1898,7 @@ function TimelineEmptyState(props) {
           {
             type: "button",
             onClick,
-            className: primary ? "flex min-h-[44px] items-center gap-2 rounded-md bg-[var(--brand-primary)] px-3.5 py-2 text-xs font-semibold text-[hsl(var(--primary-foreground))] transition hover:opacity-90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" : DOOR_BUTTON,
+            className: primary ? "flex min-h-[44px] items-center gap-2 rounded-md bg-[var(--brand-primary)] px-3.5 py-2 text-xs font-semibold text-[hsl(var(--primary-foreground))] transition hover:opacity-90" : DOOR_BUTTON,
             children: [
               /* @__PURE__ */ jsx9(Icon, { className: "h-4 w-4 shrink-0" }),
               label
@@ -1964,7 +1964,7 @@ function zoomPercent(zoom, fitZoom) {
   const base = fitZoom && fitZoom > 0 ? fitZoom : 1;
   return Math.round(zoom / base * 100);
 }
-var ZOOM_STEP_BUTTON = "flex h-7 w-7 items-center justify-center rounded border border-[var(--border-default)] text-sm leading-none text-[var(--text-secondary)] transition hover:text-[var(--text-primary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring";
+var ZOOM_STEP_BUTTON = "flex h-7 w-7 items-center justify-center rounded border border-[var(--border-default)] text-sm leading-none text-[var(--text-secondary)] transition hover:text-[var(--text-primary)]";
 function ZoomControl({ zoomMath, zoom, onZoomChange, fitZoom }) {
   const sliderMin = zoomMath.zoomToSlider(zoomMath.minZoom);
   const sliderMax = zoomMath.zoomToSlider(zoomMath.maxZoom);
@@ -2033,8 +2033,8 @@ var HISTORY_MIRROR_LIMIT = 200;
 var MIN_ZOOM = 5e-3;
 var MAX_ZOOM = 24;
 var TRACK_HEADER_PX = 144;
-var TRANSPORT_BUTTON = "flex h-7 w-7 items-center justify-center rounded border border-[var(--border-default)] text-[var(--text-secondary)] transition hover:text-[var(--text-primary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-default disabled:opacity-40 disabled:hover:text-[var(--text-secondary)]";
-var EDIT_TOOL_BUTTON = "flex h-7 items-center gap-1.5 rounded border border-[var(--border-default)] px-2 text-xs font-medium text-[var(--text-secondary)] transition hover:text-[var(--text-primary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-default disabled:opacity-40 disabled:hover:text-[var(--text-secondary)]";
+var TRANSPORT_BUTTON = "flex h-7 w-7 items-center justify-center rounded border border-[var(--border-default)] text-[var(--text-secondary)] transition hover:text-[var(--text-primary)] disabled:cursor-default disabled:opacity-40 disabled:hover:text-[var(--text-secondary)]";
+var EDIT_TOOL_BUTTON = "flex h-7 items-center gap-1.5 rounded border border-[var(--border-default)] px-2 text-xs font-medium text-[var(--text-secondary)] transition hover:text-[var(--text-primary)] disabled:cursor-default disabled:opacity-40 disabled:hover:text-[var(--text-secondary)]";
 var CLUSTER_DIVIDER = "mx-1 h-5 w-px shrink-0 bg-[var(--border-default)]";
 function mintClipId() {
   const uuid = globalThis.crypto && "randomUUID" in globalThis.crypto ? globalThis.crypto.randomUUID() : null;
@@ -2510,7 +2510,7 @@ function TimelineEditor(props) {
               type: "button",
               "aria-label": isPlaying ? "Pause" : "Play",
               onClick: togglePlayback,
-              className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md bg-[var(--brand-primary)] text-[hsl(var(--primary-foreground))] transition hover:opacity-90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md bg-[var(--brand-primary)] text-[hsl(var(--primary-foreground))] transition hover:opacity-90",
               children: isPlaying ? /* @__PURE__ */ jsx13(PauseGlyph, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx13(PlayGlyph, { className: "h-4 w-4" })
             }
           ),
@@ -2556,7 +2556,7 @@ function TimelineEditor(props) {
                 type: "button",
                 "aria-label": labels.createExport,
                 onClick: props.onCreateExport,
-                className: "flex h-8 shrink-0 items-center gap-1.5 rounded-md border border-[var(--brand-primary)] px-2.5 text-xs font-semibold text-[var(--brand-primary)] transition hover:bg-[hsl(var(--primary)/0.1)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                className: "flex h-8 shrink-0 items-center gap-1.5 rounded-md border border-[var(--brand-primary)] px-2.5 text-xs font-semibold text-[var(--brand-primary)] transition hover:bg-[hsl(var(--primary)/0.1)]",
                 children: [
                   /* @__PURE__ */ jsx13(ExportGlyph, { className: "h-3.5 w-3.5 shrink-0" }),
                   /* @__PURE__ */ jsx13("span", { className: "hidden md:inline", children: labels.createExport })
@@ -2700,4 +2700,4 @@ export {
   TimelineEditor,
   TimelineEditor_default
 };
-//# sourceMappingURL=chunk-MLACJ6DB.js.map
+//# sourceMappingURL=chunk-7O4FZAFP.js.map