octocms 0.4.13 → 0.4.16

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

@@ -1 +1 @@
-{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../components/Chat/Message.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1D,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IAC3C,gBAAgB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,gBAAgB,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACrD,CAAC;AAEF,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,EAAE,KAAK,2CAoCtF"}
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../components/Chat/Message.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1D,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IAC3C,gBAAgB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,gBAAgB,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACrD,CAAC;AAEF,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,EAAE,KAAK,2CA2CtF"}

package/dist/components/Chat/Message.js

@@ -1,54 +1,55 @@
 "use client";
 import "../../chunk-B5LE2OEC.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Bot, Info, Paperclip, User } from "lucide-react";
+import { Icon } from "../ui";
 import { cn } from "../../lib/utils";
 import { ProposalCard } from "./ProposalCard";
 import { ToolCallCard } from "./ToolCallCard";
 function Message({ entry, proposals, onAcceptProposal, onRejectProposal }) {
   if (entry.kind === "system") {
-    return /* @__PURE__ */ jsxs("div", { className: "my-3 flex items-start gap-2 rounded-md border border-border bg-muted/30 px-3 py-2 text-xs text-muted-foreground", children: [
-      /* @__PURE__ */ jsx(Info, { className: "mt-0.5 h-3.5 w-3.5 shrink-0" }),
-      /* @__PURE__ */ jsx("span", { className: "whitespace-pre-wrap", children: entry.text })
+    return /* @__PURE__ */ jsxs("div", { className: "octo-chat-msg octo-chat-msg--system", children: [
+      /* @__PURE__ */ jsx(Icon.Info, { className: "octo-chat-msg__system-icon octo-icon-sm octo-u-shrink-0" }),
+      /* @__PURE__ */ jsx("span", { className: "octo-u-whitespace-pre-wrap", children: entry.text })
     ] });
   }
   const isUser = entry.kind === "user";
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex gap-3 py-3", isUser ? "flex-row-reverse" : "flex-row"), children: [
-    /* @__PURE__ */ jsx("div", { className: "mt-0.5 flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-muted", children: isUser ? /* @__PURE__ */ jsx(User, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(Bot, { className: "h-4 w-4" }) }),
-    /* @__PURE__ */ jsx("div", { className: cn("flex-1 min-w-0 max-w-[760px]", isUser && "text-right"), children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn(
-          "inline-block rounded-2xl px-4 py-2.5 text-sm whitespace-pre-wrap break-words",
-          isUser ? "bg-blue-600 text-white text-left" : "bg-muted text-foreground border border-border/50"
-        ),
-        children: entry.kind === "assistant" ? /* @__PURE__ */ jsx(
-          AssistantBody,
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "octo-chat-msg",
+        isUser ? "octo-chat-msg octo-chat-msg--user" : "octo-chat-msg octo-chat-msg--assistant"
+      ),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "octo-chat-msg__avatar", children: isUser ? /* @__PURE__ */ jsx(Icon.User, { className: "octo-icon-md" }) : /* @__PURE__ */ jsx(Icon.Bot, { className: "octo-icon-md" }) }),
+        /* @__PURE__ */ jsx("div", { className: cn("octo-chat-msg__body", isUser && "octo-chat-msg__body octo-chat-msg__body--user"), children: /* @__PURE__ */ jsx(
+          "div",
           {
-            entry,
-            proposals,
-            onAcceptProposal,
-            onRejectProposal
+            className: cn(
+              "octo-chat-msg__bubble",
+              isUser ? "octo-chat-msg__bubble octo-chat-msg__bubble--user" : "octo-chat-msg__bubble octo-chat-msg__bubble--assistant"
+            ),
+            children: entry.kind === "assistant" ? /* @__PURE__ */ jsx(
+              AssistantBody,
+              {
+                entry,
+                proposals,
+                onAcceptProposal,
+                onRejectProposal
+              }
+            ) : /* @__PURE__ */ jsx(UserBody, { entry })
           }
-        ) : /* @__PURE__ */ jsx(UserBody, { entry })
-      }
-    ) })
-  ] });
+        ) })
+      ]
+    }
+  );
 }
 function UserBody({ entry }) {
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-    entry.attachmentNames && entry.attachmentNames.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: entry.attachmentNames.map((name, i) => /* @__PURE__ */ jsxs(
-      "span",
-      {
-        className: "inline-flex items-center gap-1 rounded-full bg-blue-700/40 px-2 py-0.5 text-xs",
-        "data-testid": "user-attachment-name",
-        children: [
-          /* @__PURE__ */ jsx(Paperclip, { className: "h-3 w-3" }),
-          /* @__PURE__ */ jsx("span", { className: "max-w-[180px] truncate", children: name })
-        ]
-      },
-      `${name}-${i}`
-    )) }),
+  return /* @__PURE__ */ jsxs("div", { className: "octo-chat-msg__user-body", children: [
+    entry.attachmentNames && entry.attachmentNames.length > 0 && /* @__PURE__ */ jsx("div", { className: "octo-chat-msg__attach-names", children: entry.attachmentNames.map((name, i) => /* @__PURE__ */ jsxs("span", { className: "octo-chat-msg__attach-chip", "data-testid": "user-attachment-name", children: [
+      /* @__PURE__ */ jsx(Icon.Paperclip, { className: "octo-icon-xs" }),
+      /* @__PURE__ */ jsx("span", { className: "octo-chat-msg__attach-chip-name", children: name })
+    ] }, `${name}-${i}`)) }),
     entry.text && /* @__PURE__ */ jsx("div", { children: entry.text })
   ] });
 }
