@flanksource/clicky-ui 0.3.45 → 0.3.47

package/dist/data/chat/Chat.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chat.js","sources":["../../../src/data/chat/Chat.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useChat } from \"@ai-sdk/react\";\nimport { DefaultChatTransport, type ChatTransport, type UIMessage } from \"ai\";\nimport { cn } from \"../../lib/utils\";\nimport { Conversation } from \"./Conversation\";\nimport { PromptInput } from \"./PromptInput\";\nimport { Suggestions } from \"./Suggestion\";\nimport { DEFAULT_REASONING_EFFORTS } from \"./effort-icons\";\nimport { defaultChatModelId } from \"./models\";\nimport {\n  getChatSession,\n  postToolApproval,\n  type CaptainChatSession,\n} from \"./approval\";\nimport { isForkSeedMessage } from \"./fork-seed\";\nimport {\n  hasStructuredRuntime,\n  resolveChatRuntime,\n  selectedChatModel,\n} from \"./Chat.runtime\";\nimport {\n  createAttachmentUploadAdapter,\n  type AttachmentLimits,\n  type AttachmentUploadAdapter,\n} from \"./attachment-upload\";\nimport { toToolRenderRegistry } from \"./tool-render/registry\";\nimport { ToolRenderRegistryProvider } from \"./tool-render/context\";\nimport { ChatRuntimeToolbar } from \"./ChatRuntimeToolbar\";\nimport type { SpecRuntimeFamily } from \"../runtime/runtime-mode\";\nimport type {\n  ToolRenderAdapter,\n  ToolRenderRegistry,\n} from \"./tool-render/adapter\";\nimport type {\n  ChatBudgetConfig,\n  ChatModel,\n  ChatMessageMetadata,\n  ChatModelRuntime,\n  ChatUsageSummary,\n  ClaudePermissionMode,\n  Suggestion,\n  ToolMeta,\n  ToolResultRenderer,\n} from \"./types\";\nimport {\n  usageSnapshotFromMetadata,\n  usageSnapshotFromSession,\n} from \"./usage-snapshot\";\n\n/** Assistant messages carry token usage + cost the backend rode on the finish\n *  part's `messageMetadata`. */\ntype ChatUIMessage = UIMessage<ChatMessageMetadata>;\n\n// Composer seeds are keyed by a monotonic id so re-seeding the same text works.\n// Minted here rather than reusing a caller's `initialPrompt.id` so a host's id\n// space can never collide with one a suggestion pick produced.\nlet _draftId = 0;\nconst nextDraftId = () => ++_draftId;\n\nexport type ChatProps = {\n  /** Endpoint that speaks the AI SDK v6 UI Message Stream protocol.\n   *  Ignored when `transport` is supplied. Defaults to \"/api/chat\". */\n  api?: string;\n  /** Model menu. When omitted and `modelsApi` is set, it is fetched. */\n  models?: ChatModel[];\n  /** Endpoint returning the model menu (ModelInfo[]). Defaults to\n   *  \"/api/chat/models\". Set to null to disable fetching. */\n  modelsApi?: string | null;\n  /** Initially selected model id; otherwise the first configured model. */\n  defaultModel?: string;\n  /** Controlled selected model id. */\n  model?: string;\n  /** Initially selected structured runtime. */\n  defaultRuntime?: ChatModelRuntime;\n  /** Controlled structured runtime. */\n  runtime?: ChatModelRuntime;\n  /** Runtime families and their host availability. */\n  runtimeFamilies?: SpecRuntimeFamily[];\n  /** Reasoning-effort options for capable models. */\n  reasoningEfforts?: string[];\n  /** Initially selected reasoning effort (\"\" = none). */\n  defaultReasoningEffort?: string;\n  /** Controlled selected reasoning effort (\"\" = none). */\n  reasoningEffort?: string;\n  /** Sampling temperature forwarded to the backend when set. */\n  temperature?: number;\n  /** Per-request budget forwarded to the backend when set. */\n  budget?: ChatBudgetConfig;\n  /** Claude Agent SDK permission mode forwarded to the backend when set. */\n  permissionMode?: ClaudePermissionMode;\n  /** Notified when the user changes the model. */\n  onModelChange?: (id: string) => void;\n  /** Notified when the user changes any runtime field. */\n  onRuntimeChange?: (runtime: ChatModelRuntime) => void;\n  /** Notified when the user changes reasoning effort. */\n  onReasoningEffortChange?: (effort: string) => void;\n  /** Notified when the user changes Claude permission mode. */\n  onPermissionModeChange?: (mode: ClaudePermissionMode) => void;\n  /** Notified after each assistant turn with a usage snapshot (tokens used out\n   *  of the model's context window + cumulative cost), for a usage gauge. */\n  onUsage?: (usage: ChatUsageSummary) => void;\n  /** Suggested prompts offered while the conversation is still empty. */\n  suggestions?: Suggestion[];\n  /** Prompts proposed for this particular open — e.g. the opener a host's \"Ask\n   *  AI\" button rendered for the thing being asked about. Shown in place of\n   *  `suggestions`, and unlike them they stay offered once the conversation has\n   *  started, because a host may propose them into a chat that is already\n   *  running. Cleared through `onProposedPromptsConsumed`. */\n  proposedPrompts?: Suggestion[] | null;\n  /** Called once the proposed prompts have been acted on — one was picked, or\n   *  the user sent a message of their own. */\n  onProposedPromptsConsumed?: () => void;\n  /** Enables file/image attachments. */\n  enableAttachments?: boolean;\n  /** Upload endpoint used before an attachment is added to a chat message. */\n  attachmentsApi?: string;\n  /** Custom durable upload adapter; overrides attachmentsApi. */\n  attachmentUpload?: AttachmentUploadAdapter;\n  attachmentLimits?: AttachmentLimits;\n  /** Captain thread id used as the AI SDK chat id and forwarded in the body. */\n  threadId?: string;\n  /** Canonical Captain session endpoint used to hydrate messages and resolve\n   *  approvals. The session and approval ids are appended to this URL. */\n  sessionsApi?: string | null;\n  /** Prevents changing model/backend for an existing Captain session. Effort\n   *  and other per-turn generation settings remain editable. */\n  runtimeLocked?: boolean;\n  /** Reports the number of real (non-fork-seed) persisted/UI messages. */\n  onMessageCountChange?: (count: number) => void;\n  /** Reports the authoritative Captain session after detail hydration. */\n  onSessionHydrated?: (session: CaptainChatSession) => void;\n  /** Optional host renderer for recognized completed tool outputs. Takes\n   *  priority over `toolRenderers` on the output surface. */\n  renderToolResult?: ToolResultRenderer;\n  /** Tool catalog, used to resolve each call's input/output JSON Schema so\n   *  params and results render with real labels instead of raw JSON. */\n  tools?: ToolMeta[];\n  /** Domain tool renderers. Host adapters are matched before the built-in\n   *  heuristics, which stay as the floor. */\n  toolRenderers?: ToolRenderAdapter[] | ToolRenderRegistry;\n  /** Extra fields merged into every request body. */\n  body?: Record<string, unknown>;\n  /** Pre-built transport (e.g. a mock for stories/tests). */\n  transport?: ChatTransport<UIMessage>;\n  /** Initial messages to seed the conversation. */\n  initialMessages?: UIMessage[];\n  /** Prompt to prefill the composer with once. It is never submitted on the\n   *  user's behalf — they read it, edit it if they want, and press send. A new\n   *  `id` re-seeds even when the text repeats. */\n  initialPrompt?: { id: number; text: string } | null;\n  /** Called after `initialPrompt` has been placed in the composer. */\n  onInitialPromptConsumed?: () => void;\n  placeholder?: string;\n  emptyState?: React.ReactNode;\n  className?: string;\n};\n\n/** Self-contained AI chat over a v6-compatible `/api/chat`: a streaming\n *  conversation with model/effort selectors, suggestions, attachments,\n *  per-message copy/regenerate, and human-in-the-loop tool approvals. The\n *  backend owns model selection and tool execution; the selected model,\n *  effort, permission mode and thread id are forwarded in the request body. */\nexport function Chat({\n  api = \"/api/chat\",\n  models: modelsProp,\n  modelsApi = \"/api/chat/models\",\n  defaultModel,\n  model: controlledModel,\n  defaultRuntime,\n  runtime: controlledRuntime,\n  runtimeFamilies,\n  reasoningEfforts = DEFAULT_REASONING_EFFORTS,\n  defaultReasoningEffort,\n  reasoningEffort: controlledEffort,\n  temperature,\n  budget,\n  permissionMode,\n  onModelChange,\n  onRuntimeChange,\n  onReasoningEffortChange,\n  onUsage,\n  suggestions,\n  proposedPrompts,\n  onProposedPromptsConsumed,\n  enableAttachments = false,\n  attachmentsApi = \"/api/attachments\",\n  attachmentUpload,\n  attachmentLimits,\n  threadId,\n  sessionsApi = null,\n  runtimeLocked = false,\n  onMessageCountChange,\n  onSessionHydrated,\n  renderToolResult,\n  tools,\n  toolRenderers,\n  body,\n  transport,\n  initialMessages,\n  initialPrompt,\n  onInitialPromptConsumed,\n  placeholder,\n  emptyState,\n  className,\n}: ChatProps) {\n  const [models, setModels] = useState<ChatModel[]>(modelsProp ?? []);\n  const [internalRuntime, setInternalRuntime] = useState<ChatModelRuntime>(\n    () =>\n      controlledRuntime ??\n      resolveChatRuntime({\n        models: modelsProp ?? [],\n        current: defaultRuntime,\n        preferredModel:\n          controlledModel ??\n          (defaultRuntime\n            ? undefined\n            : (defaultModel ?? defaultChatModelId(modelsProp ?? []))),\n        effort: controlledEffort ?? defaultReasoningEffort,\n        temperature,\n        reasoningEfforts,\n      }),\n  );\n  const [usage, setUsage] = useState<ChatUsageSummary | null>(null);\n  const [approvalError, setApprovalError] = useState<Error | undefined>();\n  const [approvalsInFlight, setApprovalsInFlight] = useState(\n    () => new Map<string | undefined, number>(),\n  );\n  const lastDefaultModel = useRef(defaultModel);\n  const [draft, setDraft] = useState<{ id: number; text: string } | null>(null);\n  const seededInitialPromptId = useRef<number | null>(null);\n  const hadProposals = useRef(false);\n  if (proposedPrompts?.length) hadProposals.current = true;\n  const activeThreadRef = useRef(threadId);\n  const onMessageCountChangeRef = useRef(onMessageCountChange);\n  const onSessionHydratedRef = useRef(onSessionHydrated);\n  activeThreadRef.current = threadId;\n  onMessageCountChangeRef.current = onMessageCountChange;\n  onSessionHydratedRef.current = onSessionHydrated;\n  const runtime = controlledRuntime ?? internalRuntime;\n\n  // Provided once here; <ToolCall> reads it from context, so no tool-render\n  // props thread through Conversation/Message.\n  const toolRegistry = useMemo(\n    () => toToolRenderRegistry(toolRenderers, tools ? { tools } : {}),\n    [toolRenderers, tools],\n  );\n\n  useEffect(() => {\n    if (!modelsProp) return;\n    setModels(modelsProp);\n  }, [modelsProp]);\n\n  // Fetch the model menu unless one was supplied or fetching is disabled.\n  useEffect(() => {\n    if (modelsProp || !modelsApi) return;\n    let cancelled = false;\n    fetch(modelsApi)\n      .then((r) =>\n        r.ok ? r.json() : Promise.reject(new Error(`models ${r.status}`)),\n      )\n      .then((data: ChatModel[]) => {\n        if (cancelled) return;\n        setModels(data);\n      })\n      .catch((err) =>\n        console.warn(\"clicky-ui: failed to load chat models\", err),\n      );\n    return () => {\n      cancelled = true;\n    };\n  }, [modelsProp, modelsApi]);\n\n  useEffect(() => {\n    if (controlledRuntime !== undefined) return;\n    const defaultChanged =\n      Boolean(defaultModel) && defaultModel !== lastDefaultModel.current;\n    lastDefaultModel.current = defaultModel;\n    setInternalRuntime((current) =>\n      resolveChatRuntime({\n        models,\n        current,\n        preferredModel:\n          controlledModel ??\n          (defaultChanged\n            ? defaultModel\n            : (selectedChatModel(models, current)?.id ??\n              defaultModel ??\n              defaultChatModelId(models))),\n        effort: controlledEffort,\n        temperature,\n        reasoningEfforts,\n      }),\n    );\n  }, [\n    controlledEffort,\n    controlledModel,\n    controlledRuntime,\n    defaultModel,\n    models,\n    reasoningEfforts,\n    temperature,\n  ]);\n\n  const selectedModel = selectedChatModel(models, runtime);\n  const structuredRuntime = hasStructuredRuntime(runtime, selectedModel);\n  const resolvedAttachmentUpload = useMemo(\n    () =>\n      attachmentUpload ??\n      createAttachmentUploadAdapter({ endpoint: attachmentsApi }),\n    [attachmentUpload, attachmentsApi],\n  );\n\n  // A function body keeps the transport stable while always sending the latest\n  // model/effort/runtime selections.\n  const bodyRef = useRef<Record<string, unknown>>({});\n  bodyRef.current = {\n    ...body,\n    ...(structuredRuntime\n      ? { runtime }\n      : {\n          ...(runtime.model ? { model: runtime.model } : {}),\n          ...(runtime.effort ? { reasoningEffort: runtime.effort } : {}),\n          ...(runtime.temperature !== undefined\n            ? { temperature: runtime.temperature }\n            : {}),\n        }),\n    ...(budget && (budget.cost !== undefined || budget.maxTokens !== undefined)\n      ? { budget }\n      : {}),\n    ...(permissionMode ? { permissionMode } : {}),\n    ...(threadId ? { threadId } : {}),\n  };\n\n  const resolvedTransport = useMemo<ChatTransport<UIMessage>>(\n    () =>\n      transport ??\n      new DefaultChatTransport({ api, body: () => bodyRef.current }),\n    [transport, api],\n  );\n\n  const {\n    messages,\n    setMessages,\n    sendMessage,\n    regenerate,\n    status,\n    error,\n    clearError,\n    stop,\n  } = useChat<ChatUIMessage>({\n    transport: resolvedTransport,\n    ...(threadId ? { id: threadId } : {}),\n    ...(initialMessages\n      ? { messages: initialMessages as ChatUIMessage[] }\n      : {}),\n  });\n  const setMessagesRef = useRef(setMessages);\n  setMessagesRef.current = setMessages;\n  const hydratedUsageRef = useRef<ChatUsageSummary | null>(null);\n  const hydratedAssistantRef = useRef<ChatUIMessage | undefined>(undefined);\n\n  const applySession = useCallback((session: CaptainChatSession) => {\n    const snapshot = usageSnapshotFromSession(session);\n    hydratedUsageRef.current = snapshot;\n    hydratedAssistantRef.current = [...session.messages].reverse().find((message) => message.role === \"assistant\") as ChatUIMessage | undefined;\n    setUsage(snapshot);\n    setMessagesRef.current(session.messages as ChatUIMessage[]);\n  }, []);\n\n  useEffect(() => {\n    if (!sessionsApi || !threadId) return;\n    let cancelled = false;\n    setApprovalError(undefined);\n    hydratedUsageRef.current = null;\n    hydratedAssistantRef.current = undefined;\n    setUsage(null);\n    setMessagesRef.current([]);\n    void getChatSession(sessionsApi, threadId)\n      .then((session) => {\n        if (cancelled) return;\n        if (session.id !== threadId) {\n          throw new Error(\n            `Captain chat session response ID \"${session.id}\" does not match requested session \"${threadId}\".`,\n          );\n        }\n        applySession(session);\n        onSessionHydratedRef.current?.(session);\n      })\n      .catch((cause) => {\n        if (cancelled) return;\n        setApprovalError(\n          cause instanceof Error ? cause : new Error(String(cause)),\n        );\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [applySession, sessionsApi, threadId]);\n\n  useEffect(() => {\n    onMessageCountChangeRef.current?.(\n      messages.filter((message) => !isForkSeedMessage(message)).length,\n    );\n  }, [messages]);\n\n  // An initial prompt is a draft, not a turn: it lands in the composer and\n  // waits for the user to send it. Unlike a send it needs no live transport and\n  // no hydrated session, so it seeds immediately.\n  useEffect(() => {\n    if (!initialPrompt) return;\n    if (seededInitialPromptId.current === initialPrompt.id) return;\n    const text = initialPrompt.text.trim();\n    if (!text) return;\n    seededInitialPromptId.current = initialPrompt.id;\n    setDraft({ id: nextDraftId(), text });\n    onInitialPromptConsumed?.();\n  }, [initialPrompt, onInitialPromptConsumed]);\n\n  // Surface a usage snapshot after each settled assistant turn. The backend\n  // rides usage/cost on the finish part's messageMetadata; we read it off the\n  // last assistant message, preserving provider context independently of billing.\n  const onUsageRef = useRef(onUsage);\n  onUsageRef.current = onUsage;\n  useEffect(() => {\n    if (status !== \"ready\") return;\n    const last = [...messages].reverse().find((m) => m.role === \"assistant\");\n    if (hydratedUsageRef.current && last?.id === hydratedAssistantRef.current?.id && last?.metadata === hydratedAssistantRef.current?.metadata) {\n      setUsage(hydratedUsageRef.current);\n      onUsageRef.current?.(hydratedUsageRef.current);\n      return;\n    }\n    const meta = last?.metadata;\n    if (!meta) {\n      setUsage(null);\n      return;\n    }\n    const settledModel = meta.model\n      ? selectedChatModel(models, { id: meta.model, model: meta.model })\n      : undefined;\n    const snapshot = usageSnapshotFromMetadata(meta, {\n      modelLabel: settledModel?.label,\n      messageCount: messages.length,\n    });\n    setUsage(snapshot);\n    onUsageRef.current?.(snapshot);\n  }, [messages, models, status]);\n\n  const handleRuntimeChange = (next: ChatModelRuntime) => {\n    if (controlledRuntime === undefined) setInternalRuntime(next);\n    onRuntimeChange?.(next);\n    const nextModel = selectedChatModel(models, next);\n    const currentModelId = selectedModel?.id ?? runtime.id ?? runtime.model ?? \"\";\n    const nextModelId = nextModel?.id ?? next.id ?? next.model ?? \"\";\n    if (nextModelId !== currentModelId) {\n      onModelChange?.(nextModelId);\n    }\n    if ((next.effort ?? \"\") !== (runtime.effort ?? \"\")) {\n      onReasoningEffortChange?.(next.effort ?? \"\");\n    }\n  };\n\n  const resolveToolApproval = async (\n    id: string,\n    approved: boolean,\n    reason?: string,\n  ) => {\n    const approvalThreadId = threadId;\n    setApprovalError(undefined);\n    setApprovalsInFlight((counts) =>\n      new Map(counts).set(approvalThreadId, (counts.get(approvalThreadId) ?? 0) + 1),\n    );\n    try {\n      if (!sessionsApi) {\n        throw new Error(\n          \"A Captain sessions API is required to resolve tool approvals.\",\n        );\n      }\n      const session = await postToolApproval({\n        sessionsApi,\n        sessionId: approvalThreadId ?? \"\",\n        approvalId: id,\n        approved,\n        ...(reason ? { reason } : {}),\n      });\n      if (activeThreadRef.current !== approvalThreadId) return;\n      if (session.id !== approvalThreadId) {\n        throw new Error(\n          `Captain chat session response ID \"${session.id}\" does not match active session \"${approvalThreadId ?? \"\"}\".`,\n        );\n      }\n      applySession(session);\n    } catch (cause) {\n      if (activeThreadRef.current !== approvalThreadId) return;\n      setApprovalError(\n        cause instanceof Error ? cause : new Error(String(cause)),\n      );\n    } finally {\n      setApprovalsInFlight((counts) => {\n        const count = counts.get(approvalThreadId);\n        if (count === undefined || count < 1) {\n          throw new Error(\"Tool approval completed without a pending request.\");\n        }\n        const next = new Map(counts);\n        if (count === 1) next.delete(approvalThreadId);\n        else next.set(approvalThreadId, count - 1);\n        return next;\n      });\n    }\n  };\n\n  const toolbar = (\n    <ChatRuntimeToolbar\n      models={models}\n      runtime={runtime}\n      runtimeFamilies={runtimeFamilies}\n      reasoningEfforts={reasoningEfforts}\n      selectedModel={selectedModel}\n      usage={usage}\n      threadId={threadId}\n      locked={runtimeLocked}\n      onRuntimeChange={handleRuntimeChange}\n    />\n  );\n\n  const empty =\n    messages.length === 0 && emptyState ? (\n      <div className=\"flex flex-col items-center gap-4\">{emptyState}</div>\n    ) : undefined;\n\n  // Prompts proposed for this open outrank the static suggestions and survive a\n  // running conversation — a host can propose into a chat that already has one.\n  // The static list is an empty-state affordance and retires once a turn exists;\n  // it also never comes back after proposals were consumed, because falling back\n  // to the application's generic prompts under a chat opened about one cell\n  // reads as an unrelated non-sequitur.\n  const chips = proposedPrompts?.length\n    ? proposedPrompts\n    : messages.length === 0 && !hadProposals.current\n      ? suggestions\n      : undefined;\n\n  const pickSuggestion = (text: string) => {\n    setDraft({ id: nextDraftId(), text });\n    onProposedPromptsConsumed?.();\n  };\n\n  return (\n    <ToolRenderRegistryProvider value={toolRegistry}>\n      <div className={cn(\"flex h-full flex-col\", className)}>\n        <Conversation\n          messages={messages}\n          status={status}\n          error={approvalError ?? error}\n          onClearError={() => {\n            setApprovalError(undefined);\n            clearError();\n          }}\n          {...(threadId ? { sessionId: threadId } : {})}\n          {...(selectedModel?.id\n            ? { model: selectedModel.id }\n            : runtime.model\n              ? { model: runtime.model }\n              : {})}\n          suppressWaiting={(approvalsInFlight.get(threadId) ?? 0) > 0}\n          emptyState={empty}\n          onRegenerate={(messageId) => void regenerate({ messageId })}\n          onApprove={resolveToolApproval}\n          {...(renderToolResult ? { renderToolResult } : {})}\n        />\n        <div className=\"flex flex-col gap-2 p-4 pt-0\">\n          {chips && chips.length > 0 && (\n            <Suggestions suggestions={chips} onSelect={pickSuggestion} />\n          )}\n          <PromptInput\n            status={status}\n            onStop={() => void stop()}\n            placeholder={placeholder}\n            enableAttachments={enableAttachments}\n            attachmentUpload={resolvedAttachmentUpload}\n            {...(selectedModel?.inputMediaTypes\n              ? { acceptedMediaTypes: selectedModel.inputMediaTypes }\n              : {})}\n            {...(attachmentLimits ? { attachmentLimits } : {})}\n            draft={draft}\n            toolbar={toolbar}\n            onSubmit={(text, files) => {\n              onProposedPromptsConsumed?.();\n              void sendMessage({ text, files });\n            }}\n          />\n        </div>\n      </div>\n    </ToolRenderRegistryProvider>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Chat.js","sources":["../../../src/data/chat/Chat.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useChat } from \"@ai-sdk/react\";\nimport { DefaultChatTransport, type ChatTransport, type UIMessage } from \"ai\";\nimport { cn } from \"../../lib/utils\";\nimport { Conversation } from \"./Conversation\";\nimport { PromptInput } from \"./PromptInput\";\nimport { Suggestions } from \"./Suggestion\";\nimport { DEFAULT_REASONING_EFFORTS } from \"./effort-icons\";\nimport { defaultChatModelId } from \"./models\";\nimport {\n  getChatSession,\n  postToolApproval,\n  type CaptainChatSession,\n} from \"./approval\";\nimport { isForkSeedMessage } from \"./fork-seed\";\nimport {\n  hasStructuredRuntime,\n  resolveChatRuntime,\n  selectedChatModel,\n} from \"./Chat.runtime\";\nimport {\n  createAttachmentUploadAdapter,\n  type AttachmentLimits,\n  type AttachmentUploadAdapter,\n} from \"./attachment-upload\";\nimport { toToolRenderRegistry } from \"./tool-render/registry\";\nimport { ToolRenderRegistryProvider } from \"./tool-render/context\";\nimport { ChatRuntimeToolbar } from \"./ChatRuntimeToolbar\";\nimport type { SpecRuntimeFamily } from \"../runtime/runtime-mode\";\nimport type {\n  ToolRenderAdapter,\n  ToolRenderRegistry,\n} from \"./tool-render/adapter\";\nimport type {\n  ChatBudgetConfig,\n  ChatModel,\n  ChatMessageMetadata,\n  ChatModelRuntime,\n  ChatUsageSummary,\n  ClaudePermissionMode,\n  Suggestion,\n  ToolMeta,\n  ToolResultRenderer,\n} from \"./types\";\nimport {\n  usageSnapshotFromMetadata,\n  usageSnapshotFromSession,\n} from \"./usage-snapshot\";\n\n/** Assistant messages carry token usage + cost the backend rode on the finish\n *  part's `messageMetadata`. */\ntype ChatUIMessage = UIMessage<ChatMessageMetadata>;\n\n// Composer seeds are keyed by a monotonic id so re-seeding the same text works.\n// Minted here rather than reusing a caller's `initialPrompt.id` so a host's id\n// space can never collide with one a suggestion pick produced.\nlet _draftId = 0;\nconst nextDraftId = () => ++_draftId;\n\nexport type ChatProps = {\n  /** Endpoint that speaks the AI SDK v6 UI Message Stream protocol.\n   *  Ignored when `transport` is supplied. Defaults to \"/api/chat\". */\n  api?: string;\n  /** Model menu. When omitted and `modelsApi` is set, it is fetched. */\n  models?: ChatModel[];\n  /** Endpoint returning the model menu (ModelInfo[]). Defaults to\n   *  \"/api/chat/models\". Set to null to disable fetching. */\n  modelsApi?: string | null;\n  /** Initially selected model id; otherwise the first configured model. */\n  defaultModel?: string;\n  /** Controlled selected model id. */\n  model?: string;\n  /** Initially selected structured runtime. */\n  defaultRuntime?: ChatModelRuntime;\n  /** Controlled structured runtime. */\n  runtime?: ChatModelRuntime;\n  /** Runtime families and their host availability. */\n  runtimeFamilies?: SpecRuntimeFamily[];\n  /** Reasoning-effort options for capable models. */\n  reasoningEfforts?: string[];\n  /** Initially selected reasoning effort (\"\" = none). */\n  defaultReasoningEffort?: string;\n  /** Controlled selected reasoning effort (\"\" = none). */\n  reasoningEffort?: string;\n  /** Sampling temperature forwarded to the backend when set. */\n  temperature?: number;\n  /** Per-request budget forwarded to the backend when set. */\n  budget?: ChatBudgetConfig;\n  /** Claude Agent SDK permission mode forwarded to the backend when set. */\n  permissionMode?: ClaudePermissionMode;\n  /** Notified when the user changes the model. */\n  onModelChange?: (id: string) => void;\n  /** Notified when the user changes any runtime field. */\n  onRuntimeChange?: (runtime: ChatModelRuntime) => void;\n  /** Notified when the user changes reasoning effort. */\n  onReasoningEffortChange?: (effort: string) => void;\n  /** Notified when the user changes Claude permission mode. */\n  onPermissionModeChange?: (mode: ClaudePermissionMode) => void;\n  /** Notified after each assistant turn with a usage snapshot (tokens used out\n   *  of the model's context window + cumulative cost), for a usage gauge. */\n  onUsage?: (usage: ChatUsageSummary) => void;\n  /** Suggested prompts offered while the conversation is still empty. */\n  suggestions?: Suggestion[];\n  /** Prompts proposed for this particular open — e.g. the opener a host's \"Ask\n   *  AI\" button rendered for the thing being asked about. Shown in place of\n   *  `suggestions`, and unlike them they stay offered once the conversation has\n   *  started, because a host may propose them into a chat that is already\n   *  running. Cleared through `onProposedPromptsConsumed`. */\n  proposedPrompts?: Suggestion[] | null;\n  /** Called once the proposed prompts have been acted on — one was picked, or\n   *  the user sent a message of their own. */\n  onProposedPromptsConsumed?: () => void;\n  /** Enables file/image attachments. */\n  enableAttachments?: boolean;\n  /** Upload endpoint used before an attachment is added to a chat message. */\n  attachmentsApi?: string;\n  /** Custom durable upload adapter; overrides attachmentsApi. */\n  attachmentUpload?: AttachmentUploadAdapter;\n  attachmentLimits?: AttachmentLimits;\n  /** Captain thread id used as the AI SDK chat id and forwarded in the body. */\n  threadId?: string;\n  /** Canonical Captain session endpoint used to hydrate messages and resolve\n   *  approvals. The session and approval ids are appended to this URL. */\n  sessionsApi?: string | null;\n  /** Prevents changing model/backend for an existing Captain session. Effort\n   *  and other per-turn generation settings remain editable. */\n  runtimeLocked?: boolean;\n  /** Reports the number of real (non-fork-seed) persisted/UI messages. */\n  onMessageCountChange?: (count: number) => void;\n  /** Reports the authoritative Captain session after detail hydration. */\n  onSessionHydrated?: (session: CaptainChatSession) => void;\n  /** Optional host renderer for recognized completed tool outputs. Takes\n   *  priority over `toolRenderers` on the output surface. */\n  renderToolResult?: ToolResultRenderer;\n  /** Tool catalog, used to resolve each call's input/output JSON Schema so\n   *  params and results render with real labels instead of raw JSON. */\n  tools?: ToolMeta[];\n  /** Domain tool renderers. Host adapters are matched before the built-in\n   *  heuristics, which stay as the floor. */\n  toolRenderers?: ToolRenderAdapter[] | ToolRenderRegistry;\n  /** Extra fields merged into every request body. */\n  body?: Record<string, unknown>;\n  /** Pre-built transport (e.g. a mock for stories/tests). */\n  transport?: ChatTransport<UIMessage>;\n  /** Initial messages to seed the conversation. */\n  initialMessages?: UIMessage[];\n  /** Prompt to prefill the composer with once. It is never submitted on the\n   *  user's behalf — they read it, edit it if they want, and press send. A new\n   *  `id` re-seeds even when the text repeats. */\n  initialPrompt?: { id: number; text: string } | null;\n  /** Called after `initialPrompt` has been placed in the composer. */\n  onInitialPromptConsumed?: () => void;\n  placeholder?: string;\n  emptyState?: React.ReactNode;\n  className?: string;\n};\n\n/** Self-contained AI chat over a v6-compatible `/api/chat`: a streaming\n *  conversation with model/effort selectors, suggestions, attachments,\n *  per-message copy/regenerate, and human-in-the-loop tool approvals. The\n *  backend owns model selection and tool execution; the selected model,\n *  effort, permission mode and thread id are forwarded in the request body. */\nexport function Chat({\n  api = \"/api/chat\",\n  models: modelsProp,\n  modelsApi = \"/api/chat/models\",\n  defaultModel,\n  model: controlledModel,\n  defaultRuntime,\n  runtime: controlledRuntime,\n  runtimeFamilies,\n  reasoningEfforts = DEFAULT_REASONING_EFFORTS,\n  defaultReasoningEffort,\n  reasoningEffort: controlledEffort,\n  temperature,\n  budget,\n  permissionMode,\n  onModelChange,\n  onRuntimeChange,\n  onReasoningEffortChange,\n  onUsage,\n  suggestions,\n  proposedPrompts,\n  onProposedPromptsConsumed,\n  enableAttachments = false,\n  attachmentsApi = \"/api/attachments\",\n  attachmentUpload,\n  attachmentLimits,\n  threadId,\n  sessionsApi = null,\n  runtimeLocked = false,\n  onMessageCountChange,\n  onSessionHydrated,\n  renderToolResult,\n  tools,\n  toolRenderers,\n  body,\n  transport,\n  initialMessages,\n  initialPrompt,\n  onInitialPromptConsumed,\n  placeholder,\n  emptyState,\n  className,\n}: ChatProps) {\n  const [models, setModels] = useState<ChatModel[]>(modelsProp ?? []);\n  const [internalRuntime, setInternalRuntime] = useState<ChatModelRuntime>(\n    () =>\n      controlledRuntime ??\n      resolveChatRuntime({\n        models: modelsProp ?? [],\n        current: defaultRuntime,\n        preferredModel:\n          controlledModel ??\n          (defaultRuntime\n            ? undefined\n            : (defaultModel ?? defaultChatModelId(modelsProp ?? []))),\n        effort: controlledEffort ?? defaultReasoningEffort,\n        temperature,\n        reasoningEfforts,\n      }),\n  );\n  const [usage, setUsage] = useState<ChatUsageSummary | null>(null);\n  const [approvalError, setApprovalError] = useState<Error | undefined>();\n  const [approvalsInFlight, setApprovalsInFlight] = useState(\n    () => new Map<string | undefined, number>(),\n  );\n  const lastDefaultModel = useRef(defaultModel);\n  const [draft, setDraft] = useState<{ id: number; text: string } | null>(null);\n  const seededInitialPromptId = useRef<number | null>(null);\n  const hadProposals = useRef(false);\n  if (proposedPrompts?.length) hadProposals.current = true;\n  const activeThreadRef = useRef(threadId);\n  const onMessageCountChangeRef = useRef(onMessageCountChange);\n  const onSessionHydratedRef = useRef(onSessionHydrated);\n  activeThreadRef.current = threadId;\n  onMessageCountChangeRef.current = onMessageCountChange;\n  onSessionHydratedRef.current = onSessionHydrated;\n  const runtime = controlledRuntime ?? internalRuntime;\n\n  // Provided once here; <ToolCall> reads it from context, so no tool-render\n  // props thread through Conversation/Message.\n  const toolRegistry = useMemo(\n    () => toToolRenderRegistry(toolRenderers, tools ? { tools } : {}),\n    [toolRenderers, tools],\n  );\n\n  useEffect(() => {\n    if (!modelsProp) return;\n    setModels(modelsProp);\n  }, [modelsProp]);\n\n  // Fetch the model menu unless one was supplied or fetching is disabled.\n  useEffect(() => {\n    if (modelsProp || !modelsApi) return;\n    let cancelled = false;\n    fetch(modelsApi)\n      .then((r) =>\n        r.ok ? r.json() : Promise.reject(new Error(`models ${r.status}`)),\n      )\n      .then((data: ChatModel[]) => {\n        if (cancelled) return;\n        setModels(data);\n      })\n      .catch((err) =>\n        console.warn(\"clicky-ui: failed to load chat models\", err),\n      );\n    return () => {\n      cancelled = true;\n    };\n  }, [modelsProp, modelsApi]);\n\n  useEffect(() => {\n    if (controlledRuntime !== undefined) return;\n    const defaultChanged =\n      Boolean(defaultModel) && defaultModel !== lastDefaultModel.current;\n    lastDefaultModel.current = defaultModel;\n    setInternalRuntime((current) =>\n      resolveChatRuntime({\n        models,\n        current,\n        preferredModel:\n          controlledModel ??\n          (defaultChanged\n            ? defaultModel\n            : (selectedChatModel(models, current)?.id ??\n              defaultModel ??\n              defaultChatModelId(models))),\n        effort: controlledEffort,\n        temperature,\n        reasoningEfforts,\n      }),\n    );\n  }, [\n    controlledEffort,\n    controlledModel,\n    controlledRuntime,\n    defaultModel,\n    models,\n    reasoningEfforts,\n    temperature,\n  ]);\n\n  const selectedModel = selectedChatModel(models, runtime);\n  const structuredRuntime = hasStructuredRuntime(runtime, selectedModel);\n  const resolvedAttachmentUpload = useMemo(\n    () =>\n      attachmentUpload ??\n      createAttachmentUploadAdapter({ endpoint: attachmentsApi }),\n    [attachmentUpload, attachmentsApi],\n  );\n\n  // A function body keeps the transport stable while always sending the latest\n  // model/effort/runtime selections.\n  const bodyRef = useRef<Record<string, unknown>>({});\n  bodyRef.current = {\n    ...body,\n    ...(structuredRuntime\n      ? { runtime }\n      : {\n          ...(runtime.model ? { model: runtime.model } : {}),\n          ...(runtime.effort ? { reasoningEffort: runtime.effort } : {}),\n          ...(runtime.temperature !== undefined\n            ? { temperature: runtime.temperature }\n            : {}),\n        }),\n    ...(budget && (budget.cost !== undefined || budget.maxTokens !== undefined)\n      ? { budget }\n      : {}),\n    ...(permissionMode ? { permissionMode } : {}),\n    ...(threadId ? { threadId } : {}),\n  };\n\n  const resolvedTransport = useMemo<ChatTransport<UIMessage>>(\n    () =>\n      transport ??\n      new DefaultChatTransport({ api, body: () => bodyRef.current }),\n    [transport, api],\n  );\n\n  const {\n    messages,\n    setMessages,\n    sendMessage,\n    regenerate,\n    status,\n    error,\n    clearError,\n    stop,\n  } = useChat<ChatUIMessage>({\n    transport: resolvedTransport,\n    ...(threadId ? { id: threadId } : {}),\n    ...(initialMessages\n      ? { messages: initialMessages as ChatUIMessage[] }\n      : {}),\n  });\n  const setMessagesRef = useRef(setMessages);\n  setMessagesRef.current = setMessages;\n  const hydratedUsageRef = useRef<ChatUsageSummary | null>(null);\n  const hydratedAssistantRef = useRef<ChatUIMessage | undefined>(undefined);\n\n  const applySession = useCallback((session: CaptainChatSession) => {\n    const snapshot = usageSnapshotFromSession(session);\n    hydratedUsageRef.current = snapshot;\n    hydratedAssistantRef.current = [...session.messages].reverse().find((message) => message.role === \"assistant\") as ChatUIMessage | undefined;\n    setUsage(snapshot);\n    setMessagesRef.current(session.messages as ChatUIMessage[]);\n  }, []);\n\n  useEffect(() => {\n    if (!sessionsApi || !threadId) return;\n    let cancelled = false;\n    setApprovalError(undefined);\n    hydratedUsageRef.current = null;\n    hydratedAssistantRef.current = undefined;\n    setUsage(null);\n    setMessagesRef.current([]);\n    void getChatSession(sessionsApi, threadId)\n      .then((session) => {\n        if (cancelled) return;\n        if (session.id !== threadId) {\n          throw new Error(\n            `Captain chat session response ID \"${session.id}\" does not match requested session \"${threadId}\".`,\n          );\n        }\n        applySession(session);\n        onSessionHydratedRef.current?.(session);\n      })\n      .catch((cause) => {\n        if (cancelled) return;\n        setApprovalError(\n          cause instanceof Error ? cause : new Error(String(cause)),\n        );\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [applySession, sessionsApi, threadId]);\n\n  useEffect(() => {\n    onMessageCountChangeRef.current?.(\n      messages.filter((message) => !isForkSeedMessage(message)).length,\n    );\n  }, [messages]);\n\n  // An initial prompt is a draft, not a turn: it lands in the composer and\n  // waits for the user to send it. Unlike a send it needs no live transport and\n  // no hydrated session, so it seeds immediately.\n  useEffect(() => {\n    if (!initialPrompt) return;\n    if (seededInitialPromptId.current === initialPrompt.id) return;\n    const text = initialPrompt.text.trim();\n    if (!text) return;\n    seededInitialPromptId.current = initialPrompt.id;\n    setDraft({ id: nextDraftId(), text });\n    onInitialPromptConsumed?.();\n  }, [initialPrompt, onInitialPromptConsumed]);\n\n  // Surface a usage snapshot after each settled assistant turn. The backend\n  // rides usage/cost on the finish part's messageMetadata; we read it off the\n  // last assistant message, preserving provider context independently of billing.\n  const onUsageRef = useRef(onUsage);\n  onUsageRef.current = onUsage;\n  useEffect(() => {\n    if (status !== \"ready\") return;\n    const last = [...messages].reverse().find((m) => m.role === \"assistant\");\n    if (hydratedUsageRef.current && last?.id === hydratedAssistantRef.current?.id && last?.metadata === hydratedAssistantRef.current?.metadata) {\n      setUsage(hydratedUsageRef.current);\n      onUsageRef.current?.(hydratedUsageRef.current);\n      return;\n    }\n    const meta = last?.metadata;\n    if (!meta) {\n      setUsage(null);\n      return;\n    }\n    const settledModel = meta.model\n      ? selectedChatModel(models, { id: meta.model, model: meta.model })\n      : undefined;\n    const snapshot = usageSnapshotFromMetadata(meta, {\n      modelLabel: settledModel?.label,\n      messageCount: messages.length,\n    });\n    setUsage(snapshot);\n    onUsageRef.current?.(snapshot);\n  }, [messages, models, status]);\n\n  const handleRuntimeChange = (next: ChatModelRuntime) => {\n    if (controlledRuntime === undefined) setInternalRuntime(next);\n    onRuntimeChange?.(next);\n    const nextModel = selectedChatModel(models, next);\n    const currentModelId = selectedModel?.id ?? runtime.id ?? runtime.model ?? \"\";\n    const nextModelId = nextModel?.id ?? next.id ?? next.model ?? \"\";\n    if (nextModelId !== currentModelId) {\n      onModelChange?.(nextModelId);\n    }\n    if ((next.effort ?? \"\") !== (runtime.effort ?? \"\")) {\n      onReasoningEffortChange?.(next.effort ?? \"\");\n    }\n  };\n\n  const resolveToolApproval = async (\n    id: string,\n    approved: boolean,\n    reason?: string,\n  ) => {\n    const approvalThreadId = threadId;\n    setApprovalError(undefined);\n    setApprovalsInFlight((counts) =>\n      new Map(counts).set(approvalThreadId, (counts.get(approvalThreadId) ?? 0) + 1),\n    );\n    try {\n      if (!sessionsApi) {\n        throw new Error(\n          \"A Captain sessions API is required to resolve tool approvals.\",\n        );\n      }\n      const session = await postToolApproval({\n        sessionsApi,\n        sessionId: approvalThreadId ?? \"\",\n        approvalId: id,\n        approved,\n        ...(reason ? { reason } : {}),\n      });\n      if (activeThreadRef.current !== approvalThreadId) return;\n      if (session.id !== approvalThreadId) {\n        throw new Error(\n          `Captain chat session response ID \"${session.id}\" does not match active session \"${approvalThreadId ?? \"\"}\".`,\n        );\n      }\n      applySession(session);\n    } catch (cause) {\n      if (activeThreadRef.current !== approvalThreadId) return;\n      setApprovalError(\n        cause instanceof Error ? cause : new Error(String(cause)),\n      );\n    } finally {\n      setApprovalsInFlight((counts) => {\n        const count = counts.get(approvalThreadId);\n        if (count === undefined || count < 1) {\n          throw new Error(\"Tool approval completed without a pending request.\");\n        }\n        const next = new Map(counts);\n        if (count === 1) next.delete(approvalThreadId);\n        else next.set(approvalThreadId, count - 1);\n        return next;\n      });\n    }\n  };\n\n  const toolbar = (\n    <ChatRuntimeToolbar\n      models={models}\n      runtime={runtime}\n      runtimeFamilies={runtimeFamilies}\n      reasoningEfforts={reasoningEfforts}\n      selectedModel={selectedModel}\n      usage={usage}\n      threadId={threadId}\n      locked={runtimeLocked}\n      onRuntimeChange={handleRuntimeChange}\n    />\n  );\n\n  const empty =\n    messages.length === 0 && emptyState ? (\n      <div className=\"flex flex-col items-center gap-4\">{emptyState}</div>\n    ) : undefined;\n\n  // Prompts proposed for this open outrank the static suggestions and survive a\n  // running conversation — a host can propose into a chat that already has one.\n  // The static list is an empty-state affordance and retires once a turn exists;\n  // it also never comes back after proposals were consumed, because falling back\n  // to the application's generic prompts under a chat opened about one cell\n  // reads as an unrelated non-sequitur.\n  const chips = proposedPrompts?.length\n    ? proposedPrompts\n    : messages.length === 0 && !hadProposals.current\n      ? suggestions\n      : undefined;\n\n  const pickSuggestion = (text: string) => {\n    setDraft({ id: nextDraftId(), text });\n    onProposedPromptsConsumed?.();\n  };\n\n  return (\n    <ToolRenderRegistryProvider value={toolRegistry}>\n      <div className={cn(\"flex h-full flex-col\", className)}>\n        <Conversation\n          messages={messages}\n          status={status}\n          error={approvalError ?? error}\n          onClearError={() => {\n            setApprovalError(undefined);\n            clearError();\n          }}\n          {...(threadId ? { sessionId: threadId } : {})}\n          {...(selectedModel?.id\n            ? { model: selectedModel.id }\n            : runtime.model\n              ? { model: runtime.model }\n              : {})}\n          suppressWaiting={(approvalsInFlight.get(threadId) ?? 0) > 0}\n          emptyState={empty}\n          onRegenerate={(messageId) => void regenerate({ messageId })}\n          onApprove={resolveToolApproval}\n          {...(renderToolResult ? { renderToolResult } : {})}\n        />\n        <div className=\"flex shrink-0 flex-col gap-2 p-4 pt-0 pb-[max(1rem,env(safe-area-inset-bottom))]\">\n          {chips && chips.length > 0 && (\n            <Suggestions suggestions={chips} onSelect={pickSuggestion} />\n          )}\n          <PromptInput\n            status={status}\n            onStop={() => void stop()}\n            placeholder={placeholder}\n            enableAttachments={enableAttachments}\n            attachmentUpload={resolvedAttachmentUpload}\n            {...(selectedModel?.inputMediaTypes\n              ? { acceptedMediaTypes: selectedModel.inputMediaTypes }\n              : {})}\n            {...(attachmentLimits ? { attachmentLimits } : {})}\n            draft={draft}\n            toolbar={toolbar}\n            onSubmit={(text, files) => {\n              onProposedPromptsConsumed?.();\n              void sendMessage({ text, files });\n            }}\n          />\n        </div>\n      </div>\n    </ToolRenderRegistryProvider>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/chat/ChatRuntimeToolbar.cjs

@@ -21,8 +21,8 @@ function ChatRuntimeToolbar({
   const showContextMeter = Boolean(threadId || selectedModel || usage);
   if (!showRuntimeBar && !showContextMeter) return null;
   const ModelGlyph = providerIcons.providerIcon(usage == null ? void 0 : usage.provider);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 items-center gap-2", children: [
-    showRuntimeBar && /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+    showRuntimeBar && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
       RuntimeBar.RuntimeBar,
       {
         value: runtime,
@@ -32,9 +32,9 @@ function ChatRuntimeToolbar({
         locked,
         ...runtimeFamilies ? { families: runtimeFamilies } : {}
       }
-    ),
+    ) }),
     showContextMeter && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" }),
+      !showRuntimeBar && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" }),
       /* @__PURE__ */ jsxRuntime.jsx(
         ContextMeter.ContextMeter,
         {

package/dist/data/chat/ChatRuntimeToolbar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChatRuntimeToolbar.cjs","sources":["../../../src/data/chat/ChatRuntimeToolbar.tsx"],"sourcesContent":["import { ContextMeter } from \"./ContextMeter\";\nimport { providerIcon, providerIconColor } from \"./provider-icons\";\nimport type { ChatModel, ChatModelRuntime, ChatUsageSummary } from \"./types\";\nimport { RuntimeBar } from \"../runtime/RuntimeBar\";\nimport type { SpecRuntimeFamily } from \"../runtime/runtime-mode\";\n\nexport type ChatRuntimeToolbarProps = {\n  models: ChatModel[];\n  runtime: ChatModelRuntime;\n  runtimeFamilies?: SpecRuntimeFamily[] | undefined;\n  reasoningEfforts: string[];\n  selectedModel?: ChatModel | undefined;\n  usage?: ChatUsageSummary | null | undefined;\n  threadId?: string | undefined;\n  locked?: boolean | undefined;\n  onRuntimeChange: (runtime: ChatModelRuntime) => void;\n};\n\nexport function ChatRuntimeToolbar({\n  models,\n  runtime,\n  runtimeFamilies,\n  reasoningEfforts,\n  selectedModel,\n  usage,\n  threadId,\n  locked = false,\n  onRuntimeChange,\n}: ChatRuntimeToolbarProps) {\n  const showRuntimeBar = Boolean(\n    runtimeFamilies?.length ||\n    models.length ||\n    runtime.mode ||\n    runtime.id ||\n    runtime.model,\n  );\n  const showContextMeter = Boolean(threadId || selectedModel || usage);\n  if (!showRuntimeBar && !showContextMeter) return null;\n\n  const ModelGlyph = providerIcon(usage?.provider);\n\n  return (\n    <div className=\"flex flex-1 items-center gap-2\">\n      {showRuntimeBar && (\n        <RuntimeBar\n          value={runtime}\n          onChange={onRuntimeChange}\n          models={models}\n          reasoningEfforts={reasoningEfforts}\n          locked={locked}\n          {...(runtimeFamilies ? { families: runtimeFamilies } : {})}\n        />\n      )}\n      {showContextMeter && (\n        <>\n          <div className=\"flex-1\" />\n          <ContextMeter\n            mode=\"gauge\"\n            usedPercent={\n              usage?.freePercent !== undefined ? 100 - usage.freePercent : undefined\n            }\n            usedTokens={usage?.usedTokens}\n            windowTokens={usage?.maxTokens}\n            {...(usage?.messageCount != null\n              ? { messageCount: usage.messageCount }\n              : {})}\n            {...(usage?.cost != null ? { cost: { total: usage.cost } } : {})}\n            {...(usage?.provider ? { provider: usage.provider } : {})}\n            {...(usage?.executionMode\n              ? { executionMode: usage.executionMode }\n              : {})}\n            {...(usage?.model\n              ? { model: usage.model }\n              : usage?.modelLabel\n                ? { model: usage.modelLabel }\n                : {})}\n            {...(usage?.captainSessionId\n              ? { captainSessionId: usage.captainSessionId }\n              : {})}\n            {...(usage?.providerSessionId\n              ? { providerSessionId: usage.providerSessionId }\n              : {})}\n            {...(usage?.threadId ? { threadId: usage.threadId } : {})}\n            {...(usage?.turnId ? { turnId: usage.turnId } : {})}\n            {...(runtime.effort ? { effort: runtime.effort } : {})}\n            {...(ModelGlyph ? { modelIcon: ModelGlyph } : {})}\n            {...(usage?.provider\n              ? {\n                  modelIconClassName: providerIconColor(usage.provider),\n                }\n              : {})}\n          />\n        </>\n      )}\n    </div>\n  );\n}\n"],"names":["providerIcon","jsxs","jsx","RuntimeBar","Fragment","ContextMeter","providerIconColor"],"mappings":";;;;;;AAkBO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AACF,GAA4B;AAC1B,QAAM,iBAAiB;AAAA,KACrB,mDAAiB,WACjB,OAAO,UACP,QAAQ,QACR,QAAQ,MACR,QAAQ;AAAA,EAAA;AAEV,QAAM,mBAAmB,QAAQ,YAAY,iBAAiB,KAAK;AACnE,MAAI,CAAC,kBAAkB,CAAC,iBAAkB,QAAO;AAEjD,QAAM,aAAaA,cAAAA,aAAa,+BAAO,QAAQ;AAE/C,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,kCACZ,UAAA;AAAA,IAAA,kBACCC,2BAAAA;AAAAA,MAACC,WAAAA;AAAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAI,kBAAkB,EAAE,UAAU,oBAAoB,CAAA;AAAA,MAAC;AAAA,IAAA;AAAA,IAG3D,oBACCF,2BAAAA,KAAAG,qBAAA,EACE,UAAA;AAAA,MAAAF,2BAAAA,IAAC,OAAA,EAAI,WAAU,SAAA,CAAS;AAAA,MACxBA,2BAAAA;AAAAA,QAACG,aAAAA;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cACE,+BAAO,iBAAgB,SAAY,MAAM,MAAM,cAAc;AAAA,UAE/D,YAAY,+BAAO;AAAA,UACnB,cAAc,+BAAO;AAAA,UACpB,IAAI,+BAAO,iBAAgB,OACxB,EAAE,cAAc,MAAM,aAAA,IACtB,CAAA;AAAA,UACH,IAAI,+BAAO,SAAQ,OAAO,EAAE,MAAM,EAAE,OAAO,MAAM,KAAA,EAAK,IAAM,CAAA;AAAA,UAC5D,IAAI,+BAAO,YAAW,EAAE,UAAU,MAAM,SAAA,IAAa,CAAA;AAAA,UACrD,IAAI,+BAAO,iBACR,EAAE,eAAe,MAAM,cAAA,IACvB,CAAA;AAAA,UACH,IAAI,+BAAO,SACR,EAAE,OAAO,MAAM,MAAA,KACf,+BAAO,cACL,EAAE,OAAO,MAAM,WAAA,IACf,CAAA;AAAA,UACL,IAAI,+BAAO,oBACR,EAAE,kBAAkB,MAAM,iBAAA,IAC1B,CAAA;AAAA,UACH,IAAI,+BAAO,qBACR,EAAE,mBAAmB,MAAM,kBAAA,IAC3B,CAAA;AAAA,UACH,IAAI,+BAAO,YAAW,EAAE,UAAU,MAAM,SAAA,IAAa,CAAA;AAAA,UACrD,IAAI,+BAAO,UAAS,EAAE,QAAQ,MAAM,OAAA,IAAW,CAAA;AAAA,UAC/C,GAAI,QAAQ,SAAS,EAAE,QAAQ,QAAQ,OAAA,IAAW,CAAA;AAAA,UAClD,GAAI,aAAa,EAAE,WAAW,WAAA,IAAe,CAAA;AAAA,UAC7C,IAAI,+BAAO,YACR;AAAA,YACE,oBAAoBC,cAAAA,kBAAkB,MAAM,QAAQ;AAAA,UAAA,IAEtD,CAAA;AAAA,QAAC;AAAA,MAAA;AAAA,IACP,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;;"}
+{"version":3,"file":"ChatRuntimeToolbar.cjs","sources":["../../../src/data/chat/ChatRuntimeToolbar.tsx"],"sourcesContent":["import { ContextMeter } from \"./ContextMeter\";\nimport { providerIcon, providerIconColor } from \"./provider-icons\";\nimport type { ChatModel, ChatModelRuntime, ChatUsageSummary } from \"./types\";\nimport { RuntimeBar } from \"../runtime/RuntimeBar\";\nimport type { SpecRuntimeFamily } from \"../runtime/runtime-mode\";\n\nexport type ChatRuntimeToolbarProps = {\n  models: ChatModel[];\n  runtime: ChatModelRuntime;\n  runtimeFamilies?: SpecRuntimeFamily[] | undefined;\n  reasoningEfforts: string[];\n  selectedModel?: ChatModel | undefined;\n  usage?: ChatUsageSummary | null | undefined;\n  threadId?: string | undefined;\n  locked?: boolean | undefined;\n  onRuntimeChange: (runtime: ChatModelRuntime) => void;\n};\n\nexport function ChatRuntimeToolbar({\n  models,\n  runtime,\n  runtimeFamilies,\n  reasoningEfforts,\n  selectedModel,\n  usage,\n  threadId,\n  locked = false,\n  onRuntimeChange,\n}: ChatRuntimeToolbarProps) {\n  const showRuntimeBar = Boolean(\n    runtimeFamilies?.length ||\n    models.length ||\n    runtime.mode ||\n    runtime.id ||\n    runtime.model,\n  );\n  const showContextMeter = Boolean(threadId || selectedModel || usage);\n  if (!showRuntimeBar && !showContextMeter) return null;\n\n  const ModelGlyph = providerIcon(usage?.provider);\n\n  return (\n    <div className=\"flex min-w-0 flex-1 items-center gap-2\">\n      {showRuntimeBar && (\n        <div className=\"min-w-0 flex-1\">\n          <RuntimeBar\n            value={runtime}\n            onChange={onRuntimeChange}\n            models={models}\n            reasoningEfforts={reasoningEfforts}\n            locked={locked}\n            {...(runtimeFamilies ? { families: runtimeFamilies } : {})}\n          />\n        </div>\n      )}\n      {showContextMeter && (\n        <>\n          {!showRuntimeBar && <div className=\"flex-1\" />}\n          <ContextMeter\n            mode=\"gauge\"\n            usedPercent={\n              usage?.freePercent !== undefined ? 100 - usage.freePercent : undefined\n            }\n            usedTokens={usage?.usedTokens}\n            windowTokens={usage?.maxTokens}\n            {...(usage?.messageCount != null\n              ? { messageCount: usage.messageCount }\n              : {})}\n            {...(usage?.cost != null ? { cost: { total: usage.cost } } : {})}\n            {...(usage?.provider ? { provider: usage.provider } : {})}\n            {...(usage?.executionMode\n              ? { executionMode: usage.executionMode }\n              : {})}\n            {...(usage?.model\n              ? { model: usage.model }\n              : usage?.modelLabel\n                ? { model: usage.modelLabel }\n                : {})}\n            {...(usage?.captainSessionId\n              ? { captainSessionId: usage.captainSessionId }\n              : {})}\n            {...(usage?.providerSessionId\n              ? { providerSessionId: usage.providerSessionId }\n              : {})}\n            {...(usage?.threadId ? { threadId: usage.threadId } : {})}\n            {...(usage?.turnId ? { turnId: usage.turnId } : {})}\n            {...(runtime.effort ? { effort: runtime.effort } : {})}\n            {...(ModelGlyph ? { modelIcon: ModelGlyph } : {})}\n            {...(usage?.provider\n              ? {\n                  modelIconClassName: providerIconColor(usage.provider),\n                }\n              : {})}\n          />\n        </>\n      )}\n    </div>\n  );\n}\n"],"names":["providerIcon","jsxs","jsx","RuntimeBar","Fragment","ContextMeter","providerIconColor"],"mappings":";;;;;;AAkBO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AACF,GAA4B;AAC1B,QAAM,iBAAiB;AAAA,KACrB,mDAAiB,WACjB,OAAO,UACP,QAAQ,QACR,QAAQ,MACR,QAAQ;AAAA,EAAA;AAEV,QAAM,mBAAmB,QAAQ,YAAY,iBAAiB,KAAK;AACnE,MAAI,CAAC,kBAAkB,CAAC,iBAAkB,QAAO;AAEjD,QAAM,aAAaA,cAAAA,aAAa,+BAAO,QAAQ;AAE/C,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,0CACZ,UAAA;AAAA,IAAA,kBACCC,2BAAAA,IAAC,OAAA,EAAI,WAAU,kBACb,UAAAA,2BAAAA;AAAAA,MAACC,WAAAA;AAAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAI,kBAAkB,EAAE,UAAU,oBAAoB,CAAA;AAAA,MAAC;AAAA,IAAA,GAE5D;AAAA,IAED,oBACCF,2BAAAA,KAAAG,qBAAA,EACG,UAAA;AAAA,MAAA,CAAC,kBAAkBF,2BAAAA,IAAC,OAAA,EAAI,WAAU,SAAA,CAAS;AAAA,MAC5CA,2BAAAA;AAAAA,QAACG,aAAAA;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cACE,+BAAO,iBAAgB,SAAY,MAAM,MAAM,cAAc;AAAA,UAE/D,YAAY,+BAAO;AAAA,UACnB,cAAc,+BAAO;AAAA,UACpB,IAAI,+BAAO,iBAAgB,OACxB,EAAE,cAAc,MAAM,aAAA,IACtB,CAAA;AAAA,UACH,IAAI,+BAAO,SAAQ,OAAO,EAAE,MAAM,EAAE,OAAO,MAAM,KAAA,EAAK,IAAM,CAAA;AAAA,UAC5D,IAAI,+BAAO,YAAW,EAAE,UAAU,MAAM,SAAA,IAAa,CAAA;AAAA,UACrD,IAAI,+BAAO,iBACR,EAAE,eAAe,MAAM,cAAA,IACvB,CAAA;AAAA,UACH,IAAI,+BAAO,SACR,EAAE,OAAO,MAAM,MAAA,KACf,+BAAO,cACL,EAAE,OAAO,MAAM,WAAA,IACf,CAAA;AAAA,UACL,IAAI,+BAAO,oBACR,EAAE,kBAAkB,MAAM,iBAAA,IAC1B,CAAA;AAAA,UACH,IAAI,+BAAO,qBACR,EAAE,mBAAmB,MAAM,kBAAA,IAC3B,CAAA;AAAA,UACH,IAAI,+BAAO,YAAW,EAAE,UAAU,MAAM,SAAA,IAAa,CAAA;AAAA,UACrD,IAAI,+BAAO,UAAS,EAAE,QAAQ,MAAM,OAAA,IAAW,CAAA;AAAA,UAC/C,GAAI,QAAQ,SAAS,EAAE,QAAQ,QAAQ,OAAA,IAAW,CAAA;AAAA,UAClD,GAAI,aAAa,EAAE,WAAW,WAAA,IAAe,CAAA;AAAA,UAC7C,IAAI,+BAAO,YACR;AAAA,YACE,oBAAoBC,cAAAA,kBAAkB,MAAM,QAAQ;AAAA,UAAA,IAEtD,CAAA;AAAA,QAAC;AAAA,MAAA;AAAA,IACP,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;;"}

package/dist/data/chat/ChatRuntimeToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatRuntimeToolbar.d.ts","sourceRoot":"","sources":["../../../src/data/chat/ChatRuntimeToolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE7E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAEjE,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,eAAe,CAAC,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;IAClD,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,aAAa,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACtC,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,GAAG,SAAS,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,eAAe,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACtD,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,OAAO,EACP,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,KAAK,EACL,QAAQ,EACR,MAAc,EACd,eAAe,GAChB,EAAE,uBAAuB,sCAoEzB"}
+{"version":3,"file":"ChatRuntimeToolbar.d.ts","sourceRoot":"","sources":["../../../src/data/chat/ChatRuntimeToolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE7E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAEjE,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,eAAe,CAAC,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;IAClD,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,aAAa,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACtC,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,GAAG,SAAS,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,eAAe,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACtD,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,OAAO,EACP,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,KAAK,EACL,QAAQ,EACR,MAAc,EACd,eAAe,GAChB,EAAE,uBAAuB,sCAsEzB"}

package/dist/data/chat/ChatRuntimeToolbar.js

@@ -19,8 +19,8 @@ function ChatRuntimeToolbar({
   const showContextMeter = Boolean(threadId || selectedModel || usage);
   if (!showRuntimeBar && !showContextMeter) return null;
   const ModelGlyph = providerIcon(usage == null ? void 0 : usage.provider);
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center gap-2", children: [
-    showRuntimeBar && /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+    showRuntimeBar && /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx(
       RuntimeBar,
       {
         value: runtime,
@@ -30,9 +30,9 @@ function ChatRuntimeToolbar({
         locked,
         ...runtimeFamilies ? { families: runtimeFamilies } : {}
       }
-    ),
+    ) }),
     showContextMeter && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("div", { className: "flex-1" }),
+      !showRuntimeBar && /* @__PURE__ */ jsx("div", { className: "flex-1" }),
       /* @__PURE__ */ jsx(
         ContextMeter,
         {

package/dist/data/chat/ChatRuntimeToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatRuntimeToolbar.js","sources":["../../../src/data/chat/ChatRuntimeToolbar.tsx"],"sourcesContent":["import { ContextMeter } from \"./ContextMeter\";\nimport { providerIcon, providerIconColor } from \"./provider-icons\";\nimport type { ChatModel, ChatModelRuntime, ChatUsageSummary } from \"./types\";\nimport { RuntimeBar } from \"../runtime/RuntimeBar\";\nimport type { SpecRuntimeFamily } from \"../runtime/runtime-mode\";\n\nexport type ChatRuntimeToolbarProps = {\n  models: ChatModel[];\n  runtime: ChatModelRuntime;\n  runtimeFamilies?: SpecRuntimeFamily[] | undefined;\n  reasoningEfforts: string[];\n  selectedModel?: ChatModel | undefined;\n  usage?: ChatUsageSummary | null | undefined;\n  threadId?: string | undefined;\n  locked?: boolean | undefined;\n  onRuntimeChange: (runtime: ChatModelRuntime) => void;\n};\n\nexport function ChatRuntimeToolbar({\n  models,\n  runtime,\n  runtimeFamilies,\n  reasoningEfforts,\n  selectedModel,\n  usage,\n  threadId,\n  locked = false,\n  onRuntimeChange,\n}: ChatRuntimeToolbarProps) {\n  const showRuntimeBar = Boolean(\n    runtimeFamilies?.length ||\n    models.length ||\n    runtime.mode ||\n    runtime.id ||\n    runtime.model,\n  );\n  const showContextMeter = Boolean(threadId || selectedModel || usage);\n  if (!showRuntimeBar && !showContextMeter) return null;\n\n  const ModelGlyph = providerIcon(usage?.provider);\n\n  return (\n    <div className=\"flex flex-1 items-center gap-2\">\n      {showRuntimeBar && (\n        <RuntimeBar\n          value={runtime}\n          onChange={onRuntimeChange}\n          models={models}\n          reasoningEfforts={reasoningEfforts}\n          locked={locked}\n          {...(runtimeFamilies ? { families: runtimeFamilies } : {})}\n        />\n      )}\n      {showContextMeter && (\n        <>\n          <div className=\"flex-1\" />\n          <ContextMeter\n            mode=\"gauge\"\n            usedPercent={\n              usage?.freePercent !== undefined ? 100 - usage.freePercent : undefined\n            }\n            usedTokens={usage?.usedTokens}\n            windowTokens={usage?.maxTokens}\n            {...(usage?.messageCount != null\n              ? { messageCount: usage.messageCount }\n              : {})}\n            {...(usage?.cost != null ? { cost: { total: usage.cost } } : {})}\n            {...(usage?.provider ? { provider: usage.provider } : {})}\n            {...(usage?.executionMode\n              ? { executionMode: usage.executionMode }\n              : {})}\n            {...(usage?.model\n              ? { model: usage.model }\n              : usage?.modelLabel\n                ? { model: usage.modelLabel }\n                : {})}\n            {...(usage?.captainSessionId\n              ? { captainSessionId: usage.captainSessionId }\n              : {})}\n            {...(usage?.providerSessionId\n              ? { providerSessionId: usage.providerSessionId }\n              : {})}\n            {...(usage?.threadId ? { threadId: usage.threadId } : {})}\n            {...(usage?.turnId ? { turnId: usage.turnId } : {})}\n            {...(runtime.effort ? { effort: runtime.effort } : {})}\n            {...(ModelGlyph ? { modelIcon: ModelGlyph } : {})}\n            {...(usage?.provider\n              ? {\n                  modelIconClassName: providerIconColor(usage.provider),\n                }\n              : {})}\n          />\n        </>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;AAkBO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AACF,GAA4B;AAC1B,QAAM,iBAAiB;AAAA,KACrB,mDAAiB,WACjB,OAAO,UACP,QAAQ,QACR,QAAQ,MACR,QAAQ;AAAA,EAAA;AAEV,QAAM,mBAAmB,QAAQ,YAAY,iBAAiB,KAAK;AACnE,MAAI,CAAC,kBAAkB,CAAC,iBAAkB,QAAO;AAEjD,QAAM,aAAa,aAAa,+BAAO,QAAQ;AAE/C,SACE,qBAAC,OAAA,EAAI,WAAU,kCACZ,UAAA;AAAA,IAAA,kBACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAI,kBAAkB,EAAE,UAAU,oBAAoB,CAAA;AAAA,MAAC;AAAA,IAAA;AAAA,IAG3D,oBACC,qBAAA,UAAA,EACE,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,SAAA,CAAS;AAAA,MACxB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cACE,+BAAO,iBAAgB,SAAY,MAAM,MAAM,cAAc;AAAA,UAE/D,YAAY,+BAAO;AAAA,UACnB,cAAc,+BAAO;AAAA,UACpB,IAAI,+BAAO,iBAAgB,OACxB,EAAE,cAAc,MAAM,aAAA,IACtB,CAAA;AAAA,UACH,IAAI,+BAAO,SAAQ,OAAO,EAAE,MAAM,EAAE,OAAO,MAAM,KAAA,EAAK,IAAM,CAAA;AAAA,UAC5D,IAAI,+BAAO,YAAW,EAAE,UAAU,MAAM,SAAA,IAAa,CAAA;AAAA,UACrD,IAAI,+BAAO,iBACR,EAAE,eAAe,MAAM,cAAA,IACvB,CAAA;AAAA,UACH,IAAI,+BAAO,SACR,EAAE,OAAO,MAAM,MAAA,KACf,+BAAO,cACL,EAAE,OAAO,MAAM,WAAA,IACf,CAAA;AAAA,UACL,IAAI,+BAAO,oBACR,EAAE,kBAAkB,MAAM,iBAAA,IAC1B,CAAA;AAAA,UACH,IAAI,+BAAO,qBACR,EAAE,mBAAmB,MAAM,kBAAA,IAC3B,CAAA;AAAA,UACH,IAAI,+BAAO,YAAW,EAAE,UAAU,MAAM,SAAA,IAAa,CAAA;AAAA,UACrD,IAAI,+BAAO,UAAS,EAAE,QAAQ,MAAM,OAAA,IAAW,CAAA;AAAA,UAC/C,GAAI,QAAQ,SAAS,EAAE,QAAQ,QAAQ,OAAA,IAAW,CAAA;AAAA,UAClD,GAAI,aAAa,EAAE,WAAW,WAAA,IAAe,CAAA;AAAA,UAC7C,IAAI,+BAAO,YACR;AAAA,YACE,oBAAoB,kBAAkB,MAAM,QAAQ;AAAA,UAAA,IAEtD,CAAA;AAAA,QAAC;AAAA,MAAA;AAAA,IACP,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"ChatRuntimeToolbar.js","sources":["../../../src/data/chat/ChatRuntimeToolbar.tsx"],"sourcesContent":["import { ContextMeter } from \"./ContextMeter\";\nimport { providerIcon, providerIconColor } from \"./provider-icons\";\nimport type { ChatModel, ChatModelRuntime, ChatUsageSummary } from \"./types\";\nimport { RuntimeBar } from \"../runtime/RuntimeBar\";\nimport type { SpecRuntimeFamily } from \"../runtime/runtime-mode\";\n\nexport type ChatRuntimeToolbarProps = {\n  models: ChatModel[];\n  runtime: ChatModelRuntime;\n  runtimeFamilies?: SpecRuntimeFamily[] | undefined;\n  reasoningEfforts: string[];\n  selectedModel?: ChatModel | undefined;\n  usage?: ChatUsageSummary | null | undefined;\n  threadId?: string | undefined;\n  locked?: boolean | undefined;\n  onRuntimeChange: (runtime: ChatModelRuntime) => void;\n};\n\nexport function ChatRuntimeToolbar({\n  models,\n  runtime,\n  runtimeFamilies,\n  reasoningEfforts,\n  selectedModel,\n  usage,\n  threadId,\n  locked = false,\n  onRuntimeChange,\n}: ChatRuntimeToolbarProps) {\n  const showRuntimeBar = Boolean(\n    runtimeFamilies?.length ||\n    models.length ||\n    runtime.mode ||\n    runtime.id ||\n    runtime.model,\n  );\n  const showContextMeter = Boolean(threadId || selectedModel || usage);\n  if (!showRuntimeBar && !showContextMeter) return null;\n\n  const ModelGlyph = providerIcon(usage?.provider);\n\n  return (\n    <div className=\"flex min-w-0 flex-1 items-center gap-2\">\n      {showRuntimeBar && (\n        <div className=\"min-w-0 flex-1\">\n          <RuntimeBar\n            value={runtime}\n            onChange={onRuntimeChange}\n            models={models}\n            reasoningEfforts={reasoningEfforts}\n            locked={locked}\n            {...(runtimeFamilies ? { families: runtimeFamilies } : {})}\n          />\n        </div>\n      )}\n      {showContextMeter && (\n        <>\n          {!showRuntimeBar && <div className=\"flex-1\" />}\n          <ContextMeter\n            mode=\"gauge\"\n            usedPercent={\n              usage?.freePercent !== undefined ? 100 - usage.freePercent : undefined\n            }\n            usedTokens={usage?.usedTokens}\n            windowTokens={usage?.maxTokens}\n            {...(usage?.messageCount != null\n              ? { messageCount: usage.messageCount }\n              : {})}\n            {...(usage?.cost != null ? { cost: { total: usage.cost } } : {})}\n            {...(usage?.provider ? { provider: usage.provider } : {})}\n            {...(usage?.executionMode\n              ? { executionMode: usage.executionMode }\n              : {})}\n            {...(usage?.model\n              ? { model: usage.model }\n              : usage?.modelLabel\n                ? { model: usage.modelLabel }\n                : {})}\n            {...(usage?.captainSessionId\n              ? { captainSessionId: usage.captainSessionId }\n              : {})}\n            {...(usage?.providerSessionId\n              ? { providerSessionId: usage.providerSessionId }\n              : {})}\n            {...(usage?.threadId ? { threadId: usage.threadId } : {})}\n            {...(usage?.turnId ? { turnId: usage.turnId } : {})}\n            {...(runtime.effort ? { effort: runtime.effort } : {})}\n            {...(ModelGlyph ? { modelIcon: ModelGlyph } : {})}\n            {...(usage?.provider\n              ? {\n                  modelIconClassName: providerIconColor(usage.provider),\n                }\n              : {})}\n          />\n        </>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;AAkBO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AACF,GAA4B;AAC1B,QAAM,iBAAiB;AAAA,KACrB,mDAAiB,WACjB,OAAO,UACP,QAAQ,QACR,QAAQ,MACR,QAAQ;AAAA,EAAA;AAEV,QAAM,mBAAmB,QAAQ,YAAY,iBAAiB,KAAK;AACnE,MAAI,CAAC,kBAAkB,CAAC,iBAAkB,QAAO;AAEjD,QAAM,aAAa,aAAa,+BAAO,QAAQ;AAE/C,SACE,qBAAC,OAAA,EAAI,WAAU,0CACZ,UAAA;AAAA,IAAA,kBACC,oBAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAI,kBAAkB,EAAE,UAAU,oBAAoB,CAAA;AAAA,MAAC;AAAA,IAAA,GAE5D;AAAA,IAED,oBACC,qBAAA,UAAA,EACG,UAAA;AAAA,MAAA,CAAC,kBAAkB,oBAAC,OAAA,EAAI,WAAU,SAAA,CAAS;AAAA,MAC5C;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cACE,+BAAO,iBAAgB,SAAY,MAAM,MAAM,cAAc;AAAA,UAE/D,YAAY,+BAAO;AAAA,UACnB,cAAc,+BAAO;AAAA,UACpB,IAAI,+BAAO,iBAAgB,OACxB,EAAE,cAAc,MAAM,aAAA,IACtB,CAAA;AAAA,UACH,IAAI,+BAAO,SAAQ,OAAO,EAAE,MAAM,EAAE,OAAO,MAAM,KAAA,EAAK,IAAM,CAAA;AAAA,UAC5D,IAAI,+BAAO,YAAW,EAAE,UAAU,MAAM,SAAA,IAAa,CAAA;AAAA,UACrD,IAAI,+BAAO,iBACR,EAAE,eAAe,MAAM,cAAA,IACvB,CAAA;AAAA,UACH,IAAI,+BAAO,SACR,EAAE,OAAO,MAAM,MAAA,KACf,+BAAO,cACL,EAAE,OAAO,MAAM,WAAA,IACf,CAAA;AAAA,UACL,IAAI,+BAAO,oBACR,EAAE,kBAAkB,MAAM,iBAAA,IAC1B,CAAA;AAAA,UACH,IAAI,+BAAO,qBACR,EAAE,mBAAmB,MAAM,kBAAA,IAC3B,CAAA;AAAA,UACH,IAAI,+BAAO,YAAW,EAAE,UAAU,MAAM,SAAA,IAAa,CAAA;AAAA,UACrD,IAAI,+BAAO,UAAS,EAAE,QAAQ,MAAM,OAAA,IAAW,CAAA;AAAA,UAC/C,GAAI,QAAQ,SAAS,EAAE,QAAQ,QAAQ,OAAA,IAAW,CAAA;AAAA,UAClD,GAAI,aAAa,EAAE,WAAW,WAAA,IAAe,CAAA;AAAA,UAC7C,IAAI,+BAAO,YACR;AAAA,YACE,oBAAoB,kBAAkB,MAAM,QAAQ;AAAA,UAAA,IAEtD,CAAA;AAAA,QAAC;AAAA,MAAA;AAAA,IACP,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/data/chat/PromptInput.cjs

@@ -14,6 +14,7 @@ function PromptInput({
   status,
   allowSubmitWhileStreaming = false,
   disabled = false,
+  disabledReason,
   stopLabel = "Stop",
   placeholder = "What would you like to know?",
   enableAttachments = false,
@@ -86,7 +87,8 @@ function PromptInput({
               value,
               onChange: (e) => setValue(e.target.value),
               onKeyDown: handleKeyDown,
-              placeholder,
+              placeholder: disabled && disabledReason ? disabledReason : placeholder,
+              ...disabled && disabledReason ? { title: disabledReason } : {},
               disabled,
               rows: 1,
               className: "max-h-48 min-h-9 flex-1 resize-none bg-transparent px-1 py-1.5 text-sm outline-none placeholder:text-placeholder"
@@ -115,7 +117,7 @@ function PromptInput({
             }
           )
         ] }),
-        (toolbar || enableAttachments) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        (toolbar || enableAttachments) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
           enableAttachments && /* @__PURE__ */ jsxRuntime.jsx(
             Attachment.AttachmentButton,
             {

package/dist/data/chat/PromptInput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PromptInput.cjs","sources":["../../../src/data/chat/PromptInput.tsx"],"sourcesContent":["import {\n  useEffect,\n  useRef,\n  useState,\n  type FormEvent,\n  type KeyboardEvent,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../../components/button\";\nimport { Icon } from \"../Icon\";\nimport { UiArrowUp, UiStop } from \"../../icons\";\nimport {\n  AttachmentButton,\n  AttachmentList,\n} from \"./Attachment\";\nimport type {\n  AttachmentLimits,\n  AttachmentUploadAdapter,\n} from \"./attachment-upload\";\nimport type { ChatStatus, FileUIPart } from \"./types\";\n\nexport type PromptInputProps = {\n  /** Called with the trimmed text and any attachments when the user submits. */\n  onSubmit: (text: string, files: FileUIPart[]) => void;\n  /** Called when the user stops an in-flight generation. */\n  onStop?: (() => void) | undefined;\n  /** Current chat status; drives the submit/stop button affordance. */\n  status?: ChatStatus | undefined;\n  allowSubmitWhileStreaming?: boolean | undefined;\n  disabled?: boolean | undefined;\n  stopLabel?: string | undefined;\n  placeholder?: string | undefined;\n  /** Enables the attachment button and chips. */\n  enableAttachments?: boolean | undefined;\n  attachmentUpload?: AttachmentUploadAdapter | undefined;\n  acceptedMediaTypes?: string[] | undefined;\n  attachmentLimits?: AttachmentLimits | undefined;\n  /** Text to seed the composer with, without submitting it. A new `id` re-seeds\n   *  even when the text repeats, so picking the same suggestion twice works. */\n  draft?: { id: number; text: string } | null | undefined;\n  /** Toolbar content (e.g. model/effort selectors) rendered in the footer. */\n  toolbar?: ReactNode;\n  /** Compact host control rendered beside the textarea and submit button. */\n  inputAccessory?: ReactNode;\n  className?: string | undefined;\n};\n\n/** Auto-growing prompt textarea with a submit/stop button, optional attachment\n *  controls, and a toolbar slot (model/effort selectors). Enter submits;\n *  Shift+Enter inserts a newline; while streaming the button becomes a stop\n *  control. */\nexport function PromptInput({\n  onSubmit,\n  onStop,\n  status,\n  allowSubmitWhileStreaming = false,\n  disabled = false,\n  stopLabel = \"Stop\",\n  placeholder = \"What would you like to know?\",\n  enableAttachments = false,\n  attachmentUpload,\n  acceptedMediaTypes,\n  attachmentLimits,\n  draft,\n  toolbar,\n  inputAccessory,\n  className,\n}: PromptInputProps) {\n  const [value, setValue] = useState(\"\");\n  const [files, setFiles] = useState<FileUIPart[]>([]);\n  const [attachmentError, setAttachmentError] = useState(\"\");\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const seededDraftId = useRef<number | null>(null);\n  const isGenerating = status === \"submitted\" || status === \"streaming\";\n\n  // A draft replaces whatever is in the box and puts the caret at the end, so\n  // the user can edit before sending. Keyed on `id` rather than `text` so the\n  // same suggestion picked twice re-seeds instead of doing nothing.\n  useEffect(() => {\n    if (!draft || seededDraftId.current === draft.id) return;\n    seededDraftId.current = draft.id;\n    setValue(draft.text);\n    const textarea = textareaRef.current;\n    if (!textarea) return;\n    textarea.focus();\n    textarea.setSelectionRange(draft.text.length, draft.text.length);\n  }, [draft]);\n\n  const submit = () => {\n    const text = value.trim();\n    if (\n      (!text && files.length === 0) ||\n      disabled ||\n      (isGenerating && !allowSubmitWhileStreaming)\n    )\n      return;\n    onSubmit(text, files);\n    setValue(\"\");\n    setFiles([]);\n  };\n\n  const handleSubmit = (e: FormEvent) => {\n    e.preventDefault();\n    submit();\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === \"Enter\" && !e.shiftKey && !e.nativeEvent.isComposing) {\n      e.preventDefault();\n      submit();\n    }\n  };\n\n  const canSubmit =\n    !disabled &&\n    (!isGenerating || allowSubmitWhileStreaming) &&\n    (value.trim().length > 0 || files.length > 0);\n\n  return (\n    <form\n      onSubmit={handleSubmit}\n      className={cn(\n        \"flex flex-col gap-2 rounded-lg border border-input bg-background p-2\",\n        className,\n      )}\n    >\n      {enableAttachments && (\n        <>\n          <AttachmentList\n            files={files}\n            onRemove={(i) => setFiles((f) => f.filter((_, j) => j !== i))}\n          />\n          {attachmentError && (\n            <p className=\"px-1 text-xs text-destructive\">{attachmentError}</p>\n          )}\n        </>\n      )}\n\n      <div className=\"flex items-end gap-2\">\n        <textarea\n          ref={textareaRef}\n          value={value}\n          onChange={(e) => setValue(e.target.value)}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          disabled={disabled}\n          rows={1}\n          className=\"max-h-48 min-h-9 flex-1 resize-none bg-transparent px-1 py-1.5 text-sm outline-none placeholder:text-placeholder\"\n        />\n        {inputAccessory}\n        {isGenerating && onStop && (\n          <Button\n            type=\"button\"\n            size=\"icon\"\n            variant=\"secondary\"\n            aria-label={stopLabel}\n            onClick={onStop}\n          >\n            <Icon icon={UiStop} className=\"size-4\" />\n          </Button>\n        )}\n        {(!isGenerating || allowSubmitWhileStreaming) && (\n          <Button\n            type=\"submit\"\n            size=\"icon\"\n            aria-label=\"Send\"\n            disabled={!canSubmit}\n          >\n            <Icon icon={UiArrowUp} className=\"size-4\" />\n          </Button>\n        )}\n      </div>\n\n      {(toolbar || enableAttachments) && (\n        <div className=\"flex items-center gap-2\">\n          {enableAttachments && (\n            <AttachmentButton\n              onAdd={(p) => setFiles((f) => [...f, ...p])}\n              disabled={disabled || isGenerating}\n              files={files}\n              onError={setAttachmentError}\n              {...(attachmentUpload ? { upload: attachmentUpload } : {})}\n              {...(acceptedMediaTypes ? { acceptedMediaTypes } : {})}\n              {...(attachmentLimits ? { limits: attachmentLimits } : {})}\n            />\n          )}\n          {toolbar}\n        </div>\n      )}\n    </form>\n  );\n}\n"],"names":["useState","useRef","useEffect","jsxs","cn","Fragment","jsx","AttachmentList","Button","Icon","UiStop","UiArrowUp","AttachmentButton"],"mappings":"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"}
+{"version":3,"file":"PromptInput.cjs","sources":["../../../src/data/chat/PromptInput.tsx"],"sourcesContent":["import {\n  useEffect,\n  useRef,\n  useState,\n  type FormEvent,\n  type KeyboardEvent,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../../components/button\";\nimport { Icon } from \"../Icon\";\nimport { UiArrowUp, UiStop } from \"../../icons\";\nimport {\n  AttachmentButton,\n  AttachmentList,\n} from \"./Attachment\";\nimport type {\n  AttachmentLimits,\n  AttachmentUploadAdapter,\n} from \"./attachment-upload\";\nimport type { ChatStatus, FileUIPart } from \"./types\";\n\nexport type PromptInputProps = {\n  /** Called with the trimmed text and any attachments when the user submits. */\n  onSubmit: (text: string, files: FileUIPart[]) => void;\n  /** Called when the user stops an in-flight generation. */\n  onStop?: (() => void) | undefined;\n  /** Current chat status; drives the submit/stop button affordance. */\n  status?: ChatStatus | undefined;\n  allowSubmitWhileStreaming?: boolean | undefined;\n  disabled?: boolean | undefined;\n  /** Why the input is disabled. Shown in place of the placeholder (and as the\n   *  tooltip) while `disabled`, so a locked input says why instead of just\n   *  looking dead. Ignored while enabled. */\n  disabledReason?: string | undefined;\n  stopLabel?: string | undefined;\n  placeholder?: string | undefined;\n  /** Enables the attachment button and chips. */\n  enableAttachments?: boolean | undefined;\n  attachmentUpload?: AttachmentUploadAdapter | undefined;\n  acceptedMediaTypes?: string[] | undefined;\n  attachmentLimits?: AttachmentLimits | undefined;\n  /** Text to seed the composer with, without submitting it. A new `id` re-seeds\n   *  even when the text repeats, so picking the same suggestion twice works. */\n  draft?: { id: number; text: string } | null | undefined;\n  /** Toolbar content (e.g. model/effort selectors) rendered in the footer. */\n  toolbar?: ReactNode;\n  /** Compact host control rendered beside the textarea and submit button. */\n  inputAccessory?: ReactNode;\n  className?: string | undefined;\n};\n\n/** Auto-growing prompt textarea with a submit/stop button, optional attachment\n *  controls, and a toolbar slot (model/effort selectors). Enter submits;\n *  Shift+Enter inserts a newline; while streaming the button becomes a stop\n *  control. */\nexport function PromptInput({\n  onSubmit,\n  onStop,\n  status,\n  allowSubmitWhileStreaming = false,\n  disabled = false,\n  disabledReason,\n  stopLabel = \"Stop\",\n  placeholder = \"What would you like to know?\",\n  enableAttachments = false,\n  attachmentUpload,\n  acceptedMediaTypes,\n  attachmentLimits,\n  draft,\n  toolbar,\n  inputAccessory,\n  className,\n}: PromptInputProps) {\n  const [value, setValue] = useState(\"\");\n  const [files, setFiles] = useState<FileUIPart[]>([]);\n  const [attachmentError, setAttachmentError] = useState(\"\");\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const seededDraftId = useRef<number | null>(null);\n  const isGenerating = status === \"submitted\" || status === \"streaming\";\n\n  // A draft replaces whatever is in the box and puts the caret at the end, so\n  // the user can edit before sending. Keyed on `id` rather than `text` so the\n  // same suggestion picked twice re-seeds instead of doing nothing.\n  useEffect(() => {\n    if (!draft || seededDraftId.current === draft.id) return;\n    seededDraftId.current = draft.id;\n    setValue(draft.text);\n    const textarea = textareaRef.current;\n    if (!textarea) return;\n    textarea.focus();\n    textarea.setSelectionRange(draft.text.length, draft.text.length);\n  }, [draft]);\n\n  const submit = () => {\n    const text = value.trim();\n    if (\n      (!text && files.length === 0) ||\n      disabled ||\n      (isGenerating && !allowSubmitWhileStreaming)\n    )\n      return;\n    onSubmit(text, files);\n    setValue(\"\");\n    setFiles([]);\n  };\n\n  const handleSubmit = (e: FormEvent) => {\n    e.preventDefault();\n    submit();\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === \"Enter\" && !e.shiftKey && !e.nativeEvent.isComposing) {\n      e.preventDefault();\n      submit();\n    }\n  };\n\n  const canSubmit =\n    !disabled &&\n    (!isGenerating || allowSubmitWhileStreaming) &&\n    (value.trim().length > 0 || files.length > 0);\n\n  return (\n    <form\n      onSubmit={handleSubmit}\n      className={cn(\n        \"flex flex-col gap-2 rounded-lg border border-input bg-background p-2\",\n        className,\n      )}\n    >\n      {enableAttachments && (\n        <>\n          <AttachmentList\n            files={files}\n            onRemove={(i) => setFiles((f) => f.filter((_, j) => j !== i))}\n          />\n          {attachmentError && (\n            <p className=\"px-1 text-xs text-destructive\">{attachmentError}</p>\n          )}\n        </>\n      )}\n\n      <div className=\"flex items-end gap-2\">\n        <textarea\n          ref={textareaRef}\n          value={value}\n          onChange={(e) => setValue(e.target.value)}\n          onKeyDown={handleKeyDown}\n          placeholder={disabled && disabledReason ? disabledReason : placeholder}\n          {...(disabled && disabledReason ? { title: disabledReason } : {})}\n          disabled={disabled}\n          rows={1}\n          className=\"max-h-48 min-h-9 flex-1 resize-none bg-transparent px-1 py-1.5 text-sm outline-none placeholder:text-placeholder\"\n        />\n        {inputAccessory}\n        {isGenerating && onStop && (\n          <Button\n            type=\"button\"\n            size=\"icon\"\n            variant=\"secondary\"\n            aria-label={stopLabel}\n            onClick={onStop}\n          >\n            <Icon icon={UiStop} className=\"size-4\" />\n          </Button>\n        )}\n        {(!isGenerating || allowSubmitWhileStreaming) && (\n          <Button\n            type=\"submit\"\n            size=\"icon\"\n            aria-label=\"Send\"\n            disabled={!canSubmit}\n          >\n            <Icon icon={UiArrowUp} className=\"size-4\" />\n          </Button>\n        )}\n      </div>\n\n      {(toolbar || enableAttachments) && (\n        <div className=\"flex min-w-0 items-center gap-2\">\n          {enableAttachments && (\n            <AttachmentButton\n              onAdd={(p) => setFiles((f) => [...f, ...p])}\n              disabled={disabled || isGenerating}\n              files={files}\n              onError={setAttachmentError}\n              {...(attachmentUpload ? { upload: attachmentUpload } : {})}\n              {...(acceptedMediaTypes ? { acceptedMediaTypes } : {})}\n              {...(attachmentLimits ? { limits: attachmentLimits } : {})}\n            />\n          )}\n          {toolbar}\n        </div>\n      )}\n    </form>\n  );\n}\n"],"names":["useState","useRef","useEffect","jsxs","cn","Fragment","jsx","AttachmentList","Button","Icon","UiStop","UiArrowUp","AttachmentButton"],"mappings":"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"}

package/dist/data/chat/PromptInput.d.ts

@@ -10,6 +10,10 @@ export type PromptInputProps = {
     status?: ChatStatus | undefined;
     allowSubmitWhileStreaming?: boolean | undefined;
     disabled?: boolean | undefined;
+    /** Why the input is disabled. Shown in place of the placeholder (and as the
+     *  tooltip) while `disabled`, so a locked input says why instead of just
+     *  looking dead. Ignored while enabled. */
+    disabledReason?: string | undefined;
     stopLabel?: string | undefined;
     placeholder?: string | undefined;
     /** Enables the attachment button and chips. */
@@ -33,5 +37,5 @@ export type PromptInputProps = {
  *  controls, and a toolbar slot (model/effort selectors). Enter submits;
  *  Shift+Enter inserts a newline; while streaming the button becomes a stop
  *  control. */
-export declare function PromptInput({ onSubmit, onStop, status, allowSubmitWhileStreaming, disabled, stopLabel, placeholder, enableAttachments, attachmentUpload, acceptedMediaTypes, attachmentLimits, draft, toolbar, inputAccessory, className, }: PromptInputProps): import("react").JSX.Element;
+export declare function PromptInput({ onSubmit, onStop, status, allowSubmitWhileStreaming, disabled, disabledReason, stopLabel, placeholder, enableAttachments, attachmentUpload, acceptedMediaTypes, attachmentLimits, draft, toolbar, inputAccessory, className, }: PromptInputProps): import("react").JSX.Element;
 //# sourceMappingURL=PromptInput.d.ts.map

package/dist/data/chat/PromptInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PromptInput.d.ts","sourceRoot":"","sources":["../../../src/data/chat/PromptInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AASf,OAAO,KAAK,EACV,gBAAgB,EAChB,uBAAuB,EACxB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAEtD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,8EAA8E;IAC9E,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IACtD,0DAA0D;IAC1D,MAAM,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAClC,qEAAqE;IACrE,MAAM,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAChC,yBAAyB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChD,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,+CAA+C;IAC/C,iBAAiB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACxC,gBAAgB,CAAC,EAAE,uBAAuB,GAAG,SAAS,CAAC;IACvD,kBAAkB,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAC1C,gBAAgB,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAChD;kFAC8E;IAC9E,KAAK,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IACxD,4EAA4E;IAC5E,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,2EAA2E;IAC3E,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF;;;eAGe;AACf,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,MAAM,EACN,MAAM,EACN,yBAAiC,EACjC,QAAgB,EAChB,SAAkB,EAClB,WAA4C,EAC5C,iBAAyB,EACzB,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,KAAK,EACL,OAAO,EACP,cAAc,EACd,SAAS,GACV,EAAE,gBAAgB,+BA4HlB"}
+{"version":3,"file":"PromptInput.d.ts","sourceRoot":"","sources":["../../../src/data/chat/PromptInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AASf,OAAO,KAAK,EACV,gBAAgB,EAChB,uBAAuB,EACxB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAEtD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,8EAA8E;IAC9E,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IACtD,0DAA0D;IAC1D,MAAM,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAClC,qEAAqE;IACrE,MAAM,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAChC,yBAAyB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChD,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;+CAE2C;IAC3C,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,+CAA+C;IAC/C,iBAAiB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACxC,gBAAgB,CAAC,EAAE,uBAAuB,GAAG,SAAS,CAAC;IACvD,kBAAkB,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAC1C,gBAAgB,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAChD;kFAC8E;IAC9E,KAAK,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IACxD,4EAA4E;IAC5E,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,2EAA2E;IAC3E,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF;;;eAGe;AACf,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,MAAM,EACN,MAAM,EACN,yBAAiC,EACjC,QAAgB,EAChB,cAAc,EACd,SAAkB,EAClB,WAA4C,EAC5C,iBAAyB,EACzB,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,KAAK,EACL,OAAO,EACP,cAAc,EACd,SAAS,GACV,EAAE,gBAAgB,+BA6HlB"}

package/dist/data/chat/PromptInput.js

@@ -12,6 +12,7 @@ function PromptInput({
   status,
   allowSubmitWhileStreaming = false,
   disabled = false,
+  disabledReason,
   stopLabel = "Stop",
   placeholder = "What would you like to know?",
   enableAttachments = false,
@@ -84,7 +85,8 @@ function PromptInput({
               value,
               onChange: (e) => setValue(e.target.value),
               onKeyDown: handleKeyDown,
-              placeholder,
+              placeholder: disabled && disabledReason ? disabledReason : placeholder,
+              ...disabled && disabledReason ? { title: disabledReason } : {},
               disabled,
               rows: 1,
               className: "max-h-48 min-h-9 flex-1 resize-none bg-transparent px-1 py-1.5 text-sm outline-none placeholder:text-placeholder"
@@ -113,7 +115,7 @@ function PromptInput({
             }
           )
         ] }),
-        (toolbar || enableAttachments) && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        (toolbar || enableAttachments) && /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
           enableAttachments && /* @__PURE__ */ jsx(
             AttachmentButton,
             {

package/dist/data/chat/PromptInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"PromptInput.js","sources":["../../../src/data/chat/PromptInput.tsx"],"sourcesContent":["import {\n  useEffect,\n  useRef,\n  useState,\n  type FormEvent,\n  type KeyboardEvent,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../../components/button\";\nimport { Icon } from \"../Icon\";\nimport { UiArrowUp, UiStop } from \"../../icons\";\nimport {\n  AttachmentButton,\n  AttachmentList,\n} from \"./Attachment\";\nimport type {\n  AttachmentLimits,\n  AttachmentUploadAdapter,\n} from \"./attachment-upload\";\nimport type { ChatStatus, FileUIPart } from \"./types\";\n\nexport type PromptInputProps = {\n  /** Called with the trimmed text and any attachments when the user submits. */\n  onSubmit: (text: string, files: FileUIPart[]) => void;\n  /** Called when the user stops an in-flight generation. */\n  onStop?: (() => void) | undefined;\n  /** Current chat status; drives the submit/stop button affordance. */\n  status?: ChatStatus | undefined;\n  allowSubmitWhileStreaming?: boolean | undefined;\n  disabled?: boolean | undefined;\n  stopLabel?: string | undefined;\n  placeholder?: string | undefined;\n  /** Enables the attachment button and chips. */\n  enableAttachments?: boolean | undefined;\n  attachmentUpload?: AttachmentUploadAdapter | undefined;\n  acceptedMediaTypes?: string[] | undefined;\n  attachmentLimits?: AttachmentLimits | undefined;\n  /** Text to seed the composer with, without submitting it. A new `id` re-seeds\n   *  even when the text repeats, so picking the same suggestion twice works. */\n  draft?: { id: number; text: string } | null | undefined;\n  /** Toolbar content (e.g. model/effort selectors) rendered in the footer. */\n  toolbar?: ReactNode;\n  /** Compact host control rendered beside the textarea and submit button. */\n  inputAccessory?: ReactNode;\n  className?: string | undefined;\n};\n\n/** Auto-growing prompt textarea with a submit/stop button, optional attachment\n *  controls, and a toolbar slot (model/effort selectors). Enter submits;\n *  Shift+Enter inserts a newline; while streaming the button becomes a stop\n *  control. */\nexport function PromptInput({\n  onSubmit,\n  onStop,\n  status,\n  allowSubmitWhileStreaming = false,\n  disabled = false,\n  stopLabel = \"Stop\",\n  placeholder = \"What would you like to know?\",\n  enableAttachments = false,\n  attachmentUpload,\n  acceptedMediaTypes,\n  attachmentLimits,\n  draft,\n  toolbar,\n  inputAccessory,\n  className,\n}: PromptInputProps) {\n  const [value, setValue] = useState(\"\");\n  const [files, setFiles] = useState<FileUIPart[]>([]);\n  const [attachmentError, setAttachmentError] = useState(\"\");\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const seededDraftId = useRef<number | null>(null);\n  const isGenerating = status === \"submitted\" || status === \"streaming\";\n\n  // A draft replaces whatever is in the box and puts the caret at the end, so\n  // the user can edit before sending. Keyed on `id` rather than `text` so the\n  // same suggestion picked twice re-seeds instead of doing nothing.\n  useEffect(() => {\n    if (!draft || seededDraftId.current === draft.id) return;\n    seededDraftId.current = draft.id;\n    setValue(draft.text);\n    const textarea = textareaRef.current;\n    if (!textarea) return;\n    textarea.focus();\n    textarea.setSelectionRange(draft.text.length, draft.text.length);\n  }, [draft]);\n\n  const submit = () => {\n    const text = value.trim();\n    if (\n      (!text && files.length === 0) ||\n      disabled ||\n      (isGenerating && !allowSubmitWhileStreaming)\n    )\n      return;\n    onSubmit(text, files);\n    setValue(\"\");\n    setFiles([]);\n  };\n\n  const handleSubmit = (e: FormEvent) => {\n    e.preventDefault();\n    submit();\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === \"Enter\" && !e.shiftKey && !e.nativeEvent.isComposing) {\n      e.preventDefault();\n      submit();\n    }\n  };\n\n  const canSubmit =\n    !disabled &&\n    (!isGenerating || allowSubmitWhileStreaming) &&\n    (value.trim().length > 0 || files.length > 0);\n\n  return (\n    <form\n      onSubmit={handleSubmit}\n      className={cn(\n        \"flex flex-col gap-2 rounded-lg border border-input bg-background p-2\",\n        className,\n      )}\n    >\n      {enableAttachments && (\n        <>\n          <AttachmentList\n            files={files}\n            onRemove={(i) => setFiles((f) => f.filter((_, j) => j !== i))}\n          />\n          {attachmentError && (\n            <p className=\"px-1 text-xs text-destructive\">{attachmentError}</p>\n          )}\n        </>\n      )}\n\n      <div className=\"flex items-end gap-2\">\n        <textarea\n          ref={textareaRef}\n          value={value}\n          onChange={(e) => setValue(e.target.value)}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          disabled={disabled}\n          rows={1}\n          className=\"max-h-48 min-h-9 flex-1 resize-none bg-transparent px-1 py-1.5 text-sm outline-none placeholder:text-placeholder\"\n        />\n        {inputAccessory}\n        {isGenerating && onStop && (\n          <Button\n            type=\"button\"\n            size=\"icon\"\n            variant=\"secondary\"\n            aria-label={stopLabel}\n            onClick={onStop}\n          >\n            <Icon icon={UiStop} className=\"size-4\" />\n          </Button>\n        )}\n        {(!isGenerating || allowSubmitWhileStreaming) && (\n          <Button\n            type=\"submit\"\n            size=\"icon\"\n            aria-label=\"Send\"\n            disabled={!canSubmit}\n          >\n            <Icon icon={UiArrowUp} className=\"size-4\" />\n          </Button>\n        )}\n      </div>\n\n      {(toolbar || enableAttachments) && (\n        <div className=\"flex items-center gap-2\">\n          {enableAttachments && (\n            <AttachmentButton\n              onAdd={(p) => setFiles((f) => [...f, ...p])}\n              disabled={disabled || isGenerating}\n              files={files}\n              onError={setAttachmentError}\n              {...(attachmentUpload ? { upload: attachmentUpload } : {})}\n              {...(acceptedMediaTypes ? { acceptedMediaTypes } : {})}\n              {...(attachmentLimits ? { limits: attachmentLimits } : {})}\n            />\n          )}\n          {toolbar}\n        </div>\n      )}\n    </form>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PromptInput.js","sources":["../../../src/data/chat/PromptInput.tsx"],"sourcesContent":["import {\n  useEffect,\n  useRef,\n  useState,\n  type FormEvent,\n  type KeyboardEvent,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../../components/button\";\nimport { Icon } from \"../Icon\";\nimport { UiArrowUp, UiStop } from \"../../icons\";\nimport {\n  AttachmentButton,\n  AttachmentList,\n} from \"./Attachment\";\nimport type {\n  AttachmentLimits,\n  AttachmentUploadAdapter,\n} from \"./attachment-upload\";\nimport type { ChatStatus, FileUIPart } from \"./types\";\n\nexport type PromptInputProps = {\n  /** Called with the trimmed text and any attachments when the user submits. */\n  onSubmit: (text: string, files: FileUIPart[]) => void;\n  /** Called when the user stops an in-flight generation. */\n  onStop?: (() => void) | undefined;\n  /** Current chat status; drives the submit/stop button affordance. */\n  status?: ChatStatus | undefined;\n  allowSubmitWhileStreaming?: boolean | undefined;\n  disabled?: boolean | undefined;\n  /** Why the input is disabled. Shown in place of the placeholder (and as the\n   *  tooltip) while `disabled`, so a locked input says why instead of just\n   *  looking dead. Ignored while enabled. */\n  disabledReason?: string | undefined;\n  stopLabel?: string | undefined;\n  placeholder?: string | undefined;\n  /** Enables the attachment button and chips. */\n  enableAttachments?: boolean | undefined;\n  attachmentUpload?: AttachmentUploadAdapter | undefined;\n  acceptedMediaTypes?: string[] | undefined;\n  attachmentLimits?: AttachmentLimits | undefined;\n  /** Text to seed the composer with, without submitting it. A new `id` re-seeds\n   *  even when the text repeats, so picking the same suggestion twice works. */\n  draft?: { id: number; text: string } | null | undefined;\n  /** Toolbar content (e.g. model/effort selectors) rendered in the footer. */\n  toolbar?: ReactNode;\n  /** Compact host control rendered beside the textarea and submit button. */\n  inputAccessory?: ReactNode;\n  className?: string | undefined;\n};\n\n/** Auto-growing prompt textarea with a submit/stop button, optional attachment\n *  controls, and a toolbar slot (model/effort selectors). Enter submits;\n *  Shift+Enter inserts a newline; while streaming the button becomes a stop\n *  control. */\nexport function PromptInput({\n  onSubmit,\n  onStop,\n  status,\n  allowSubmitWhileStreaming = false,\n  disabled = false,\n  disabledReason,\n  stopLabel = \"Stop\",\n  placeholder = \"What would you like to know?\",\n  enableAttachments = false,\n  attachmentUpload,\n  acceptedMediaTypes,\n  attachmentLimits,\n  draft,\n  toolbar,\n  inputAccessory,\n  className,\n}: PromptInputProps) {\n  const [value, setValue] = useState(\"\");\n  const [files, setFiles] = useState<FileUIPart[]>([]);\n  const [attachmentError, setAttachmentError] = useState(\"\");\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const seededDraftId = useRef<number | null>(null);\n  const isGenerating = status === \"submitted\" || status === \"streaming\";\n\n  // A draft replaces whatever is in the box and puts the caret at the end, so\n  // the user can edit before sending. Keyed on `id` rather than `text` so the\n  // same suggestion picked twice re-seeds instead of doing nothing.\n  useEffect(() => {\n    if (!draft || seededDraftId.current === draft.id) return;\n    seededDraftId.current = draft.id;\n    setValue(draft.text);\n    const textarea = textareaRef.current;\n    if (!textarea) return;\n    textarea.focus();\n    textarea.setSelectionRange(draft.text.length, draft.text.length);\n  }, [draft]);\n\n  const submit = () => {\n    const text = value.trim();\n    if (\n      (!text && files.length === 0) ||\n      disabled ||\n      (isGenerating && !allowSubmitWhileStreaming)\n    )\n      return;\n    onSubmit(text, files);\n    setValue(\"\");\n    setFiles([]);\n  };\n\n  const handleSubmit = (e: FormEvent) => {\n    e.preventDefault();\n    submit();\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === \"Enter\" && !e.shiftKey && !e.nativeEvent.isComposing) {\n      e.preventDefault();\n      submit();\n    }\n  };\n\n  const canSubmit =\n    !disabled &&\n    (!isGenerating || allowSubmitWhileStreaming) &&\n    (value.trim().length > 0 || files.length > 0);\n\n  return (\n    <form\n      onSubmit={handleSubmit}\n      className={cn(\n        \"flex flex-col gap-2 rounded-lg border border-input bg-background p-2\",\n        className,\n      )}\n    >\n      {enableAttachments && (\n        <>\n          <AttachmentList\n            files={files}\n            onRemove={(i) => setFiles((f) => f.filter((_, j) => j !== i))}\n          />\n          {attachmentError && (\n            <p className=\"px-1 text-xs text-destructive\">{attachmentError}</p>\n          )}\n        </>\n      )}\n\n      <div className=\"flex items-end gap-2\">\n        <textarea\n          ref={textareaRef}\n          value={value}\n          onChange={(e) => setValue(e.target.value)}\n          onKeyDown={handleKeyDown}\n          placeholder={disabled && disabledReason ? disabledReason : placeholder}\n          {...(disabled && disabledReason ? { title: disabledReason } : {})}\n          disabled={disabled}\n          rows={1}\n          className=\"max-h-48 min-h-9 flex-1 resize-none bg-transparent px-1 py-1.5 text-sm outline-none placeholder:text-placeholder\"\n        />\n        {inputAccessory}\n        {isGenerating && onStop && (\n          <Button\n            type=\"button\"\n            size=\"icon\"\n            variant=\"secondary\"\n            aria-label={stopLabel}\n            onClick={onStop}\n          >\n            <Icon icon={UiStop} className=\"size-4\" />\n          </Button>\n        )}\n        {(!isGenerating || allowSubmitWhileStreaming) && (\n          <Button\n            type=\"submit\"\n            size=\"icon\"\n            aria-label=\"Send\"\n            disabled={!canSubmit}\n          >\n            <Icon icon={UiArrowUp} className=\"size-4\" />\n          </Button>\n        )}\n      </div>\n\n      {(toolbar || enableAttachments) && (\n        <div className=\"flex min-w-0 items-center gap-2\">\n          {enableAttachments && (\n            <AttachmentButton\n              onAdd={(p) => setFiles((f) => [...f, ...p])}\n              disabled={disabled || isGenerating}\n              files={files}\n              onError={setAttachmentError}\n              {...(attachmentUpload ? { upload: attachmentUpload } : {})}\n              {...(acceptedMediaTypes ? { acceptedMediaTypes } : {})}\n              {...(attachmentLimits ? { limits: attachmentLimits } : {})}\n            />\n          )}\n          {toolbar}\n        </div>\n      )}\n    </form>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/data-access.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function mergeAccess(held, next) {
+  if (held === void 0 || held === next) return next;
+  return "readwrite";
+}
+exports.mergeAccess = mergeAccess;
+//# sourceMappingURL=data-access.cjs.map

package/dist/data/data-access.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-access.cjs","sources":["../../src/data/data-access.ts"],"sourcesContent":["/** How a name is accessed: only read, only written, or both. */\nexport type DataAccess = \"read\" | \"write\" | \"readwrite\";\n\n/** The access of a name `held` was known for, once `next` is seen too: the same, or both when they differ. */\nexport function mergeAccess(held: DataAccess | undefined, next: DataAccess): DataAccess {\n  if (held === undefined || held === next) return next;\n  return \"readwrite\";\n}\n"],"names":[],"mappings":";;AAIO,SAAS,YAAY,MAA8B,MAA8B;AACtF,MAAI,SAAS,UAAa,SAAS,KAAM,QAAO;AAChD,SAAO;AACT;;"}

package/dist/data/data-access.d.ts

@@ -0,0 +1,5 @@
+/** How a name is accessed: only read, only written, or both. */
+export type DataAccess = "read" | "write" | "readwrite";
+/** The access of a name `held` was known for, once `next` is seen too: the same, or both when they differ. */
+export declare function mergeAccess(held: DataAccess | undefined, next: DataAccess): DataAccess;
+//# sourceMappingURL=data-access.d.ts.map

package/dist/data/data-access.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-access.d.ts","sourceRoot":"","sources":["../../src/data/data-access.ts"],"names":[],"mappings":"AAAA,gEAAgE;AAChE,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,WAAW,CAAC;AAExD,8GAA8G;AAC9G,wBAAgB,WAAW,CAAC,IAAI,EAAE,UAAU,GAAG,SAAS,EAAE,IAAI,EAAE,UAAU,GAAG,UAAU,CAGtF"}

package/dist/data/data-access.js

@@ -0,0 +1,8 @@
+function mergeAccess(held, next) {
+  if (held === void 0 || held === next) return next;
+  return "readwrite";
+}
+export {
+  mergeAccess
+};
+//# sourceMappingURL=data-access.js.map

package/dist/data/data-access.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-access.js","sources":["../../src/data/data-access.ts"],"sourcesContent":["/** How a name is accessed: only read, only written, or both. */\nexport type DataAccess = \"read\" | \"write\" | \"readwrite\";\n\n/** The access of a name `held` was known for, once `next` is seen too: the same, or both when they differ. */\nexport function mergeAccess(held: DataAccess | undefined, next: DataAccess): DataAccess {\n  if (held === undefined || held === next) return next;\n  return \"readwrite\";\n}\n"],"names":[],"mappings":"AAIO,SAAS,YAAY,MAA8B,MAA8B;AACtF,MAAI,SAAS,UAAa,SAAS,KAAM,QAAO;AAChD,SAAO;AACT;"}

package/dist/data/diagnostics/ErrorDetails.cjs

@@ -3,6 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const Icon = require("../Icon.cjs");
+const utils = require("../../lib/utils.cjs");
 const errorDiagnostics = require("./error-diagnostics.cjs");
 const UiCopy = require("../../icons/components/UiCopy.cjs");
 const UiWarningTriangle = require("../../icons/components/UiWarningTriangle.cjs");
@@ -10,7 +11,13 @@ const UiCheck = require("../../icons/components/UiCheck.cjs");
 const UiChevronRight = require("../../icons/components/UiChevronRight.cjs");
 const UiMethod = require("../../icons/components/UiMethod.cjs");
 const UiDebugStepOver = require("../../icons/components/UiDebugStepOver.cjs");
-function ErrorDetails({ diagnostics, title = "Error", renderJsonContext }) {
+function ErrorDetails({
+  diagnostics,
+  title = "Error",
+  renderJsonContext,
+  actions,
+  className
+}) {
   var _a;
   const [copyState, setCopyState] = react.useState("idle");
   const scalarContext = diagnostics.context.filter(
@@ -38,7 +45,7 @@ function ErrorDetails({ diagnostics, title = "Error", renderJsonContext }) {
       setCopyState("failed");
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("details", { className: "group rounded-md border border-destructive/30 bg-destructive/5", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("details", { className: utils.cn("group rounded-md border border-destructive/30 bg-destructive/5", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("summary", { className: "flex cursor-pointer list-none items-start gap-2 p-3", children: [
       /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiWarningTriangle.UiWarningTriangle, className: "mt-0.5 shrink-0 text-destructive" }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
@@ -46,6 +53,8 @@ function ErrorDetails({ diagnostics, title = "Error", renderJsonContext }) {
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 whitespace-pre-wrap text-sm text-destructive", children: diagnostics.message })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 flex-col items-end gap-2 text-xs font-medium text-muted-foreground sm:flex-row sm:items-center sm:gap-3", children: [
+        actions && // Swallow the click so a summary-row action does not open or close the details.
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex", onClick: (event) => event.preventDefault(), children: actions }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
           {
@@ -136,6 +145,8 @@ function ErrorDetails({ diagnostics, title = "Error", renderJsonContext }) {
 }
 function diagnosticReport(diagnostics, title) {
   const lines = [`${title}: ${diagnostics.message}`];
+  const page = errorDiagnostics.reportPageLine();
+  if (page) lines.push(page);
   if (diagnostics.trace) lines.push(`Trace: ${diagnostics.trace}`);
   if (diagnostics.time) lines.push(`Time: ${diagnostics.time}`);
   if (diagnostics.context.length > 0) {