octocms 0.4.13 → 0.4.16

package/dist/components/Chat/ChatPage.js

@@ -1,20 +1,30 @@
 "use client";
-import "../../chunk-B5LE2OEC.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  __spreadValues
+} from "../../chunk-B5LE2OEC.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef } from "react";
-import { Bot, CheckCheck, RefreshCw, StopCircle } from "lucide-react";
-import { Button } from "../ui/button";
-import { ErrorBoundary } from "../ErrorBoundary";
+import { Button, Icon } from "../ui";
+import { ErrorBoundary } from "../ErrorBoundary/ErrorBoundary";
+import { Page } from "../Layout/Page";
+import { ChatAgentSetup } from "./ChatAgentSetup";
+import { ChatSidebar } from "./ChatSidebar";
 import { Composer } from "./Composer";
 import { Message } from "./Message";
-import { useChatStream } from "./useChatStream";
-const PROVIDER_LABEL = {
-  anthropic: "Anthropic",
-  openai: "OpenAI",
-  local: "Local"
-};
-function ChatPage({ initialMeta, attachmentLimits }) {
+import { useChatHistory } from "./useChatHistory";
+function ChatPage(props) {
+  if (props.mode === "setup") {
+    return /* @__PURE__ */ jsx(ChatAgentSetup, { setup: props.setup });
+  }
+  return /* @__PURE__ */ jsx(ChatPageReady, __spreadValues({}, props));
+}
+function ChatPageReady({ initialMeta, attachmentLimits }) {
   var _a, _b;
+  const PROVIDER_LABEL = {
+    anthropic: "Anthropic",
+    openai: "OpenAI",
+    local: "Local"
+  };
   const {
     entries,
     meta,
@@ -25,12 +35,16 @@ function ChatPage({ initialMeta, attachmentLimits }) {
     proposals,
     attachmentDiagnostics,
     send,
-    reset,
     stop,
     acceptProposal,
     rejectProposal,
-    acceptAllPending
-  } = useChatStream();
+    acceptAllPending,
+    sessions,
+    activeId,
+    newConversation,
+    selectSession,
+    deleteSession
+  } = useChatHistory();
   const scrollerRef = useRef(null);
   useEffect(() => {
     const el = scrollerRef.current;
@@ -51,19 +65,13 @@ function ChatPage({ initialMeta, attachmentLimits }) {
       (p) => p.assistantEntryId === latestAssistantId && p.status.kind === "pending"
     );
   }, [proposals, latestAssistantId]);
-  return /* @__PURE__ */ jsxs("div", { className: "flex h-[calc(100dvh-3.5rem)] flex-1 flex-col", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b border-border px-4 py-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
-        /* @__PURE__ */ jsx(Bot, { className: "h-4 w-4 text-muted-foreground" }),
-        /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Chat" }),
-        /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
-          "\xB7 ",
-          PROVIDER_LABEL[provider],
-          " \xB7 ",
-          /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: model })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+  return /* @__PURE__ */ jsx(
+    Page,
+    {
+      className: "octo-chat-page",
+      title: "Chat",
+      breadcrumbs: [{ label: `${PROVIDER_LABEL[provider]} \xB7 ${model}` }],
+      actions: /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(
           UsageBadge,
           {
@@ -76,106 +84,100 @@ function ChatPage({ initialMeta, attachmentLimits }) {
           Button,
           {
             variant: "destructive",
-            size: "sm",
             onClick: stop,
-            className: "gap-1.5",
+            className: "octo-u-gap-1-5",
             "data-testid": "chat-stop-button",
             "aria-label": "Stop generating",
             title: "Stop the assistant \u2014 keeps whatever it has streamed so far",
             children: [
-              /* @__PURE__ */ jsx(StopCircle, { className: "h-3.5 w-3.5" }),
+              /* @__PURE__ */ jsx(Icon.StopCircle, { className: "octo-icon-sm" }),
               "Stop"
             ]
           }
-        ) : /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: reset, disabled: entries.length === 0, className: "gap-1.5", children: [
-          /* @__PURE__ */ jsx(RefreshCw, { className: "h-3.5 w-3.5" }),
+        ) : /* @__PURE__ */ jsxs(Button, { variant: "primary", onClick: newConversation, children: [
+          /* @__PURE__ */ jsx(Icon.Plus, { className: "octo-icon-sm" }),
           "New conversation"
         ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx("div", { ref: scrollerRef, className: "flex-1 overflow-y-auto px-4", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-3xl py-4", children: [
-      entries.length === 0 && /* @__PURE__ */ jsxs("div", { className: "mt-12 text-center text-sm text-muted-foreground", children: [
-        /* @__PURE__ */ jsx(Bot, { className: "mx-auto mb-3 h-8 w-8 opacity-50" }),
-        /* @__PURE__ */ jsx("div", { className: "font-medium", children: "Ask your CMS anything." }),
-        /* @__PURE__ */ jsxs("div", { className: "mt-1", children: [
-          "Try: ",
-          /* @__PURE__ */ jsx("em", { children: '"show me posts about caching"' }),
-          " or ",
-          /* @__PURE__ */ jsx("em", { children: `"fix the typo 'recieve' in any post"` }),
-          "."
-        ] })
       ] }),
-      entries.map((e) => /* @__PURE__ */ jsx(ErrorBoundary, { label: "message", resetKeys: [e.id], children: /* @__PURE__ */ jsx(
-        Message,
-        {
-          entry: e,
-          proposals,
-          onAcceptProposal: acceptProposal,
-          onRejectProposal: rejectProposal
-        }
-      ) }, e.id)),
-      pendingForLatest.length >= 2 && status !== "streaming" && /* @__PURE__ */ jsxs("div", { className: "my-3 flex items-center justify-between rounded-md border border-border bg-muted/40 px-3 py-2 text-xs", children: [
-        /* @__PURE__ */ jsxs("span", { children: [
-          /* @__PURE__ */ jsx("strong", { children: pendingForLatest.length }),
-          " proposals pending in this turn."
-        ] }),
-        /* @__PURE__ */ jsxs(
-          Button,
+      leftBar: /* @__PURE__ */ jsx(ChatSidebar, { sessions, activeId, onSelect: selectSession, onDelete: deleteSession }),
+      children: /* @__PURE__ */ jsxs("div", { className: "octo-chat", children: [
+        /* @__PURE__ */ jsx("div", { ref: scrollerRef, className: "octo-chat__scroller", children: /* @__PURE__ */ jsxs("div", { className: "octo-chat__transcript", children: [
+          entries.length === 0 && /* @__PURE__ */ jsxs("div", { className: "octo-chat__empty", children: [
+            /* @__PURE__ */ jsx(Icon.Bot, { className: "octo-chat__empty-icon octo-icon-xl" }),
+            /* @__PURE__ */ jsx("div", { className: "octo-chat__empty-title", children: "Ask your CMS anything." }),
+            /* @__PURE__ */ jsxs("div", { className: "octo-chat__empty-hint", children: [
+              "Try: ",
+              /* @__PURE__ */ jsx("em", { children: '"show me posts about caching"' }),
+              " or ",
+              /* @__PURE__ */ jsx("em", { children: `"fix the typo 'recieve' in any post"` }),
+              "."
+            ] })
+          ] }),
+          entries.map((e) => /* @__PURE__ */ jsx(ErrorBoundary, { label: "message", resetKeys: [e.id], children: /* @__PURE__ */ jsx(
+            Message,
+            {
+              entry: e,
+              proposals,
+              onAcceptProposal: acceptProposal,
+              onRejectProposal: rejectProposal
+            }
+          ) }, e.id)),
+          pendingForLatest.length >= 2 && status !== "streaming" && /* @__PURE__ */ jsxs("div", { className: "octo-chat__accept-all-bar", children: [
+            /* @__PURE__ */ jsxs("span", { children: [
+              /* @__PURE__ */ jsx("strong", { children: pendingForLatest.length }),
+              " proposals pending in this turn."
+            ] }),
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                onClick: () => latestAssistantId && acceptAllPending(latestAssistantId),
+                className: "octo-u-gap-1-5",
+                children: [
+                  /* @__PURE__ */ jsx(Icon.CheckCheck, { className: "octo-icon-sm" }),
+                  "Accept all pending"
+                ]
+              }
+            )
+          ] }),
+          attachmentDiagnostics.length > 0 && /* @__PURE__ */ jsxs("div", { className: "octo-chat__attachment-diag", children: [
+            /* @__PURE__ */ jsx("div", { className: "octo-chat__attachment-diag-title", children: "Attachments" }),
+            /* @__PURE__ */ jsx("ul", { className: "octo-chat__attachment-diag-list", children: attachmentDiagnostics.map((d, i) => /* @__PURE__ */ jsx("li", { children: d.status === "ok" ? /* @__PURE__ */ jsxs("span", { children: [
+              "\u2713 ",
+              /* @__PURE__ */ jsx("span", { className: "octo-u-mono", children: d.filename }),
+              " (",
+              d.kind,
+              ")"
+            ] }) : /* @__PURE__ */ jsxs("span", { className: "octo-chat__attachment-diag-error", children: [
+              "\u2717 ",
+              /* @__PURE__ */ jsx("span", { className: "octo-u-mono", children: d.filename }),
+              " \u2014 ",
+              d.reason
+            ] }) }, i)) })
+          ] }),
+          status === "stopped" && /* @__PURE__ */ jsx("div", { className: "octo-chat__status-bar", role: "status", children: "Stopped \u2014 the assistant was interrupted. Send another message to continue." }),
+          status === "error" && error && /* @__PURE__ */ jsx("div", { className: "octo-chat__error-bar", children: error }),
+          status === "budget_exceeded" && /* @__PURE__ */ jsxs("div", { className: "octo-chat__budget-bar", children: [
+            "Budget reached (",
+            budgetReason != null ? budgetReason : "unknown",
+            "). Click ",
+            /* @__PURE__ */ jsx("strong", { children: "New conversation" }),
+            " to start over, or raise the caps in ",
+            /* @__PURE__ */ jsx("code", { children: "cms/octocms.config.ts" }),
+            "."
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx(ErrorBoundary, { label: "composer", children: /* @__PURE__ */ jsx(
+          Composer,
           {
-            size: "sm",
-            onClick: () => latestAssistantId && acceptAllPending(latestAssistantId),
-            className: "gap-1.5",
-            children: [
-              /* @__PURE__ */ jsx(CheckCheck, { className: "h-3.5 w-3.5" }),
-              "Accept all pending"
-            ]
+            disabled: status === "streaming" || status === "budget_exceeded",
+            maxAttachmentBytes: attachmentLimits.maxAttachmentBytes,
+            maxAttachmentsPerTurn: attachmentLimits.maxAttachmentsPerTurn,
+            onSubmit: send
           }
-        )
-      ] }),
-      attachmentDiagnostics.length > 0 && /* @__PURE__ */ jsxs("div", { className: "my-3 rounded-md border border-border bg-muted/40 px-3 py-2 text-xs", children: [
-        /* @__PURE__ */ jsx("div", { className: "font-medium mb-1", children: "Attachments" }),
-        /* @__PURE__ */ jsx("ul", { className: "space-y-0.5", children: attachmentDiagnostics.map((d, i) => /* @__PURE__ */ jsx("li", { children: d.status === "ok" ? /* @__PURE__ */ jsxs("span", { children: [
-          "\u2713 ",
-          /* @__PURE__ */ jsx("span", { className: "font-mono", children: d.filename }),
-          " (",
-          d.kind,
-          ")"
-        ] }) : /* @__PURE__ */ jsxs("span", { className: "text-destructive", children: [
-          "\u2717 ",
-          /* @__PURE__ */ jsx("span", { className: "font-mono", children: d.filename }),
-          " \u2014 ",
-          d.reason
-        ] }) }, i)) })
-      ] }),
-      status === "stopped" && /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "my-3 rounded-md border border-border bg-muted/40 px-3 py-2 text-xs text-muted-foreground",
-          role: "status",
-          children: "Stopped \u2014 the assistant was interrupted. Send another message to continue."
-        }
-      ),
-      status === "error" && error && /* @__PURE__ */ jsx("div", { className: "my-3 rounded-md border border-destructive/40 bg-destructive/10 px-3 py-2 text-xs text-destructive", children: error }),
-      status === "budget_exceeded" && /* @__PURE__ */ jsxs("div", { className: "my-3 rounded-md border border-amber-300 bg-amber-50 px-3 py-2 text-xs text-amber-900", children: [
-        "Budget reached (",
-        budgetReason != null ? budgetReason : "unknown",
-        "). Click ",
-        /* @__PURE__ */ jsx("strong", { children: "New conversation" }),
-        " to start over, or raise the caps in ",
-        /* @__PURE__ */ jsx("code", { children: "cms/octocms.config.ts" }),
-        "."
+        ) })
       ] })
-    ] }) }),
-    /* @__PURE__ */ jsx(ErrorBoundary, { label: "composer", children: /* @__PURE__ */ jsx(
-      Composer,
-      {
-        disabled: status === "streaming" || status === "budget_exceeded",
-        maxAttachmentBytes: attachmentLimits.maxAttachmentBytes,
-        maxAttachmentsPerTurn: attachmentLimits.maxAttachmentsPerTurn,
-        onSubmit: send
-      }
-    ) })
-  ] });
+    }
+  );
 }
 function UsageBadge({
   totalCostUSD,
@@ -183,21 +185,14 @@ function UsageBadge({
   outputTokens
 }) {
   const cost = totalCostUSD > 0 ? `$${totalCostUSD.toFixed(4)}` : "free";
-  return /* @__PURE__ */ jsxs(
-    "span",
-    {
-      className: "rounded-full border border-border bg-muted/50 px-2.5 py-0.5 font-mono text-[11px] text-muted-foreground",
-      title: `Input: ${inputTokens} tokens \xB7 Output: ${outputTokens} tokens`,
-      children: [
-        cost,
-        " \xB7 ",
-        inputTokens + outputTokens,
-        " tok"
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs("span", { className: "octo-chat__usage-badge", title: `Input: ${inputTokens} tokens \xB7 Output: ${outputTokens} tokens`, children: [
+    cost,
+    " \xB7 ",
+    inputTokens + outputTokens,
+    " tok"
+  ] });
 }
 export {
-  ChatPage
+  ChatPage as default
 };
 //# sourceMappingURL=ChatPage.js.map

package/dist/components/Chat/ChatPage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../components/Chat/ChatPage.tsx"],"sourcesContent":["'use client';\n\nimport React, { useEffect, useMemo, useRef } from 'react';\nimport { Bot, CheckCheck, RefreshCw, StopCircle } from 'lucide-react';\n\nimport { Button } from '../ui/button';\nimport { ErrorBoundary } from '../ErrorBoundary';\n\nimport { Composer } from './Composer';\nimport { Message } from './Message';\nimport { useChatStream } from './useChatStream';\n\ntype Props = {\n  /** Initial provider info — used until the SSE `meta` event arrives. */\n  initialMeta: { provider: 'anthropic' | 'openai' | 'local'; model: string };\n  /** Attachment caps from `agentConfig` — drive Composer UI validation. */\n  attachmentLimits: { maxAttachmentBytes: number; maxAttachmentsPerTurn: number };\n};\n\nconst PROVIDER_LABEL: Record<'anthropic' | 'openai' | 'local', string> = {\n  anthropic: 'Anthropic',\n  openai: 'OpenAI',\n  local: 'Local',\n};\n\nexport function ChatPage({ initialMeta, attachmentLimits }: Props) {\n  const {\n    entries,\n    meta,\n    usage,\n    status,\n    error,\n    budgetReason,\n    proposals,\n    attachmentDiagnostics,\n    send,\n    reset,\n    stop,\n    acceptProposal,\n    rejectProposal,\n    acceptAllPending,\n  } = useChatStream();\n  const scrollerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const el = scrollerRef.current;\n    if (!el) return;\n    el.scrollTo({ top: el.scrollHeight, behavior: 'smooth' });\n  }, [entries, status]);\n\n  const provider = meta?.provider ?? initialMeta.provider;\n  const model = meta?.model ?? initialMeta.model;\n\n  // Identify the latest assistant turn so we can show \"Accept all pending\"\n  // when ≥2 proposals are outstanding for it.\n  const latestAssistantId = useMemo(() => {\n    for (let i = entries.length - 1; i >= 0; i--) {\n      if (entries[i].kind === 'assistant') return entries[i].id;\n    }\n    return null;\n  }, [entries]);\n  const pendingForLatest = useMemo(() => {\n    if (!latestAssistantId) return [];\n    return Object.values(proposals).filter(\n      (p) => p.assistantEntryId === latestAssistantId && p.status.kind === 'pending',\n    );\n  }, [proposals, latestAssistantId]);\n\n  return (\n    <div className=\"flex h-[calc(100dvh-3.5rem)] flex-1 flex-col\">\n      {/* Top bar */}\n      <div className=\"flex items-center justify-between border-b border-border px-4 py-2\">\n        <div className=\"flex items-center gap-2 text-sm\">\n          <Bot className=\"h-4 w-4 text-muted-foreground\" />\n          <span className=\"font-medium\">Chat</span>\n          <span className=\"text-muted-foreground\">\n            · {PROVIDER_LABEL[provider]} · <span className=\"font-mono text-xs\">{model}</span>\n          </span>\n        </div>\n        <div className=\"flex items-center gap-3\">\n          <UsageBadge\n            totalCostUSD={usage.totalCostUSD}\n            inputTokens={usage.inputTokens}\n            outputTokens={usage.outputTokens}\n          />\n          {status === 'streaming' ? (\n            <Button\n              variant=\"destructive\"\n              size=\"sm\"\n              onClick={stop}\n              className=\"gap-1.5\"\n              data-testid=\"chat-stop-button\"\n              aria-label=\"Stop generating\"\n              title=\"Stop the assistant — keeps whatever it has streamed so far\"\n            >\n              <StopCircle className=\"h-3.5 w-3.5\" />\n              Stop\n            </Button>\n          ) : (\n            <Button variant=\"outline\" size=\"sm\" onClick={reset} disabled={entries.length === 0} className=\"gap-1.5\">\n              <RefreshCw className=\"h-3.5 w-3.5\" />\n              New conversation\n            </Button>\n          )}\n        </div>\n      </div>\n\n      {/* Transcript */}\n      <div ref={scrollerRef} className=\"flex-1 overflow-y-auto px-4\">\n        <div className=\"mx-auto max-w-3xl py-4\">\n          {entries.length === 0 && (\n            <div className=\"mt-12 text-center text-sm text-muted-foreground\">\n              <Bot className=\"mx-auto mb-3 h-8 w-8 opacity-50\" />\n              <div className=\"font-medium\">Ask your CMS anything.</div>\n              <div className=\"mt-1\">\n                Try: <em>\"show me posts about caching\"</em> or <em>\"fix the typo 'recieve' in any post\"</em>.\n              </div>\n            </div>\n          )}\n          {entries.map((e) => (\n            <ErrorBoundary key={e.id} label=\"message\" resetKeys={[e.id]}>\n              <Message\n                entry={e}\n                proposals={proposals}\n                onAcceptProposal={acceptProposal}\n                onRejectProposal={rejectProposal}\n              />\n            </ErrorBoundary>\n          ))}\n\n          {pendingForLatest.length >= 2 && status !== 'streaming' && (\n            <div className=\"my-3 flex items-center justify-between rounded-md border border-border bg-muted/40 px-3 py-2 text-xs\">\n              <span>\n                <strong>{pendingForLatest.length}</strong> proposals pending in this turn.\n              </span>\n              <Button\n                size=\"sm\"\n                onClick={() => latestAssistantId && acceptAllPending(latestAssistantId)}\n                className=\"gap-1.5\"\n              >\n                <CheckCheck className=\"h-3.5 w-3.5\" />\n                Accept all pending\n              </Button>\n            </div>\n          )}\n\n          {attachmentDiagnostics.length > 0 && (\n            <div className=\"my-3 rounded-md border border-border bg-muted/40 px-3 py-2 text-xs\">\n              <div className=\"font-medium mb-1\">Attachments</div>\n              <ul className=\"space-y-0.5\">\n                {attachmentDiagnostics.map((d, i) => (\n                  <li key={i}>\n                    {d.status === 'ok' ? (\n                      <span>\n                        ✓ <span className=\"font-mono\">{d.filename}</span> ({d.kind})\n                      </span>\n                    ) : (\n                      <span className=\"text-destructive\">\n                        ✗ <span className=\"font-mono\">{d.filename}</span> — {d.reason}\n                      </span>\n                    )}\n                  </li>\n                ))}\n              </ul>\n            </div>\n          )}\n\n          {status === 'stopped' && (\n            <div\n              className=\"my-3 rounded-md border border-border bg-muted/40 px-3 py-2 text-xs text-muted-foreground\"\n              role=\"status\"\n            >\n              Stopped — the assistant was interrupted. Send another message to continue.\n            </div>\n          )}\n\n          {status === 'error' && error && (\n            <div className=\"my-3 rounded-md border border-destructive/40 bg-destructive/10 px-3 py-2 text-xs text-destructive\">\n              {error}\n            </div>\n          )}\n          {status === 'budget_exceeded' && (\n            <div className=\"my-3 rounded-md border border-amber-300 bg-amber-50 px-3 py-2 text-xs text-amber-900\">\n              Budget reached ({budgetReason ?? 'unknown'}). Click <strong>New conversation</strong> to start over, or\n              raise the caps in <code>cms/octocms.config.ts</code>.\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Composer — disabled while streaming or after budget hit, but enabled\n          after a Stop click so the user can immediately follow up. */}\n      <ErrorBoundary label=\"composer\">\n        <Composer\n          disabled={status === 'streaming' || status === 'budget_exceeded'}\n          maxAttachmentBytes={attachmentLimits.maxAttachmentBytes}\n          maxAttachmentsPerTurn={attachmentLimits.maxAttachmentsPerTurn}\n          onSubmit={send}\n        />\n      </ErrorBoundary>\n    </div>\n  );\n}\n\nfunction UsageBadge({\n  totalCostUSD,\n  inputTokens,\n  outputTokens,\n}: {\n  totalCostUSD: number;\n  inputTokens: number;\n  outputTokens: number;\n}) {\n  const cost = totalCostUSD > 0 ? `$${totalCostUSD.toFixed(4)}` : 'free';\n  return (\n    <span\n      className=\"rounded-full border border-border bg-muted/50 px-2.5 py-0.5 font-mono text-[11px] text-muted-foreground\"\n      title={`Input: ${inputTokens} tokens · Output: ${outputTokens} tokens`}\n    >\n      {cost} · {inputTokens + outputTokens} tok\n    </span>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../components/Chat/ChatPage.tsx"],"sourcesContent":["'use client';\n\nimport React, { useEffect, useMemo, useRef } from 'react';\nimport { Button, Icon } from '../ui';\n\nimport type { ChatSetupInfo } from '../../agent/chatSetup';\nimport { ErrorBoundary } from '../ErrorBoundary/ErrorBoundary';\nimport { Page } from '../Layout/Page';\n\nimport { ChatAgentSetup } from './ChatAgentSetup';\nimport { ChatSidebar } from './ChatSidebar';\nimport { Composer } from './Composer';\nimport { Message } from './Message';\nimport { useChatHistory } from './useChatHistory';\n\ntype Props =\n  | {\n      mode: 'setup';\n      setup: ChatSetupInfo;\n    }\n  | {\n      mode: 'ready';\n      /** Initial provider info — used until the SSE `meta` event arrives. */\n      initialMeta: { provider: 'anthropic' | 'openai' | 'local'; model: string };\n      /** Attachment caps from `agentConfig` — drive Composer UI validation. */\n      attachmentLimits: { maxAttachmentBytes: number; maxAttachmentsPerTurn: number };\n    };\n\nexport default function ChatPage(props: Props) {\n  if (props.mode === 'setup') {\n    return <ChatAgentSetup setup={props.setup} />;\n  }\n  return <ChatPageReady {...props} />;\n}\n\ntype ReadyProps = Extract<Props, { mode: 'ready' }>;\n\nfunction ChatPageReady({ initialMeta, attachmentLimits }: ReadyProps) {\n  const PROVIDER_LABEL: Record<'anthropic' | 'openai' | 'local', string> = {\n    anthropic: 'Anthropic',\n    openai: 'OpenAI',\n    local: 'Local',\n  };\n\n  const {\n    entries,\n    meta,\n    usage,\n    status,\n    error,\n    budgetReason,\n    proposals,\n    attachmentDiagnostics,\n    send,\n    stop,\n    acceptProposal,\n    rejectProposal,\n    acceptAllPending,\n    sessions,\n    activeId,\n    newConversation,\n    selectSession,\n    deleteSession,\n  } = useChatHistory();\n  const scrollerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const el = scrollerRef.current;\n    if (!el) return;\n    el.scrollTo({ top: el.scrollHeight, behavior: 'smooth' });\n  }, [entries, status]);\n\n  const provider = meta?.provider ?? initialMeta.provider;\n  const model = meta?.model ?? initialMeta.model;\n\n  // Identify the latest assistant turn so we can show \"Accept all pending\"\n  // when ≥2 proposals are outstanding for it.\n  const latestAssistantId = useMemo(() => {\n    for (let i = entries.length - 1; i >= 0; i--) {\n      if (entries[i].kind === 'assistant') return entries[i].id;\n    }\n    return null;\n  }, [entries]);\n  const pendingForLatest = useMemo(() => {\n    if (!latestAssistantId) return [];\n    return Object.values(proposals).filter(\n      (p) => p.assistantEntryId === latestAssistantId && p.status.kind === 'pending',\n    );\n  }, [proposals, latestAssistantId]);\n\n  return (\n    <Page\n      className=\"octo-chat-page\"\n      title=\"Chat\"\n      breadcrumbs={[{ label: `${PROVIDER_LABEL[provider]} · ${model}` }]}\n      actions={\n        <>\n          <UsageBadge\n            totalCostUSD={usage.totalCostUSD}\n            inputTokens={usage.inputTokens}\n            outputTokens={usage.outputTokens}\n          />\n          {status === 'streaming' ? (\n            <Button\n              variant=\"destructive\"\n              onClick={stop}\n              className=\"octo-u-gap-1-5\"\n              data-testid=\"chat-stop-button\"\n              aria-label=\"Stop generating\"\n              title=\"Stop the assistant — keeps whatever it has streamed so far\"\n            >\n              <Icon.StopCircle className=\"octo-icon-sm\" />\n              Stop\n            </Button>\n          ) : (\n            <Button variant=\"primary\" onClick={newConversation}>\n              <Icon.Plus className=\"octo-icon-sm\" />\n              New conversation\n            </Button>\n          )}\n        </>\n      }\n      leftBar={\n        <ChatSidebar sessions={sessions} activeId={activeId} onSelect={selectSession} onDelete={deleteSession} />\n      }\n    >\n      <div className=\"octo-chat\">\n        <div ref={scrollerRef} className=\"octo-chat__scroller\">\n          <div className=\"octo-chat__transcript\">\n            {entries.length === 0 && (\n              <div className=\"octo-chat__empty\">\n                <Icon.Bot className=\"octo-chat__empty-icon octo-icon-xl\" />\n                <div className=\"octo-chat__empty-title\">Ask your CMS anything.</div>\n                <div className=\"octo-chat__empty-hint\">\n                  Try: <em>\"show me posts about caching\"</em> or <em>\"fix the typo 'recieve' in any post\"</em>.\n                </div>\n              </div>\n            )}\n            {entries.map((e) => (\n              <ErrorBoundary key={e.id} label=\"message\" resetKeys={[e.id]}>\n                <Message\n                  entry={e}\n                  proposals={proposals}\n                  onAcceptProposal={acceptProposal}\n                  onRejectProposal={rejectProposal}\n                />\n              </ErrorBoundary>\n            ))}\n\n            {pendingForLatest.length >= 2 && status !== 'streaming' && (\n              <div className=\"octo-chat__accept-all-bar\">\n                <span>\n                  <strong>{pendingForLatest.length}</strong> proposals pending in this turn.\n                </span>\n                <Button\n                  onClick={() => latestAssistantId && acceptAllPending(latestAssistantId)}\n                  className=\"octo-u-gap-1-5\"\n                >\n                  <Icon.CheckCheck className=\"octo-icon-sm\" />\n                  Accept all pending\n                </Button>\n              </div>\n            )}\n\n            {attachmentDiagnostics.length > 0 && (\n              <div className=\"octo-chat__attachment-diag\">\n                <div className=\"octo-chat__attachment-diag-title\">Attachments</div>\n                <ul className=\"octo-chat__attachment-diag-list\">\n                  {attachmentDiagnostics.map((d, i) => (\n                    <li key={i}>\n                      {d.status === 'ok' ? (\n                        <span>\n                          ✓ <span className=\"octo-u-mono\">{d.filename}</span> ({d.kind})\n                        </span>\n                      ) : (\n                        <span className=\"octo-chat__attachment-diag-error\">\n                          ✗ <span className=\"octo-u-mono\">{d.filename}</span> — {d.reason}\n                        </span>\n                      )}\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            )}\n\n            {status === 'stopped' && (\n              <div className=\"octo-chat__status-bar\" role=\"status\">\n                Stopped — the assistant was interrupted. Send another message to continue.\n              </div>\n            )}\n\n            {status === 'error' && error && <div className=\"octo-chat__error-bar\">{error}</div>}\n            {status === 'budget_exceeded' && (\n              <div className=\"octo-chat__budget-bar\">\n                Budget reached ({budgetReason ?? 'unknown'}). Click <strong>New conversation</strong> to start over, or\n                raise the caps in <code>cms/octocms.config.ts</code>.\n              </div>\n            )}\n          </div>\n        </div>\n\n        <ErrorBoundary label=\"composer\">\n          <Composer\n            disabled={status === 'streaming' || status === 'budget_exceeded'}\n            maxAttachmentBytes={attachmentLimits.maxAttachmentBytes}\n            maxAttachmentsPerTurn={attachmentLimits.maxAttachmentsPerTurn}\n            onSubmit={send}\n          />\n        </ErrorBoundary>\n      </div>\n    </Page>\n  );\n}\n\nfunction UsageBadge({\n  totalCostUSD,\n  inputTokens,\n  outputTokens,\n}: {\n  totalCostUSD: number;\n  inputTokens: number;\n  outputTokens: number;\n}) {\n  const cost = totalCostUSD > 0 ? `$${totalCostUSD.toFixed(4)}` : 'free';\n  return (\n    <span className=\"octo-chat__usage-badge\" title={`Input: ${inputTokens} tokens · Output: ${outputTokens} tokens`}>\n      {cost} · {inputTokens + outputTokens} tok\n    </span>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/Chat/ChatSidebar.d.ts

@@ -0,0 +1,10 @@
+import type { ChatSessionListItem } from './chatStorage';
+type Props = {
+    sessions: ChatSessionListItem[];
+    activeId: string | null;
+    onSelect: (id: string) => void;
+    onDelete: (id: string) => void;
+};
+export declare function ChatSidebar({ sessions, activeId, onSelect, onDelete }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ChatSidebar.d.ts.map

package/dist/components/Chat/ChatSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatSidebar.d.ts","sourceRoot":"","sources":["../../../components/Chat/ChatSidebar.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEzD,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,mBAAmB,EAAE,CAAC;IAChC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAyC5E"}

package/dist/components/Chat/ChatSidebar.js

@@ -0,0 +1,45 @@
+"use client";
+import "../../chunk-B5LE2OEC.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { relativeTime } from "../../lib/relativeTime";
+import { Icon } from "../ui";
+function ChatSidebar({ sessions, activeId, onSelect, onDelete }) {
+  return /* @__PURE__ */ jsxs("div", { className: "octo-page-sidebar__section", children: [
+    /* @__PURE__ */ jsx("span", { className: "octo-page-sidebar__section-label", children: "Conversations" }),
+    /* @__PURE__ */ jsx("nav", { className: "octo-page-sidebar__nav", "aria-label": "Saved conversations", children: sessions.length === 0 ? /* @__PURE__ */ jsx("p", { className: "octo-chat-session__empty", children: "No saved chats yet. Send a message to save one here." }) : sessions.map((session) => {
+      const active = session.id === activeId;
+      return /* @__PURE__ */ jsxs("div", { className: "octo-chat-session", children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "octo-chat-session__button",
+            onClick: () => onSelect(session.id),
+            "aria-current": active ? "true" : void 0,
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "octo-chat-session__title", children: session.title }),
+              /* @__PURE__ */ jsx("span", { className: "octo-chat-session__time", children: relativeTime(new Date(session.updatedAt).toISOString()) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "octo-chat-session__delete",
+            onClick: (e) => {
+              e.stopPropagation();
+              if (window.confirm(`Delete "${session.title}"?`)) onDelete(session.id);
+            },
+            "aria-label": `Delete ${session.title}`,
+            children: /* @__PURE__ */ jsx(Icon.Trash2, { className: "octo-icon-xs" })
+          }
+        )
+      ] }, session.id);
+    }) })
+  ] });
+}
+export {
+  ChatSidebar
+};
+//# sourceMappingURL=ChatSidebar.js.map

package/dist/components/Chat/ChatSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/Chat/ChatSidebar.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { relativeTime } from '../../lib/relativeTime';\nimport { Icon } from '../ui';\n\nimport type { ChatSessionListItem } from './chatStorage';\n\ntype Props = {\n  sessions: ChatSessionListItem[];\n  activeId: string | null;\n  onSelect: (id: string) => void;\n  onDelete: (id: string) => void;\n};\n\nexport function ChatSidebar({ sessions, activeId, onSelect, onDelete }: Props) {\n  return (\n    <div className=\"octo-page-sidebar__section\">\n      <span className=\"octo-page-sidebar__section-label\">Conversations</span>\n      <nav className=\"octo-page-sidebar__nav\" aria-label=\"Saved conversations\">\n        {sessions.length === 0 ? (\n          <p className=\"octo-chat-session__empty\">No saved chats yet. Send a message to save one here.</p>\n        ) : (\n          sessions.map((session) => {\n            const active = session.id === activeId;\n            return (\n              <div key={session.id} className=\"octo-chat-session\">\n                <button\n                  type=\"button\"\n                  className=\"octo-chat-session__button\"\n                  onClick={() => onSelect(session.id)}\n                  aria-current={active ? 'true' : undefined}\n                >\n                  <span className=\"octo-chat-session__title\">{session.title}</span>\n                  <span className=\"octo-chat-session__time\">\n                    {relativeTime(new Date(session.updatedAt).toISOString())}\n                  </span>\n                </button>\n                <button\n                  type=\"button\"\n                  className=\"octo-chat-session__delete\"\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    if (window.confirm(`Delete \"${session.title}\"?`)) onDelete(session.id);\n                  }}\n                  aria-label={`Delete ${session.title}`}\n                >\n                  <Icon.Trash2 className=\"octo-icon-xs\" />\n                </button>\n              </div>\n            );\n          })\n        )}\n      </nav>\n    </div>\n  );\n}\n"],"mappings":";;AAmBM,cASU,YATV;AAfN,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AAWd,SAAS,YAAY,EAAE,UAAU,UAAU,UAAU,SAAS,GAAU;AAC7E,SACE,qBAAC,SAAI,WAAU,8BACb;AAAA,wBAAC,UAAK,WAAU,oCAAmC,2BAAa;AAAA,IAChE,oBAAC,SAAI,WAAU,0BAAyB,cAAW,uBAChD,mBAAS,WAAW,IACnB,oBAAC,OAAE,WAAU,4BAA2B,kEAAoD,IAE5F,SAAS,IAAI,CAAC,YAAY;AACxB,YAAM,SAAS,QAAQ,OAAO;AAC9B,aACE,qBAAC,SAAqB,WAAU,qBAC9B;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YACV,SAAS,MAAM,SAAS,QAAQ,EAAE;AAAA,YAClC,gBAAc,SAAS,SAAS;AAAA,YAEhC;AAAA,kCAAC,UAAK,WAAU,4BAA4B,kBAAQ,OAAM;AAAA,cAC1D,oBAAC,UAAK,WAAU,2BACb,uBAAa,IAAI,KAAK,QAAQ,SAAS,EAAE,YAAY,CAAC,GACzD;AAAA;AAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YACV,SAAS,CAAC,MAAM;AACd,gBAAE,gBAAgB;AAClB,kBAAI,OAAO,QAAQ,WAAW,QAAQ,KAAK,IAAI,EAAG,UAAS,QAAQ,EAAE;AAAA,YACvE;AAAA,YACA,cAAY,UAAU,QAAQ,KAAK;AAAA,YAEnC,8BAAC,KAAK,QAAL,EAAY,WAAU,gBAAe;AAAA;AAAA,QACxC;AAAA,WAtBQ,QAAQ,EAuBlB;AAAA,IAEJ,CAAC,GAEL;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/Chat/Composer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Composer.d.ts","sourceRoot":"","sources":["../../../components/Chat/Composer.tsx"],"names":[],"mappings":"AAWA,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yFAAyF;IACzF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sEAAsE;IACtE,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;CAC7C,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,QAAgB,EAChB,kBAAqC,EACrC,qBAAyB,EACzB,QAAQ,GACT,EAAE,KAAK,2CA6JP"}
+{"version":3,"file":"Composer.d.ts","sourceRoot":"","sources":["../../../components/Chat/Composer.tsx"],"names":[],"mappings":"AAUA,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yFAAyF;IACzF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sEAAsE;IACtE,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;CAC7C,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,QAAgB,EAChB,kBAAqC,EACrC,qBAAyB,EACzB,QAAQ,GACT,EAAE,KAAK,2CAoJP"}

package/dist/components/Chat/Composer.js

@@ -2,8 +2,8 @@
 import "../../chunk-B5LE2OEC.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef, useState } from "react";
-import { Paperclip, Send, X } from "lucide-react";
-import { Button } from "../ui/button";
+import { cn } from "../../lib/utils";
+import { Button, Icon } from "../ui";
 const ACCEPTED_TYPES = ".pdf,.docx,.txt,.md,.markdown,application/pdf,application/vnd.openxmlformats-officedocument.wordprocessingml.document,text/plain,text/markdown";
 function Composer({
   disabled = false,
@@ -67,7 +67,7 @@ function Composer({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: `border-t border-border bg-background ${dragOver ? "ring-2 ring-ring" : ""}`,
+      className: cn("octo-chat-composer", dragOver && "octo-chat-composer--dragover"),
       onDragOver: (e) => {
         e.preventDefault();
         if (!disabled) setDragOver(true);
@@ -76,33 +76,25 @@ function Composer({
       onDrop,
       "data-testid": "chat-composer",
       children: [
-        (files.length > 0 || error) && /* @__PURE__ */ jsxs("div", { className: "px-4 pt-3 flex flex-wrap gap-2 items-center", children: [
-          files.map((f, i) => /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: "inline-flex items-center gap-2 rounded-full border border-input bg-muted px-3 py-1 text-xs",
-              "data-testid": "chat-attachment-chip",
-              children: [
-                /* @__PURE__ */ jsx(Paperclip, { className: "h-3 w-3" }),
-                /* @__PURE__ */ jsx("span", { className: "max-w-[180px] truncate", children: f.name }),
-                /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: formatSize(f.size) }),
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => removeFile(i),
-                    "aria-label": `Remove ${f.name}`,
-                    className: "text-muted-foreground hover:text-foreground",
-                    children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
-                  }
-                )
-              ]
-            },
-            `${f.name}-${i}`
-          )),
-          error && /* @__PURE__ */ jsx("span", { className: "text-xs text-destructive", role: "alert", children: error })
+        (files.length > 0 || error) && /* @__PURE__ */ jsxs("div", { className: "octo-chat-composer__attachments", children: [
+          files.map((f, i) => /* @__PURE__ */ jsxs("div", { className: "octo-chat-composer__chip", "data-testid": "chat-attachment-chip", children: [
+            /* @__PURE__ */ jsx(Icon.Paperclip, { className: "octo-icon-xs" }),
+            /* @__PURE__ */ jsx("span", { className: "octo-chat-composer__chip-name", children: f.name }),
+            /* @__PURE__ */ jsx("span", { className: "octo-chat-composer__chip-size", children: formatSize(f.size) }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => removeFile(i),
+                "aria-label": `Remove ${f.name}`,
+                className: "octo-chat-composer__chip-remove",
+                children: /* @__PURE__ */ jsx(Icon.X, { className: "octo-icon-xs" })
+              }
+            )
+          ] }, `${f.name}-${i}`)),
+          error && /* @__PURE__ */ jsx("span", { className: "octo-chat-composer__attach-error", role: "alert", children: error })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-2 px-4 py-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "octo-chat-composer__row", children: [
           /* @__PURE__ */ jsx(
             "input",
             {
@@ -110,7 +102,7 @@ function Composer({
               type: "file",
               multiple: true,
               accept: ACCEPTED_TYPES,
-              className: "hidden",
+              className: "octo-chat-composer__file-input",
               onChange: (e) => e.target.files && addFiles(e.target.files),
               "data-testid": "chat-file-input"
             }
@@ -128,7 +120,7 @@ function Composer({
                 var _a;
                 return (_a = fileRef.current) == null ? void 0 : _a.click();
               },
-              children: /* @__PURE__ */ jsx(Paperclip, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx(Icon.Paperclip, { className: "octo-icon-md" })
             }
           ),
           /* @__PURE__ */ jsx(
@@ -142,7 +134,7 @@ function Composer({
               disabled,
               placeholder: files.length > 0 ? "Describe what to do with the attachment(s) \u2014 or press Send." : "Ask about your content \u2014 e.g. 'show me posts about caching'",
               "aria-label": "Chat message",
-              className: "flex-1 resize-none rounded-lg border border-input bg-background px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:opacity-50 max-h-40",
+              className: "octo-chat-composer__textarea",
               onInput: (e) => {
                 const el = e.currentTarget;
                 el.style.height = "auto";
@@ -150,19 +142,10 @@ function Composer({
               }
             }
           ),
-          /* @__PURE__ */ jsxs(
-            Button,
-            {
-              onClick: send,
-              disabled: disabled || !value.trim() && files.length === 0,
-              size: "sm",
-              className: "gap-1.5",
-              children: [
-                /* @__PURE__ */ jsx(Send, { className: "h-4 w-4" }),
-                "Send"
-              ]
-            }
-          )
+          /* @__PURE__ */ jsxs(Button, { onClick: send, disabled: disabled || !value.trim() && files.length === 0, className: "octo-u-gap-1-5", children: [
+            /* @__PURE__ */ jsx(Icon.Send, { className: "octo-icon-md" }),
+            "Send"
+          ] })
         ] })
       ]
     }

package/dist/components/Chat/Composer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../components/Chat/Composer.tsx"],"sourcesContent":["'use client';\n\nimport React, { useRef, useState } from 'react';\nimport { Paperclip, Send, X } from 'lucide-react';\n\nimport { Button } from '../ui/button';\n\n/** Allowed file types for chat attachments — kept in sync with `classifyAttachment`. */\nconst ACCEPTED_TYPES =\n  '.pdf,.docx,.txt,.md,.markdown,application/pdf,application/vnd.openxmlformats-officedocument.wordprocessingml.document,text/plain,text/markdown';\n\ntype Props = {\n  disabled?: boolean;\n  /** Per-attachment size limit in bytes — used to reject oversized files in the picker. */\n  maxAttachmentBytes?: number;\n  /** Per-turn attachment cap — used to disable the picker once full. */\n  maxAttachmentsPerTurn?: number;\n  /**\n   * Called with the trimmed text and the user's selected attachments. The hook\n   * decides whether to send JSON or multipart based on whether `files` is empty.\n   */\n  onSubmit(text: string, files: File[]): void;\n};\n\nexport function Composer({\n  disabled = false,\n  maxAttachmentBytes = 25 * 1024 * 1024,\n  maxAttachmentsPerTurn = 3,\n  onSubmit,\n}: Props) {\n  const [value, setValue] = useState('');\n  const [files, setFiles] = useState<File[]>([]);\n  const [error, setError] = useState<string | null>(null);\n  const [dragOver, setDragOver] = useState(false);\n  const taRef = useRef<HTMLTextAreaElement>(null);\n  const fileRef = useRef<HTMLInputElement>(null);\n\n  const send = () => {\n    const text = value.trim();\n    // Allow empty text when files are attached — the model can still reason\n    // over the document with a default prompt set on the client side later.\n    if ((!text && files.length === 0) || disabled) return;\n    onSubmit(text, files);\n    setValue('');\n    setFiles([]);\n    setError(null);\n    requestAnimationFrame(() => taRef.current?.focus());\n  };\n\n  const onKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === 'Enter' && !e.shiftKey) {\n      e.preventDefault();\n      send();\n    }\n  };\n\n  const addFiles = (incoming: FileList | File[]) => {\n    setError(null);\n    const list = Array.from(incoming);\n    const next: File[] = [...files];\n    for (const f of list) {\n      if (next.length >= maxAttachmentsPerTurn) {\n        setError(`Attachment limit reached (${maxAttachmentsPerTurn} per turn).`);\n        break;\n      }\n      if (f.size > maxAttachmentBytes) {\n        setError(`\"${f.name}\" exceeds the ${(maxAttachmentBytes / (1024 * 1024)).toFixed(0)} MB per-file limit.`);\n        continue;\n      }\n      next.push(f);\n    }\n    setFiles(next);\n    if (fileRef.current) fileRef.current.value = '';\n  };\n\n  const removeFile = (idx: number) => {\n    setFiles(files.filter((_, i) => i !== idx));\n    setError(null);\n  };\n\n  const onDrop = (e: React.DragEvent) => {\n    e.preventDefault();\n    setDragOver(false);\n    if (disabled) return;\n    if (e.dataTransfer.files && e.dataTransfer.files.length > 0) addFiles(e.dataTransfer.files);\n  };\n\n  const atCapacity = files.length >= maxAttachmentsPerTurn;\n\n  return (\n    <div\n      className={`border-t border-border bg-background ${dragOver ? 'ring-2 ring-ring' : ''}`}\n      onDragOver={(e) => {\n        e.preventDefault();\n        if (!disabled) setDragOver(true);\n      }}\n      onDragLeave={() => setDragOver(false)}\n      onDrop={onDrop}\n      data-testid=\"chat-composer\"\n    >\n      {(files.length > 0 || error) && (\n        <div className=\"px-4 pt-3 flex flex-wrap gap-2 items-center\">\n          {files.map((f, i) => (\n            <div\n              key={`${f.name}-${i}`}\n              className=\"inline-flex items-center gap-2 rounded-full border border-input bg-muted px-3 py-1 text-xs\"\n              data-testid=\"chat-attachment-chip\"\n            >\n              <Paperclip className=\"h-3 w-3\" />\n              <span className=\"max-w-[180px] truncate\">{f.name}</span>\n              <span className=\"text-muted-foreground\">{formatSize(f.size)}</span>\n              <button\n                type=\"button\"\n                onClick={() => removeFile(i)}\n                aria-label={`Remove ${f.name}`}\n                className=\"text-muted-foreground hover:text-foreground\"\n              >\n                <X className=\"h-3 w-3\" />\n              </button>\n            </div>\n          ))}\n          {error && (\n            <span className=\"text-xs text-destructive\" role=\"alert\">\n              {error}\n            </span>\n          )}\n        </div>\n      )}\n\n      <div className=\"flex items-end gap-2 px-4 py-3\">\n        <input\n          ref={fileRef}\n          type=\"file\"\n          multiple\n          accept={ACCEPTED_TYPES}\n          className=\"hidden\"\n          onChange={(e) => e.target.files && addFiles(e.target.files)}\n          data-testid=\"chat-file-input\"\n        />\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon\"\n          disabled={disabled || atCapacity}\n          aria-label=\"Attach files\"\n          title={\n            atCapacity\n              ? `Attachment limit reached (${maxAttachmentsPerTurn})`\n              : 'Attach files (PDF / DOCX / .txt / .md)'\n          }\n          onClick={() => fileRef.current?.click()}\n        >\n          <Paperclip className=\"h-4 w-4\" />\n        </Button>\n        <textarea\n          ref={taRef}\n          value={value}\n          onChange={(e) => setValue(e.target.value)}\n          onKeyDown={onKeyDown}\n          rows={1}\n          disabled={disabled}\n          placeholder={\n            files.length > 0\n              ? 'Describe what to do with the attachment(s) — or press Send.'\n              : \"Ask about your content — e.g. 'show me posts about caching'\"\n          }\n          aria-label=\"Chat message\"\n          className=\"flex-1 resize-none rounded-lg border border-input bg-background px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:opacity-50 max-h-40\"\n          onInput={(e) => {\n            const el = e.currentTarget;\n            el.style.height = 'auto';\n            el.style.height = `${Math.min(el.scrollHeight, 160)}px`;\n          }}\n        />\n        <Button\n          onClick={send}\n          disabled={disabled || (!value.trim() && files.length === 0)}\n          size=\"sm\"\n          className=\"gap-1.5\"\n        >\n          <Send className=\"h-4 w-4\" />\n          Send\n        </Button>\n      </div>\n    </div>\n  );\n}\n\nfunction formatSize(n: number): string {\n  if (n >= 1024 * 1024) return `${(n / (1024 * 1024)).toFixed(1)} MB`;\n  if (n >= 1024) return `${(n / 1024).toFixed(1)} KB`;\n  return `${n} B`;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../components/Chat/Composer.tsx"],"sourcesContent":["'use client';\n\nimport React, { useRef, useState } from 'react';\nimport { cn } from '../../lib/utils';\nimport { Button, Icon } from '../ui';\n\n/** Allowed file types for chat attachments — kept in sync with `classifyAttachment`. */\nconst ACCEPTED_TYPES =\n  '.pdf,.docx,.txt,.md,.markdown,application/pdf,application/vnd.openxmlformats-officedocument.wordprocessingml.document,text/plain,text/markdown';\n\ntype Props = {\n  disabled?: boolean;\n  /** Per-attachment size limit in bytes — used to reject oversized files in the picker. */\n  maxAttachmentBytes?: number;\n  /** Per-turn attachment cap — used to disable the picker once full. */\n  maxAttachmentsPerTurn?: number;\n  /**\n   * Called with the trimmed text and the user's selected attachments. The hook\n   * decides whether to send JSON or multipart based on whether `files` is empty.\n   */\n  onSubmit(text: string, files: File[]): void;\n};\n\nexport function Composer({\n  disabled = false,\n  maxAttachmentBytes = 25 * 1024 * 1024,\n  maxAttachmentsPerTurn = 3,\n  onSubmit,\n}: Props) {\n  const [value, setValue] = useState('');\n  const [files, setFiles] = useState<File[]>([]);\n  const [error, setError] = useState<string | null>(null);\n  const [dragOver, setDragOver] = useState(false);\n  const taRef = useRef<HTMLTextAreaElement>(null);\n  const fileRef = useRef<HTMLInputElement>(null);\n\n  const send = () => {\n    const text = value.trim();\n    // Allow empty text when files are attached — the model can still reason\n    // over the document with a default prompt set on the client side later.\n    if ((!text && files.length === 0) || disabled) return;\n    onSubmit(text, files);\n    setValue('');\n    setFiles([]);\n    setError(null);\n    requestAnimationFrame(() => taRef.current?.focus());\n  };\n\n  const onKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === 'Enter' && !e.shiftKey) {\n      e.preventDefault();\n      send();\n    }\n  };\n\n  const addFiles = (incoming: FileList | File[]) => {\n    setError(null);\n    const list = Array.from(incoming);\n    const next: File[] = [...files];\n    for (const f of list) {\n      if (next.length >= maxAttachmentsPerTurn) {\n        setError(`Attachment limit reached (${maxAttachmentsPerTurn} per turn).`);\n        break;\n      }\n      if (f.size > maxAttachmentBytes) {\n        setError(`\"${f.name}\" exceeds the ${(maxAttachmentBytes / (1024 * 1024)).toFixed(0)} MB per-file limit.`);\n        continue;\n      }\n      next.push(f);\n    }\n    setFiles(next);\n    if (fileRef.current) fileRef.current.value = '';\n  };\n\n  const removeFile = (idx: number) => {\n    setFiles(files.filter((_, i) => i !== idx));\n    setError(null);\n  };\n\n  const onDrop = (e: React.DragEvent) => {\n    e.preventDefault();\n    setDragOver(false);\n    if (disabled) return;\n    if (e.dataTransfer.files && e.dataTransfer.files.length > 0) addFiles(e.dataTransfer.files);\n  };\n\n  const atCapacity = files.length >= maxAttachmentsPerTurn;\n\n  return (\n    <div\n      className={cn('octo-chat-composer', dragOver && 'octo-chat-composer--dragover')}\n      onDragOver={(e) => {\n        e.preventDefault();\n        if (!disabled) setDragOver(true);\n      }}\n      onDragLeave={() => setDragOver(false)}\n      onDrop={onDrop}\n      data-testid=\"chat-composer\"\n    >\n      {(files.length > 0 || error) && (\n        <div className=\"octo-chat-composer__attachments\">\n          {files.map((f, i) => (\n            <div key={`${f.name}-${i}`} className=\"octo-chat-composer__chip\" data-testid=\"chat-attachment-chip\">\n              <Icon.Paperclip className=\"octo-icon-xs\" />\n              <span className=\"octo-chat-composer__chip-name\">{f.name}</span>\n              <span className=\"octo-chat-composer__chip-size\">{formatSize(f.size)}</span>\n              <button\n                type=\"button\"\n                onClick={() => removeFile(i)}\n                aria-label={`Remove ${f.name}`}\n                className=\"octo-chat-composer__chip-remove\"\n              >\n                <Icon.X className=\"octo-icon-xs\" />\n              </button>\n            </div>\n          ))}\n          {error && (\n            <span className=\"octo-chat-composer__attach-error\" role=\"alert\">\n              {error}\n            </span>\n          )}\n        </div>\n      )}\n\n      <div className=\"octo-chat-composer__row\">\n        <input\n          ref={fileRef}\n          type=\"file\"\n          multiple\n          accept={ACCEPTED_TYPES}\n          className=\"octo-chat-composer__file-input\"\n          onChange={(e) => e.target.files && addFiles(e.target.files)}\n          data-testid=\"chat-file-input\"\n        />\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon\"\n          disabled={disabled || atCapacity}\n          aria-label=\"Attach files\"\n          title={\n            atCapacity\n              ? `Attachment limit reached (${maxAttachmentsPerTurn})`\n              : 'Attach files (PDF / DOCX / .txt / .md)'\n          }\n          onClick={() => fileRef.current?.click()}\n        >\n          <Icon.Paperclip className=\"octo-icon-md\" />\n        </Button>\n        <textarea\n          ref={taRef}\n          value={value}\n          onChange={(e) => setValue(e.target.value)}\n          onKeyDown={onKeyDown}\n          rows={1}\n          disabled={disabled}\n          placeholder={\n            files.length > 0\n              ? 'Describe what to do with the attachment(s) — or press Send.'\n              : \"Ask about your content — e.g. 'show me posts about caching'\"\n          }\n          aria-label=\"Chat message\"\n          className=\"octo-chat-composer__textarea\"\n          onInput={(e) => {\n            const el = e.currentTarget;\n            el.style.height = 'auto';\n            el.style.height = `${Math.min(el.scrollHeight, 160)}px`;\n          }}\n        />\n        <Button onClick={send} disabled={disabled || (!value.trim() && files.length === 0)} className=\"octo-u-gap-1-5\">\n          <Icon.Send className=\"octo-icon-md\" />\n          Send\n        </Button>\n      </div>\n    </div>\n  );\n}\n\nfunction formatSize(n: number): string {\n  if (n >= 1024 * 1024) return `${(n / (1024 * 1024)).toFixed(1)} MB`;\n  if (n >= 1024) return `${(n / 1024).toFixed(1)} KB`;\n  return `${n} B`;\n}\n"],"mappings":"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","names":[]}