@@ -59,12 +60,12 @@ function AssistantBody({
   onRejectProposal
 }) {
   const isEmpty = !entry.text && entry.toolCalls.length === 0 && entry.proposalIds.length === 0;
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-    isEmpty && entry.streaming && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Thinking\u2026" }),
+  return /* @__PURE__ */ jsxs("div", { className: "octo-chat-msg__assistant-body", children: [
+    isEmpty && entry.streaming && /* @__PURE__ */ jsx("span", { className: "octo-chat-msg__thinking", children: "Thinking\u2026" }),
     entry.toolCalls.map((tc) => /* @__PURE__ */ jsx(ToolCallCard, { call: tc }, tc.id)),
     entry.proposalIds.map((id) => proposals[id]).filter((p) => Boolean(p)).map((p) => /* @__PURE__ */ jsx(ProposalCard, { state: p, onAccept: onAcceptProposal, onReject: onRejectProposal }, p.proposal.id)),
     entry.text && /* @__PURE__ */ jsx("div", { children: entry.text }),
-    entry.streaming && entry.text && /* @__PURE__ */ jsx("span", { className: "ml-1 inline-block h-3 w-1.5 animate-pulse bg-current align-baseline" })
+    entry.streaming && entry.text && /* @__PURE__ */ jsx("span", { className: "octo-chat-msg__cursor" })
   ] });
 }
 export {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../components/Chat/Message.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { Bot, Info, Paperclip, User } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n\nimport { ProposalCard } from './ProposalCard';\nimport { ToolCallCard } from './ToolCallCard';\nimport type { ChatEntry, ProposalUiState } from './types';\n\ntype Props = {\n  entry: ChatEntry;\n  proposals: Record<string, ProposalUiState>;\n  onAcceptProposal(id: string): void;\n  onRejectProposal(id: string, reason?: string): void;\n};\n\nexport function Message({ entry, proposals, onAcceptProposal, onRejectProposal }: Props) {\n  if (entry.kind === 'system') {\n    return (\n      <div className=\"my-3 flex items-start gap-2 rounded-md border border-border bg-muted/30 px-3 py-2 text-xs text-muted-foreground\">\n        <Info className=\"mt-0.5 h-3.5 w-3.5 shrink-0\" />\n        <span className=\"whitespace-pre-wrap\">{entry.text}</span>\n      </div>\n    );\n  }\n  const isUser = entry.kind === 'user';\n  return (\n    <div className={cn('flex gap-3 py-3', isUser ? 'flex-row-reverse' : 'flex-row')}>\n      <div className=\"mt-0.5 flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-muted\">\n        {isUser ? <User className=\"h-4 w-4\" /> : <Bot className=\"h-4 w-4\" />}\n      </div>\n      <div className={cn('flex-1 min-w-0 max-w-[760px]', isUser && 'text-right')}>\n        <div\n          className={cn(\n            'inline-block rounded-2xl px-4 py-2.5 text-sm whitespace-pre-wrap break-words',\n            isUser ? 'bg-blue-600 text-white text-left' : 'bg-muted text-foreground border border-border/50',\n          )}\n        >\n          {entry.kind === 'assistant' ? (\n            <AssistantBody\n              entry={entry}\n              proposals={proposals}\n              onAcceptProposal={onAcceptProposal}\n              onRejectProposal={onRejectProposal}\n            />\n          ) : (\n            <UserBody entry={entry} />\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction UserBody({ entry }: { entry: Extract<ChatEntry, { kind: 'user' }> }) {\n  return (\n    <div className=\"space-y-1.5\">\n      {entry.attachmentNames && entry.attachmentNames.length > 0 && (\n        <div className=\"flex flex-wrap gap-1.5\">\n          {entry.attachmentNames.map((name, i) => (\n            <span\n              key={`${name}-${i}`}\n              className=\"inline-flex items-center gap-1 rounded-full bg-blue-700/40 px-2 py-0.5 text-xs\"\n              data-testid=\"user-attachment-name\"\n            >\n              <Paperclip className=\"h-3 w-3\" />\n              <span className=\"max-w-[180px] truncate\">{name}</span>\n            </span>\n          ))}\n        </div>\n      )}\n      {entry.text && <div>{entry.text}</div>}\n    </div>\n  );\n}\n\nfunction AssistantBody({\n  entry,\n  proposals,\n  onAcceptProposal,\n  onRejectProposal,\n}: {\n  entry: Extract<ChatEntry, { kind: 'assistant' }>;\n  proposals: Record<string, ProposalUiState>;\n  onAcceptProposal(id: string): void;\n  onRejectProposal(id: string, reason?: string): void;\n}) {\n  const isEmpty = !entry.text && entry.toolCalls.length === 0 && entry.proposalIds.length === 0;\n  return (\n    <div className=\"space-y-1\">\n      {isEmpty && entry.streaming && <span className=\"text-muted-foreground\">Thinking…</span>}\n      {entry.toolCalls.map((tc) => (\n        <ToolCallCard key={tc.id} call={tc} />\n      ))}\n      {entry.proposalIds\n        .map((id) => proposals[id])\n        .filter((p): p is ProposalUiState => Boolean(p))\n        .map((p) => (\n          <ProposalCard key={p.proposal.id} state={p} onAccept={onAcceptProposal} onReject={onRejectProposal} />\n        ))}\n      {entry.text && <div>{entry.text}</div>}\n      {entry.streaming && entry.text && (\n        <span className=\"ml-1 inline-block h-3 w-1.5 animate-pulse bg-current align-baseline\" />\n      )}\n    </div>\n  );\n}\n"],"mappings":";;AAqBM,SACE,KADF;AAlBN,SAAS,KAAK,MAAM,WAAW,YAAY;AAE3C,SAAS,UAAU;AAEnB,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAUtB,SAAS,QAAQ,EAAE,OAAO,WAAW,kBAAkB,iBAAiB,GAAU;AACvF,MAAI,MAAM,SAAS,UAAU;AAC3B,WACE,qBAAC,SAAI,WAAU,mHACb;AAAA,0BAAC,QAAK,WAAU,+BAA8B;AAAA,MAC9C,oBAAC,UAAK,WAAU,uBAAuB,gBAAM,MAAK;AAAA,OACpD;AAAA,EAEJ;AACA,QAAM,SAAS,MAAM,SAAS;AAC9B,SACE,qBAAC,SAAI,WAAW,GAAG,mBAAmB,SAAS,qBAAqB,UAAU,GAC5E;AAAA,wBAAC,SAAI,WAAU,kFACZ,mBAAS,oBAAC,QAAK,WAAU,WAAU,IAAK,oBAAC,OAAI,WAAU,WAAU,GACpE;AAAA,IACA,oBAAC,SAAI,WAAW,GAAG,gCAAgC,UAAU,YAAY,GACvE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,SAAS,qCAAqC;AAAA,QAChD;AAAA,QAEC,gBAAM,SAAS,cACd;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF,IAEA,oBAAC,YAAS,OAAc;AAAA;AAAA,IAE5B,GACF;AAAA,KACF;AAEJ;AAEA,SAAS,SAAS,EAAE,MAAM,GAAoD;AAC5E,SACE,qBAAC,SAAI,WAAU,eACZ;AAAA,UAAM,mBAAmB,MAAM,gBAAgB,SAAS,KACvD,oBAAC,SAAI,WAAU,0BACZ,gBAAM,gBAAgB,IAAI,CAAC,MAAM,MAChC;AAAA,MAAC;AAAA;AAAA,QAEC,WAAU;AAAA,QACV,eAAY;AAAA,QAEZ;AAAA,8BAAC,aAAU,WAAU,WAAU;AAAA,UAC/B,oBAAC,UAAK,WAAU,0BAA0B,gBAAK;AAAA;AAAA;AAAA,MAL1C,GAAG,IAAI,IAAI,CAAC;AAAA,IAMnB,CACD,GACH;AAAA,IAED,MAAM,QAAQ,oBAAC,SAAK,gBAAM,MAAK;AAAA,KAClC;AAEJ;AAEA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,UAAU,CAAC,MAAM,QAAQ,MAAM,UAAU,WAAW,KAAK,MAAM,YAAY,WAAW;AAC5F,SACE,qBAAC,SAAI,WAAU,aACZ;AAAA,eAAW,MAAM,aAAa,oBAAC,UAAK,WAAU,yBAAwB,4BAAS;AAAA,IAC/E,MAAM,UAAU,IAAI,CAAC,OACpB,oBAAC,gBAAyB,MAAM,MAAb,GAAG,EAAc,CACrC;AAAA,IACA,MAAM,YACJ,IAAI,CAAC,OAAO,UAAU,EAAE,CAAC,EACzB,OAAO,CAAC,MAA4B,QAAQ,CAAC,CAAC,EAC9C,IAAI,CAAC,MACJ,oBAAC,gBAAiC,OAAO,GAAG,UAAU,kBAAkB,UAAU,oBAA/D,EAAE,SAAS,EAAsE,CACrG;AAAA,IACF,MAAM,QAAQ,oBAAC,SAAK,gBAAM,MAAK;AAAA,IAC/B,MAAM,aAAa,MAAM,QACxB,oBAAC,UAAK,WAAU,uEAAsE;AAAA,KAE1F;AAEJ;","names":[]}
+{"version":3,"sources":["../../../components/Chat/Message.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { Icon } from '../ui';\n\nimport { cn } from '../../lib/utils';\n\nimport { ProposalCard } from './ProposalCard';\nimport { ToolCallCard } from './ToolCallCard';\nimport type { ChatEntry, ProposalUiState } from './types';\n\ntype Props = {\n  entry: ChatEntry;\n  proposals: Record<string, ProposalUiState>;\n  onAcceptProposal(id: string): void;\n  onRejectProposal(id: string, reason?: string): void;\n};\n\nexport function Message({ entry, proposals, onAcceptProposal, onRejectProposal }: Props) {\n  if (entry.kind === 'system') {\n    return (\n      <div className=\"octo-chat-msg octo-chat-msg--system\">\n        <Icon.Info className=\"octo-chat-msg__system-icon octo-icon-sm octo-u-shrink-0\" />\n        <span className=\"octo-u-whitespace-pre-wrap\">{entry.text}</span>\n      </div>\n    );\n  }\n  const isUser = entry.kind === 'user';\n  return (\n    <div\n      className={cn(\n        'octo-chat-msg',\n        isUser ? 'octo-chat-msg octo-chat-msg--user' : 'octo-chat-msg octo-chat-msg--assistant',\n      )}\n    >\n      <div className=\"octo-chat-msg__avatar\">\n        {isUser ? <Icon.User className=\"octo-icon-md\" /> : <Icon.Bot className=\"octo-icon-md\" />}\n      </div>\n      <div className={cn('octo-chat-msg__body', isUser && 'octo-chat-msg__body octo-chat-msg__body--user')}>\n        <div\n          className={cn(\n            'octo-chat-msg__bubble',\n            isUser\n              ? 'octo-chat-msg__bubble octo-chat-msg__bubble--user'\n              : 'octo-chat-msg__bubble octo-chat-msg__bubble--assistant',\n          )}\n        >\n          {entry.kind === 'assistant' ? (\n            <AssistantBody\n              entry={entry}\n              proposals={proposals}\n              onAcceptProposal={onAcceptProposal}\n              onRejectProposal={onRejectProposal}\n            />\n          ) : (\n            <UserBody entry={entry} />\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction UserBody({ entry }: { entry: Extract<ChatEntry, { kind: 'user' }> }) {\n  return (\n    <div className=\"octo-chat-msg__user-body\">\n      {entry.attachmentNames && entry.attachmentNames.length > 0 && (\n        <div className=\"octo-chat-msg__attach-names\">\n          {entry.attachmentNames.map((name, i) => (\n            <span key={`${name}-${i}`} className=\"octo-chat-msg__attach-chip\" data-testid=\"user-attachment-name\">\n              <Icon.Paperclip className=\"octo-icon-xs\" />\n              <span className=\"octo-chat-msg__attach-chip-name\">{name}</span>\n            </span>\n          ))}\n        </div>\n      )}\n      {entry.text && <div>{entry.text}</div>}\n    </div>\n  );\n}\n\nfunction AssistantBody({\n  entry,\n  proposals,\n  onAcceptProposal,\n  onRejectProposal,\n}: {\n  entry: Extract<ChatEntry, { kind: 'assistant' }>;\n  proposals: Record<string, ProposalUiState>;\n  onAcceptProposal(id: string): void;\n  onRejectProposal(id: string, reason?: string): void;\n}) {\n  const isEmpty = !entry.text && entry.toolCalls.length === 0 && entry.proposalIds.length === 0;\n  return (\n    <div className=\"octo-chat-msg__assistant-body\">\n      {isEmpty && entry.streaming && <span className=\"octo-chat-msg__thinking\">Thinking…</span>}\n      {entry.toolCalls.map((tc) => (\n        <ToolCallCard key={tc.id} call={tc} />\n      ))}\n      {entry.proposalIds\n        .map((id) => proposals[id])\n        .filter((p): p is ProposalUiState => Boolean(p))\n        .map((p) => (\n          <ProposalCard key={p.proposal.id} state={p} onAccept={onAcceptProposal} onReject={onRejectProposal} />\n        ))}\n      {entry.text && <div>{entry.text}</div>}\n      {entry.streaming && entry.text && <span className=\"octo-chat-msg__cursor\" />}\n    </div>\n  );\n}\n"],"mappings":";;AAqBM,SACE,KADF;AAlBN,SAAS,YAAY;AAErB,SAAS,UAAU;AAEnB,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAUtB,SAAS,QAAQ,EAAE,OAAO,WAAW,kBAAkB,iBAAiB,GAAU;AACvF,MAAI,MAAM,SAAS,UAAU;AAC3B,WACE,qBAAC,SAAI,WAAU,uCACb;AAAA,0BAAC,KAAK,MAAL,EAAU,WAAU,2DAA0D;AAAA,MAC/E,oBAAC,UAAK,WAAU,8BAA8B,gBAAM,MAAK;AAAA,OAC3D;AAAA,EAEJ;AACA,QAAM,SAAS,MAAM,SAAS;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,SAAS,sCAAsC;AAAA,MACjD;AAAA,MAEA;AAAA,4BAAC,SAAI,WAAU,yBACZ,mBAAS,oBAAC,KAAK,MAAL,EAAU,WAAU,gBAAe,IAAK,oBAAC,KAAK,KAAL,EAAS,WAAU,gBAAe,GACxF;AAAA,QACA,oBAAC,SAAI,WAAW,GAAG,uBAAuB,UAAU,+CAA+C,GACjG;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA,SACI,sDACA;AAAA,YACN;AAAA,YAEC,gBAAM,SAAS,cACd;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA;AAAA,YACF,IAEA,oBAAC,YAAS,OAAc;AAAA;AAAA,QAE5B,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,SAAS,EAAE,MAAM,GAAoD;AAC5E,SACE,qBAAC,SAAI,WAAU,4BACZ;AAAA,UAAM,mBAAmB,MAAM,gBAAgB,SAAS,KACvD,oBAAC,SAAI,WAAU,+BACZ,gBAAM,gBAAgB,IAAI,CAAC,MAAM,MAChC,qBAAC,UAA0B,WAAU,8BAA6B,eAAY,wBAC5E;AAAA,0BAAC,KAAK,WAAL,EAAe,WAAU,gBAAe;AAAA,MACzC,oBAAC,UAAK,WAAU,mCAAmC,gBAAK;AAAA,SAF/C,GAAG,IAAI,IAAI,CAAC,EAGvB,CACD,GACH;AAAA,IAED,MAAM,QAAQ,oBAAC,SAAK,gBAAM,MAAK;AAAA,KAClC;AAEJ;AAEA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,UAAU,CAAC,MAAM,QAAQ,MAAM,UAAU,WAAW,KAAK,MAAM,YAAY,WAAW;AAC5F,SACE,qBAAC,SAAI,WAAU,iCACZ;AAAA,eAAW,MAAM,aAAa,oBAAC,UAAK,WAAU,2BAA0B,4BAAS;AAAA,IACjF,MAAM,UAAU,IAAI,CAAC,OACpB,oBAAC,gBAAyB,MAAM,MAAb,GAAG,EAAc,CACrC;AAAA,IACA,MAAM,YACJ,IAAI,CAAC,OAAO,UAAU,EAAE,CAAC,EACzB,OAAO,CAAC,MAA4B,QAAQ,CAAC,CAAC,EAC9C,IAAI,CAAC,MACJ,oBAAC,gBAAiC,OAAO,GAAG,UAAU,kBAAkB,UAAU,oBAA/D,EAAE,SAAS,EAAsE,CACrG;AAAA,IACF,MAAM,QAAQ,oBAAC,SAAK,gBAAM,MAAK;AAAA,IAC/B,MAAM,aAAa,MAAM,QAAQ,oBAAC,UAAK,WAAU,yBAAwB;AAAA,KAC5E;AAEJ;","names":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"ProposalCard.d.ts","sourceRoot":"","sources":["../../../components/Chat/ProposalCard.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAY,eAAe,EAAE,MAAM,SAAS,CAAC;AAEzD,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7C,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAoHhE"}
+{"version":3,"file":"ProposalCard.d.ts","sourceRoot":"","sources":["../../../components/Chat/ProposalCard.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAY,eAAe,EAAE,MAAM,SAAS,CAAC;AAEzD,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7C,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,KAAK,2CA0GhE"}

package/dist/components/Chat/ProposalCard.js

@@ -2,11 +2,10 @@
 import "../../chunk-B5LE2OEC.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { AlertCircle, Check, CheckCircle2, FilePen, FilePlus, Loader2, X } from "lucide-react";
+import { Button, Icon } from "../ui";
 import { useEntry } from "../../admin/query/hooks/useEntry";
 import { useConfig } from "../../hooks/useConfig";
 import { cn } from "../../lib/utils";
-import { Button } from "../ui/button";
 import { DiffHunk } from "../DiffView/DiffHunk";
 function ProposalCard({ state, onAccept, onReject }) {
   const { proposal, status } = state;
@@ -19,56 +18,55 @@ function ProposalCard({ state, onAccept, onReject }) {
     "div",
     {
       className: cn(
-        "my-3 rounded-md border bg-card text-foreground",
-        status.kind === "error" ? "border-destructive/50" : "border-border",
-        status.kind === "accepted" && "opacity-80",
-        status.kind === "rejected" && "opacity-60"
+        "octo-proposal-card",
+        status.kind === "error" && "octo-proposal-card octo-proposal-card--error",
+        status.kind === "accepted" && "octo-proposal-card octo-proposal-card--accepted",
+        status.kind === "rejected" && "octo-proposal-card octo-proposal-card--rejected"
       ),
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b border-border/50 px-3 py-2", children: [
-          isEdit ? /* @__PURE__ */ jsx(FilePen, { className: "h-3.5 w-3.5 text-muted-foreground" }) : /* @__PURE__ */ jsx(FilePlus, { className: "h-3.5 w-3.5 text-muted-foreground" }),
-          /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold", children: isEdit ? "Proposed edit" : "Proposed new entry" }),
-          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground truncate flex-1", children: proposal.summary }),
+        /* @__PURE__ */ jsxs("div", { className: "octo-proposal-card__header", children: [
+          isEdit ? /* @__PURE__ */ jsx(Icon.FilePen, { className: "octo-icon-sm octo-proposal-card__header-icon" }) : /* @__PURE__ */ jsx(Icon.FilePlus, { className: "octo-icon-sm octo-proposal-card__header-icon" }),
+          /* @__PURE__ */ jsx("span", { className: "octo-proposal-card__kind", children: isEdit ? "Proposed edit" : "Proposed new entry" }),
+          /* @__PURE__ */ jsx("span", { className: "octo-proposal-card__summary", children: proposal.summary }),
           /* @__PURE__ */ jsx(StatusBadge, { status })
         ] }),
-        proposal.reasoning && /* @__PURE__ */ jsxs("div", { className: "px-3 py-2 text-xs text-muted-foreground italic border-b border-border/50", children: [
+        proposal.reasoning && /* @__PURE__ */ jsxs("div", { className: "octo-proposal-card__reasoning", children: [
           "\u201C",
           proposal.reasoning,
           "\u201D"
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "px-3 py-3 space-y-3", children: isEdit ? /* @__PURE__ */ jsx(EditProposalBody, { proposal }) : /* @__PURE__ */ jsx(CreateProposalBody, { proposal }) }),
-        status.kind === "error" && /* @__PURE__ */ jsxs("div", { className: "border-t border-destructive/40 bg-destructive/10 px-3 py-2 text-xs text-destructive", children: [
-          /* @__PURE__ */ jsxs("div", { className: "font-semibold", children: [
+        /* @__PURE__ */ jsx("div", { className: "octo-proposal-card__body", children: isEdit ? /* @__PURE__ */ jsx(EditProposalBody, { proposal }) : /* @__PURE__ */ jsx(CreateProposalBody, { proposal }) }),
+        status.kind === "error" && /* @__PURE__ */ jsxs("div", { className: "octo-proposal-card__error-box", children: [
+          /* @__PURE__ */ jsxs("div", { className: "octo-proposal-card__error-title", children: [
             "Could not save: ",
             status.message
           ] }),
-          status.fieldErrors && Object.keys(status.fieldErrors).length > 0 && /* @__PURE__ */ jsx("ul", { className: "mt-1 list-disc pl-4", children: Object.entries(status.fieldErrors).map(([k, msg]) => /* @__PURE__ */ jsxs("li", { children: [
-            /* @__PURE__ */ jsx("code", { className: "font-mono", children: k }),
+          status.fieldErrors && Object.keys(status.fieldErrors).length > 0 && /* @__PURE__ */ jsx("ul", { className: "octo-proposal-card__error-list", children: Object.entries(status.fieldErrors).map(([k, msg]) => /* @__PURE__ */ jsxs("li", { children: [
+            /* @__PURE__ */ jsx("code", { className: "octo-u-mono", children: k }),
             ": ",
             msg
           ] }, k)) })
         ] }),
-        isPending && !showRejectInput && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-t border-border/50 px-3 py-2", children: [
-          /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: () => onAccept(proposal.id), disabled: isBusy, className: "gap-1.5", children: [
-            /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5" }),
+        isPending && !showRejectInput && /* @__PURE__ */ jsxs("div", { className: "octo-proposal-card__actions", children: [
+          /* @__PURE__ */ jsxs(Button, { onClick: () => onAccept(proposal.id), disabled: isBusy, className: "octo-u-gap-1-5", children: [
+            /* @__PURE__ */ jsx(Icon.Check, { className: "octo-icon-sm" }),
             "Accept"
           ] }),
           /* @__PURE__ */ jsxs(
             Button,
             {
-              size: "sm",
               variant: "outline",
               onClick: () => setShowRejectInput(true),
               disabled: isBusy,
-              className: "gap-1.5",
+              className: "octo-u-gap-1-5",
               children: [
-                /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" }),
+                /* @__PURE__ */ jsx(Icon.X, { className: "octo-icon-sm" }),
                 "Reject"
               ]
             }
           )
         ] }),
-        isPending && showRejectInput && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-t border-border/50 px-3 py-2", children: [
+        isPending && showRejectInput && /* @__PURE__ */ jsxs("div", { className: "octo-proposal-card__actions", children: [
           /* @__PURE__ */ jsx(
             "input",
             {
@@ -77,7 +75,7 @@ function ProposalCard({ state, onAccept, onReject }) {
               onChange: (e) => setRejectReason(e.target.value),
               placeholder: "Optional reason (helps the agent learn)",
               "aria-label": "Reason for rejecting",
-              className: "flex-1 rounded border border-input bg-background px-2 py-1 text-xs focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+              className: "octo-proposal-card__reject-input",
               onKeyDown: (e) => {
                 if (e.key === "Enter") {
                   onReject(proposal.id, rejectReason.trim() || void 0);
@@ -85,19 +83,10 @@ function ProposalCard({ state, onAccept, onReject }) {
               }
             }
           ),
+          /* @__PURE__ */ jsx(Button, { variant: "destructive", onClick: () => onReject(proposal.id, rejectReason.trim() || void 0), children: "Confirm reject" }),
           /* @__PURE__ */ jsx(
             Button,
             {
-              size: "sm",
-              variant: "destructive",
-              onClick: () => onReject(proposal.id, rejectReason.trim() || void 0),
-              children: "Confirm reject"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              size: "sm",
               variant: "ghost",
               onClick: () => {
                 setShowRejectInput(false);
@@ -107,9 +96,9 @@ function ProposalCard({ state, onAccept, onReject }) {
             }
           )
         ] }),
-        isBusy && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-t border-border/50 px-3 py-2 text-xs text-muted-foreground", children: [
-          /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }),
-          status.kind === "accepting" ? "Saving entry\u2026" : "Rejecting\u2026"
+        isBusy && /* @__PURE__ */ jsxs("div", { className: "octo-proposal-card__busy", children: [
+          /* @__PURE__ */ jsx(Icon.Loader2, { className: "octo-icon-sm octo-u-animate-spin" }),
+          status.kind === "accepting" ? "Saving entry..." : "Rejecting..."
         ] })
       ]
     }
@@ -118,20 +107,20 @@ function ProposalCard({ state, onAccept, onReject }) {
 function StatusBadge({ status }) {
   switch (status.kind) {
     case "pending":
-      return /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground", children: "Awaiting approval" });
+      return /* @__PURE__ */ jsx("span", { className: "octo-proposal-card__status", children: "Awaiting approval" });
     case "accepting":
     case "rejecting":
-      return /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin text-muted-foreground" });
+      return /* @__PURE__ */ jsx(Icon.Loader2, { className: "octo-icon-sm octo-u-animate-spin octo-proposal-card__status" });
     case "accepted":
-      return /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 text-[11px] text-emerald-400 light:text-emerald-700", children: [
-        /* @__PURE__ */ jsx(CheckCircle2, { className: "h-3.5 w-3.5" }),
+      return /* @__PURE__ */ jsxs("span", { className: "octo-proposal-card__status octo-proposal-card__status--accepted", children: [
+        /* @__PURE__ */ jsx(Icon.CheckCircle2, { className: "octo-icon-sm" }),
         "Accepted"
       ] });
     case "rejected":
-      return /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground", children: "Rejected" });
+      return /* @__PURE__ */ jsx("span", { className: "octo-proposal-card__status", children: "Rejected" });
     case "error":
-      return /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 text-[11px] text-destructive", children: [
-        /* @__PURE__ */ jsx(AlertCircle, { className: "h-3.5 w-3.5" }),
+      return /* @__PURE__ */ jsxs("span", { className: "octo-proposal-card__status octo-proposal-card__status--error", children: [
+        /* @__PURE__ */ jsx(Icon.AlertCircle, { className: "octo-icon-sm" }),
         "Error"
       ] });
   }
@@ -144,17 +133,17 @@ function EditProposalBody({ proposal }) {
   const entryQuery = useEntry(proposal.entryPath);
   const before = (_c = (_b = entryQuery.data) == null ? void 0 : _b.fields) != null ? _c : null;
   if (entryQuery.isPending && entryQuery.data === void 0) {
-    return /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: "Loading current entry\u2026" });
+    return /* @__PURE__ */ jsx("div", { className: "octo-proposal-card__loading", children: "Loading current entry..." });
   }
   if (entryQuery.isError) {
-    return /* @__PURE__ */ jsxs("div", { className: "text-xs text-destructive", children: [
+    return /* @__PURE__ */ jsxs("div", { className: "octo-proposal-card__load-error", children: [
       "Could not load ",
-      /* @__PURE__ */ jsx("code", { className: "font-mono", children: proposal.entryPath }),
+      /* @__PURE__ */ jsx("code", { className: "octo-u-mono", children: proposal.entryPath }),
       " to compute the diff."
     ] });
   }
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ jsx("div", { className: "text-[11px] text-muted-foreground", children: /* @__PURE__ */ jsx("span", { className: "font-mono", children: proposal.entryPath }) }),
+  return /* @__PURE__ */ jsxs("div", { className: "octo-proposal-card__changes", children: [
+    /* @__PURE__ */ jsx("div", { className: "octo-proposal-card__entry-path", children: /* @__PURE__ */ jsx("span", { className: "octo-u-mono", children: proposal.entryPath }) }),
     Object.entries(proposal.fieldChanges).map(([key, afterVal]) => {
       var _a2;
       const def = fields[key];
@@ -163,23 +152,23 @@ function EditProposalBody({ proposal }) {
       const isLong = beforeStr.length + afterStr.length > 80 || beforeStr.includes("\n") || afterStr.includes("\n");
       const showLineNumbers = (def == null ? void 0 : def.format) === "markdown" || (def == null ? void 0 : def.format) === "richtext" || (def == null ? void 0 : def.format) === "text";
       return /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsxs("div", { className: "mb-1 flex items-center gap-2 text-[11px] uppercase tracking-wide text-muted-foreground", children: [
-          /* @__PURE__ */ jsx("span", { className: "font-semibold", children: (_a2 = def == null ? void 0 : def.label) != null ? _a2 : key }),
-          /* @__PURE__ */ jsx("code", { className: "font-mono normal-case text-muted-foreground/70", children: key }),
-          (def == null ? void 0 : def.format) && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground/60", children: [
+        /* @__PURE__ */ jsxs("div", { className: "octo-proposal-card__field-label", children: [
+          /* @__PURE__ */ jsx("span", { className: "octo-u-font-semibold", children: (_a2 = def == null ? void 0 : def.label) != null ? _a2 : key }),
+          /* @__PURE__ */ jsx("code", { className: "octo-u-mono octo-proposal-card__field-key", children: key }),
+          (def == null ? void 0 : def.format) && /* @__PURE__ */ jsxs("span", { className: "octo-proposal-card__field-format", children: [
             "(",
             def.format,
             ")"
           ] })
         ] }),
-        isLong ? /* @__PURE__ */ jsx(DiffHunk, { before: beforeStr, after: afterStr, showLineNumbers }) : /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-1 text-xs sm:grid-cols-2", children: [
-          /* @__PURE__ */ jsxs("div", { className: "rounded border border-red-900/40 bg-red-950/40 px-2 py-1 font-mono text-red-200 light:border-red-200 light:bg-red-50 light:text-red-900", children: [
+        isLong ? /* @__PURE__ */ jsx(DiffHunk, { before: beforeStr, after: afterStr, showLineNumbers }) : /* @__PURE__ */ jsxs("div", { className: "octo-proposal-card__inline-diff", children: [
+          /* @__PURE__ */ jsxs("div", { className: "octo-proposal-card__inline-before", children: [
             "\u2212 ",
-            beforeStr || /* @__PURE__ */ jsx("span", { className: "italic text-muted-foreground/70", children: "empty" })
+            beforeStr || /* @__PURE__ */ jsx("span", { className: "octo-proposal-card__empty-val", children: "empty" })
           ] }),
-          /* @__PURE__ */ jsxs("div", { className: "rounded border border-emerald-900/40 bg-emerald-950/40 px-2 py-1 font-mono text-emerald-200 light:border-emerald-200 light:bg-emerald-50 light:text-emerald-900", children: [
+          /* @__PURE__ */ jsxs("div", { className: "octo-proposal-card__inline-after", children: [
             "+ ",
-            afterStr || /* @__PURE__ */ jsx("span", { className: "italic text-muted-foreground/70", children: "empty" })
+            afterStr || /* @__PURE__ */ jsx("span", { className: "octo-proposal-card__empty-val", children: "empty" })
           ] })
         ] })
       ] }, key);
@@ -191,20 +180,20 @@ function CreateProposalBody({ proposal }) {
   const config = useConfig();
   const collection = config.collections[proposal.collection];
   const fields = (_a = collection == null ? void 0 : collection.fields) != null ? _a : {};
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ jsxs("div", { className: "text-[11px] text-muted-foreground", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "octo-proposal-card__create", children: [
+    /* @__PURE__ */ jsxs("div", { className: "octo-proposal-card__create-meta", children: [
       "New entry in ",
-      /* @__PURE__ */ jsx("span", { className: "font-mono", children: proposal.collection }),
+      /* @__PURE__ */ jsx("span", { className: "octo-u-mono", children: proposal.collection }),
       (collection == null ? void 0 : collection.label) ? ` (${collection.label})` : ""
     ] }),
-    /* @__PURE__ */ jsx("table", { className: "w-full text-xs", children: /* @__PURE__ */ jsx("tbody", { children: Object.entries(fields).map(([key, def]) => {
+    /* @__PURE__ */ jsx("table", { className: "octo-proposal-card__create-table", children: /* @__PURE__ */ jsx("tbody", { children: Object.entries(fields).map(([key, def]) => {
       const value = proposal.fields[key];
-      return /* @__PURE__ */ jsxs("tr", { className: "border-t border-border/40 first:border-t-0", children: [
-        /* @__PURE__ */ jsxs("td", { className: "w-1/3 py-1.5 pr-2 align-top", children: [
-          /* @__PURE__ */ jsx("span", { className: "font-semibold", children: def.label }),
-          /* @__PURE__ */ jsx("span", { className: "ml-2 font-mono text-[10px] text-muted-foreground/70", children: def.format })
+      return /* @__PURE__ */ jsxs("tr", { className: "octo-proposal-card__create-row", children: [
+        /* @__PURE__ */ jsxs("td", { className: "octo-proposal-card__create-key", children: [
+          /* @__PURE__ */ jsx("span", { className: "octo-u-font-semibold", children: def.label }),
+          /* @__PURE__ */ jsx("span", { className: "octo-proposal-card__create-format", children: def.format })
         ] }),
-        /* @__PURE__ */ jsx("td", { className: "py-1.5 align-top", children: value == null || value === "" ? /* @__PURE__ */ jsx("span", { className: "italic text-muted-foreground/70", children: "unset" }) : /* @__PURE__ */ jsx("pre", { className: "whitespace-pre-wrap break-words font-mono text-[11px]", children: stringify(value) }) })
+        /* @__PURE__ */ jsx("td", { className: "octo-proposal-card__create-val", children: value == null || value === "" ? /* @__PURE__ */ jsx("span", { className: "octo-proposal-card__empty-val", children: "unset" }) : /* @__PURE__ */ jsx("pre", { className: "octo-proposal-card__create-pre", children: stringify(value) }) })
       ] }, key);
     }) }) })
   ] });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../components/Chat/ProposalCard.tsx"],"sourcesContent":["'use client';\n\nimport React, { useState } from 'react';\nimport { AlertCircle, Check, CheckCircle2, FilePen, FilePlus, Loader2, X } from 'lucide-react';\n\nimport { useEntry } from '../../admin/query/hooks/useEntry';\nimport { useConfig } from '../../hooks/useConfig';\nimport { cn } from '../../lib/utils';\nimport { Button } from '../ui/button';\nimport { DiffHunk } from '../DiffView/DiffHunk';\n\nimport type { Proposal, ProposalUiState } from './types';\n\ntype Props = {\n  state: ProposalUiState;\n  onAccept(id: string): void;\n  onReject(id: string, reason?: string): void;\n};\n\nexport function ProposalCard({ state, onAccept, onReject }: Props) {\n  const { proposal, status } = state;\n  const isEdit = proposal.kind === 'edit';\n  const [showRejectInput, setShowRejectInput] = useState(false);\n  const [rejectReason, setRejectReason] = useState('');\n\n  const isPending = status.kind === 'pending';\n  const isBusy = status.kind === 'accepting' || status.kind === 'rejecting';\n\n  return (\n    <div\n      className={cn(\n        'my-3 rounded-md border bg-card text-foreground',\n        status.kind === 'error' ? 'border-destructive/50' : 'border-border',\n        status.kind === 'accepted' && 'opacity-80',\n        status.kind === 'rejected' && 'opacity-60',\n      )}\n    >\n      <div className=\"flex items-center gap-2 border-b border-border/50 px-3 py-2\">\n        {isEdit ? (\n          <FilePen className=\"h-3.5 w-3.5 text-muted-foreground\" />\n        ) : (\n          <FilePlus className=\"h-3.5 w-3.5 text-muted-foreground\" />\n        )}\n        <span className=\"text-xs font-semibold\">{isEdit ? 'Proposed edit' : 'Proposed new entry'}</span>\n        <span className=\"text-xs text-muted-foreground truncate flex-1\">{proposal.summary}</span>\n        <StatusBadge status={status} />\n      </div>\n\n      {proposal.reasoning && (\n        <div className=\"px-3 py-2 text-xs text-muted-foreground italic border-b border-border/50\">\n          “{proposal.reasoning}”\n        </div>\n      )}\n\n      <div className=\"px-3 py-3 space-y-3\">\n        {isEdit ? <EditProposalBody proposal={proposal} /> : <CreateProposalBody proposal={proposal} />}\n      </div>\n\n      {status.kind === 'error' && (\n        <div className=\"border-t border-destructive/40 bg-destructive/10 px-3 py-2 text-xs text-destructive\">\n          <div className=\"font-semibold\">Could not save: {status.message}</div>\n          {status.fieldErrors && Object.keys(status.fieldErrors).length > 0 && (\n            <ul className=\"mt-1 list-disc pl-4\">\n              {Object.entries(status.fieldErrors).map(([k, msg]) => (\n                <li key={k}>\n                  <code className=\"font-mono\">{k}</code>: {msg}\n                </li>\n              ))}\n            </ul>\n          )}\n        </div>\n      )}\n\n      {isPending && !showRejectInput && (\n        <div className=\"flex items-center gap-2 border-t border-border/50 px-3 py-2\">\n          <Button size=\"sm\" onClick={() => onAccept(proposal.id)} disabled={isBusy} className=\"gap-1.5\">\n            <Check className=\"h-3.5 w-3.5\" />\n            Accept\n          </Button>\n          <Button\n            size=\"sm\"\n            variant=\"outline\"\n            onClick={() => setShowRejectInput(true)}\n            disabled={isBusy}\n            className=\"gap-1.5\"\n          >\n            <X className=\"h-3.5 w-3.5\" />\n            Reject\n          </Button>\n        </div>\n      )}\n\n      {isPending && showRejectInput && (\n        <div className=\"flex items-center gap-2 border-t border-border/50 px-3 py-2\">\n          <input\n            type=\"text\"\n            value={rejectReason}\n            onChange={(e) => setRejectReason(e.target.value)}\n            placeholder=\"Optional reason (helps the agent learn)\"\n            aria-label=\"Reason for rejecting\"\n            className=\"flex-1 rounded border border-input bg-background px-2 py-1 text-xs focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') {\n                onReject(proposal.id, rejectReason.trim() || undefined);\n              }\n            }}\n          />\n          <Button\n            size=\"sm\"\n            variant=\"destructive\"\n            onClick={() => onReject(proposal.id, rejectReason.trim() || undefined)}\n          >\n            Confirm reject\n          </Button>\n          <Button\n            size=\"sm\"\n            variant=\"ghost\"\n            onClick={() => {\n              setShowRejectInput(false);\n              setRejectReason('');\n            }}\n          >\n            Cancel\n          </Button>\n        </div>\n      )}\n\n      {isBusy && (\n        <div className=\"flex items-center gap-2 border-t border-border/50 px-3 py-2 text-xs text-muted-foreground\">\n          <Loader2 className=\"h-3.5 w-3.5 animate-spin\" />\n          {status.kind === 'accepting' ? 'Saving entry…' : 'Rejecting…'}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction StatusBadge({ status }: { status: ProposalUiState['status'] }) {\n  switch (status.kind) {\n    case 'pending':\n      return <span className=\"text-[11px] text-muted-foreground\">Awaiting approval</span>;\n    case 'accepting':\n    case 'rejecting':\n      return <Loader2 className=\"h-3.5 w-3.5 animate-spin text-muted-foreground\" />;\n    case 'accepted':\n      return (\n        <span className=\"flex items-center gap-1 text-[11px] text-emerald-400 light:text-emerald-700\">\n          <CheckCircle2 className=\"h-3.5 w-3.5\" />\n          Accepted\n        </span>\n      );\n    case 'rejected':\n      return <span className=\"text-[11px] text-muted-foreground\">Rejected</span>;\n    case 'error':\n      return (\n        <span className=\"flex items-center gap-1 text-[11px] text-destructive\">\n          <AlertCircle className=\"h-3.5 w-3.5\" />\n          Error\n        </span>\n      );\n  }\n}\n\n/**\n * Render the edit proposal as per-field \"before vs after\" hunks. The \"before\"\n * comes from the live entry on disk (fetched lazily); the \"after\" merges the\n * proposed `fieldChanges` over the existing fields.\n */\nfunction EditProposalBody({ proposal }: { proposal: Extract<Proposal, { kind: 'edit' }> }) {\n  const config = useConfig();\n  const collection = (\n    config.collections as Record<string, { fields: Record<string, { label: string; format: string }> }>\n  )[proposal.collection];\n  const fields = collection?.fields ?? {};\n  const entryQuery = useEntry(proposal.entryPath);\n  const before = (entryQuery.data?.fields ?? null) as Record<string, unknown> | null;\n\n  if (entryQuery.isPending && entryQuery.data === undefined) {\n    return <div className=\"text-xs text-muted-foreground\">Loading current entry…</div>;\n  }\n  if (entryQuery.isError) {\n    return (\n      <div className=\"text-xs text-destructive\">\n        Could not load <code className=\"font-mono\">{proposal.entryPath}</code> to compute the diff.\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"text-[11px] text-muted-foreground\">\n        <span className=\"font-mono\">{proposal.entryPath}</span>\n      </div>\n      {Object.entries(proposal.fieldChanges).map(([key, afterVal]) => {\n        const def = fields[key];\n        const beforeStr = stringify(before?.[key]);\n        const afterStr = stringify(afterVal);\n        const isLong = beforeStr.length + afterStr.length > 80 || beforeStr.includes('\\n') || afterStr.includes('\\n');\n        const showLineNumbers = def?.format === 'markdown' || def?.format === 'richtext' || def?.format === 'text';\n        return (\n          <div key={key}>\n            <div className=\"mb-1 flex items-center gap-2 text-[11px] uppercase tracking-wide text-muted-foreground\">\n              <span className=\"font-semibold\">{def?.label ?? key}</span>\n              <code className=\"font-mono normal-case text-muted-foreground/70\">{key}</code>\n              {def?.format && <span className=\"text-muted-foreground/60\">({def.format})</span>}\n            </div>\n            {isLong ? (\n              <DiffHunk before={beforeStr} after={afterStr} showLineNumbers={showLineNumbers} />\n            ) : (\n              <div className=\"grid grid-cols-1 gap-1 text-xs sm:grid-cols-2\">\n                <div className=\"rounded border border-red-900/40 bg-red-950/40 px-2 py-1 font-mono text-red-200 light:border-red-200 light:bg-red-50 light:text-red-900\">\n                  − {beforeStr || <span className=\"italic text-muted-foreground/70\">empty</span>}\n                </div>\n                <div className=\"rounded border border-emerald-900/40 bg-emerald-950/40 px-2 py-1 font-mono text-emerald-200 light:border-emerald-200 light:bg-emerald-50 light:text-emerald-900\">\n                  + {afterStr || <span className=\"italic text-muted-foreground/70\">empty</span>}\n                </div>\n              </div>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nfunction CreateProposalBody({ proposal }: { proposal: Extract<Proposal, { kind: 'create' }> }) {\n  const config = useConfig();\n  const collection = (\n    config.collections as Record<string, { label: string; fields: Record<string, { label: string; format: string }> }>\n  )[proposal.collection];\n  const fields = collection?.fields ?? {};\n  return (\n    <div className=\"space-y-2\">\n      <div className=\"text-[11px] text-muted-foreground\">\n        New entry in <span className=\"font-mono\">{proposal.collection}</span>\n        {collection?.label ? ` (${collection.label})` : ''}\n      </div>\n      <table className=\"w-full text-xs\">\n        <tbody>\n          {Object.entries(fields).map(([key, def]) => {\n            const value = proposal.fields[key];\n            return (\n              <tr key={key} className=\"border-t border-border/40 first:border-t-0\">\n                <td className=\"w-1/3 py-1.5 pr-2 align-top\">\n                  <span className=\"font-semibold\">{def.label}</span>\n                  <span className=\"ml-2 font-mono text-[10px] text-muted-foreground/70\">{def.format}</span>\n                </td>\n                <td className=\"py-1.5 align-top\">\n                  {value == null || value === '' ? (\n                    <span className=\"italic text-muted-foreground/70\">unset</span>\n                  ) : (\n                    <pre className=\"whitespace-pre-wrap break-words font-mono text-[11px]\">{stringify(value)}</pre>\n                  )}\n                </td>\n              </tr>\n            );\n          })}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nfunction stringify(v: unknown): string {\n  if (v == null) return '';\n  if (typeof v === 'string') return v;\n  try {\n    return JSON.stringify(v, null, 2);\n  } catch {\n    return String(v);\n  }\n}\n"],"mappings":"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","names":["_a"]}
+{"version":3,"sources":["../../../components/Chat/ProposalCard.tsx"],"sourcesContent":["'use client';\n\nimport React, { useState } from 'react';\nimport { Button, Icon } from '../ui';\n\nimport { useEntry } from '../../admin/query/hooks/useEntry';\nimport { useConfig } from '../../hooks/useConfig';\nimport { cn } from '../../lib/utils';\nimport { DiffHunk } from '../DiffView/DiffHunk';\n\nimport type { Proposal, ProposalUiState } from './types';\n\ntype Props = {\n  state: ProposalUiState;\n  onAccept(id: string): void;\n  onReject(id: string, reason?: string): void;\n};\n\nexport function ProposalCard({ state, onAccept, onReject }: Props) {\n  const { proposal, status } = state;\n  const isEdit = proposal.kind === 'edit';\n  const [showRejectInput, setShowRejectInput] = useState(false);\n  const [rejectReason, setRejectReason] = useState('');\n\n  const isPending = status.kind === 'pending';\n  const isBusy = status.kind === 'accepting' || status.kind === 'rejecting';\n\n  return (\n    <div\n      className={cn(\n        'octo-proposal-card',\n        status.kind === 'error' && 'octo-proposal-card octo-proposal-card--error',\n        status.kind === 'accepted' && 'octo-proposal-card octo-proposal-card--accepted',\n        status.kind === 'rejected' && 'octo-proposal-card octo-proposal-card--rejected',\n      )}\n    >\n      <div className=\"octo-proposal-card__header\">\n        {isEdit ? (\n          <Icon.FilePen className=\"octo-icon-sm octo-proposal-card__header-icon\" />\n        ) : (\n          <Icon.FilePlus className=\"octo-icon-sm octo-proposal-card__header-icon\" />\n        )}\n        <span className=\"octo-proposal-card__kind\">{isEdit ? 'Proposed edit' : 'Proposed new entry'}</span>\n        <span className=\"octo-proposal-card__summary\">{proposal.summary}</span>\n        <StatusBadge status={status} />\n      </div>\n\n      {proposal.reasoning && <div className=\"octo-proposal-card__reasoning\">&ldquo;{proposal.reasoning}&rdquo;</div>}\n\n      <div className=\"octo-proposal-card__body\">\n        {isEdit ? <EditProposalBody proposal={proposal} /> : <CreateProposalBody proposal={proposal} />}\n      </div>\n\n      {status.kind === 'error' && (\n        <div className=\"octo-proposal-card__error-box\">\n          <div className=\"octo-proposal-card__error-title\">Could not save: {status.message}</div>\n          {status.fieldErrors && Object.keys(status.fieldErrors).length > 0 && (\n            <ul className=\"octo-proposal-card__error-list\">\n              {Object.entries(status.fieldErrors).map(([k, msg]) => (\n                <li key={k}>\n                  <code className=\"octo-u-mono\">{k}</code>: {msg}\n                </li>\n              ))}\n            </ul>\n          )}\n        </div>\n      )}\n\n      {isPending && !showRejectInput && (\n        <div className=\"octo-proposal-card__actions\">\n          <Button onClick={() => onAccept(proposal.id)} disabled={isBusy} className=\"octo-u-gap-1-5\">\n            <Icon.Check className=\"octo-icon-sm\" />\n            Accept\n          </Button>\n          <Button\n            variant=\"outline\"\n            onClick={() => setShowRejectInput(true)}\n            disabled={isBusy}\n            className=\"octo-u-gap-1-5\"\n          >\n            <Icon.X className=\"octo-icon-sm\" />\n            Reject\n          </Button>\n        </div>\n      )}\n\n      {isPending && showRejectInput && (\n        <div className=\"octo-proposal-card__actions\">\n          <input\n            type=\"text\"\n            value={rejectReason}\n            onChange={(e) => setRejectReason(e.target.value)}\n            placeholder=\"Optional reason (helps the agent learn)\"\n            aria-label=\"Reason for rejecting\"\n            className=\"octo-proposal-card__reject-input\"\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') {\n                onReject(proposal.id, rejectReason.trim() || undefined);\n              }\n            }}\n          />\n          <Button variant=\"destructive\" onClick={() => onReject(proposal.id, rejectReason.trim() || undefined)}>\n            Confirm reject\n          </Button>\n          <Button\n            variant=\"ghost\"\n            onClick={() => {\n              setShowRejectInput(false);\n              setRejectReason('');\n            }}\n          >\n            Cancel\n          </Button>\n        </div>\n      )}\n\n      {isBusy && (\n        <div className=\"octo-proposal-card__busy\">\n          <Icon.Loader2 className=\"octo-icon-sm octo-u-animate-spin\" />\n          {status.kind === 'accepting' ? 'Saving entry...' : 'Rejecting...'}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction StatusBadge({ status }: { status: ProposalUiState['status'] }) {\n  switch (status.kind) {\n    case 'pending':\n      return <span className=\"octo-proposal-card__status\">Awaiting approval</span>;\n    case 'accepting':\n    case 'rejecting':\n      return <Icon.Loader2 className=\"octo-icon-sm octo-u-animate-spin octo-proposal-card__status\" />;\n    case 'accepted':\n      return (\n        <span className=\"octo-proposal-card__status octo-proposal-card__status--accepted\">\n          <Icon.CheckCircle2 className=\"octo-icon-sm\" />\n          Accepted\n        </span>\n      );\n    case 'rejected':\n      return <span className=\"octo-proposal-card__status\">Rejected</span>;\n    case 'error':\n      return (\n        <span className=\"octo-proposal-card__status octo-proposal-card__status--error\">\n          <Icon.AlertCircle className=\"octo-icon-sm\" />\n          Error\n        </span>\n      );\n  }\n}\n\n/**\n * Render the edit proposal as per-field \"before vs after\" hunks. The \"before\"\n * comes from the live entry on disk (fetched lazily); the \"after\" merges the\n * proposed `fieldChanges` over the existing fields.\n */\nfunction EditProposalBody({ proposal }: { proposal: Extract<Proposal, { kind: 'edit' }> }) {\n  const config = useConfig();\n  const collection = (\n    config.collections as Record<string, { fields: Record<string, { label: string; format: string }> }>\n  )[proposal.collection];\n  const fields = collection?.fields ?? {};\n  const entryQuery = useEntry(proposal.entryPath);\n  const before = (entryQuery.data?.fields ?? null) as Record<string, unknown> | null;\n\n  if (entryQuery.isPending && entryQuery.data === undefined) {\n    return <div className=\"octo-proposal-card__loading\">Loading current entry...</div>;\n  }\n  if (entryQuery.isError) {\n    return (\n      <div className=\"octo-proposal-card__load-error\">\n        Could not load <code className=\"octo-u-mono\">{proposal.entryPath}</code> to compute the diff.\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"octo-proposal-card__changes\">\n      <div className=\"octo-proposal-card__entry-path\">\n        <span className=\"octo-u-mono\">{proposal.entryPath}</span>\n      </div>\n      {Object.entries(proposal.fieldChanges).map(([key, afterVal]) => {\n        const def = fields[key];\n        const beforeStr = stringify(before?.[key]);\n        const afterStr = stringify(afterVal);\n        const isLong = beforeStr.length + afterStr.length > 80 || beforeStr.includes('\\n') || afterStr.includes('\\n');\n        const showLineNumbers = def?.format === 'markdown' || def?.format === 'richtext' || def?.format === 'text';\n        return (\n          <div key={key}>\n            <div className=\"octo-proposal-card__field-label\">\n              <span className=\"octo-u-font-semibold\">{def?.label ?? key}</span>\n              <code className=\"octo-u-mono octo-proposal-card__field-key\">{key}</code>\n              {def?.format && <span className=\"octo-proposal-card__field-format\">({def.format})</span>}\n            </div>\n            {isLong ? (\n              <DiffHunk before={beforeStr} after={afterStr} showLineNumbers={showLineNumbers} />\n            ) : (\n              <div className=\"octo-proposal-card__inline-diff\">\n                <div className=\"octo-proposal-card__inline-before\">\n                  − {beforeStr || <span className=\"octo-proposal-card__empty-val\">empty</span>}\n                </div>\n                <div className=\"octo-proposal-card__inline-after\">\n                  + {afterStr || <span className=\"octo-proposal-card__empty-val\">empty</span>}\n                </div>\n              </div>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nfunction CreateProposalBody({ proposal }: { proposal: Extract<Proposal, { kind: 'create' }> }) {\n  const config = useConfig();\n  const collection = (\n    config.collections as Record<string, { label: string; fields: Record<string, { label: string; format: string }> }>\n  )[proposal.collection];\n  const fields = collection?.fields ?? {};\n  return (\n    <div className=\"octo-proposal-card__create\">\n      <div className=\"octo-proposal-card__create-meta\">\n        New entry in <span className=\"octo-u-mono\">{proposal.collection}</span>\n        {collection?.label ? ` (${collection.label})` : ''}\n      </div>\n      <table className=\"octo-proposal-card__create-table\">\n        <tbody>\n          {Object.entries(fields).map(([key, def]) => {\n            const value = proposal.fields[key];\n            return (\n              <tr key={key} className=\"octo-proposal-card__create-row\">\n                <td className=\"octo-proposal-card__create-key\">\n                  <span className=\"octo-u-font-semibold\">{def.label}</span>\n                  <span className=\"octo-proposal-card__create-format\">{def.format}</span>\n                </td>\n                <td className=\"octo-proposal-card__create-val\">\n                  {value == null || value === '' ? (\n                    <span className=\"octo-proposal-card__empty-val\">unset</span>\n                  ) : (\n                    <pre className=\"octo-proposal-card__create-pre\">{stringify(value)}</pre>\n                  )}\n                </td>\n              </tr>\n            );\n          })}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nfunction stringify(v: unknown): string {\n  if (v == null) return '';\n  if (typeof v === 'string') return v;\n  try {\n    return JSON.stringify(v, null, 2);\n  } catch {\n    return String(v);\n  }\n}\n"],"mappings":"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","names":["_a"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ToolCallCard.d.ts","sourceRoot":"","sources":["../../../components/Chat/ToolCallCard.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,YAAY,CAAC;CACpB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,2CA+C3C"}
+{"version":3,"file":"ToolCallCard.d.ts","sourceRoot":"","sources":["../../../components/Chat/ToolCallCard.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,YAAY,CAAC;CACpB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,2CAyC3C"}

package/dist/components/Chat/ToolCallCard.js

@@ -2,51 +2,42 @@
 import "../../chunk-B5LE2OEC.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { ChevronRight, Wrench, AlertCircle, CheckCircle2 } from "lucide-react";
+import { Icon } from "../ui";
 import { cn } from "../../lib/utils";
 function ToolCallCard({ call }) {
   const [expanded, setExpanded] = useState(false);
   const status = call.result ? call.result.isError ? "error" : "ok" : "pending";
   const inputPreview = formatInputPreview(call.parsedInput, call.inputJson);
   const resultPreview = call.result ? truncate(call.result.content, 280) : "Running\u2026";
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "my-2 rounded-md border bg-muted/40 text-xs",
-        status === "error" ? "border-destructive/40" : "border-border"
+  return /* @__PURE__ */ jsxs("div", { className: cn("octo-tool-call-card", status === "error" && "octo-tool-call-card octo-tool-call-card--error"), children: [
+    /* @__PURE__ */ jsxs("button", { type: "button", onClick: () => setExpanded((v) => !v), className: "octo-tool-call-card__toggle", children: [
+      /* @__PURE__ */ jsx(
+        Icon.ChevronRight,
+        {
+          className: cn(
+            "octo-tool-call-card__chevron octo-icon-xs",
+            expanded && "octo-tool-call-card__chevron octo-tool-call-card__chevron--open"
+          )
+        }
       ),
-      children: [
-        /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            onClick: () => setExpanded((v) => !v),
-            className: "flex w-full items-center gap-2 px-3 py-2 text-left bg-transparent border-0 cursor-pointer",
-            children: [
-              /* @__PURE__ */ jsx(ChevronRight, { className: cn("h-3 w-3 transition-transform", expanded && "rotate-90") }),
-              /* @__PURE__ */ jsx(Wrench, { className: "h-3 w-3 text-muted-foreground" }),
-              /* @__PURE__ */ jsx("span", { className: "font-mono font-semibold", children: call.name }),
-              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground truncate flex-1", children: inputPreview }),
-              status === "pending" && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2026" }),
-              status === "ok" && /* @__PURE__ */ jsx(CheckCircle2, { className: "h-3 w-3 text-green-600" }),
-              status === "error" && /* @__PURE__ */ jsx(AlertCircle, { className: "h-3 w-3 text-destructive" })
-            ]
-          }
-        ),
-        expanded && /* @__PURE__ */ jsxs("div", { className: "border-t border-border/50 px-3 py-2 space-y-2", children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("div", { className: "text-muted-foreground mb-1 text-[11px] uppercase tracking-wide", children: "Input" }),
-            /* @__PURE__ */ jsx("pre", { className: "whitespace-pre-wrap break-words font-mono text-[11px] text-foreground/80", children: prettyJson(call.parsedInput, call.inputJson) })
-          ] }),
-          call.result && /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("div", { className: "text-muted-foreground mb-1 text-[11px] uppercase tracking-wide", children: "Result" }),
-            /* @__PURE__ */ jsx("pre", { className: "whitespace-pre-wrap break-words font-mono text-[11px] text-foreground/80", children: prettyResult(resultPreview, call.result.content) })
-          ] })
-        ] })
-      ]
-    }
-  );
+      /* @__PURE__ */ jsx(Icon.Wrench, { className: "octo-tool-call-card__icon octo-icon-xs" }),
+      /* @__PURE__ */ jsx("span", { className: "octo-tool-call-card__name", children: call.name }),
+      /* @__PURE__ */ jsx("span", { className: "octo-tool-call-card__preview", children: inputPreview }),
+      status === "pending" && /* @__PURE__ */ jsx("span", { className: "octo-tool-call-card__status", children: "\u2026" }),
+      status === "ok" && /* @__PURE__ */ jsx(Icon.CheckCircle2, { className: "octo-icon-xs octo-tool-call-card__status octo-u-text-ok" }),
+      status === "error" && /* @__PURE__ */ jsx(Icon.AlertCircle, { className: "octo-icon-xs octo-tool-call-card__status octo-u-text-danger" })
+    ] }),
+    expanded && /* @__PURE__ */ jsxs("div", { className: "octo-tool-call-card__body", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: "octo-tool-call-card__section-label", children: "Input" }),
+        /* @__PURE__ */ jsx("pre", { className: "octo-tool-call-card__pre", children: prettyJson(call.parsedInput, call.inputJson) })
+      ] }),
+      call.result && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: "octo-tool-call-card__section-label", children: "Result" }),
+        /* @__PURE__ */ jsx("pre", { className: "octo-tool-call-card__pre", children: prettyResult(resultPreview, call.result.content) })
+      ] })
+    ] })
+  ] });
 }
 function formatInputPreview(parsed, raw) {
   if (parsed && typeof parsed === "object") {