@flanksource/clicky-ui 0.3.15 → 0.3.17

package/dist/data/chat/Chat.js

@@ -7,16 +7,19 @@ import { Conversation } from "./Conversation.js";
 import { PromptInput } from "./PromptInput.js";
 import { Suggestions } from "./Suggestion.js";
 import { ModelSelector, EffortSelector } from "./ModelSelector.js";
-import { providerIcon } from "./provider-icons.js";
+import { providerIcon, providerIconColor } from "./provider-icons.js";
 import { ContextMeter } from "./ContextMeter.js";
-const DEFAULT_EFFORTS = ["low", "medium", "high"];
+import { DEFAULT_REASONING_EFFORTS } from "./effort-icons.js";
+import { defaultChatModelId } from "./models.js";
+import { postToolApproval } from "./approval.js";
+import { createAttachmentUploadAdapter } from "./attachment-upload.js";
 function Chat({
   api = "/api/chat",
   models: modelsProp,
   modelsApi = "/api/chat/models",
   defaultModel,
   model: controlledModel,
-  reasoningEfforts = DEFAULT_EFFORTS,
+  reasoningEfforts = DEFAULT_REASONING_EFFORTS,
   defaultReasoningEffort = "",
   reasoningEffort: controlledEffort,
   temperature,
@@ -27,8 +30,11 @@ function Chat({
   onUsage,
   suggestions,
   enableAttachments = false,
-  toolApproval,
+  attachmentsApi = "/api/attachments",
+  attachmentUpload,
+  attachmentLimits,
   threadId,
+  approvalApi = null,
   renderToolResult,
   body,
   transport,
@@ -39,31 +45,35 @@ function Chat({
   emptyState,
   className
 }) {
+  var _a;
   const [models, setModels] = useState(modelsProp ?? []);
-  const [model, setModel] = useState(controlledModel ?? defaultModel);
-  const [effort, setEffort] = useState(controlledEffort ?? defaultReasoningEffort);
+  const [model, setModel] = useState(
+    controlledModel ?? defaultModel
+  );
+  const [effort, setEffort] = useState(
+    controlledEffort ?? defaultReasoningEffort
+  );
   const [usage, setUsage] = useState(null);
+  const [approvalError, setApprovalError] = useState();
   const lastDefaultModel = useRef(defaultModel);
   const sentInitialPromptId = useRef(null);
   useEffect(() => {
     if (!modelsProp) return;
     setModels(modelsProp);
-    setModel((m) => {
-      var _a;
-      return m ?? controlledModel ?? ((_a = modelsProp.find((d) => d.configured !== false)) == null ? void 0 : _a.id);
-    });
+    setModel((m) => m ?? controlledModel ?? defaultChatModelId(modelsProp));
   }, [modelsProp, controlledModel]);
   useEffect(() => {
     if (modelsProp || !modelsApi) return;
     let cancelled = false;
-    fetch(modelsApi).then((r) => r.ok ? r.json() : Promise.reject(new Error(`models ${r.status}`))).then((data) => {
+    fetch(modelsApi).then(
+      (r) => r.ok ? r.json() : Promise.reject(new Error(`models ${r.status}`))
+    ).then((data) => {
       if (cancelled) return;
       setModels(data);
-      setModel((m) => {
-        var _a;
-        return m ?? controlledModel ?? ((_a = data.find((d) => d.configured !== false)) == null ? void 0 : _a.id);
-      });
-    }).catch((err) => console.warn("clicky-ui: failed to load chat models", err));
+      setModel((m) => m ?? controlledModel ?? defaultChatModelId(data));
+    }).catch(
+      (err) => console.warn("clicky-ui: failed to load chat models", err)
+    );
     return () => {
       cancelled = true;
     };
@@ -84,22 +94,35 @@ function Chat({
   }, [controlledModel, defaultModel]);
   const selectedModel = models.find((m) => m.id === model);
   const showEffort = !selectedModel || selectedModel.reasoning;
+  const resolvedAttachmentUpload = useMemo(
+    () => attachmentUpload ?? createAttachmentUploadAdapter({ endpoint: attachmentsApi }),
+    [attachmentUpload, attachmentsApi]
+  );
   const bodyRef = useRef({});
   bodyRef.current = {
     ...body,
     ...model ? { model } : {},
+    ...(selectedModel == null ? void 0 : selectedModel.runtime) ? { runtime: selectedModel.runtime } : {},
     ...effort ? { reasoningEffort: effort } : {},
     ...temperature !== void 0 ? { temperature } : {},
     ...budget && (budget.cost !== void 0 || budget.maxTokens !== void 0) ? { budget } : {},
     ...permissionMode ? { permissionMode } : {},
-    ...toolApproval ? { toolApproval } : {},
     ...threadId ? { threadId } : {}
   };
   const resolvedTransport = useMemo(
     () => transport ?? new DefaultChatTransport({ api, body: () => bodyRef.current }),
     [transport, api]
   );
-  const { messages, sendMessage, regenerate, addToolApprovalResponse, status, error, clearError, stop } = useChat({
+  const {
+    messages,
+    sendMessage,
+    regenerate,
+    addToolApprovalResponse,
+    status,
+    error,
+    clearError,
+    stop
+  } = useChat({
     transport: resolvedTransport,
     sendAutomaticallyWhen: lastAssistantMessageIsCompleteWithApprovalResponses,
     ...initialMessages ? { messages: initialMessages } : {}
@@ -116,12 +139,12 @@ function Chat({
   const onUsageRef = useRef(onUsage);
   onUsageRef.current = onUsage;
   useEffect(() => {
-    var _a, _b, _c;
+    var _a2, _b, _c;
     if (status !== "ready") return;
     const last = [...messages].reverse().find((m) => m.role === "assistant");
     const meta = last == null ? void 0 : last.metadata;
     if (!meta) return;
-    const cost = meta.threadCostUsd ?? ((_a = meta.costBreakdown) == null ? void 0 : _a.totalUsd) ?? meta.cost;
+    const cost = meta.threadCostUsd ?? ((_a2 = meta.costBreakdown) == null ? void 0 : _a2.totalUsd) ?? meta.cost;
     const snapshot = {
       usedTokens: meta.contextTokens ?? ((_b = meta.usage) == null ? void 0 : _b.totalTokens) ?? 0,
       maxTokens: (selectedModel == null ? void 0 : selectedModel.contextWindow) ?? 0,
@@ -142,30 +165,76 @@ function Chat({
     setEffort(next);
     onReasoningEffortChange == null ? void 0 : onReasoningEffortChange(next);
   };
+  const resolveToolApproval = async (id, approved, reason) => {
+    setApprovalError(void 0);
+    if (approvalApi) {
+      try {
+        await postToolApproval({
+          approvalApi,
+          threadId: threadId ?? "",
+          approvalId: id,
+          approved,
+          ...reason ? { reason } : {}
+        });
+      } catch (cause) {
+        setApprovalError(
+          cause instanceof Error ? cause : new Error(String(cause))
+        );
+        return;
+      }
+    }
+    await addToolApprovalResponse(
+      reason ? { id, approved, reason } : { id, approved }
+    );
+  };
   const ModelGlyph = providerIcon(selectedModel == null ? void 0 : selectedModel.provider);
-  const toolbar = models.length > 0 || showEffort || usage && usage.maxTokens > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center gap-2", children: [
+  const contextWindow = (selectedModel == null ? void 0 : selectedModel.contextWindow) ?? (usage == null ? void 0 : usage.maxTokens) ?? 0;
+  const usedTokens = (usage == null ? void 0 : usage.usedTokens) ?? 0;
+  const showContextMeter = Boolean(threadId || selectedModel || usage);
+  const toolbar = models.length > 0 || showEffort || showContextMeter ? /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center gap-2", children: [
     /* @__PURE__ */ jsx(ModelSelector, { models, value: model, onChange: onModelSelect }),
-    showEffort && /* @__PURE__ */ jsx(EffortSelector, { efforts: reasoningEfforts, value: effort, onChange: onEffortSelect }),
-    usage && usage.maxTokens > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+    showEffort && /* @__PURE__ */ jsx(
+      EffortSelector,
+      {
+        efforts: reasoningEfforts,
+        value: effort,
+        onChange: onEffortSelect
+      }
+    ),
+    showContextMeter && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("div", { className: "flex-1" }),
       /* @__PURE__ */ jsx(
         ContextMeter,
         {
           mode: "gauge",
-          usedPercent: Math.round(usage.usedTokens / usage.maxTokens * 100),
-          usedTokens: usage.usedTokens,
-          windowTokens: usage.maxTokens,
-          ...usage.messageCount != null ? { messageCount: usage.messageCount } : {},
-          ...usage.cost != null ? { cost: { total: usage.cost } } : {},
-          ...usage.modelLabel ? { model: usage.modelLabel } : {},
-          ...ModelGlyph ? { modelIcon: ModelGlyph } : {}
+          usedPercent: contextWindow > 0 ? Math.round(usedTokens / contextWindow * 100) : 0,
+          usedTokens,
+          ...contextWindow > 0 ? { windowTokens: contextWindow } : {},
+          ...(usage == null ? void 0 : usage.messageCount) != null ? { messageCount: usage.messageCount } : {},
+          ...(usage == null ? void 0 : usage.cost) != null ? { cost: { total: usage.cost } } : {},
+          ...threadId ? { sessionId: threadId } : {},
+          ...(selectedModel == null ? void 0 : selectedModel.label) ? { model: selectedModel.label } : (usage == null ? void 0 : usage.modelLabel) ? { model: usage.modelLabel } : {},
+          ...effort ? { effort } : {},
+          ...((_a = selectedModel == null ? void 0 : selectedModel.runtime) == null ? void 0 : _a.mode) ? { executionMode: selectedModel.runtime.mode } : {},
+          ...ModelGlyph ? { modelIcon: ModelGlyph } : {},
+          ...(selectedModel == null ? void 0 : selectedModel.provider) ? {
+            modelIconClassName: providerIconColor(
+              selectedModel.provider
+            )
+          } : {}
         }
       )
     ] })
   ] }) : void 0;
   const empty = messages.length === 0 && (emptyState || (suggestions == null ? void 0 : suggestions.length)) ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4", children: [
     emptyState,
-    suggestions && suggestions.length > 0 && /* @__PURE__ */ jsx(Suggestions, { suggestions, onSelect: (text) => void sendMessage({ text }) })
+    suggestions && suggestions.length > 0 && /* @__PURE__ */ jsx(
+      Suggestions,
+      {
+        suggestions,
+        onSelect: (text) => void sendMessage({ text })
+      }
+    )
   ] }) : void 0;
   return /* @__PURE__ */ jsxs("div", { className: cn("flex h-full flex-col", className), children: [
     /* @__PURE__ */ jsx(
@@ -173,11 +242,16 @@ function Chat({
       {
         messages,
         status,
-        error,
-        onClearError: clearError,
+        error: approvalError ?? error,
+        onClearError: () => {
+          setApprovalError(void 0);
+          clearError();
+        },
+        ...threadId ? { sessionId: threadId } : {},
+        ...model ? { model } : {},
         emptyState: empty,
         onRegenerate: (messageId) => void regenerate({ messageId }),
-        onApprove: (id, approved, reason) => void addToolApprovalResponse(reason ? { id, approved, reason } : { id, approved }),
+        onApprove: (id, approved, reason) => void resolveToolApproval(id, approved, reason),
         ...renderToolResult ? { renderToolResult } : {}
       }
     ),
@@ -188,6 +262,9 @@ function Chat({
         onStop: () => void stop(),
         placeholder,
         enableAttachments,
+        attachmentUpload: resolvedAttachmentUpload,
+        ...(selectedModel == null ? void 0 : selectedModel.inputMediaTypes) ? { acceptedMediaTypes: selectedModel.inputMediaTypes } : {},
+        ...attachmentLimits ? { attachmentLimits } : {},
         toolbar,
         onSubmit: (text, files) => void sendMessage({ text, files })
       }

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

@@ -1 +1 @@
-{"version":3,"file":"Chat.js","sources":["../../../src/data/chat/Chat.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from \"react\";\nimport { useChat } from \"@ai-sdk/react\";\nimport {\n  DefaultChatTransport,\n  lastAssistantMessageIsCompleteWithApprovalResponses,\n  type ChatTransport,\n  type UIMessage,\n} from \"ai\";\nimport { cn } from \"../../lib/utils\";\nimport { Conversation } from \"./Conversation\";\nimport { PromptInput } from \"./PromptInput\";\nimport { Suggestions } from \"./Suggestion\";\nimport { ModelSelector, EffortSelector } from \"./ModelSelector\";\nimport { providerIcon } from \"./provider-icons\";\nimport { ContextMeter } from \"./ContextMeter\";\nimport type {\n  ChatBudgetConfig,\n  ChatModel,\n  ChatMessageMetadata,\n  ChatUsageSummary,\n  ClaudePermissionMode,\n  Suggestion,\n  ToolResultRenderer,\n} from \"./types\";\n\n/** Assistant messages carry token usage + cost the backend rode on the finish\n *  part's `messageMetadata`. */\ntype ChatUIMessage = UIMessage<ChatMessageMetadata>;\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  /** 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 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 shown on the empty state. */\n  suggestions?: Suggestion[];\n  /** Enables file/image attachments. */\n  enableAttachments?: boolean;\n  /** \"manual\" forwards a tool-approval policy hint to the backend. */\n  toolApproval?: \"auto\" | \"manual\";\n  /** Thread id to persist this conversation under (forwarded in the body). */\n  threadId?: string;\n  /** Optional host renderer for recognized completed tool outputs. */\n  renderToolResult?: ToolResultRenderer;\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 send automatically once. A new `id` sends even when text repeats. */\n  initialPrompt?: { id: number; text: string } | null;\n  /** Called after `initialPrompt` has been handed to the chat transport. */\n  onInitialPromptSent?: () => void;\n  placeholder?: string;\n  emptyState?: React.ReactNode;\n  className?: string;\n};\n\nconst DEFAULT_EFFORTS = [\"low\", \"medium\", \"high\"];\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, approval policy 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  reasoningEfforts = DEFAULT_EFFORTS,\n  defaultReasoningEffort = \"\",\n  reasoningEffort: controlledEffort,\n  temperature,\n  budget,\n  permissionMode,\n  onModelChange,\n  onReasoningEffortChange,\n  onUsage,\n  suggestions,\n  enableAttachments = false,\n  toolApproval,\n  threadId,\n  renderToolResult,\n  body,\n  transport,\n  initialMessages,\n  initialPrompt,\n  onInitialPromptSent,\n  placeholder,\n  emptyState,\n  className,\n}: ChatProps) {\n  const [models, setModels] = useState<ChatModel[]>(modelsProp ?? []);\n  const [model, setModel] = useState<string | undefined>(controlledModel ?? defaultModel);\n  const [effort, setEffort] = useState(controlledEffort ?? defaultReasoningEffort);\n  const [usage, setUsage] = useState<ChatUsageSummary | null>(null);\n  const lastDefaultModel = useRef(defaultModel);\n  const sentInitialPromptId = useRef<number | null>(null);\n\n  useEffect(() => {\n    if (!modelsProp) return;\n    setModels(modelsProp);\n    setModel((m) => m ?? controlledModel ?? modelsProp.find((d) => d.configured !== false)?.id);\n  }, [modelsProp, controlledModel]);\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) => (r.ok ? r.json() : Promise.reject(new Error(`models ${r.status}`))))\n      .then((data: ChatModel[]) => {\n        if (cancelled) return;\n        setModels(data);\n        setModel((m) => m ?? controlledModel ?? data.find((d) => d.configured !== false)?.id);\n      })\n      .catch((err) => console.warn(\"clicky-ui: failed to load chat models\", err));\n    return () => {\n      cancelled = true;\n    };\n  }, [modelsProp, modelsApi, controlledModel]);\n\n  useEffect(() => {\n    if (controlledModel === undefined) return;\n    setModel(controlledModel);\n  }, [controlledModel]);\n\n  useEffect(() => {\n    if (controlledEffort === undefined) return;\n    setEffort(controlledEffort);\n  }, [controlledEffort]);\n\n  useEffect(() => {\n    if (controlledModel !== undefined) return;\n    if (!defaultModel || defaultModel === lastDefaultModel.current) return;\n    lastDefaultModel.current = defaultModel;\n    setModel(defaultModel);\n  }, [controlledModel, defaultModel]);\n\n  const selectedModel = models.find((m) => m.id === model);\n  const showEffort = !selectedModel || selectedModel.reasoning;\n\n  // A function body keeps the transport stable while always sending the latest\n  // model/effort/policy selections.\n  const bodyRef = useRef<Record<string, unknown>>({});\n  bodyRef.current = {\n    ...body,\n    ...(model ? { model } : {}),\n    ...(effort ? { reasoningEffort: effort } : {}),\n    ...(temperature !== undefined ? { temperature } : {}),\n    ...(budget && (budget.cost !== undefined || budget.maxTokens !== undefined)\n      ? { budget }\n      : {}),\n    ...(permissionMode ? { permissionMode } : {}),\n    ...(toolApproval ? { toolApproval } : {}),\n    ...(threadId ? { threadId } : {}),\n  };\n\n  const resolvedTransport = useMemo<ChatTransport<UIMessage>>(\n    () => transport ?? new DefaultChatTransport({ api, body: () => bodyRef.current }),\n    [transport, api],\n  );\n\n  const { messages, sendMessage, regenerate, addToolApprovalResponse, status, error, clearError, stop } =\n    useChat<ChatUIMessage>({\n      transport: resolvedTransport,\n      sendAutomaticallyWhen: lastAssistantMessageIsCompleteWithApprovalResponses,\n      ...(initialMessages ? { messages: initialMessages as ChatUIMessage[] } : {}),\n    });\n\n  useEffect(() => {\n    if (!initialPrompt || status !== \"ready\") return;\n    if (sentInitialPromptId.current === initialPrompt.id) return;\n    const text = initialPrompt.text.trim();\n    if (!text) return;\n    sentInitialPromptId.current = initialPrompt.id;\n    void sendMessage({ text });\n    onInitialPromptSent?.();\n  }, [initialPrompt, onInitialPromptSent, sendMessage, status]);\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 and resolve maxTokens from the selected model.\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    const meta = last?.metadata;\n    if (!meta) return;\n    const cost = meta.threadCostUsd ?? meta.costBreakdown?.totalUsd ?? meta.cost;\n    const snapshot: ChatUsageSummary = {\n      usedTokens: meta.contextTokens ?? meta.usage?.totalTokens ?? 0,\n      maxTokens: selectedModel?.contextWindow ?? 0,\n      messageCount: messages.length,\n      ...(cost != null ? { cost } : {}),\n      ...(meta.usage ? { usage: meta.usage } : {}),\n      ...(meta.costBreakdown ? { costBreakdown: meta.costBreakdown } : {}),\n      ...(selectedModel?.label ? { modelLabel: selectedModel.label } : {}),\n    };\n    setUsage(snapshot);\n    onUsageRef.current?.(snapshot);\n  }, [messages, status, selectedModel]);\n\n  const onModelSelect = (id: string) => {\n    setModel(id);\n    onModelChange?.(id);\n  };\n\n  const onEffortSelect = (next: string) => {\n    setEffort(next);\n    onReasoningEffortChange?.(next);\n  };\n\n  const ModelGlyph = providerIcon(selectedModel?.provider);\n  const toolbar = models.length > 0 || showEffort || (usage && usage.maxTokens > 0) ? (\n    <div className=\"flex flex-1 items-center gap-2\">\n      <ModelSelector models={models} value={model} onChange={onModelSelect} />\n      {showEffort && (\n        <EffortSelector efforts={reasoningEfforts} value={effort} onChange={onEffortSelect} />\n      )}\n      {usage && usage.maxTokens > 0 && (\n        <>\n          <div className=\"flex-1\" />\n          <ContextMeter\n            mode=\"gauge\"\n            usedPercent={Math.round((usage.usedTokens / usage.maxTokens) * 100)}\n            usedTokens={usage.usedTokens}\n            windowTokens={usage.maxTokens}\n            {...(usage.messageCount != null ? { messageCount: usage.messageCount } : {})}\n            {...(usage.cost != null ? { cost: { total: usage.cost } } : {})}\n            {...(usage.modelLabel ? { model: usage.modelLabel } : {})}\n            {...(ModelGlyph ? { modelIcon: ModelGlyph } : {})}\n          />\n        </>\n      )}\n    </div>\n  ) : undefined;\n\n  const empty = (messages.length === 0 && (emptyState || suggestions?.length)) ? (\n    <div className=\"flex flex-col items-center gap-4\">\n      {emptyState}\n      {suggestions && suggestions.length > 0 && (\n        <Suggestions suggestions={suggestions} onSelect={(text) => void sendMessage({ text })} />\n      )}\n    </div>\n  ) : undefined;\n\n  return (\n    <div className={cn(\"flex h-full flex-col\", className)}>\n      <Conversation\n        messages={messages}\n        status={status}\n        error={error}\n        onClearError={clearError}\n        emptyState={empty}\n        onRegenerate={(messageId) => void regenerate({ messageId })}\n        onApprove={(id, approved, reason) =>\n          void addToolApprovalResponse(reason ? { id, approved, reason } : { id, approved })\n        }\n        {...(renderToolResult ? { renderToolResult } : {})}\n      />\n      <div className=\"p-4 pt-0\">\n        <PromptInput\n          status={status}\n          onStop={() => void stop()}\n          placeholder={placeholder}\n          enableAttachments={enableAttachments}\n          toolbar={toolbar}\n          onSubmit={(text, files) => void sendMessage({ text, files })}\n        />\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Chat.js","sources":["../../../src/data/chat/Chat.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from \"react\";\nimport { useChat } from \"@ai-sdk/react\";\nimport {\n  DefaultChatTransport,\n  lastAssistantMessageIsCompleteWithApprovalResponses,\n  type ChatTransport,\n  type UIMessage,\n} from \"ai\";\nimport { cn } from \"../../lib/utils\";\nimport { Conversation } from \"./Conversation\";\nimport { PromptInput } from \"./PromptInput\";\nimport { Suggestions } from \"./Suggestion\";\nimport { ModelSelector, EffortSelector } from \"./ModelSelector\";\nimport { providerIcon, providerIconColor } from \"./provider-icons\";\nimport { ContextMeter } from \"./ContextMeter\";\nimport { DEFAULT_REASONING_EFFORTS } from \"./effort-icons\";\nimport { defaultChatModelId } from \"./models\";\nimport { postToolApproval } from \"./approval\";\nimport {\n  createAttachmentUploadAdapter,\n  type AttachmentLimits,\n  type AttachmentUploadAdapter,\n} from \"./attachment-upload\";\nimport type {\n  ChatBudgetConfig,\n  ChatModel,\n  ChatMessageMetadata,\n  ChatUsageSummary,\n  ClaudePermissionMode,\n  Suggestion,\n  ToolResultRenderer,\n} from \"./types\";\n\n/** Assistant messages carry token usage + cost the backend rode on the finish\n *  part's `messageMetadata`. */\ntype ChatUIMessage = UIMessage<ChatMessageMetadata>;\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  /** 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 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 shown on the empty state. */\n  suggestions?: Suggestion[];\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  /** Thread id to persist this conversation under (forwarded in the body). */\n  threadId?: string;\n  /** Base endpoint for resolving a tool approval while the provider stream is\n   *  still active. The thread and approval ids are appended to this URL. */\n  approvalApi?: string | null;\n  /** Optional host renderer for recognized completed tool outputs. */\n  renderToolResult?: ToolResultRenderer;\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 send automatically once. A new `id` sends even when text repeats. */\n  initialPrompt?: { id: number; text: string } | null;\n  /** Called after `initialPrompt` has been handed to the chat transport. */\n  onInitialPromptSent?: () => 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  reasoningEfforts = DEFAULT_REASONING_EFFORTS,\n  defaultReasoningEffort = \"\",\n  reasoningEffort: controlledEffort,\n  temperature,\n  budget,\n  permissionMode,\n  onModelChange,\n  onReasoningEffortChange,\n  onUsage,\n  suggestions,\n  enableAttachments = false,\n  attachmentsApi = \"/api/attachments\",\n  attachmentUpload,\n  attachmentLimits,\n  threadId,\n  approvalApi = null,\n  renderToolResult,\n  body,\n  transport,\n  initialMessages,\n  initialPrompt,\n  onInitialPromptSent,\n  placeholder,\n  emptyState,\n  className,\n}: ChatProps) {\n  const [models, setModels] = useState<ChatModel[]>(modelsProp ?? []);\n  const [model, setModel] = useState<string | undefined>(\n    controlledModel ?? defaultModel,\n  );\n  const [effort, setEffort] = useState(\n    controlledEffort ?? defaultReasoningEffort,\n  );\n  const [usage, setUsage] = useState<ChatUsageSummary | null>(null);\n  const [approvalError, setApprovalError] = useState<Error | undefined>();\n  const lastDefaultModel = useRef(defaultModel);\n  const sentInitialPromptId = useRef<number | null>(null);\n\n  useEffect(() => {\n    if (!modelsProp) return;\n    setModels(modelsProp);\n    setModel((m) => m ?? controlledModel ?? defaultChatModelId(modelsProp));\n  }, [modelsProp, controlledModel]);\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        setModel((m) => m ?? controlledModel ?? defaultChatModelId(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, controlledModel]);\n\n  useEffect(() => {\n    if (controlledModel === undefined) return;\n    setModel(controlledModel);\n  }, [controlledModel]);\n\n  useEffect(() => {\n    if (controlledEffort === undefined) return;\n    setEffort(controlledEffort);\n  }, [controlledEffort]);\n\n  useEffect(() => {\n    if (controlledModel !== undefined) return;\n    if (!defaultModel || defaultModel === lastDefaultModel.current) return;\n    lastDefaultModel.current = defaultModel;\n    setModel(defaultModel);\n  }, [controlledModel, defaultModel]);\n\n  const selectedModel = models.find((m) => m.id === model);\n  const showEffort = !selectedModel || selectedModel.reasoning;\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    ...(model ? { model } : {}),\n    ...(selectedModel?.runtime ? { runtime: selectedModel.runtime } : {}),\n    ...(effort ? { reasoningEffort: effort } : {}),\n    ...(temperature !== undefined ? { temperature } : {}),\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    sendMessage,\n    regenerate,\n    addToolApprovalResponse,\n    status,\n    error,\n    clearError,\n    stop,\n  } = useChat<ChatUIMessage>({\n    transport: resolvedTransport,\n    sendAutomaticallyWhen: lastAssistantMessageIsCompleteWithApprovalResponses,\n    ...(initialMessages\n      ? { messages: initialMessages as ChatUIMessage[] }\n      : {}),\n  });\n\n  useEffect(() => {\n    if (!initialPrompt || status !== \"ready\") return;\n    if (sentInitialPromptId.current === initialPrompt.id) return;\n    const text = initialPrompt.text.trim();\n    if (!text) return;\n    sentInitialPromptId.current = initialPrompt.id;\n    void sendMessage({ text });\n    onInitialPromptSent?.();\n  }, [initialPrompt, onInitialPromptSent, sendMessage, status]);\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 and resolve maxTokens from the selected model.\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    const meta = last?.metadata;\n    if (!meta) return;\n    const cost =\n      meta.threadCostUsd ?? meta.costBreakdown?.totalUsd ?? meta.cost;\n    const snapshot: ChatUsageSummary = {\n      usedTokens: meta.contextTokens ?? meta.usage?.totalTokens ?? 0,\n      maxTokens: selectedModel?.contextWindow ?? 0,\n      messageCount: messages.length,\n      ...(cost != null ? { cost } : {}),\n      ...(meta.usage ? { usage: meta.usage } : {}),\n      ...(meta.costBreakdown ? { costBreakdown: meta.costBreakdown } : {}),\n      ...(selectedModel?.label ? { modelLabel: selectedModel.label } : {}),\n    };\n    setUsage(snapshot);\n    onUsageRef.current?.(snapshot);\n  }, [messages, status, selectedModel]);\n\n  const onModelSelect = (id: string) => {\n    setModel(id);\n    onModelChange?.(id);\n  };\n\n  const onEffortSelect = (next: string) => {\n    setEffort(next);\n    onReasoningEffortChange?.(next);\n  };\n\n  const resolveToolApproval = async (\n    id: string,\n    approved: boolean,\n    reason?: string,\n  ) => {\n    setApprovalError(undefined);\n    if (approvalApi) {\n      try {\n        await postToolApproval({\n          approvalApi,\n          threadId: threadId ?? \"\",\n          approvalId: id,\n          approved,\n          ...(reason ? { reason } : {}),\n        });\n      } catch (cause) {\n        setApprovalError(\n          cause instanceof Error ? cause : new Error(String(cause)),\n        );\n        return;\n      }\n    }\n    await addToolApprovalResponse(\n      reason ? { id, approved, reason } : { id, approved },\n    );\n  };\n\n  const ModelGlyph = providerIcon(selectedModel?.provider);\n  const contextWindow = selectedModel?.contextWindow ?? usage?.maxTokens ?? 0;\n  const usedTokens = usage?.usedTokens ?? 0;\n  const showContextMeter = Boolean(threadId || selectedModel || usage);\n  const toolbar =\n    models.length > 0 || showEffort || showContextMeter ? (\n      <div className=\"flex flex-1 items-center gap-2\">\n        <ModelSelector models={models} value={model} onChange={onModelSelect} />\n        {showEffort && (\n          <EffortSelector\n            efforts={reasoningEfforts}\n            value={effort}\n            onChange={onEffortSelect}\n          />\n        )}\n        {showContextMeter && (\n          <>\n            <div className=\"flex-1\" />\n            <ContextMeter\n              mode=\"gauge\"\n              usedPercent={\n                contextWindow > 0\n                  ? Math.round((usedTokens / contextWindow) * 100)\n                  : 0\n              }\n              usedTokens={usedTokens}\n              {...(contextWindow > 0 ? { windowTokens: contextWindow } : {})}\n              {...(usage?.messageCount != null\n                ? { messageCount: usage.messageCount }\n                : {})}\n              {...(usage?.cost != null ? { cost: { total: usage.cost } } : {})}\n              {...(threadId ? { sessionId: threadId } : {})}\n              {...(selectedModel?.label\n                ? { model: selectedModel.label }\n                : usage?.modelLabel\n                  ? { model: usage.modelLabel }\n                  : {})}\n              {...(effort ? { effort } : {})}\n              {...(selectedModel?.runtime?.mode\n                ? { executionMode: selectedModel.runtime.mode }\n                : {})}\n              {...(ModelGlyph ? { modelIcon: ModelGlyph } : {})}\n              {...(selectedModel?.provider\n                ? {\n                    modelIconClassName: providerIconColor(\n                      selectedModel.provider,\n                    ),\n                  }\n                : {})}\n            />\n          </>\n        )}\n      </div>\n    ) : undefined;\n\n  const empty =\n    messages.length === 0 && (emptyState || suggestions?.length) ? (\n      <div className=\"flex flex-col items-center gap-4\">\n        {emptyState}\n        {suggestions && suggestions.length > 0 && (\n          <Suggestions\n            suggestions={suggestions}\n            onSelect={(text) => void sendMessage({ text })}\n          />\n        )}\n      </div>\n    ) : undefined;\n\n  return (\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        {...(model ? { model } : {})}\n        emptyState={empty}\n        onRegenerate={(messageId) => void regenerate({ messageId })}\n        onApprove={(id, approved, reason) =>\n          void resolveToolApproval(id, approved, reason)\n        }\n        {...(renderToolResult ? { renderToolResult } : {})}\n      />\n      <div className=\"p-4 pt-0\">\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          toolbar={toolbar}\n          onSubmit={(text, files) => void sendMessage({ text, files })}\n        />\n      </div>\n    </div>\n  );\n}\n"],"names":["_a"],"mappings":"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"}