@flanksource/clicky-ui 0.3.46 → 0.3.47

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

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

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

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

package/dist/data/chat/ChatRuntimeToolbar.js

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

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

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

package/dist/data/chat/PromptInput.cjs

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

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

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

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

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

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

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

package/dist/data/chat/PromptInput.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"PromptInput.js","sources":["../../../src/data/chat/PromptInput.tsx"],"sourcesContent":["import {\n  useEffect,\n  useRef,\n  useState,\n  type FormEvent,\n  type KeyboardEvent,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../../components/button\";\nimport { Icon } from \"../Icon\";\nimport { UiArrowUp, UiStop } from \"../../icons\";\nimport {\n  AttachmentButton,\n  AttachmentList,\n} from \"./Attachment\";\nimport type {\n  AttachmentLimits,\n  AttachmentUploadAdapter,\n} from \"./attachment-upload\";\nimport type { ChatStatus, FileUIPart } from \"./types\";\n\nexport type PromptInputProps = {\n  /** Called with the trimmed text and any attachments when the user submits. */\n  onSubmit: (text: string, files: FileUIPart[]) => void;\n  /** Called when the user stops an in-flight generation. */\n  onStop?: (() => void) | undefined;\n  /** Current chat status; drives the submit/stop button affordance. */\n  status?: ChatStatus | undefined;\n  allowSubmitWhileStreaming?: boolean | undefined;\n  disabled?: boolean | undefined;\n  stopLabel?: string | undefined;\n  placeholder?: string | undefined;\n  /** Enables the attachment button and chips. */\n  enableAttachments?: boolean | undefined;\n  attachmentUpload?: AttachmentUploadAdapter | undefined;\n  acceptedMediaTypes?: string[] | undefined;\n  attachmentLimits?: AttachmentLimits | undefined;\n  /** Text to seed the composer with, without submitting it. A new `id` re-seeds\n   *  even when the text repeats, so picking the same suggestion twice works. */\n  draft?: { id: number; text: string } | null | undefined;\n  /** Toolbar content (e.g. model/effort selectors) rendered in the footer. */\n  toolbar?: ReactNode;\n  /** Compact host control rendered beside the textarea and submit button. */\n  inputAccessory?: ReactNode;\n  className?: string | undefined;\n};\n\n/** Auto-growing prompt textarea with a submit/stop button, optional attachment\n *  controls, and a toolbar slot (model/effort selectors). Enter submits;\n *  Shift+Enter inserts a newline; while streaming the button becomes a stop\n *  control. */\nexport function PromptInput({\n  onSubmit,\n  onStop,\n  status,\n  allowSubmitWhileStreaming = false,\n  disabled = false,\n  stopLabel = \"Stop\",\n  placeholder = \"What would you like to know?\",\n  enableAttachments = false,\n  attachmentUpload,\n  acceptedMediaTypes,\n  attachmentLimits,\n  draft,\n  toolbar,\n  inputAccessory,\n  className,\n}: PromptInputProps) {\n  const [value, setValue] = useState(\"\");\n  const [files, setFiles] = useState<FileUIPart[]>([]);\n  const [attachmentError, setAttachmentError] = useState(\"\");\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const seededDraftId = useRef<number | null>(null);\n  const isGenerating = status === \"submitted\" || status === \"streaming\";\n\n  // A draft replaces whatever is in the box and puts the caret at the end, so\n  // the user can edit before sending. Keyed on `id` rather than `text` so the\n  // same suggestion picked twice re-seeds instead of doing nothing.\n  useEffect(() => {\n    if (!draft || seededDraftId.current === draft.id) return;\n    seededDraftId.current = draft.id;\n    setValue(draft.text);\n    const textarea = textareaRef.current;\n    if (!textarea) return;\n    textarea.focus();\n    textarea.setSelectionRange(draft.text.length, draft.text.length);\n  }, [draft]);\n\n  const submit = () => {\n    const text = value.trim();\n    if (\n      (!text && files.length === 0) ||\n      disabled ||\n      (isGenerating && !allowSubmitWhileStreaming)\n    )\n      return;\n    onSubmit(text, files);\n    setValue(\"\");\n    setFiles([]);\n  };\n\n  const handleSubmit = (e: FormEvent) => {\n    e.preventDefault();\n    submit();\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === \"Enter\" && !e.shiftKey && !e.nativeEvent.isComposing) {\n      e.preventDefault();\n      submit();\n    }\n  };\n\n  const canSubmit =\n    !disabled &&\n    (!isGenerating || allowSubmitWhileStreaming) &&\n    (value.trim().length > 0 || files.length > 0);\n\n  return (\n    <form\n      onSubmit={handleSubmit}\n      className={cn(\n        \"flex flex-col gap-2 rounded-lg border border-input bg-background p-2\",\n        className,\n      )}\n    >\n      {enableAttachments && (\n        <>\n          <AttachmentList\n            files={files}\n            onRemove={(i) => setFiles((f) => f.filter((_, j) => j !== i))}\n          />\n          {attachmentError && (\n            <p className=\"px-1 text-xs text-destructive\">{attachmentError}</p>\n          )}\n        </>\n      )}\n\n      <div className=\"flex items-end gap-2\">\n        <textarea\n          ref={textareaRef}\n          value={value}\n          onChange={(e) => setValue(e.target.value)}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          disabled={disabled}\n          rows={1}\n          className=\"max-h-48 min-h-9 flex-1 resize-none bg-transparent px-1 py-1.5 text-sm outline-none placeholder:text-placeholder\"\n        />\n        {inputAccessory}\n        {isGenerating && onStop && (\n          <Button\n            type=\"button\"\n            size=\"icon\"\n            variant=\"secondary\"\n            aria-label={stopLabel}\n            onClick={onStop}\n          >\n            <Icon icon={UiStop} className=\"size-4\" />\n          </Button>\n        )}\n        {(!isGenerating || allowSubmitWhileStreaming) && (\n          <Button\n            type=\"submit\"\n            size=\"icon\"\n            aria-label=\"Send\"\n            disabled={!canSubmit}\n          >\n            <Icon icon={UiArrowUp} className=\"size-4\" />\n          </Button>\n        )}\n      </div>\n\n      {(toolbar || enableAttachments) && (\n        <div className=\"flex items-center gap-2\">\n          {enableAttachments && (\n            <AttachmentButton\n              onAdd={(p) => setFiles((f) => [...f, ...p])}\n              disabled={disabled || isGenerating}\n              files={files}\n              onError={setAttachmentError}\n              {...(attachmentUpload ? { upload: attachmentUpload } : {})}\n              {...(acceptedMediaTypes ? { acceptedMediaTypes } : {})}\n              {...(attachmentLimits ? { limits: attachmentLimits } : {})}\n            />\n          )}\n          {toolbar}\n        </div>\n      )}\n    </form>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PromptInput.js","sources":["../../../src/data/chat/PromptInput.tsx"],"sourcesContent":["import {\n  useEffect,\n  useRef,\n  useState,\n  type FormEvent,\n  type KeyboardEvent,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../../components/button\";\nimport { Icon } from \"../Icon\";\nimport { UiArrowUp, UiStop } from \"../../icons\";\nimport {\n  AttachmentButton,\n  AttachmentList,\n} from \"./Attachment\";\nimport type {\n  AttachmentLimits,\n  AttachmentUploadAdapter,\n} from \"./attachment-upload\";\nimport type { ChatStatus, FileUIPart } from \"./types\";\n\nexport type PromptInputProps = {\n  /** Called with the trimmed text and any attachments when the user submits. */\n  onSubmit: (text: string, files: FileUIPart[]) => void;\n  /** Called when the user stops an in-flight generation. */\n  onStop?: (() => void) | undefined;\n  /** Current chat status; drives the submit/stop button affordance. */\n  status?: ChatStatus | undefined;\n  allowSubmitWhileStreaming?: boolean | undefined;\n  disabled?: boolean | undefined;\n  /** Why the input is disabled. Shown in place of the placeholder (and as the\n   *  tooltip) while `disabled`, so a locked input says why instead of just\n   *  looking dead. Ignored while enabled. */\n  disabledReason?: string | undefined;\n  stopLabel?: string | undefined;\n  placeholder?: string | undefined;\n  /** Enables the attachment button and chips. */\n  enableAttachments?: boolean | undefined;\n  attachmentUpload?: AttachmentUploadAdapter | undefined;\n  acceptedMediaTypes?: string[] | undefined;\n  attachmentLimits?: AttachmentLimits | undefined;\n  /** Text to seed the composer with, without submitting it. A new `id` re-seeds\n   *  even when the text repeats, so picking the same suggestion twice works. */\n  draft?: { id: number; text: string } | null | undefined;\n  /** Toolbar content (e.g. model/effort selectors) rendered in the footer. */\n  toolbar?: ReactNode;\n  /** Compact host control rendered beside the textarea and submit button. */\n  inputAccessory?: ReactNode;\n  className?: string | undefined;\n};\n\n/** Auto-growing prompt textarea with a submit/stop button, optional attachment\n *  controls, and a toolbar slot (model/effort selectors). Enter submits;\n *  Shift+Enter inserts a newline; while streaming the button becomes a stop\n *  control. */\nexport function PromptInput({\n  onSubmit,\n  onStop,\n  status,\n  allowSubmitWhileStreaming = false,\n  disabled = false,\n  disabledReason,\n  stopLabel = \"Stop\",\n  placeholder = \"What would you like to know?\",\n  enableAttachments = false,\n  attachmentUpload,\n  acceptedMediaTypes,\n  attachmentLimits,\n  draft,\n  toolbar,\n  inputAccessory,\n  className,\n}: PromptInputProps) {\n  const [value, setValue] = useState(\"\");\n  const [files, setFiles] = useState<FileUIPart[]>([]);\n  const [attachmentError, setAttachmentError] = useState(\"\");\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const seededDraftId = useRef<number | null>(null);\n  const isGenerating = status === \"submitted\" || status === \"streaming\";\n\n  // A draft replaces whatever is in the box and puts the caret at the end, so\n  // the user can edit before sending. Keyed on `id` rather than `text` so the\n  // same suggestion picked twice re-seeds instead of doing nothing.\n  useEffect(() => {\n    if (!draft || seededDraftId.current === draft.id) return;\n    seededDraftId.current = draft.id;\n    setValue(draft.text);\n    const textarea = textareaRef.current;\n    if (!textarea) return;\n    textarea.focus();\n    textarea.setSelectionRange(draft.text.length, draft.text.length);\n  }, [draft]);\n\n  const submit = () => {\n    const text = value.trim();\n    if (\n      (!text && files.length === 0) ||\n      disabled ||\n      (isGenerating && !allowSubmitWhileStreaming)\n    )\n      return;\n    onSubmit(text, files);\n    setValue(\"\");\n    setFiles([]);\n  };\n\n  const handleSubmit = (e: FormEvent) => {\n    e.preventDefault();\n    submit();\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === \"Enter\" && !e.shiftKey && !e.nativeEvent.isComposing) {\n      e.preventDefault();\n      submit();\n    }\n  };\n\n  const canSubmit =\n    !disabled &&\n    (!isGenerating || allowSubmitWhileStreaming) &&\n    (value.trim().length > 0 || files.length > 0);\n\n  return (\n    <form\n      onSubmit={handleSubmit}\n      className={cn(\n        \"flex flex-col gap-2 rounded-lg border border-input bg-background p-2\",\n        className,\n      )}\n    >\n      {enableAttachments && (\n        <>\n          <AttachmentList\n            files={files}\n            onRemove={(i) => setFiles((f) => f.filter((_, j) => j !== i))}\n          />\n          {attachmentError && (\n            <p className=\"px-1 text-xs text-destructive\">{attachmentError}</p>\n          )}\n        </>\n      )}\n\n      <div className=\"flex items-end gap-2\">\n        <textarea\n          ref={textareaRef}\n          value={value}\n          onChange={(e) => setValue(e.target.value)}\n          onKeyDown={handleKeyDown}\n          placeholder={disabled && disabledReason ? disabledReason : placeholder}\n          {...(disabled && disabledReason ? { title: disabledReason } : {})}\n          disabled={disabled}\n          rows={1}\n          className=\"max-h-48 min-h-9 flex-1 resize-none bg-transparent px-1 py-1.5 text-sm outline-none placeholder:text-placeholder\"\n        />\n        {inputAccessory}\n        {isGenerating && onStop && (\n          <Button\n            type=\"button\"\n            size=\"icon\"\n            variant=\"secondary\"\n            aria-label={stopLabel}\n            onClick={onStop}\n          >\n            <Icon icon={UiStop} className=\"size-4\" />\n          </Button>\n        )}\n        {(!isGenerating || allowSubmitWhileStreaming) && (\n          <Button\n            type=\"submit\"\n            size=\"icon\"\n            aria-label=\"Send\"\n            disabled={!canSubmit}\n          >\n            <Icon icon={UiArrowUp} className=\"size-4\" />\n          </Button>\n        )}\n      </div>\n\n      {(toolbar || enableAttachments) && (\n        <div className=\"flex min-w-0 items-center gap-2\">\n          {enableAttachments && (\n            <AttachmentButton\n              onAdd={(p) => setFiles((f) => [...f, ...p])}\n              disabled={disabled || isGenerating}\n              files={files}\n              onError={setAttachmentError}\n              {...(attachmentUpload ? { upload: attachmentUpload } : {})}\n              {...(acceptedMediaTypes ? { acceptedMediaTypes } : {})}\n              {...(attachmentLimits ? { limits: attachmentLimits } : {})}\n            />\n          )}\n          {toolbar}\n        </div>\n      )}\n    </form>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAwDO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,4BAA4B;AAAA,EAC5B,WAAW;AAAA,EACX;AAAA,EACA,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqB;AACnB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AACrC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAuB,CAAA,CAAE;AACnD,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,EAAE;AACzD,QAAM,cAAc,OAA4B,IAAI;AACpD,QAAM,gBAAgB,OAAsB,IAAI;AAChD,QAAM,eAAe,WAAW,eAAe,WAAW;AAK1D,YAAU,MAAM;AACd,QAAI,CAAC,SAAS,cAAc,YAAY,MAAM,GAAI;AAClD,kBAAc,UAAU,MAAM;AAC9B,aAAS,MAAM,IAAI;AACnB,UAAM,WAAW,YAAY;AAC7B,QAAI,CAAC,SAAU;AACf,aAAS,MAAA;AACT,aAAS,kBAAkB,MAAM,KAAK,QAAQ,MAAM,KAAK,MAAM;AAAA,EACjE,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,SAAS,MAAM;AACnB,UAAM,OAAO,MAAM,KAAA;AACnB,QACG,CAAC,QAAQ,MAAM,WAAW,KAC3B,YACC,gBAAgB,CAAC;AAElB;AACF,aAAS,MAAM,KAAK;AACpB,aAAS,EAAE;AACX,aAAS,CAAA,CAAE;AAAA,EACb;AAEA,QAAM,eAAe,CAAC,MAAiB;AACrC,MAAE,eAAA;AACF,WAAA;AAAA,EACF;AAEA,QAAM,gBAAgB,CAAC,MAA0C;AAC/D,QAAI,EAAE,QAAQ,WAAW,CAAC,EAAE,YAAY,CAAC,EAAE,YAAY,aAAa;AAClE,QAAE,eAAA;AACF,aAAA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,YACJ,CAAC,aACA,CAAC,gBAAgB,+BACjB,MAAM,KAAA,EAAO,SAAS,KAAK,MAAM,SAAS;AAE7C,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAGD,UAAA;AAAA,QAAA,qBACC,qBAAA,UAAA,EACE,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA,UAAU,CAAC,MAAM,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,MAAM,CAAC,CAAC;AAAA,YAAA;AAAA,UAAA;AAAA,UAE7D,mBACC,oBAAC,KAAA,EAAE,WAAU,iCAAiC,UAAA,gBAAA,CAAgB;AAAA,QAAA,GAElE;AAAA,QAGF,qBAAC,OAAA,EAAI,WAAU,wBACb,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAK;AAAA,cACL;AAAA,cACA,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,cACxC,WAAW;AAAA,cACX,aAAa,YAAY,iBAAiB,iBAAiB;AAAA,cAC1D,GAAI,YAAY,iBAAiB,EAAE,OAAO,eAAA,IAAmB,CAAA;AAAA,cAC9D;AAAA,cACA,MAAM;AAAA,cACN,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAEX;AAAA,UACA,gBAAgB,UACf;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,cAAY;AAAA,cACZ,SAAS;AAAA,cAET,UAAA,oBAAC,MAAA,EAAK,MAAM,QAAQ,WAAU,SAAA,CAAS;AAAA,YAAA;AAAA,UAAA;AAAA,WAGzC,CAAC,gBAAgB,8BACjB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,MAAK;AAAA,cACL,cAAW;AAAA,cACX,UAAU,CAAC;AAAA,cAEX,UAAA,oBAAC,MAAA,EAAK,MAAM,WAAW,WAAU,SAAA,CAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QAC5C,GAEJ;AAAA,SAEE,WAAW,sBACX,qBAAC,OAAA,EAAI,WAAU,mCACZ,UAAA;AAAA,UAAA,qBACC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO,CAAC,MAAM,SAAS,CAAC,MAAM,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;AAAA,cAC1C,UAAU,YAAY;AAAA,cACtB;AAAA,cACA,SAAS;AAAA,cACR,GAAI,mBAAmB,EAAE,QAAQ,iBAAA,IAAqB,CAAA;AAAA,cACtD,GAAI,qBAAqB,EAAE,mBAAA,IAAuB,CAAA;AAAA,cAClD,GAAI,mBAAmB,EAAE,QAAQ,qBAAqB,CAAA;AAAA,YAAC;AAAA,UAAA;AAAA,UAG3D;AAAA,QAAA,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/data/diagnostics/ErrorDetails.cjs

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

package/dist/data/diagnostics/ErrorDetails.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorDetails.cjs","sources":["../../../src/data/diagnostics/ErrorDetails.tsx"],"sourcesContent":["import { useState, type MouseEvent, type ReactNode } from \"react\";\nimport { Icon } from \"../Icon\";\nimport {\n  UiCheck,\n  UiChevronRight,\n  UiCopy,\n  UiDebugStepOver,\n  UiMethod,\n  UiWarningTriangle,\n} from \"../../icons\";\nimport {\n  compactStackPath,\n  isApplicationStackFrame,\n  parseDiagnosticsStackTrace,\n  parseInlineJsonContextValue,\n  type ErrorDiagnostics,\n  type ErrorStackFrame,\n} from \"./error-diagnostics\";\n\nexport type ErrorDetailsProps = {\n  diagnostics: ErrorDiagnostics;\n  // Heading above the message. Defaults to \"Error\"; callers that already know\n  // what failed (\"Failed to load /api/v1/profile/…\") say so instead.\n  title?: string;\n  // Optional renderer for context values that parse as JSON. Defaults to a\n  // CopyBadge with the raw string. MC's playbook view passes a richer JsonView\n  // here; smaller consumers (plugin iframes) can leave it unset.\n  renderJsonContext?: (entry: { label: string; value: string; data: unknown }) => ReactNode;\n};\n\nexport function ErrorDetails({ diagnostics, title = \"Error\", renderJsonContext }: ErrorDetailsProps) {\n  const [copyState, setCopyState] = useState<\"idle\" | \"copied\" | \"failed\">(\"idle\");\n  const scalarContext = diagnostics.context.filter(\n    ([, value]) => !parseInlineJsonContextValue(value),\n  );\n  const jsonContext = diagnostics.context\n    .map(([label, value]) => ({\n      label,\n      value,\n      data: parseInlineJsonContextValue(value),\n    }))\n    .filter(\n      (entry): entry is { label: string; value: string; data: unknown } => entry.data !== null,\n    );\n  const copyDiagnostics = async (event: MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (!navigator.clipboard?.writeText) {\n      setCopyState(\"failed\");\n      return;\n    }\n    try {\n      await navigator.clipboard.writeText(diagnosticReport(diagnostics, title));\n      setCopyState(\"copied\");\n    } catch {\n      setCopyState(\"failed\");\n    }\n  };\n  return (\n    <details className=\"group rounded-md border border-destructive/30 bg-destructive/5\">\n      <summary className=\"flex cursor-pointer list-none items-start gap-2 p-3\">\n        <Icon icon={UiWarningTriangle} className=\"mt-0.5 shrink-0 text-destructive\" />\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"text-sm font-semibold text-destructive\">{title}</div>\n          <div className=\"mt-1 whitespace-pre-wrap text-sm text-destructive\">\n            {diagnostics.message}\n          </div>\n        </div>\n        <div className=\"flex shrink-0 flex-col items-end gap-2 text-xs font-medium text-muted-foreground sm:flex-row sm:items-center sm:gap-3\">\n          <button\n            type=\"button\"\n            aria-label={\n              copyState === \"copied\"\n                ? \"Copied\"\n                : copyState === \"failed\"\n                  ? \"Copy failed\"\n                  : \"Copy error details\"\n            }\n            title=\"Copy message, trace, time, context, and stack trace\"\n            className=\"inline-flex items-center gap-1 hover:text-foreground\"\n            onClick={(event) => void copyDiagnostics(event)}\n          >\n            <Icon icon={copyState === \"copied\" ? UiCheck : UiCopy} />\n            <span aria-live=\"polite\">\n              {copyState === \"copied\"\n                ? \"Copied\"\n                : copyState === \"failed\"\n                  ? \"Copy failed\"\n                  : \"Copy\"}\n            </span>\n          </button>\n          <span className=\"inline-flex items-center gap-1 hover:text-foreground\">\n            <span className=\"group-open:hidden\">More details</span>\n            <span className=\"hidden group-open:inline\">Less details</span>\n            <Icon\n              icon={UiChevronRight}\n              className=\"shrink-0 transition-transform group-open:rotate-90\"\n            />\n          </span>\n        </div>\n      </summary>\n      <div className=\"grid gap-3 border-t border-destructive/20 p-3 pt-2\">\n        {(diagnostics.trace || diagnostics.time) && (\n          <div className=\"flex min-w-0 flex-wrap gap-2\">\n            {diagnostics.trace && (\n              <CopyBadge label=\"Trace\" value={diagnostics.trace} className=\"max-w-full\" />\n            )}\n            {diagnostics.time && (\n              <span className=\"inline-flex max-w-full items-center overflow-hidden rounded-md border border-border bg-background/80 text-xs\">\n                <span className=\"shrink-0 bg-muted px-2 py-1 font-medium text-muted-foreground\">\n                  Time\n                </span>\n                <span className=\"min-w-0 truncate px-2 py-1 font-mono text-foreground\">\n                  {diagnostics.time}\n                </span>\n              </span>\n            )}\n          </div>\n        )}\n        {diagnostics.context.length > 0 && (\n          <div className=\"min-w-0\">\n            <div className=\"mb-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n              Context\n            </div>\n            {scalarContext.length > 0 && (\n              <div className=\"flex flex-wrap gap-1.5\">\n                {scalarContext.map(([label, value]) => (\n                  <CopyBadge key={`${label}:${value}`} label={label} value={value} />\n                ))}\n              </div>\n            )}\n            {jsonContext.length > 0 && (\n              <div className=\"mt-2 grid gap-2\">\n                {jsonContext.map((entry) =>\n                  renderJsonContext ? (\n                    <span key={`${entry.label}:${entry.value}`}>{renderJsonContext(entry)}</span>\n                  ) : (\n                    <CopyBadge\n                      key={`${entry.label}:${entry.value}`}\n                      label={entry.label}\n                      value={entry.value}\n                    />\n                  ),\n                )}\n              </div>\n            )}\n          </div>\n        )}\n        {diagnostics.details?.map((detail) => (\n          <div key={detail.label} className=\"min-w-0\">\n            <div className=\"mb-1.5 flex min-w-0 items-center justify-between gap-3\">\n              <div className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n                {detail.label}\n              </div>\n              <button\n                type=\"button\"\n                onClick={() => copyText(detail.value)}\n                className=\"inline-flex items-center gap-1 text-xs font-medium text-muted-foreground hover:text-foreground\"\n              >\n                <Icon icon={UiCopy} />\n                copy\n              </button>\n            </div>\n            {/* break-all because a response body is one long token as often\n                as not, and pre-wrap alone only breaks on whitespace. */}\n            <pre className=\"max-h-64 overflow-auto whitespace-pre-wrap break-all rounded-md bg-muted p-2 font-mono text-xs leading-5 text-foreground\">\n              {detail.value}\n            </pre>\n          </div>\n        ))}\n        {diagnostics.stacktrace && (\n          <div className=\"min-w-0\">\n            <div className=\"mb-1.5 flex min-w-0 items-center justify-between gap-3\">\n              <div className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n                Stack trace\n              </div>\n              <button\n                type=\"button\"\n                onClick={() => copyText(diagnostics.stacktrace ?? \"\")}\n                className=\"inline-flex items-center gap-1 text-xs font-medium text-muted-foreground hover:text-foreground\"\n              >\n                <Icon icon={UiCopy} />\n                copy\n              </button>\n            </div>\n            <PrettyStackTrace stacktrace={diagnostics.stacktrace} />\n          </div>\n        )}\n      </div>\n    </details>\n  );\n}\n\nfunction diagnosticReport(diagnostics: ErrorDiagnostics, title: string): string {\n  const lines = [`${title}: ${diagnostics.message}`];\n  if (diagnostics.trace) lines.push(`Trace: ${diagnostics.trace}`);\n  if (diagnostics.time) lines.push(`Time: ${diagnostics.time}`);\n  if (diagnostics.context.length > 0) {\n    lines.push(\n      \"\",\n      \"Context:\",\n      ...diagnostics.context.map(([label, value]) => `${label}: ${value}`),\n    );\n  }\n  for (const detail of diagnostics.details ?? []) {\n    lines.push(\"\", `${detail.label}:`, detail.value);\n  }\n  if (diagnostics.stacktrace) {\n    lines.push(\"\", \"Stack trace:\", diagnostics.stacktrace);\n  }\n  return lines.join(\"\\n\");\n}\n\nexport function PrettyStackTrace({ stacktrace }: { stacktrace: string }) {\n  const parsed = parseDiagnosticsStackTrace(stacktrace);\n  if (parsed.frames.length === 0) {\n    return (\n      <pre className=\"max-h-72 overflow-auto whitespace-pre-wrap rounded-md bg-slate-950 p-3 font-mono text-xs leading-5 text-slate-200\">\n        {stacktrace}\n      </pre>\n    );\n  }\n\n  return (\n    <div className=\"max-h-96 min-h-40 overflow-auto rounded-md border border-border bg-background p-2\">\n      <div className=\"mb-2 flex items-center justify-between gap-2 text-[11px] text-muted-foreground\">\n        <div className=\"flex items-center gap-1.5\">\n          <span className=\"rounded-full bg-red-100 px-2 py-0.5 text-red-700\">error</span>\n          <span>{parsed.frames.length} frames</span>\n        </div>\n      </div>\n      {parsed.headline && (\n        <div className=\"mb-2 rounded-md bg-red-50 px-2 py-1.5 font-mono text-[11px] leading-4 text-red-700\">\n          {parsed.headline}\n        </div>\n      )}\n      <div className=\"space-y-0.5\">\n        {parsed.frames.map((frame, index) => (\n          <StackFrameRow key={`${frame.file}:${frame.line}:${index}`} frame={frame} index={index} />\n        ))}\n      </div>\n      {parsed.unparsed.length > 0 && (\n        <pre className=\"mt-2 whitespace-pre-wrap rounded bg-muted p-2 font-mono text-[11px] leading-4 text-muted-foreground\">\n          {parsed.unparsed.join(\"\\n\")}\n        </pre>\n      )}\n    </div>\n  );\n}\n\nfunction StackFrameRow({ frame, index }: { frame: ErrorStackFrame; index: number }) {\n  const appFrame = isApplicationStackFrame(frame.file);\n  return (\n    <button\n      type=\"button\"\n      onClick={() => copyText(frame.raw)}\n      title=\"Copy stack frame\"\n      className={[\n        \"block w-full rounded px-1.5 py-1 text-left hover:bg-accent/50\",\n        appFrame ? \"text-foreground\" : \"text-muted-foreground\",\n      ].join(\" \")}\n    >\n      <div className=\"flex min-w-0 items-start gap-1.5\">\n        <Icon\n          icon={appFrame ? UiMethod : UiDebugStepOver}\n          className=\"mt-0.5 shrink-0 text-[11px]\"\n        />\n        <div className=\"min-w-0\">\n          <div className=\"break-all font-mono text-[11px] font-semibold leading-4\">\n            <span className=\"mr-2 text-[10px] font-normal opacity-60\">#{index + 1}</span>\n            {frame.functionName || \"unknown function\"}\n            <span className=\"ml-2 text-[10px] font-normal opacity-80\">\n              {compactStackPath(frame.file)}:{frame.line}\n            </span>\n          </div>\n        </div>\n      </div>\n    </button>\n  );\n}\n\n/** Wrapping keeps the whole value on screen, so the label block has to stretch to match it. */\nconst COPY_BADGE_LAYOUT = {\n  clipped: { frame: \"items-center overflow-hidden\", label: \"\", value: \"truncate\", icon: \"\" },\n  wrapped: {\n    frame: \"items-stretch\",\n    label: \"flex items-center\",\n    value: \"whitespace-normal break-all\",\n    icon: \"self-center\",\n  },\n} as const;\n\nexport function CopyBadge({\n  label,\n  value,\n  className = \"\",\n  wrap = false,\n}: {\n  label: string;\n  value: string;\n  className?: string;\n  /** Lets a long value run onto further lines instead of being clipped to one. */\n  wrap?: boolean;\n}) {\n  const layout = COPY_BADGE_LAYOUT[wrap ? \"wrapped\" : \"clipped\"];\n  return (\n    <button\n      type=\"button\"\n      onClick={() => copyText(value)}\n      title={`Copy ${label}`}\n      className={[\n        \"inline-flex max-w-full rounded-md border border-border bg-background/80 text-left text-xs hover:border-primary/40 hover:bg-background\",\n        layout.frame,\n        className,\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n    >\n      <span\n        className={[\"shrink-0 bg-muted px-2 py-1 font-medium text-muted-foreground\", layout.label]\n          .filter(Boolean)\n          .join(\" \")}\n      >\n        {label}\n      </span>\n      <span className={[\"min-w-0 px-2 py-1 font-mono text-foreground\", layout.value].join(\" \")}>{value}</span>\n      <Icon\n        icon={UiCopy}\n        className={[\"mr-1.5 h-3 w-3 shrink-0 text-muted-foreground\", layout.icon].filter(Boolean).join(\" \")}\n      />\n    </button>\n  );\n}\n\nfunction copyText(value: string) {\n  if (typeof navigator !== \"undefined\" && navigator.clipboard) {\n    void navigator.clipboard.writeText(value);\n  }\n}\n"],"names":["useState","parseInlineJsonContextValue","_a","jsxs","jsx","Icon","UiWarningTriangle","UiCheck","UiCopy","UiChevronRight","parseDiagnosticsStackTrace","isApplicationStackFrame","UiMethod","UiDebugStepOver","compactStackPath"],"mappings":"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"}
+{"version":3,"file":"ErrorDetails.cjs","sources":["../../../src/data/diagnostics/ErrorDetails.tsx"],"sourcesContent":["import { useState, type MouseEvent, type ReactNode } from \"react\";\nimport { Icon } from \"../Icon\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  UiCheck,\n  UiChevronRight,\n  UiCopy,\n  UiDebugStepOver,\n  UiMethod,\n  UiWarningTriangle,\n} from \"../../icons\";\nimport {\n  compactStackPath,\n  isApplicationStackFrame,\n  parseDiagnosticsStackTrace,\n  parseInlineJsonContextValue,\n  reportPageLine,\n  type ErrorDiagnostics,\n  type ErrorStackFrame,\n} from \"./error-diagnostics\";\n\nexport type ErrorDetailsProps = {\n  diagnostics: ErrorDiagnostics;\n  // Heading above the message. Defaults to \"Error\"; callers that already know\n  // what failed (\"Failed to load /api/v1/profile/…\") say so instead.\n  title?: string;\n  // Optional renderer for context values that parse as JSON. Defaults to a\n  // CopyBadge with the raw string. MC's playbook view passes a richer JsonView\n  // here; smaller consumers (plugin iframes) can leave it unset.\n  renderJsonContext?: (entry: { label: string; value: string; data: unknown }) => ReactNode;\n  // Controls rendered in the summary row beside Copy, e.g. a retry button.\n  // Clicks on them do not toggle the details.\n  actions?: ReactNode;\n  className?: string;\n};\n\nexport function ErrorDetails({\n  diagnostics,\n  title = \"Error\",\n  renderJsonContext,\n  actions,\n  className,\n}: ErrorDetailsProps) {\n  const [copyState, setCopyState] = useState<\"idle\" | \"copied\" | \"failed\">(\"idle\");\n  const scalarContext = diagnostics.context.filter(\n    ([, value]) => !parseInlineJsonContextValue(value),\n  );\n  const jsonContext = diagnostics.context\n    .map(([label, value]) => ({\n      label,\n      value,\n      data: parseInlineJsonContextValue(value),\n    }))\n    .filter(\n      (entry): entry is { label: string; value: string; data: unknown } => entry.data !== null,\n    );\n  const copyDiagnostics = async (event: MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (!navigator.clipboard?.writeText) {\n      setCopyState(\"failed\");\n      return;\n    }\n    try {\n      await navigator.clipboard.writeText(diagnosticReport(diagnostics, title));\n      setCopyState(\"copied\");\n    } catch {\n      setCopyState(\"failed\");\n    }\n  };\n  return (\n    <details className={cn(\"group rounded-md border border-destructive/30 bg-destructive/5\", className)}>\n      <summary className=\"flex cursor-pointer list-none items-start gap-2 p-3\">\n        <Icon icon={UiWarningTriangle} className=\"mt-0.5 shrink-0 text-destructive\" />\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"text-sm font-semibold text-destructive\">{title}</div>\n          <div className=\"mt-1 whitespace-pre-wrap text-sm text-destructive\">\n            {diagnostics.message}\n          </div>\n        </div>\n        <div className=\"flex shrink-0 flex-col items-end gap-2 text-xs font-medium text-muted-foreground sm:flex-row sm:items-center sm:gap-3\">\n          {actions && (\n            // Swallow the click so a summary-row action does not open or close the details.\n            <span className=\"inline-flex\" onClick={(event) => event.preventDefault()}>\n              {actions}\n            </span>\n          )}\n          <button\n            type=\"button\"\n            aria-label={\n              copyState === \"copied\"\n                ? \"Copied\"\n                : copyState === \"failed\"\n                  ? \"Copy failed\"\n                  : \"Copy error details\"\n            }\n            title=\"Copy message, trace, time, context, and stack trace\"\n            className=\"inline-flex items-center gap-1 hover:text-foreground\"\n            onClick={(event) => void copyDiagnostics(event)}\n          >\n            <Icon icon={copyState === \"copied\" ? UiCheck : UiCopy} />\n            <span aria-live=\"polite\">\n              {copyState === \"copied\"\n                ? \"Copied\"\n                : copyState === \"failed\"\n                  ? \"Copy failed\"\n                  : \"Copy\"}\n            </span>\n          </button>\n          <span className=\"inline-flex items-center gap-1 hover:text-foreground\">\n            <span className=\"group-open:hidden\">More details</span>\n            <span className=\"hidden group-open:inline\">Less details</span>\n            <Icon\n              icon={UiChevronRight}\n              className=\"shrink-0 transition-transform group-open:rotate-90\"\n            />\n          </span>\n        </div>\n      </summary>\n      <div className=\"grid gap-3 border-t border-destructive/20 p-3 pt-2\">\n        {(diagnostics.trace || diagnostics.time) && (\n          <div className=\"flex min-w-0 flex-wrap gap-2\">\n            {diagnostics.trace && (\n              <CopyBadge label=\"Trace\" value={diagnostics.trace} className=\"max-w-full\" />\n            )}\n            {diagnostics.time && (\n              <span className=\"inline-flex max-w-full items-center overflow-hidden rounded-md border border-border bg-background/80 text-xs\">\n                <span className=\"shrink-0 bg-muted px-2 py-1 font-medium text-muted-foreground\">\n                  Time\n                </span>\n                <span className=\"min-w-0 truncate px-2 py-1 font-mono text-foreground\">\n                  {diagnostics.time}\n                </span>\n              </span>\n            )}\n          </div>\n        )}\n        {diagnostics.context.length > 0 && (\n          <div className=\"min-w-0\">\n            <div className=\"mb-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n              Context\n            </div>\n            {scalarContext.length > 0 && (\n              <div className=\"flex flex-wrap gap-1.5\">\n                {scalarContext.map(([label, value]) => (\n                  <CopyBadge key={`${label}:${value}`} label={label} value={value} />\n                ))}\n              </div>\n            )}\n            {jsonContext.length > 0 && (\n              <div className=\"mt-2 grid gap-2\">\n                {jsonContext.map((entry) =>\n                  renderJsonContext ? (\n                    <span key={`${entry.label}:${entry.value}`}>{renderJsonContext(entry)}</span>\n                  ) : (\n                    <CopyBadge\n                      key={`${entry.label}:${entry.value}`}\n                      label={entry.label}\n                      value={entry.value}\n                    />\n                  ),\n                )}\n              </div>\n            )}\n          </div>\n        )}\n        {diagnostics.details?.map((detail) => (\n          <div key={detail.label} className=\"min-w-0\">\n            <div className=\"mb-1.5 flex min-w-0 items-center justify-between gap-3\">\n              <div className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n                {detail.label}\n              </div>\n              <button\n                type=\"button\"\n                onClick={() => copyText(detail.value)}\n                className=\"inline-flex items-center gap-1 text-xs font-medium text-muted-foreground hover:text-foreground\"\n              >\n                <Icon icon={UiCopy} />\n                copy\n              </button>\n            </div>\n            {/* break-all because a response body is one long token as often\n                as not, and pre-wrap alone only breaks on whitespace. */}\n            <pre className=\"max-h-64 overflow-auto whitespace-pre-wrap break-all rounded-md bg-muted p-2 font-mono text-xs leading-5 text-foreground\">\n              {detail.value}\n            </pre>\n          </div>\n        ))}\n        {diagnostics.stacktrace && (\n          <div className=\"min-w-0\">\n            <div className=\"mb-1.5 flex min-w-0 items-center justify-between gap-3\">\n              <div className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n                Stack trace\n              </div>\n              <button\n                type=\"button\"\n                onClick={() => copyText(diagnostics.stacktrace ?? \"\")}\n                className=\"inline-flex items-center gap-1 text-xs font-medium text-muted-foreground hover:text-foreground\"\n              >\n                <Icon icon={UiCopy} />\n                copy\n              </button>\n            </div>\n            <PrettyStackTrace stacktrace={diagnostics.stacktrace} />\n          </div>\n        )}\n      </div>\n    </details>\n  );\n}\n\nfunction diagnosticReport(diagnostics: ErrorDiagnostics, title: string): string {\n  const lines = [`${title}: ${diagnostics.message}`];\n  const page = reportPageLine();\n  if (page) lines.push(page);\n  if (diagnostics.trace) lines.push(`Trace: ${diagnostics.trace}`);\n  if (diagnostics.time) lines.push(`Time: ${diagnostics.time}`);\n  if (diagnostics.context.length > 0) {\n    lines.push(\n      \"\",\n      \"Context:\",\n      ...diagnostics.context.map(([label, value]) => `${label}: ${value}`),\n    );\n  }\n  for (const detail of diagnostics.details ?? []) {\n    lines.push(\"\", `${detail.label}:`, detail.value);\n  }\n  if (diagnostics.stacktrace) {\n    lines.push(\"\", \"Stack trace:\", diagnostics.stacktrace);\n  }\n  return lines.join(\"\\n\");\n}\n\nexport function PrettyStackTrace({ stacktrace }: { stacktrace: string }) {\n  const parsed = parseDiagnosticsStackTrace(stacktrace);\n  if (parsed.frames.length === 0) {\n    return (\n      <pre className=\"max-h-72 overflow-auto whitespace-pre-wrap rounded-md bg-slate-950 p-3 font-mono text-xs leading-5 text-slate-200\">\n        {stacktrace}\n      </pre>\n    );\n  }\n\n  return (\n    <div className=\"max-h-96 min-h-40 overflow-auto rounded-md border border-border bg-background p-2\">\n      <div className=\"mb-2 flex items-center justify-between gap-2 text-[11px] text-muted-foreground\">\n        <div className=\"flex items-center gap-1.5\">\n          <span className=\"rounded-full bg-red-100 px-2 py-0.5 text-red-700\">error</span>\n          <span>{parsed.frames.length} frames</span>\n        </div>\n      </div>\n      {parsed.headline && (\n        <div className=\"mb-2 rounded-md bg-red-50 px-2 py-1.5 font-mono text-[11px] leading-4 text-red-700\">\n          {parsed.headline}\n        </div>\n      )}\n      <div className=\"space-y-0.5\">\n        {parsed.frames.map((frame, index) => (\n          <StackFrameRow key={`${frame.file}:${frame.line}:${index}`} frame={frame} index={index} />\n        ))}\n      </div>\n      {parsed.unparsed.length > 0 && (\n        <pre className=\"mt-2 whitespace-pre-wrap rounded bg-muted p-2 font-mono text-[11px] leading-4 text-muted-foreground\">\n          {parsed.unparsed.join(\"\\n\")}\n        </pre>\n      )}\n    </div>\n  );\n}\n\nfunction StackFrameRow({ frame, index }: { frame: ErrorStackFrame; index: number }) {\n  const appFrame = isApplicationStackFrame(frame.file);\n  return (\n    <button\n      type=\"button\"\n      onClick={() => copyText(frame.raw)}\n      title=\"Copy stack frame\"\n      className={[\n        \"block w-full rounded px-1.5 py-1 text-left hover:bg-accent/50\",\n        appFrame ? \"text-foreground\" : \"text-muted-foreground\",\n      ].join(\" \")}\n    >\n      <div className=\"flex min-w-0 items-start gap-1.5\">\n        <Icon\n          icon={appFrame ? UiMethod : UiDebugStepOver}\n          className=\"mt-0.5 shrink-0 text-[11px]\"\n        />\n        <div className=\"min-w-0\">\n          <div className=\"break-all font-mono text-[11px] font-semibold leading-4\">\n            <span className=\"mr-2 text-[10px] font-normal opacity-60\">#{index + 1}</span>\n            {frame.functionName || \"unknown function\"}\n            <span className=\"ml-2 text-[10px] font-normal opacity-80\">\n              {compactStackPath(frame.file)}:{frame.line}\n            </span>\n          </div>\n        </div>\n      </div>\n    </button>\n  );\n}\n\n/** Wrapping keeps the whole value on screen, so the label block has to stretch to match it. */\nconst COPY_BADGE_LAYOUT = {\n  clipped: { frame: \"items-center overflow-hidden\", label: \"\", value: \"truncate\", icon: \"\" },\n  wrapped: {\n    frame: \"items-stretch\",\n    label: \"flex items-center\",\n    value: \"whitespace-normal break-all\",\n    icon: \"self-center\",\n  },\n} as const;\n\nexport function CopyBadge({\n  label,\n  value,\n  className = \"\",\n  wrap = false,\n}: {\n  label: string;\n  value: string;\n  className?: string;\n  /** Lets a long value run onto further lines instead of being clipped to one. */\n  wrap?: boolean;\n}) {\n  const layout = COPY_BADGE_LAYOUT[wrap ? \"wrapped\" : \"clipped\"];\n  return (\n    <button\n      type=\"button\"\n      onClick={() => copyText(value)}\n      title={`Copy ${label}`}\n      className={[\n        \"inline-flex max-w-full rounded-md border border-border bg-background/80 text-left text-xs hover:border-primary/40 hover:bg-background\",\n        layout.frame,\n        className,\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n    >\n      <span\n        className={[\"shrink-0 bg-muted px-2 py-1 font-medium text-muted-foreground\", layout.label]\n          .filter(Boolean)\n          .join(\" \")}\n      >\n        {label}\n      </span>\n      <span className={[\"min-w-0 px-2 py-1 font-mono text-foreground\", layout.value].join(\" \")}>{value}</span>\n      <Icon\n        icon={UiCopy}\n        className={[\"mr-1.5 h-3 w-3 shrink-0 text-muted-foreground\", layout.icon].filter(Boolean).join(\" \")}\n      />\n    </button>\n  );\n}\n\nfunction copyText(value: string) {\n  if (typeof navigator !== \"undefined\" && navigator.clipboard) {\n    void navigator.clipboard.writeText(value);\n  }\n}\n"],"names":["useState","parseInlineJsonContextValue","_a","cn","jsxs","jsx","Icon","UiWarningTriangle","UiCheck","UiCopy","UiChevronRight","reportPageLine","parseDiagnosticsStackTrace","isApplicationStackFrame","UiMethod","UiDebugStepOver","compactStackPath"],"mappings":"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"}

package/dist/data/diagnostics/ErrorDetails.d.ts

@@ -8,8 +8,10 @@ export type ErrorDetailsProps = {
         value: string;
         data: unknown;
     }) => ReactNode;
+    actions?: ReactNode;
+    className?: string;
 };
-export declare function ErrorDetails({ diagnostics, title, renderJsonContext }: ErrorDetailsProps): import("react").JSX.Element;
+export declare function ErrorDetails({ diagnostics, title, renderJsonContext, actions, className, }: ErrorDetailsProps): import("react").JSX.Element;
 export declare function PrettyStackTrace({ stacktrace }: {
     stacktrace: string;
 }): import("react").JSX.Element;

package/dist/data/diagnostics/ErrorDetails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorDetails.d.ts","sourceRoot":"","sources":["../../../src/data/diagnostics/ErrorDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUlE,OAAO,EAKL,KAAK,gBAAgB,EAEtB,MAAM,qBAAqB,CAAC;AAE7B,MAAM,MAAM,iBAAiB,GAAG;IAC9B,WAAW,EAAE,gBAAgB,CAAC;IAG9B,KAAK,CAAC,EAAE,MAAM,CAAC;IAIf,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,SAAS,CAAC;CAC3F,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,WAAW,EAAE,KAAe,EAAE,iBAAiB,EAAE,EAAE,iBAAiB,+BAiKlG;AAsBD,wBAAgB,gBAAgB,CAAC,EAAE,UAAU,EAAE,EAAE;IAAE,UAAU,EAAE,MAAM,CAAA;CAAE,+BAmCtE;AA4CD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,SAAc,EACd,IAAY,GACb,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,+BA6BA"}
+{"version":3,"file":"ErrorDetails.d.ts","sourceRoot":"","sources":["../../../src/data/diagnostics/ErrorDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAWlE,OAAO,EAML,KAAK,gBAAgB,EAEtB,MAAM,qBAAqB,CAAC;AAE7B,MAAM,MAAM,iBAAiB,GAAG;IAC9B,WAAW,EAAE,gBAAgB,CAAC;IAG9B,KAAK,CAAC,EAAE,MAAM,CAAC;IAIf,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,SAAS,CAAC;IAG1F,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,WAAW,EACX,KAAe,EACf,iBAAiB,EACjB,OAAO,EACP,SAAS,GACV,EAAE,iBAAiB,+BAuKnB;AAwBD,wBAAgB,gBAAgB,CAAC,EAAE,UAAU,EAAE,EAAE;IAAE,UAAU,EAAE,MAAM,CAAA;CAAE,+BAmCtE;AA4CD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,SAAc,EACd,IAAY,GACb,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,+BA6BA"}

package/dist/data/diagnostics/ErrorDetails.js

@@ -1,14 +1,21 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { Icon } from "../Icon.js";
-import { parseInlineJsonContextValue, parseDiagnosticsStackTrace, isApplicationStackFrame, compactStackPath } from "./error-diagnostics.js";
+import { cn } from "../../lib/utils.js";
+import { parseInlineJsonContextValue, parseDiagnosticsStackTrace, isApplicationStackFrame, compactStackPath, reportPageLine } from "./error-diagnostics.js";
 import { UiCopy } from "../../icons/components/UiCopy.js";
 import { UiWarningTriangle } from "../../icons/components/UiWarningTriangle.js";
 import { UiCheck } from "../../icons/components/UiCheck.js";
 import { UiChevronRight } from "../../icons/components/UiChevronRight.js";
 import { UiMethod } from "../../icons/components/UiMethod.js";
 import { UiDebugStepOver } from "../../icons/components/UiDebugStepOver.js";
-function ErrorDetails({ diagnostics, title = "Error", renderJsonContext }) {
+function ErrorDetails({
+  diagnostics,
+  title = "Error",
+  renderJsonContext,
+  actions,
+  className
+}) {
   var _a;
   const [copyState, setCopyState] = useState("idle");
   const scalarContext = diagnostics.context.filter(
@@ -36,7 +43,7 @@ function ErrorDetails({ diagnostics, title = "Error", renderJsonContext }) {
       setCopyState("failed");
     }
   };
-  return /* @__PURE__ */ jsxs("details", { className: "group rounded-md border border-destructive/30 bg-destructive/5", children: [
+  return /* @__PURE__ */ jsxs("details", { className: cn("group rounded-md border border-destructive/30 bg-destructive/5", className), children: [
     /* @__PURE__ */ jsxs("summary", { className: "flex cursor-pointer list-none items-start gap-2 p-3", children: [
       /* @__PURE__ */ jsx(Icon, { icon: UiWarningTriangle, className: "mt-0.5 shrink-0 text-destructive" }),
       /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
@@ -44,6 +51,8 @@ function ErrorDetails({ diagnostics, title = "Error", renderJsonContext }) {
         /* @__PURE__ */ jsx("div", { className: "mt-1 whitespace-pre-wrap text-sm text-destructive", children: diagnostics.message })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-col items-end gap-2 text-xs font-medium text-muted-foreground sm:flex-row sm:items-center sm:gap-3", children: [
+        actions && // Swallow the click so a summary-row action does not open or close the details.
+        /* @__PURE__ */ jsx("span", { className: "inline-flex", onClick: (event) => event.preventDefault(), children: actions }),
         /* @__PURE__ */ jsxs(
           "button",
           {
@@ -134,6 +143,8 @@ function ErrorDetails({ diagnostics, title = "Error", renderJsonContext }) {
 }
 function diagnosticReport(diagnostics, title) {
   const lines = [`${title}: ${diagnostics.message}`];
+  const page = reportPageLine();
+  if (page) lines.push(page);
   if (diagnostics.trace) lines.push(`Trace: ${diagnostics.trace}`);
   if (diagnostics.time) lines.push(`Time: ${diagnostics.time}`);
   if (diagnostics.context.length > 0) {