@tetrascience-npm/tetrascience-react-ui 0.7.0-beta.108.1 → 0.7.0-beta.128.1

package/dist/components/ai/streamdown-code-plugin.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../lib/shiki.cjs"),r=["github-light","github-dark"],d=new Map,o=new Map,c=100,f=(e,l)=>{const s=e.slice(0,c),g=e.length>c?e.slice(-c):"";return`${l}:${e.length}:${s}:${g}`},C={name:"shiki",type:"code-highlighter",getSupportedLanguages:()=>i.getSupportedCodeBlockLanguages(),getThemes:()=>r,supportsLanguage:e=>i.resolveCodeBlockLanguage(e)!==null,highlight({code:e,language:l},s){const g=i.resolveCodeBlockLanguage(l)??"text",n=f(e,g),a=d.get(n);if(a)return a;if(s){let t=o.get(n);t||(t=new Set,o.set(n,t)),t.add(s)}return i.getCodeBlockHighlighter(g).then(({highlighter:t,lang:p})=>{const h=t.codeToTokens(e,{lang:p,themes:{dark:r[1],light:r[0]}});d.set(n,h);const u=o.get(n);if(u){for(const k of u)k(h);o.delete(n)}}).catch(t=>{console.error("Failed to highlight code:",t),o.delete(n)}),null}};exports.streamdownCodePlugin=C;
+//# sourceMappingURL=streamdown-code-plugin.cjs.map

package/dist/components/ai/streamdown-code-plugin.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"streamdown-code-plugin.cjs","sources":["../../../src/components/ai/streamdown-code-plugin.ts"],"sourcesContent":["/**\n * Slim replacement for `@streamdown/code` (SW-2007).\n *\n * The upstream plugin statically imports the full \"shiki\" bundle (~200\n * grammars), landing a second full Shiki copy in every consumer build. This\n * plugin implements the same streamdown `CodeHighlighterPlugin` contract on\n * top of the shared slim highlighter in `@/lib/shiki`, so only the explicit\n * language set is bundled and every grammar arrives as a lazy chunk.\n */\n\nimport type { BundledLanguage } from \"shiki\";\nimport type { CodeHighlighterPlugin } from \"streamdown\";\n\nimport {\n  getCodeBlockHighlighter,\n  getSupportedCodeBlockLanguages,\n  resolveCodeBlockLanguage,\n} from \"@/lib/shiki\";\n\ntype HighlightCallback = NonNullable<Parameters<CodeHighlighterPlugin[\"highlight\"]>[1]>;\ntype HighlightResult = Parameters<HighlightCallback>[0];\n\nconst THEMES: ReturnType<CodeHighlighterPlugin[\"getThemes\"]> = [\n  \"github-light\",\n  \"github-dark\",\n];\n\n// Highlighted-token cache + pending-callback registry, mirroring the\n// upstream plugin's sync-return/async-callback protocol: return cached\n// tokens synchronously, otherwise kick off highlighting and notify via the\n// callback when tokens are ready.\nconst resultsCache = new Map<string, HighlightResult>();\nconst subscribers = new Map<string, Set<HighlightCallback>>();\n\nconst KEY_SLICE_LENGTH = 100;\n\nconst cacheKey = (code: string, lang: string): string => {\n  const head = code.slice(0, KEY_SLICE_LENGTH);\n  const tail = code.length > KEY_SLICE_LENGTH ? code.slice(-KEY_SLICE_LENGTH) : \"\";\n  return `${lang}:${code.length}:${head}:${tail}`;\n};\n\nexport const streamdownCodePlugin: CodeHighlighterPlugin = {\n  name: \"shiki\",\n  type: \"code-highlighter\",\n  getSupportedLanguages: () => getSupportedCodeBlockLanguages() as BundledLanguage[],\n  getThemes: () => THEMES,\n  supportsLanguage: (language) => resolveCodeBlockLanguage(language) !== null,\n  highlight({ code, language }, callback) {\n    // Unsupported languages resolve to plaintext inside the shared\n    // highlighter, so streaming still renders the raw code.\n    const lang = resolveCodeBlockLanguage(language) ?? \"text\";\n    const key = cacheKey(code, lang);\n\n    const cached = resultsCache.get(key);\n    if (cached) {\n      return cached;\n    }\n\n    if (callback) {\n      let pending = subscribers.get(key);\n      if (!pending) {\n        pending = new Set();\n        subscribers.set(key, pending);\n      }\n      pending.add(callback);\n    }\n\n    getCodeBlockHighlighter(lang)\n      .then(({ highlighter, lang: resolvedLang }) => {\n        const result = highlighter.codeToTokens(code, {\n          lang: resolvedLang,\n          themes: { dark: THEMES[1], light: THEMES[0] },\n        });\n        resultsCache.set(key, result);\n        const pending = subscribers.get(key);\n        if (pending) {\n          for (const notify of pending) {\n            notify(result);\n          }\n          subscribers.delete(key);\n        }\n      })\n      .catch((error: unknown) => {\n        console.error(\"Failed to highlight code:\", error);\n        subscribers.delete(key);\n      });\n\n    return null;\n  },\n};\n"],"names":["THEMES","resultsCache","subscribers","KEY_SLICE_LENGTH","cacheKey","code","lang","head","tail","streamdownCodePlugin","getSupportedCodeBlockLanguages","language","resolveCodeBlockLanguage","callback","key","cached","pending","getCodeBlockHighlighter","highlighter","resolvedLang","result","notify","error"],"mappings":"uHAsBMA,EAAyD,CAC7D,eACA,aACF,EAMMC,MAAmB,IACnBC,MAAkB,IAElBC,EAAmB,IAEnBC,EAAW,CAACC,EAAcC,IAAyB,CACvD,MAAMC,EAAOF,EAAK,MAAM,EAAGF,CAAgB,EACrCK,EAAOH,EAAK,OAASF,EAAmBE,EAAK,MAAM,CAACF,CAAgB,EAAI,GAC9E,MAAO,GAAGG,CAAI,IAAID,EAAK,MAAM,IAAIE,CAAI,IAAIC,CAAI,EAC/C,EAEaC,EAA8C,CACzD,KAAM,QACN,KAAM,mBACN,sBAAuB,IAAMC,EAAAA,+BAAA,EAC7B,UAAW,IAAMV,EACjB,iBAAmBW,GAAaC,2BAAyBD,CAAQ,IAAM,KACvE,UAAU,CAAE,KAAAN,EAAM,SAAAM,CAAA,EAAYE,EAAU,CAGtC,MAAMP,EAAOM,EAAAA,yBAAyBD,CAAQ,GAAK,OAC7CG,EAAMV,EAASC,EAAMC,CAAI,EAEzBS,EAASd,EAAa,IAAIa,CAAG,EACnC,GAAIC,EACF,OAAOA,EAGT,GAAIF,EAAU,CACZ,IAAIG,EAAUd,EAAY,IAAIY,CAAG,EAC5BE,IACHA,MAAc,IACdd,EAAY,IAAIY,EAAKE,CAAO,GAE9BA,EAAQ,IAAIH,CAAQ,CACtB,CAEAI,OAAAA,EAAAA,wBAAwBX,CAAI,EACzB,KAAK,CAAC,CAAE,YAAAY,EAAa,KAAMC,KAAmB,CAC7C,MAAMC,EAASF,EAAY,aAAab,EAAM,CAC5C,KAAMc,EACN,OAAQ,CAAE,KAAMnB,EAAO,CAAC,EAAG,MAAOA,EAAO,CAAC,CAAA,CAAE,CAC7C,EACDC,EAAa,IAAIa,EAAKM,CAAM,EAC5B,MAAMJ,EAAUd,EAAY,IAAIY,CAAG,EACnC,GAAIE,EAAS,CACX,UAAWK,KAAUL,EACnBK,EAAOD,CAAM,EAEflB,EAAY,OAAOY,CAAG,CACxB,CACF,CAAC,EACA,MAAOQ,GAAmB,CACzB,QAAQ,MAAM,4BAA6BA,CAAK,EAChDpB,EAAY,OAAOY,CAAG,CACxB,CAAC,EAEI,IACT,CACF"}

package/dist/components/ai/streamdown-code-plugin.js

@@ -0,0 +1,42 @@
+import { resolveCodeBlockLanguage as u, getCodeBlockHighlighter as k, getSupportedCodeBlockLanguages as m } from "../../lib/shiki.js";
+const l = [
+  "github-light",
+  "github-dark"
+], d = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), h = 100, C = (e, i) => {
+  const g = e.slice(0, h), s = e.length > h ? e.slice(-h) : "";
+  return `${i}:${e.length}:${g}:${s}`;
+}, E = {
+  name: "shiki",
+  type: "code-highlighter",
+  getSupportedLanguages: () => m(),
+  getThemes: () => l,
+  supportsLanguage: (e) => u(e) !== null,
+  highlight({ code: e, language: i }, g) {
+    const s = u(i) ?? "text", n = C(e, s), r = d.get(n);
+    if (r)
+      return r;
+    if (g) {
+      let t = o.get(n);
+      t || (t = /* @__PURE__ */ new Set(), o.set(n, t)), t.add(g);
+    }
+    return k(s).then(({ highlighter: t, lang: p }) => {
+      const c = t.codeToTokens(e, {
+        lang: p,
+        themes: { dark: l[1], light: l[0] }
+      });
+      d.set(n, c);
+      const a = o.get(n);
+      if (a) {
+        for (const f of a)
+          f(c);
+        o.delete(n);
+      }
+    }).catch((t) => {
+      console.error("Failed to highlight code:", t), o.delete(n);
+    }), null;
+  }
+};
+export {
+  E as streamdownCodePlugin
+};
+//# sourceMappingURL=streamdown-code-plugin.js.map

package/dist/components/ai/streamdown-code-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"streamdown-code-plugin.js","sources":["../../../src/components/ai/streamdown-code-plugin.ts"],"sourcesContent":["/**\n * Slim replacement for `@streamdown/code` (SW-2007).\n *\n * The upstream plugin statically imports the full \"shiki\" bundle (~200\n * grammars), landing a second full Shiki copy in every consumer build. This\n * plugin implements the same streamdown `CodeHighlighterPlugin` contract on\n * top of the shared slim highlighter in `@/lib/shiki`, so only the explicit\n * language set is bundled and every grammar arrives as a lazy chunk.\n */\n\nimport type { BundledLanguage } from \"shiki\";\nimport type { CodeHighlighterPlugin } from \"streamdown\";\n\nimport {\n  getCodeBlockHighlighter,\n  getSupportedCodeBlockLanguages,\n  resolveCodeBlockLanguage,\n} from \"@/lib/shiki\";\n\ntype HighlightCallback = NonNullable<Parameters<CodeHighlighterPlugin[\"highlight\"]>[1]>;\ntype HighlightResult = Parameters<HighlightCallback>[0];\n\nconst THEMES: ReturnType<CodeHighlighterPlugin[\"getThemes\"]> = [\n  \"github-light\",\n  \"github-dark\",\n];\n\n// Highlighted-token cache + pending-callback registry, mirroring the\n// upstream plugin's sync-return/async-callback protocol: return cached\n// tokens synchronously, otherwise kick off highlighting and notify via the\n// callback when tokens are ready.\nconst resultsCache = new Map<string, HighlightResult>();\nconst subscribers = new Map<string, Set<HighlightCallback>>();\n\nconst KEY_SLICE_LENGTH = 100;\n\nconst cacheKey = (code: string, lang: string): string => {\n  const head = code.slice(0, KEY_SLICE_LENGTH);\n  const tail = code.length > KEY_SLICE_LENGTH ? code.slice(-KEY_SLICE_LENGTH) : \"\";\n  return `${lang}:${code.length}:${head}:${tail}`;\n};\n\nexport const streamdownCodePlugin: CodeHighlighterPlugin = {\n  name: \"shiki\",\n  type: \"code-highlighter\",\n  getSupportedLanguages: () => getSupportedCodeBlockLanguages() as BundledLanguage[],\n  getThemes: () => THEMES,\n  supportsLanguage: (language) => resolveCodeBlockLanguage(language) !== null,\n  highlight({ code, language }, callback) {\n    // Unsupported languages resolve to plaintext inside the shared\n    // highlighter, so streaming still renders the raw code.\n    const lang = resolveCodeBlockLanguage(language) ?? \"text\";\n    const key = cacheKey(code, lang);\n\n    const cached = resultsCache.get(key);\n    if (cached) {\n      return cached;\n    }\n\n    if (callback) {\n      let pending = subscribers.get(key);\n      if (!pending) {\n        pending = new Set();\n        subscribers.set(key, pending);\n      }\n      pending.add(callback);\n    }\n\n    getCodeBlockHighlighter(lang)\n      .then(({ highlighter, lang: resolvedLang }) => {\n        const result = highlighter.codeToTokens(code, {\n          lang: resolvedLang,\n          themes: { dark: THEMES[1], light: THEMES[0] },\n        });\n        resultsCache.set(key, result);\n        const pending = subscribers.get(key);\n        if (pending) {\n          for (const notify of pending) {\n            notify(result);\n          }\n          subscribers.delete(key);\n        }\n      })\n      .catch((error: unknown) => {\n        console.error(\"Failed to highlight code:\", error);\n        subscribers.delete(key);\n      });\n\n    return null;\n  },\n};\n"],"names":["THEMES","resultsCache","subscribers","KEY_SLICE_LENGTH","cacheKey","code","lang","head","tail","streamdownCodePlugin","getSupportedCodeBlockLanguages","language","resolveCodeBlockLanguage","callback","key","cached","pending","getCodeBlockHighlighter","highlighter","resolvedLang","result","notify","error"],"mappings":";AAsBA,MAAMA,IAAyD;AAAA,EAC7D;AAAA,EACA;AACF,GAMMC,wBAAmB,IAAA,GACnBC,wBAAkB,IAAA,GAElBC,IAAmB,KAEnBC,IAAW,CAACC,GAAcC,MAAyB;AACvD,QAAMC,IAAOF,EAAK,MAAM,GAAGF,CAAgB,GACrCK,IAAOH,EAAK,SAASF,IAAmBE,EAAK,MAAM,CAACF,CAAgB,IAAI;AAC9E,SAAO,GAAGG,CAAI,IAAID,EAAK,MAAM,IAAIE,CAAI,IAAIC,CAAI;AAC/C,GAEaC,IAA8C;AAAA,EACzD,MAAM;AAAA,EACN,MAAM;AAAA,EACN,uBAAuB,MAAMC,EAAA;AAAA,EAC7B,WAAW,MAAMV;AAAA,EACjB,kBAAkB,CAACW,MAAaC,EAAyBD,CAAQ,MAAM;AAAA,EACvE,UAAU,EAAE,MAAAN,GAAM,UAAAM,EAAA,GAAYE,GAAU;AAGtC,UAAMP,IAAOM,EAAyBD,CAAQ,KAAK,QAC7CG,IAAMV,EAASC,GAAMC,CAAI,GAEzBS,IAASd,EAAa,IAAIa,CAAG;AACnC,QAAIC;AACF,aAAOA;AAGT,QAAIF,GAAU;AACZ,UAAIG,IAAUd,EAAY,IAAIY,CAAG;AACjC,MAAKE,MACHA,wBAAc,IAAA,GACdd,EAAY,IAAIY,GAAKE,CAAO,IAE9BA,EAAQ,IAAIH,CAAQ;AAAA,IACtB;AAEA,WAAAI,EAAwBX,CAAI,EACzB,KAAK,CAAC,EAAE,aAAAY,GAAa,MAAMC,QAAmB;AAC7C,YAAMC,IAASF,EAAY,aAAab,GAAM;AAAA,QAC5C,MAAMc;AAAA,QACN,QAAQ,EAAE,MAAMnB,EAAO,CAAC,GAAG,OAAOA,EAAO,CAAC,EAAA;AAAA,MAAE,CAC7C;AACD,MAAAC,EAAa,IAAIa,GAAKM,CAAM;AAC5B,YAAMJ,IAAUd,EAAY,IAAIY,CAAG;AACnC,UAAIE,GAAS;AACX,mBAAWK,KAAUL;AACnB,UAAAK,EAAOD,CAAM;AAEf,QAAAlB,EAAY,OAAOY,CAAG;AAAA,MACxB;AAAA,IACF,CAAC,EACA,MAAM,CAACQ,MAAmB;AACzB,cAAQ,MAAM,6BAA6BA,CAAK,GAChDpB,EAAY,OAAOY,CAAG;AAAA,IACxB,CAAC,GAEI;AAAA,EACT;AACF;"}

package/dist/components/ai/streamdown-plugins.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@streamdown/cjk"),r=require("@streamdown/math"),t=require("@streamdown/mermaid"),o=require("./streamdown-code-plugin.cjs"),n={cjk:e.cjk,code:o.streamdownCodePlugin,math:r.math,mermaid:t.mermaid};exports.streamdownPlugins=n;
+//# sourceMappingURL=streamdown-plugins.cjs.map

package/dist/components/ai/streamdown-plugins.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"streamdown-plugins.cjs","sources":["../../../src/components/ai/streamdown-plugins.ts"],"sourcesContent":["/**\n * Full streamdown plugin set for `MessageResponse` / `Reasoning` markdown.\n *\n * This module is only ever reached through `useStreamdownPlugins`'s dynamic\n * import (SW-2007): mermaid, KaTeX, and the shiki grammars behind these\n * plugins land in a lazy chunk instead of the consumer's main bundle. Do not\n * import it statically from component code.\n */\nimport { cjk } from \"@streamdown/cjk\";\nimport { math } from \"@streamdown/math\";\nimport { mermaid } from \"@streamdown/mermaid\";\n\nimport { streamdownCodePlugin } from \"./streamdown-code-plugin\";\n\nimport type { PluginConfig } from \"streamdown\";\n\nexport const streamdownPlugins: PluginConfig = {\n  cjk,\n  code: streamdownCodePlugin,\n  math,\n  mermaid,\n};\n"],"names":["streamdownPlugins","cjk","streamdownCodePlugin","math","mermaid"],"mappings":"4NAgBaA,EAAkC,CAAA,IAC7CC,EAAAA,IACA,KAAMC,EAAAA,qBAAA,KACNC,EAAAA,KAAA,QACAC,EAAAA,OACF"}

package/dist/components/ai/streamdown-plugins.js

@@ -0,0 +1,14 @@
+import { cjk as o } from "@streamdown/cjk";
+import { math as m } from "@streamdown/math";
+import { mermaid as r } from "@streamdown/mermaid";
+import { streamdownCodePlugin as t } from "./streamdown-code-plugin.js";
+const p = {
+  cjk: o,
+  code: t,
+  math: m,
+  mermaid: r
+};
+export {
+  p as streamdownPlugins
+};
+//# sourceMappingURL=streamdown-plugins.js.map

package/dist/components/ai/streamdown-plugins.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"streamdown-plugins.js","sources":["../../../src/components/ai/streamdown-plugins.ts"],"sourcesContent":["/**\n * Full streamdown plugin set for `MessageResponse` / `Reasoning` markdown.\n *\n * This module is only ever reached through `useStreamdownPlugins`'s dynamic\n * import (SW-2007): mermaid, KaTeX, and the shiki grammars behind these\n * plugins land in a lazy chunk instead of the consumer's main bundle. Do not\n * import it statically from component code.\n */\nimport { cjk } from \"@streamdown/cjk\";\nimport { math } from \"@streamdown/math\";\nimport { mermaid } from \"@streamdown/mermaid\";\n\nimport { streamdownCodePlugin } from \"./streamdown-code-plugin\";\n\nimport type { PluginConfig } from \"streamdown\";\n\nexport const streamdownPlugins: PluginConfig = {\n  cjk,\n  code: streamdownCodePlugin,\n  math,\n  mermaid,\n};\n"],"names":["streamdownPlugins","cjk","streamdownCodePlugin","math","mermaid"],"mappings":";;;;AAgBO,MAAMA,IAAkC;AAAA,EAC7C,KAAAC;AAAA,EACA,MAAMC;AAAA,EACN,MAAAC;AAAA,EACA,SAAAC;AACF;"}

package/dist/components/ai/task.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),T=require("@radix-ui/react-use-controllable-state"),m=require("lucide-react"),a=require("react"),u=require("../ui/collapsible.cjs"),r=require("../../lib/utils.cjs"),b=({children:s,className:e,...o})=>t.jsx("div",{className:r.cn("inline-flex items-center gap-1 rounded-md border bg-secondary px-1.5 py-0.5 text-foreground text-xs",e),...o,children:s}),h=({children:s,className:e,...o})=>t.jsx("div",{className:r.cn("text-muted-foreground text-sm",e),...o,children:s}),j=1e3,v=({defaultOpen:s=!0,isStreaming:e=!1,open:o,onOpenChange:l,className:f,...x})=>{const[c,n]=T.useControllableState({defaultProp:s,onChange:l,prop:o}),d=a.useRef(e),[p,g]=a.useState(!1);a.useEffect(()=>{e&&(d.current=!0)},[e]),a.useEffect(()=>{if(d.current&&!e&&c&&!p){const i=setTimeout(()=>{n(!1),g(!0)},j);return()=>clearTimeout(i)}},[e,c,n,p]);const C=a.useCallback(i=>n(i),[n]);return t.jsx(u.Collapsible,{className:r.cn(f),onOpenChange:C,open:c,...x})},k=({children:s,className:e,title:o,...l})=>t.jsx(u.CollapsibleTrigger,{asChild:!0,className:r.cn("group",e),...l,children:s??t.jsxs("div",{className:"group flex w-full cursor-pointer items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground",children:[t.jsx(m.SearchIcon,{className:"size-4"}),t.jsx("p",{className:"text-sm",children:o}),t.jsx(m.ChevronDownIcon,{className:"size-4 opacity-0 transition-all group-focus-visible:opacity-100 group-hover:opacity-100 group-data-[state=open]:rotate-180 group-data-[state=open]:opacity-100","data-slot":"collapsible-chevron"})]})}),N=({children:s,className:e,...o})=>t.jsx(u.CollapsibleContent,{className:r.cn("data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in",e),...o,children:t.jsx("div",{className:"mt-4 space-y-2 border-border border-l-2 pl-4",children:s})});exports.Task=v;exports.TaskContent=N;exports.TaskItem=h;exports.TaskItemFile=b;exports.TaskTrigger=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),C=require("@radix-ui/react-use-controllable-state"),m=require("lucide-react"),a=require("react"),i=require("../ui/collapsible.cjs"),r=require("../../lib/utils.cjs"),T=({children:s,className:e,...o})=>t.jsx("div",{className:r.cn("inline-flex items-center gap-1 rounded-md border bg-secondary px-1.5 py-0.5 text-foreground text-xs",e),...o,children:s}),h=({children:s,className:e,...o})=>t.jsx("div",{className:r.cn("text-muted-foreground text-sm",e),...o,children:s}),j=1e3,k=({defaultOpen:s=!0,isStreaming:e=!1,open:o,onOpenChange:l,className:f,...x})=>{const[c,n]=C.useControllableState({defaultProp:s,onChange:l,prop:o}),d=a.useRef(e),[p,g]=a.useState(!1);a.useEffect(()=>{e&&(d.current=!0)},[e]),a.useEffect(()=>{if(d.current&&!e&&c&&!p){const u=setTimeout(()=>{n(!1),g(!0)},j);return()=>clearTimeout(u)}},[e,c,n,p]);const b=a.useCallback(u=>n(u),[n]);return t.jsx(i.Collapsible,{className:r.cn(f),onOpenChange:b,open:c,...x})},v=({children:s,className:e,title:o,...l})=>t.jsx(i.CollapsibleTrigger,{asChild:!0,className:r.cn("group",e),...l,children:s??t.jsxs("button",{type:"button",className:"group flex w-full cursor-pointer items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground",children:[t.jsx(m.SearchIcon,{className:"size-4"}),t.jsx("span",{className:"text-sm",children:o}),t.jsx(m.ChevronDownIcon,{className:"size-4 opacity-0 transition-all group-focus-visible:opacity-100 group-hover:opacity-100 group-data-[state=open]:rotate-180 group-data-[state=open]:opacity-100","data-slot":"collapsible-chevron"})]})}),y=({children:s,className:e,...o})=>t.jsx(i.CollapsibleContent,{className:r.cn("data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in",e),...o,children:t.jsx("div",{className:"mt-4 space-y-2 border-border border-l-2 pl-4",children:s})});exports.Task=k;exports.TaskContent=y;exports.TaskItem=h;exports.TaskItemFile=T;exports.TaskTrigger=v;
 //# sourceMappingURL=task.cjs.map

package/dist/components/ai/task.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"task.cjs","sources":["../../../src/components/ai/task.tsx"],"sourcesContent":["import { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { ChevronDownIcon, SearchIcon } from \"lucide-react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport type { ComponentProps } from \"react\";\n\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\";\nimport { cn } from \"@/lib/utils\";\n\nexport type TaskItemFileProps = ComponentProps<\"div\">;\n\nexport const TaskItemFile = ({\n  children,\n  className,\n  ...props\n}: TaskItemFileProps) => (\n  <div\n    className={cn(\n      \"inline-flex items-center gap-1 rounded-md border bg-secondary px-1.5 py-0.5 text-foreground text-xs\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nexport type TaskItemProps = ComponentProps<\"div\">;\n\nexport const TaskItem = ({ children, className, ...props }: TaskItemProps) => (\n  <div className={cn(\"text-muted-foreground text-sm\", className)} {...props}>\n    {children}\n  </div>\n);\n\nconst AUTO_CLOSE_DELAY = 1000;\n\nexport type TaskProps = ComponentProps<typeof Collapsible> & {\n  isStreaming?: boolean;\n};\n\nexport const Task = ({\n  defaultOpen = true,\n  isStreaming = false,\n  open,\n  onOpenChange,\n  className,\n  ...props\n}: TaskProps) => {\n  const [isOpen, setIsOpen] = useControllableState<boolean>({\n    defaultProp: defaultOpen,\n    onChange: onOpenChange,\n    prop: open,\n  });\n\n  const hasEverStreamedRef = useRef(isStreaming);\n  const [hasAutoClosed, setHasAutoClosed] = useState(false);\n\n  useEffect(() => {\n    if (isStreaming) hasEverStreamedRef.current = true;\n  }, [isStreaming]);\n\n  useEffect(() => {\n    if (hasEverStreamedRef.current && !isStreaming && isOpen && !hasAutoClosed) {\n      const timer = setTimeout(() => {\n        setIsOpen(false);\n        setHasAutoClosed(true);\n      }, AUTO_CLOSE_DELAY);\n      return () => clearTimeout(timer);\n    }\n  }, [isStreaming, isOpen, setIsOpen, hasAutoClosed]);\n\n  const handleOpenChange = useCallback(\n    (newOpen: boolean) => setIsOpen(newOpen),\n    [setIsOpen]\n  );\n\n  return (\n    <Collapsible\n      className={cn(className)}\n      onOpenChange={handleOpenChange}\n      open={isOpen}\n      {...props}\n    />\n  );\n};\n\nexport type TaskTriggerProps = ComponentProps<typeof CollapsibleTrigger> & {\n  title: string;\n};\n\nexport const TaskTrigger = ({\n  children,\n  className,\n  title,\n  ...props\n}: TaskTriggerProps) => (\n  <CollapsibleTrigger asChild className={cn(\"group\", className)} {...props}>\n    {children ?? (\n      <div className=\"group flex w-full cursor-pointer items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground\">\n        <SearchIcon className=\"size-4\" />\n        <p className=\"text-sm\">{title}</p>\n        <ChevronDownIcon\n          className=\"size-4 opacity-0 transition-all group-focus-visible:opacity-100 group-hover:opacity-100 group-data-[state=open]:rotate-180 group-data-[state=open]:opacity-100\"\n          data-slot=\"collapsible-chevron\"\n        />\n      </div>\n    )}\n  </CollapsibleTrigger>\n);\n\nexport type TaskContentProps = ComponentProps<typeof CollapsibleContent>;\n\nexport const TaskContent = ({\n  children,\n  className,\n  ...props\n}: TaskContentProps) => (\n  <CollapsibleContent\n    className={cn(\n      \"data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in\",\n      className\n    )}\n    {...props}\n  >\n    <div className=\"mt-4 space-y-2 border-border border-l-2 pl-4\">\n      {children}\n    </div>\n  </CollapsibleContent>\n);\n"],"names":["TaskItemFile","children","className","props","jsx","cn","TaskItem","AUTO_CLOSE_DELAY","Task","defaultOpen","isStreaming","open","onOpenChange","isOpen","setIsOpen","useControllableState","hasEverStreamedRef","useRef","hasAutoClosed","setHasAutoClosed","useState","useEffect","timer","handleOpenChange","useCallback","newOpen","Collapsible","TaskTrigger","title","CollapsibleTrigger","jsxs","SearchIcon","ChevronDownIcon","TaskContent","CollapsibleContent"],"mappings":"0RAeaA,EAAe,CAAC,CAC3B,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IACEC,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GACT,sGACAH,CAAA,EAED,GAAGC,EAEH,SAAAF,CAAA,CACH,EAKWK,EAAW,CAAC,CAAE,SAAAL,EAAU,UAAAC,EAAW,GAAGC,CAAA,IACjDC,MAAC,MAAA,CAAI,UAAWC,EAAAA,GAAG,gCAAiCH,CAAS,EAAI,GAAGC,EACjE,SAAAF,CAAA,CACH,EAGIM,EAAmB,IAMZC,EAAO,CAAC,CACnB,YAAAC,EAAc,GACd,YAAAC,EAAc,GACd,KAAAC,EACA,aAAAC,EACA,UAAAV,EACA,GAAGC,CACL,IAAiB,CACf,KAAM,CAACU,EAAQC,CAAS,EAAIC,uBAA8B,CACxD,YAAaN,EACb,SAAUG,EACV,KAAMD,CAAA,CACP,EAEKK,EAAqBC,EAAAA,OAAOP,CAAW,EACvC,CAACQ,EAAeC,CAAgB,EAAIC,EAAAA,SAAS,EAAK,EAExDC,EAAAA,UAAU,IAAM,CACVX,MAAgC,QAAU,GAChD,EAAG,CAACA,CAAW,CAAC,EAEhBW,EAAAA,UAAU,IAAM,CACd,GAAIL,EAAmB,SAAW,CAACN,GAAeG,GAAU,CAACK,EAAe,CAC1E,MAAMI,EAAQ,WAAW,IAAM,CAC7BR,EAAU,EAAK,EACfK,EAAiB,EAAI,CACvB,EAAGZ,CAAgB,EACnB,MAAO,IAAM,aAAae,CAAK,CACjC,CACF,EAAG,CAACZ,EAAaG,EAAQC,EAAWI,CAAa,CAAC,EAElD,MAAMK,EAAmBC,EAAAA,YACtBC,GAAqBX,EAAUW,CAAO,EACvC,CAACX,CAAS,CAAA,EAGZ,OACEV,EAAAA,IAACsB,EAAAA,YAAA,CACC,UAAWrB,EAAAA,GAAGH,CAAS,EACvB,aAAcqB,EACd,KAAMV,EACL,GAAGV,CAAA,CAAA,CAGV,EAMawB,EAAc,CAAC,CAC1B,SAAA1B,EACA,UAAAC,EACA,MAAA0B,EACA,GAAGzB,CACL,IACEC,EAAAA,IAACyB,EAAAA,mBAAA,CAAmB,QAAO,GAAC,UAAWxB,EAAAA,GAAG,QAASH,CAAS,EAAI,GAAGC,EAChE,SAAAF,GACC6B,EAAAA,KAAC,MAAA,CAAI,UAAU,4HACb,SAAA,CAAA1B,EAAAA,IAAC2B,EAAAA,WAAA,CAAW,UAAU,QAAA,CAAS,EAC/B3B,EAAAA,IAAC,IAAA,CAAE,UAAU,UAAW,SAAAwB,EAAM,EAC9BxB,EAAAA,IAAC4B,EAAAA,gBAAA,CACC,UAAU,iKACV,YAAU,qBAAA,CAAA,CACZ,CAAA,CACF,CAAA,CAEJ,EAKWC,EAAc,CAAC,CAC1B,SAAAhC,EACA,UAAAC,EACA,GAAGC,CACL,IACEC,EAAAA,IAAC8B,EAAAA,mBAAA,CACC,UAAW7B,EAAAA,GACT,gNACAH,CAAA,EAED,GAAGC,EAEJ,SAAAC,EAAAA,IAAC,MAAA,CAAI,UAAU,+CACZ,SAAAH,CAAA,CACH,CAAA,CACF"}
+{"version":3,"file":"task.cjs","sources":["../../../src/components/ai/task.tsx"],"sourcesContent":["import { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { ChevronDownIcon, SearchIcon } from \"lucide-react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport type { ComponentProps } from \"react\";\n\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\";\nimport { cn } from \"@/lib/utils\";\n\nexport type TaskItemFileProps = ComponentProps<\"div\">;\n\nexport const TaskItemFile = ({\n  children,\n  className,\n  ...props\n}: TaskItemFileProps) => (\n  <div\n    className={cn(\n      \"inline-flex items-center gap-1 rounded-md border bg-secondary px-1.5 py-0.5 text-foreground text-xs\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nexport type TaskItemProps = ComponentProps<\"div\">;\n\nexport const TaskItem = ({ children, className, ...props }: TaskItemProps) => (\n  <div className={cn(\"text-muted-foreground text-sm\", className)} {...props}>\n    {children}\n  </div>\n);\n\nconst AUTO_CLOSE_DELAY = 1000;\n\nexport type TaskProps = ComponentProps<typeof Collapsible> & {\n  isStreaming?: boolean;\n};\n\nexport const Task = ({\n  defaultOpen = true,\n  isStreaming = false,\n  open,\n  onOpenChange,\n  className,\n  ...props\n}: TaskProps) => {\n  const [isOpen, setIsOpen] = useControllableState<boolean>({\n    defaultProp: defaultOpen,\n    onChange: onOpenChange,\n    prop: open,\n  });\n\n  const hasEverStreamedRef = useRef(isStreaming);\n  const [hasAutoClosed, setHasAutoClosed] = useState(false);\n\n  useEffect(() => {\n    if (isStreaming) hasEverStreamedRef.current = true;\n  }, [isStreaming]);\n\n  useEffect(() => {\n    if (hasEverStreamedRef.current && !isStreaming && isOpen && !hasAutoClosed) {\n      const timer = setTimeout(() => {\n        setIsOpen(false);\n        setHasAutoClosed(true);\n      }, AUTO_CLOSE_DELAY);\n      return () => clearTimeout(timer);\n    }\n  }, [isStreaming, isOpen, setIsOpen, hasAutoClosed]);\n\n  const handleOpenChange = useCallback(\n    (newOpen: boolean) => setIsOpen(newOpen),\n    [setIsOpen]\n  );\n\n  return (\n    <Collapsible\n      className={cn(className)}\n      onOpenChange={handleOpenChange}\n      open={isOpen}\n      {...props}\n    />\n  );\n};\n\nexport type TaskTriggerProps = ComponentProps<typeof CollapsibleTrigger> & {\n  title: string;\n};\n\nexport const TaskTrigger = ({\n  children,\n  className,\n  title,\n  ...props\n}: TaskTriggerProps) => (\n  <CollapsibleTrigger asChild className={cn(\"group\", className)} {...props}>\n    {children ?? (\n      <button\n        type=\"button\"\n        className=\"group flex w-full cursor-pointer items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground\"\n      >\n        <SearchIcon className=\"size-4\" />\n        <span className=\"text-sm\">{title}</span>\n        <ChevronDownIcon\n          className=\"size-4 opacity-0 transition-all group-focus-visible:opacity-100 group-hover:opacity-100 group-data-[state=open]:rotate-180 group-data-[state=open]:opacity-100\"\n          data-slot=\"collapsible-chevron\"\n        />\n      </button>\n    )}\n  </CollapsibleTrigger>\n);\n\nexport type TaskContentProps = ComponentProps<typeof CollapsibleContent>;\n\nexport const TaskContent = ({\n  children,\n  className,\n  ...props\n}: TaskContentProps) => (\n  <CollapsibleContent\n    className={cn(\n      \"data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in\",\n      className\n    )}\n    {...props}\n  >\n    <div className=\"mt-4 space-y-2 border-border border-l-2 pl-4\">\n      {children}\n    </div>\n  </CollapsibleContent>\n);\n"],"names":["TaskItemFile","children","className","props","jsx","cn","TaskItem","AUTO_CLOSE_DELAY","Task","defaultOpen","isStreaming","open","onOpenChange","isOpen","setIsOpen","useControllableState","hasEverStreamedRef","useRef","hasAutoClosed","setHasAutoClosed","useState","useEffect","timer","handleOpenChange","useCallback","newOpen","Collapsible","TaskTrigger","title","CollapsibleTrigger","jsxs","SearchIcon","ChevronDownIcon","TaskContent","CollapsibleContent"],"mappings":"0RAeaA,EAAe,CAAC,CAC3B,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IACEC,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GACT,sGACAH,CAAA,EAED,GAAGC,EAEH,SAAAF,CAAA,CACH,EAKWK,EAAW,CAAC,CAAE,SAAAL,EAAU,UAAAC,EAAW,GAAGC,CAAA,IACjDC,MAAC,MAAA,CAAI,UAAWC,EAAAA,GAAG,gCAAiCH,CAAS,EAAI,GAAGC,EACjE,SAAAF,CAAA,CACH,EAGIM,EAAmB,IAMZC,EAAO,CAAC,CACnB,YAAAC,EAAc,GACd,YAAAC,EAAc,GACd,KAAAC,EACA,aAAAC,EACA,UAAAV,EACA,GAAGC,CACL,IAAiB,CACf,KAAM,CAACU,EAAQC,CAAS,EAAIC,uBAA8B,CACxD,YAAaN,EACb,SAAUG,EACV,KAAMD,CAAA,CACP,EAEKK,EAAqBC,EAAAA,OAAOP,CAAW,EACvC,CAACQ,EAAeC,CAAgB,EAAIC,EAAAA,SAAS,EAAK,EAExDC,EAAAA,UAAU,IAAM,CACVX,MAAgC,QAAU,GAChD,EAAG,CAACA,CAAW,CAAC,EAEhBW,EAAAA,UAAU,IAAM,CACd,GAAIL,EAAmB,SAAW,CAACN,GAAeG,GAAU,CAACK,EAAe,CAC1E,MAAMI,EAAQ,WAAW,IAAM,CAC7BR,EAAU,EAAK,EACfK,EAAiB,EAAI,CACvB,EAAGZ,CAAgB,EACnB,MAAO,IAAM,aAAae,CAAK,CACjC,CACF,EAAG,CAACZ,EAAaG,EAAQC,EAAWI,CAAa,CAAC,EAElD,MAAMK,EAAmBC,EAAAA,YACtBC,GAAqBX,EAAUW,CAAO,EACvC,CAACX,CAAS,CAAA,EAGZ,OACEV,EAAAA,IAACsB,EAAAA,YAAA,CACC,UAAWrB,EAAAA,GAAGH,CAAS,EACvB,aAAcqB,EACd,KAAMV,EACL,GAAGV,CAAA,CAAA,CAGV,EAMawB,EAAc,CAAC,CAC1B,SAAA1B,EACA,UAAAC,EACA,MAAA0B,EACA,GAAGzB,CACL,IACEC,EAAAA,IAACyB,EAAAA,mBAAA,CAAmB,QAAO,GAAC,UAAWxB,EAAAA,GAAG,QAASH,CAAS,EAAI,GAAGC,EAChE,SAAAF,GACC6B,EAAAA,KAAC,SAAA,CACC,KAAK,SACL,UAAU,4HAEV,SAAA,CAAA1B,EAAAA,IAAC2B,EAAAA,WAAA,CAAW,UAAU,QAAA,CAAS,EAC/B3B,EAAAA,IAAC,OAAA,CAAK,UAAU,UAAW,SAAAwB,EAAM,EACjCxB,EAAAA,IAAC4B,EAAAA,gBAAA,CACC,UAAU,iKACV,YAAU,qBAAA,CAAA,CACZ,CAAA,CACF,CAAA,CAEJ,EAKWC,EAAc,CAAC,CAC1B,SAAAhC,EACA,UAAAC,EACA,GAAGC,CACL,IACEC,EAAAA,IAAC8B,EAAAA,mBAAA,CACC,UAAW7B,EAAAA,GACT,gNACAH,CAAA,EAED,GAAGC,EAEJ,SAAAC,EAAAA,IAAC,MAAA,CAAI,UAAU,+CACZ,SAAAH,CAAA,CACH,CAAA,CACF"}

package/dist/components/ai/task.js

@@ -59,17 +59,24 @@ const L = ({
   className: e,
   title: o,
   ...n
-}) => /* @__PURE__ */ s(O, { asChild: !0, className: a("group", e), ...n, children: t ?? /* @__PURE__ */ h("div", { className: "group flex w-full cursor-pointer items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground", children: [
-  /* @__PURE__ */ s(C, { className: "size-4" }),
-  /* @__PURE__ */ s("p", { className: "text-sm", children: o }),
-  /* @__PURE__ */ s(
-    b,
-    {
-      className: "size-4 opacity-0 transition-all group-focus-visible:opacity-100 group-hover:opacity-100 group-data-[state=open]:rotate-180 group-data-[state=open]:opacity-100",
-      "data-slot": "collapsible-chevron"
-    }
-  )
-] }) }), H = ({
+}) => /* @__PURE__ */ s(O, { asChild: !0, className: a("group", e), ...n, children: t ?? /* @__PURE__ */ h(
+  "button",
+  {
+    type: "button",
+    className: "group flex w-full cursor-pointer items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground",
+    children: [
+      /* @__PURE__ */ s(C, { className: "size-4" }),
+      /* @__PURE__ */ s("span", { className: "text-sm", children: o }),
+      /* @__PURE__ */ s(
+        b,
+        {
+          className: "size-4 opacity-0 transition-all group-focus-visible:opacity-100 group-hover:opacity-100 group-data-[state=open]:rotate-180 group-data-[state=open]:opacity-100",
+          "data-slot": "collapsible-chevron"
+        }
+      )
+    ]
+  }
+) }), H = ({
   children: t,
   className: e,
   ...o

package/dist/components/ai/task.js.map

@@ -1 +1 @@
-{"version":3,"file":"task.js","sources":["../../../src/components/ai/task.tsx"],"sourcesContent":["import { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { ChevronDownIcon, SearchIcon } from \"lucide-react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport type { ComponentProps } from \"react\";\n\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\";\nimport { cn } from \"@/lib/utils\";\n\nexport type TaskItemFileProps = ComponentProps<\"div\">;\n\nexport const TaskItemFile = ({\n  children,\n  className,\n  ...props\n}: TaskItemFileProps) => (\n  <div\n    className={cn(\n      \"inline-flex items-center gap-1 rounded-md border bg-secondary px-1.5 py-0.5 text-foreground text-xs\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nexport type TaskItemProps = ComponentProps<\"div\">;\n\nexport const TaskItem = ({ children, className, ...props }: TaskItemProps) => (\n  <div className={cn(\"text-muted-foreground text-sm\", className)} {...props}>\n    {children}\n  </div>\n);\n\nconst AUTO_CLOSE_DELAY = 1000;\n\nexport type TaskProps = ComponentProps<typeof Collapsible> & {\n  isStreaming?: boolean;\n};\n\nexport const Task = ({\n  defaultOpen = true,\n  isStreaming = false,\n  open,\n  onOpenChange,\n  className,\n  ...props\n}: TaskProps) => {\n  const [isOpen, setIsOpen] = useControllableState<boolean>({\n    defaultProp: defaultOpen,\n    onChange: onOpenChange,\n    prop: open,\n  });\n\n  const hasEverStreamedRef = useRef(isStreaming);\n  const [hasAutoClosed, setHasAutoClosed] = useState(false);\n\n  useEffect(() => {\n    if (isStreaming) hasEverStreamedRef.current = true;\n  }, [isStreaming]);\n\n  useEffect(() => {\n    if (hasEverStreamedRef.current && !isStreaming && isOpen && !hasAutoClosed) {\n      const timer = setTimeout(() => {\n        setIsOpen(false);\n        setHasAutoClosed(true);\n      }, AUTO_CLOSE_DELAY);\n      return () => clearTimeout(timer);\n    }\n  }, [isStreaming, isOpen, setIsOpen, hasAutoClosed]);\n\n  const handleOpenChange = useCallback(\n    (newOpen: boolean) => setIsOpen(newOpen),\n    [setIsOpen]\n  );\n\n  return (\n    <Collapsible\n      className={cn(className)}\n      onOpenChange={handleOpenChange}\n      open={isOpen}\n      {...props}\n    />\n  );\n};\n\nexport type TaskTriggerProps = ComponentProps<typeof CollapsibleTrigger> & {\n  title: string;\n};\n\nexport const TaskTrigger = ({\n  children,\n  className,\n  title,\n  ...props\n}: TaskTriggerProps) => (\n  <CollapsibleTrigger asChild className={cn(\"group\", className)} {...props}>\n    {children ?? (\n      <div className=\"group flex w-full cursor-pointer items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground\">\n        <SearchIcon className=\"size-4\" />\n        <p className=\"text-sm\">{title}</p>\n        <ChevronDownIcon\n          className=\"size-4 opacity-0 transition-all group-focus-visible:opacity-100 group-hover:opacity-100 group-data-[state=open]:rotate-180 group-data-[state=open]:opacity-100\"\n          data-slot=\"collapsible-chevron\"\n        />\n      </div>\n    )}\n  </CollapsibleTrigger>\n);\n\nexport type TaskContentProps = ComponentProps<typeof CollapsibleContent>;\n\nexport const TaskContent = ({\n  children,\n  className,\n  ...props\n}: TaskContentProps) => (\n  <CollapsibleContent\n    className={cn(\n      \"data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in\",\n      className\n    )}\n    {...props}\n  >\n    <div className=\"mt-4 space-y-2 border-border border-l-2 pl-4\">\n      {children}\n    </div>\n  </CollapsibleContent>\n);\n"],"names":["TaskItemFile","children","className","props","jsx","cn","TaskItem","AUTO_CLOSE_DELAY","Task","defaultOpen","isStreaming","open","onOpenChange","isOpen","setIsOpen","useControllableState","hasEverStreamedRef","useRef","hasAutoClosed","setHasAutoClosed","useState","useEffect","timer","handleOpenChange","useCallback","newOpen","Collapsible","TaskTrigger","title","CollapsibleTrigger","jsxs","SearchIcon","ChevronDownIcon","TaskContent","CollapsibleContent"],"mappings":";;;;;;AAeO,MAAMA,IAAe,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IAEH,UAAAF;AAAA,EAAA;AACH,GAKWK,IAAW,CAAC,EAAE,UAAAL,GAAU,WAAAC,GAAW,GAAGC,EAAA,MACjD,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAG,iCAAiCH,CAAS,GAAI,GAAGC,GACjE,UAAAF,EAAA,CACH,GAGIM,IAAmB,KAMZC,IAAO,CAAC;AAAA,EACnB,aAAAC,IAAc;AAAA,EACd,aAAAC,IAAc;AAAA,EACd,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAV;AAAA,EACA,GAAGC;AACL,MAAiB;AACf,QAAM,CAACU,GAAQC,CAAS,IAAIC,EAA8B;AAAA,IACxD,aAAaN;AAAA,IACb,UAAUG;AAAA,IACV,MAAMD;AAAA,EAAA,CACP,GAEKK,IAAqBC,EAAOP,CAAW,GACvC,CAACQ,GAAeC,CAAgB,IAAIC,EAAS,EAAK;AAExD,EAAAC,EAAU,MAAM;AACd,IAAIX,QAAgC,UAAU;AAAA,EAChD,GAAG,CAACA,CAAW,CAAC,GAEhBW,EAAU,MAAM;AACd,QAAIL,EAAmB,WAAW,CAACN,KAAeG,KAAU,CAACK,GAAe;AAC1E,YAAMI,IAAQ,WAAW,MAAM;AAC7B,QAAAR,EAAU,EAAK,GACfK,EAAiB,EAAI;AAAA,MACvB,GAAGZ,CAAgB;AACnB,aAAO,MAAM,aAAae,CAAK;AAAA,IACjC;AAAA,EACF,GAAG,CAACZ,GAAaG,GAAQC,GAAWI,CAAa,CAAC;AAElD,QAAMK,IAAmBC;AAAA,IACvB,CAACC,MAAqBX,EAAUW,CAAO;AAAA,IACvC,CAACX,CAAS;AAAA,EAAA;AAGZ,SACE,gBAAAV;AAAA,IAACsB;AAAA,IAAA;AAAA,MACC,WAAWrB,EAAGH,CAAS;AAAA,MACvB,cAAcqB;AAAA,MACd,MAAMV;AAAA,MACL,GAAGV;AAAA,IAAA;AAAA,EAAA;AAGV,GAMawB,IAAc,CAAC;AAAA,EAC1B,UAAA1B;AAAA,EACA,WAAAC;AAAA,EACA,OAAA0B;AAAA,EACA,GAAGzB;AACL,MACE,gBAAAC,EAACyB,GAAA,EAAmB,SAAO,IAAC,WAAWxB,EAAG,SAASH,CAAS,GAAI,GAAGC,GAChE,UAAAF,KACC,gBAAA6B,EAAC,OAAA,EAAI,WAAU,6HACb,UAAA;AAAA,EAAA,gBAAA1B,EAAC2B,GAAA,EAAW,WAAU,SAAA,CAAS;AAAA,EAC/B,gBAAA3B,EAAC,KAAA,EAAE,WAAU,WAAW,UAAAwB,GAAM;AAAA,EAC9B,gBAAAxB;AAAA,IAAC4B;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,aAAU;AAAA,IAAA;AAAA,EAAA;AACZ,EAAA,CACF,EAAA,CAEJ,GAKWC,IAAc,CAAC;AAAA,EAC1B,UAAAhC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC;AAAA,EAAC8B;AAAA,EAAA;AAAA,IACC,WAAW7B;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IAEJ,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,gDACZ,UAAAH,EAAA,CACH;AAAA,EAAA;AACF;"}
+{"version":3,"file":"task.js","sources":["../../../src/components/ai/task.tsx"],"sourcesContent":["import { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { ChevronDownIcon, SearchIcon } from \"lucide-react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport type { ComponentProps } from \"react\";\n\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\";\nimport { cn } from \"@/lib/utils\";\n\nexport type TaskItemFileProps = ComponentProps<\"div\">;\n\nexport const TaskItemFile = ({\n  children,\n  className,\n  ...props\n}: TaskItemFileProps) => (\n  <div\n    className={cn(\n      \"inline-flex items-center gap-1 rounded-md border bg-secondary px-1.5 py-0.5 text-foreground text-xs\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nexport type TaskItemProps = ComponentProps<\"div\">;\n\nexport const TaskItem = ({ children, className, ...props }: TaskItemProps) => (\n  <div className={cn(\"text-muted-foreground text-sm\", className)} {...props}>\n    {children}\n  </div>\n);\n\nconst AUTO_CLOSE_DELAY = 1000;\n\nexport type TaskProps = ComponentProps<typeof Collapsible> & {\n  isStreaming?: boolean;\n};\n\nexport const Task = ({\n  defaultOpen = true,\n  isStreaming = false,\n  open,\n  onOpenChange,\n  className,\n  ...props\n}: TaskProps) => {\n  const [isOpen, setIsOpen] = useControllableState<boolean>({\n    defaultProp: defaultOpen,\n    onChange: onOpenChange,\n    prop: open,\n  });\n\n  const hasEverStreamedRef = useRef(isStreaming);\n  const [hasAutoClosed, setHasAutoClosed] = useState(false);\n\n  useEffect(() => {\n    if (isStreaming) hasEverStreamedRef.current = true;\n  }, [isStreaming]);\n\n  useEffect(() => {\n    if (hasEverStreamedRef.current && !isStreaming && isOpen && !hasAutoClosed) {\n      const timer = setTimeout(() => {\n        setIsOpen(false);\n        setHasAutoClosed(true);\n      }, AUTO_CLOSE_DELAY);\n      return () => clearTimeout(timer);\n    }\n  }, [isStreaming, isOpen, setIsOpen, hasAutoClosed]);\n\n  const handleOpenChange = useCallback(\n    (newOpen: boolean) => setIsOpen(newOpen),\n    [setIsOpen]\n  );\n\n  return (\n    <Collapsible\n      className={cn(className)}\n      onOpenChange={handleOpenChange}\n      open={isOpen}\n      {...props}\n    />\n  );\n};\n\nexport type TaskTriggerProps = ComponentProps<typeof CollapsibleTrigger> & {\n  title: string;\n};\n\nexport const TaskTrigger = ({\n  children,\n  className,\n  title,\n  ...props\n}: TaskTriggerProps) => (\n  <CollapsibleTrigger asChild className={cn(\"group\", className)} {...props}>\n    {children ?? (\n      <button\n        type=\"button\"\n        className=\"group flex w-full cursor-pointer items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground\"\n      >\n        <SearchIcon className=\"size-4\" />\n        <span className=\"text-sm\">{title}</span>\n        <ChevronDownIcon\n          className=\"size-4 opacity-0 transition-all group-focus-visible:opacity-100 group-hover:opacity-100 group-data-[state=open]:rotate-180 group-data-[state=open]:opacity-100\"\n          data-slot=\"collapsible-chevron\"\n        />\n      </button>\n    )}\n  </CollapsibleTrigger>\n);\n\nexport type TaskContentProps = ComponentProps<typeof CollapsibleContent>;\n\nexport const TaskContent = ({\n  children,\n  className,\n  ...props\n}: TaskContentProps) => (\n  <CollapsibleContent\n    className={cn(\n      \"data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in\",\n      className\n    )}\n    {...props}\n  >\n    <div className=\"mt-4 space-y-2 border-border border-l-2 pl-4\">\n      {children}\n    </div>\n  </CollapsibleContent>\n);\n"],"names":["TaskItemFile","children","className","props","jsx","cn","TaskItem","AUTO_CLOSE_DELAY","Task","defaultOpen","isStreaming","open","onOpenChange","isOpen","setIsOpen","useControllableState","hasEverStreamedRef","useRef","hasAutoClosed","setHasAutoClosed","useState","useEffect","timer","handleOpenChange","useCallback","newOpen","Collapsible","TaskTrigger","title","CollapsibleTrigger","jsxs","SearchIcon","ChevronDownIcon","TaskContent","CollapsibleContent"],"mappings":";;;;;;AAeO,MAAMA,IAAe,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IAEH,UAAAF;AAAA,EAAA;AACH,GAKWK,IAAW,CAAC,EAAE,UAAAL,GAAU,WAAAC,GAAW,GAAGC,EAAA,MACjD,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAG,iCAAiCH,CAAS,GAAI,GAAGC,GACjE,UAAAF,EAAA,CACH,GAGIM,IAAmB,KAMZC,IAAO,CAAC;AAAA,EACnB,aAAAC,IAAc;AAAA,EACd,aAAAC,IAAc;AAAA,EACd,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAV;AAAA,EACA,GAAGC;AACL,MAAiB;AACf,QAAM,CAACU,GAAQC,CAAS,IAAIC,EAA8B;AAAA,IACxD,aAAaN;AAAA,IACb,UAAUG;AAAA,IACV,MAAMD;AAAA,EAAA,CACP,GAEKK,IAAqBC,EAAOP,CAAW,GACvC,CAACQ,GAAeC,CAAgB,IAAIC,EAAS,EAAK;AAExD,EAAAC,EAAU,MAAM;AACd,IAAIX,QAAgC,UAAU;AAAA,EAChD,GAAG,CAACA,CAAW,CAAC,GAEhBW,EAAU,MAAM;AACd,QAAIL,EAAmB,WAAW,CAACN,KAAeG,KAAU,CAACK,GAAe;AAC1E,YAAMI,IAAQ,WAAW,MAAM;AAC7B,QAAAR,EAAU,EAAK,GACfK,EAAiB,EAAI;AAAA,MACvB,GAAGZ,CAAgB;AACnB,aAAO,MAAM,aAAae,CAAK;AAAA,IACjC;AAAA,EACF,GAAG,CAACZ,GAAaG,GAAQC,GAAWI,CAAa,CAAC;AAElD,QAAMK,IAAmBC;AAAA,IACvB,CAACC,MAAqBX,EAAUW,CAAO;AAAA,IACvC,CAACX,CAAS;AAAA,EAAA;AAGZ,SACE,gBAAAV;AAAA,IAACsB;AAAA,IAAA;AAAA,MACC,WAAWrB,EAAGH,CAAS;AAAA,MACvB,cAAcqB;AAAA,MACd,MAAMV;AAAA,MACL,GAAGV;AAAA,IAAA;AAAA,EAAA;AAGV,GAMawB,IAAc,CAAC;AAAA,EAC1B,UAAA1B;AAAA,EACA,WAAAC;AAAA,EACA,OAAA0B;AAAA,EACA,GAAGzB;AACL,MACE,gBAAAC,EAACyB,GAAA,EAAmB,SAAO,IAAC,WAAWxB,EAAG,SAASH,CAAS,GAAI,GAAGC,GAChE,UAAAF,KACC,gBAAA6B;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,WAAU;AAAA,IAEV,UAAA;AAAA,MAAA,gBAAA1B,EAAC2B,GAAA,EAAW,WAAU,SAAA,CAAS;AAAA,MAC/B,gBAAA3B,EAAC,QAAA,EAAK,WAAU,WAAW,UAAAwB,GAAM;AAAA,MACjC,gBAAAxB;AAAA,QAAC4B;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,aAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ;AAAA,EAAA;AACF,EAAA,CAEJ,GAKWC,IAAc,CAAC;AAAA,EAC1B,UAAAhC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC;AAAA,EAAC8B;AAAA,EAAA;AAAA,IACC,WAAW7B;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IAEJ,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,gDACZ,UAAAH,EAAA,CACH;AAAA,EAAA;AACF;"}

package/dist/components/ai/tool.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("@radix-ui/react-use-controllable-state"),a=require("lucide-react"),l=require("react"),b=require("../ui/badge.cjs"),m=require("../ui/code-block.cjs"),x=require("../ui/collapsible.cjs"),c=require("../../lib/utils.cjs"),N=1e3,y=({className:s,isStreaming:t=!1,open:o,onOpenChange:r,defaultOpen:n,...u})=>{const[i,d]=v.useControllableState({defaultProp:n??!0,onChange:r,prop:o}),g=l.useRef(t),[f,C]=l.useState(!1);l.useEffect(()=>{t&&(g.current=!0)},[t]),l.useEffect(()=>{if(g.current&&!t&&i&&!f){const p=setTimeout(()=>{d(!1),C(!0)},N);return()=>clearTimeout(p)}},[t,i,d,f]);const h=l.useCallback(p=>d(p),[d]);return e.jsx(x.Collapsible,{className:c.cn("group not-prose mb-4 w-full rounded-md border bg-background",s),onOpenChange:h,open:i,...u})},I={"approval-requested":"Awaiting Approval","approval-responded":"Responded","input-available":"Running","input-streaming":"Pending","output-available":"Completed","output-denied":"Denied","output-error":"Error"},k={"approval-requested":e.jsx(a.ClockIcon,{className:"size-4 text-yellow-600"}),"approval-responded":e.jsx(a.CheckCircleIcon,{className:"size-4 text-blue-600"}),"input-available":e.jsx(a.ClockIcon,{className:"size-4 animate-pulse"}),"input-streaming":e.jsx(a.CircleIcon,{className:"size-4"}),"output-available":e.jsx(a.CheckCircleIcon,{className:"size-4 text-green-600"}),"output-denied":e.jsx(a.XCircleIcon,{className:"size-4 text-orange-600"}),"output-error":e.jsx(a.XCircleIcon,{className:"size-4 text-red-600"})},j=s=>e.jsxs(b.Badge,{className:"gap-1.5 rounded-full text-xs",variant:"secondary",children:[k[s],I[s]]}),w=({className:s,title:t,type:o,state:r,toolName:n,...u})=>{const i=o==="dynamic-tool"?n:o.split("-").slice(1).join("-");return e.jsxs(x.CollapsibleTrigger,{className:c.cn("flex w-full items-center justify-between gap-4 p-3",s),...u,children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(a.WrenchIcon,{className:"size-4 text-muted-foreground"}),e.jsx("span",{className:"font-medium text-sm",children:t??i}),j(r)]}),e.jsx(a.ChevronDownIcon,{className:"size-4 text-muted-foreground opacity-0 transition-all group-focus-within:opacity-100 group-hover:opacity-100 group-data-[state=open]:rotate-180 group-data-[state=open]:opacity-100","data-slot":"collapsible-chevron"})]})},O=({className:s,...t})=>e.jsx(x.CollapsibleContent,{className:c.cn("data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 space-y-4 p-4 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in",s),...t}),T=({className:s,input:t,...o})=>e.jsxs("div",{className:c.cn("space-y-2 overflow-hidden",s),...o,children:[e.jsx("h4",{className:"font-medium text-muted-foreground text-xs uppercase tracking-wide",children:"Parameters"}),e.jsx("div",{className:"rounded-md bg-muted/50",children:e.jsx(m.CodeBlock,{code:JSON.stringify(t,null,2),language:"json"})})]}),q=({className:s,output:t,errorText:o,...r})=>{if(!(t||o))return null;let n=e.jsx("div",{children:t});return typeof t=="object"&&!l.isValidElement(t)?n=e.jsx(m.CodeBlock,{code:JSON.stringify(t,null,2),language:"json"}):typeof t=="string"&&(n=e.jsx(m.CodeBlock,{code:t,language:"json"})),e.jsxs("div",{className:c.cn("space-y-2",s),...r,children:[e.jsx("h4",{className:"font-medium text-muted-foreground text-xs uppercase tracking-wide",children:o?"Error":"Result"}),e.jsxs("div",{className:c.cn("overflow-x-auto rounded-md text-xs [&_table]:w-full",o?"bg-destructive/10 text-destructive":"bg-muted/50 text-foreground"),children:[o&&e.jsx("div",{children:o}),n]})]})};exports.Tool=y;exports.ToolContent=O;exports.ToolHeader=w;exports.ToolInput=T;exports.ToolOutput=q;exports.getStatusBadge=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("@radix-ui/react-use-controllable-state"),a=require("lucide-react"),l=require("react"),v=require("../ui/badge.cjs"),N=require("../ui/banner.cjs"),m=require("../ui/code-block.cjs"),x=require("../ui/collapsible.cjs"),i=require("../../lib/utils.cjs"),y=1e3,I=({className:s,isStreaming:t=!1,open:o,onOpenChange:r,defaultOpen:n,...u})=>{const[c,d]=h.useControllableState({defaultProp:n??!0,onChange:r,prop:o}),g=l.useRef(t),[f,C]=l.useState(!1);l.useEffect(()=>{t&&(g.current=!0)},[t]),l.useEffect(()=>{if(g.current&&!t&&c&&!f){const p=setTimeout(()=>{d(!1),C(!0)},y);return()=>clearTimeout(p)}},[t,c,d,f]);const b=l.useCallback(p=>d(p),[d]);return e.jsx(x.Collapsible,{className:i.cn("group not-prose mb-4 w-full rounded-md border bg-background",s),onOpenChange:b,open:c,...u})},k={"approval-requested":"Awaiting Approval","approval-responded":"Responded","input-available":"Running","input-streaming":"Pending","output-available":"Completed","output-denied":"Denied","output-error":"Error"},w={"approval-requested":e.jsx(a.ClockIcon,{className:"size-4 text-yellow-600"}),"approval-responded":e.jsx(a.CheckCircleIcon,{className:"size-4 text-blue-600"}),"input-available":e.jsx(a.ClockIcon,{className:"size-4 animate-pulse"}),"input-streaming":e.jsx(a.CircleIcon,{className:"size-4"}),"output-available":e.jsx(a.CheckCircleIcon,{className:"size-4 text-green-600"}),"output-denied":e.jsx(a.XCircleIcon,{className:"size-4 text-orange-600"}),"output-error":e.jsx(a.XCircleIcon,{className:"size-4 text-red-600"})},j=s=>e.jsxs(v.Badge,{className:"gap-1.5 rounded-full text-xs",variant:"secondary",children:[w[s],k[s]]}),O=({className:s,title:t,type:o,state:r,toolName:n,...u})=>{const c=o==="dynamic-tool"?n:o.split("-").slice(1).join("-");return e.jsxs(x.CollapsibleTrigger,{className:i.cn("flex w-full items-center justify-between gap-4 p-3",s),...u,children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(a.WrenchIcon,{className:"size-4 text-muted-foreground"}),e.jsx("span",{className:"font-medium text-sm",children:t??c}),j(r)]}),e.jsx(a.ChevronDownIcon,{className:"size-4 text-muted-foreground opacity-0 transition-all group-focus-within:opacity-100 group-hover:opacity-100 group-data-[state=open]:rotate-180 group-data-[state=open]:opacity-100","data-slot":"collapsible-chevron"})]})},T=({className:s,...t})=>e.jsx(x.CollapsibleContent,{className:i.cn("data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 space-y-4 p-4 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in",s),...t}),q=({className:s,input:t,...o})=>e.jsxs("div",{className:i.cn("space-y-2 overflow-hidden",s),...o,children:[e.jsx("h4",{className:"font-medium text-muted-foreground text-xs uppercase tracking-wide",children:"Parameters"}),e.jsx("div",{className:"rounded-md bg-muted/50",children:e.jsx(m.CodeBlock,{code:JSON.stringify(t,null,2),language:"json"})})]}),z=({className:s,output:t,errorText:o,...r})=>{if(!(t||o))return null;let n=e.jsx("div",{children:t});return typeof t=="object"&&!l.isValidElement(t)?n=e.jsx(m.CodeBlock,{code:JSON.stringify(t,null,2),language:"json"}):typeof t=="string"&&(n=e.jsx(m.CodeBlock,{code:t,language:"json"})),e.jsxs("div",{className:i.cn("space-y-2",s),...r,children:[e.jsx("h4",{className:"font-medium text-muted-foreground text-xs uppercase tracking-wide",children:o?"Error":"Result"}),o?e.jsx(N.Banner,{variant:"destructive",description:o,className:"rounded-md text-xs"}):e.jsx("div",{className:"overflow-x-auto rounded-md bg-muted/50 text-foreground text-xs [&_table]:w-full",children:n})]})};exports.Tool=I;exports.ToolContent=T;exports.ToolHeader=O;exports.ToolInput=q;exports.ToolOutput=z;exports.getStatusBadge=j;
 //# sourceMappingURL=tool.cjs.map

package/dist/components/ai/tool.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tool.cjs","sources":["../../../src/components/ai/tool.tsx"],"sourcesContent":["import { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport {\n  CheckCircleIcon,\n  ChevronDownIcon,\n  CircleIcon,\n  ClockIcon,\n  WrenchIcon,\n  XCircleIcon,\n} from \"lucide-react\";\nimport { isValidElement, useCallback, useEffect, useRef, useState } from \"react\";\n\n\nimport type { DynamicToolUIPart, ToolUIPart } from \"ai\";\nimport type { ComponentProps, ReactNode } from \"react\";\n\nimport { Badge } from \"@/components/ui/badge\";\nimport { CodeBlock } from \"@/components/ui/code-block\";\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\";\nimport { cn } from \"@/lib/utils\";\n\n\n\n\nconst AUTO_CLOSE_DELAY = 1000;\n\nexport type ToolProps = ComponentProps<typeof Collapsible> & {\n  isStreaming?: boolean;\n};\n\nexport const Tool = ({\n  className,\n  isStreaming = false,\n  open,\n  onOpenChange,\n  defaultOpen,\n  ...props\n}: ToolProps) => {\n  const [isOpen, setIsOpen] = useControllableState<boolean>({\n    defaultProp: defaultOpen ?? true,\n    onChange: onOpenChange,\n    prop: open,\n  });\n\n  const hasEverStreamedRef = useRef(isStreaming);\n  const [hasAutoClosed, setHasAutoClosed] = useState(false);\n\n  useEffect(() => {\n    if (isStreaming) hasEverStreamedRef.current = true;\n  }, [isStreaming]);\n\n  useEffect(() => {\n    if (hasEverStreamedRef.current && !isStreaming && isOpen && !hasAutoClosed) {\n      const timer = setTimeout(() => {\n        setIsOpen(false);\n        setHasAutoClosed(true);\n      }, AUTO_CLOSE_DELAY);\n      return () => clearTimeout(timer);\n    }\n  }, [isStreaming, isOpen, setIsOpen, hasAutoClosed]);\n\n  const handleOpenChange = useCallback(\n    (newOpen: boolean) => setIsOpen(newOpen),\n    [setIsOpen]\n  );\n\n  return (\n    <Collapsible\n      className={cn(\"group not-prose mb-4 w-full rounded-md border bg-background\", className)}\n      onOpenChange={handleOpenChange}\n      open={isOpen}\n      {...props}\n    />\n  );\n};\n\nexport type ToolPart = ToolUIPart | DynamicToolUIPart;\n\nexport type ToolHeaderProps = {\n  title?: string;\n  className?: string;\n} & (\n  | { type: ToolUIPart[\"type\"]; state: ToolUIPart[\"state\"]; toolName?: never }\n  | {\n      type: DynamicToolUIPart[\"type\"];\n      state: DynamicToolUIPart[\"state\"];\n      toolName: string;\n    }\n);\n\nconst statusLabels: Record<ToolPart[\"state\"], string> = {\n  \"approval-requested\": \"Awaiting Approval\",\n  \"approval-responded\": \"Responded\",\n  \"input-available\": \"Running\",\n  \"input-streaming\": \"Pending\",\n  \"output-available\": \"Completed\",\n  \"output-denied\": \"Denied\",\n  \"output-error\": \"Error\",\n};\n\nconst statusIcons: Record<ToolPart[\"state\"], ReactNode> = {\n  \"approval-requested\": <ClockIcon className=\"size-4 text-yellow-600\" />,\n  \"approval-responded\": <CheckCircleIcon className=\"size-4 text-blue-600\" />,\n  \"input-available\": <ClockIcon className=\"size-4 animate-pulse\" />,\n  \"input-streaming\": <CircleIcon className=\"size-4\" />,\n  \"output-available\": <CheckCircleIcon className=\"size-4 text-green-600\" />,\n  \"output-denied\": <XCircleIcon className=\"size-4 text-orange-600\" />,\n  \"output-error\": <XCircleIcon className=\"size-4 text-red-600\" />,\n};\n\nexport const getStatusBadge = (status: ToolPart[\"state\"]) => (\n  <Badge className=\"gap-1.5 rounded-full text-xs\" variant=\"secondary\">\n    {statusIcons[status]}\n    {statusLabels[status]}\n  </Badge>\n);\n\nexport const ToolHeader = ({\n  className,\n  title,\n  type,\n  state,\n  toolName,\n  ...props\n}: ToolHeaderProps) => {\n  const derivedName =\n    type === \"dynamic-tool\" ? toolName : type.split(\"-\").slice(1).join(\"-\");\n\n  return (\n    <CollapsibleTrigger\n      className={cn(\n        \"flex w-full items-center justify-between gap-4 p-3\",\n        className\n      )}\n      {...props}\n    >\n      <div className=\"flex items-center gap-2\">\n        <WrenchIcon className=\"size-4 text-muted-foreground\" />\n        <span className=\"font-medium text-sm\">{title ?? derivedName}</span>\n        {getStatusBadge(state)}\n      </div>\n      <ChevronDownIcon\n        className=\"size-4 text-muted-foreground opacity-0 transition-all group-focus-within:opacity-100 group-hover:opacity-100 group-data-[state=open]:rotate-180 group-data-[state=open]:opacity-100\"\n        data-slot=\"collapsible-chevron\"\n      />\n    </CollapsibleTrigger>\n  );\n};\n\nexport type ToolContentProps = ComponentProps<typeof CollapsibleContent>;\n\nexport const ToolContent = ({ className, ...props }: ToolContentProps) => (\n  <CollapsibleContent\n    className={cn(\n      \"data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 space-y-4 p-4 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in\",\n      className\n    )}\n    {...props}\n  />\n);\n\nexport type ToolInputProps = ComponentProps<\"div\"> & {\n  input: ToolPart[\"input\"];\n};\n\nexport const ToolInput = ({ className, input, ...props }: ToolInputProps) => (\n  <div className={cn(\"space-y-2 overflow-hidden\", className)} {...props}>\n    <h4 className=\"font-medium text-muted-foreground text-xs uppercase tracking-wide\">\n      Parameters\n    </h4>\n    <div className=\"rounded-md bg-muted/50\">\n      <CodeBlock code={JSON.stringify(input, null, 2)} language=\"json\" />\n    </div>\n  </div>\n);\n\nexport type ToolOutputProps = ComponentProps<\"div\"> & {\n  output: ToolPart[\"output\"];\n  errorText: ToolPart[\"errorText\"];\n};\n\nexport const ToolOutput = ({\n  className,\n  output,\n  errorText,\n  ...props\n}: ToolOutputProps) => {\n  if (!(output || errorText)) {\n    return null;\n  }\n\n  let Output = <div>{output as ReactNode}</div>;\n\n  if (typeof output === \"object\" && !isValidElement(output)) {\n    Output = (\n      <CodeBlock code={JSON.stringify(output, null, 2)} language=\"json\" />\n    );\n  } else if (typeof output === \"string\") {\n    Output = <CodeBlock code={output} language=\"json\" />;\n  }\n\n  return (\n    <div className={cn(\"space-y-2\", className)} {...props}>\n      <h4 className=\"font-medium text-muted-foreground text-xs uppercase tracking-wide\">\n        {errorText ? \"Error\" : \"Result\"}\n      </h4>\n      <div\n        className={cn(\n          \"overflow-x-auto rounded-md text-xs [&_table]:w-full\",\n          errorText\n            ? \"bg-destructive/10 text-destructive\"\n            : \"bg-muted/50 text-foreground\"\n        )}\n      >\n        {errorText && <div>{errorText}</div>}\n        {Output}\n      </div>\n    </div>\n  );\n};\n"],"names":["AUTO_CLOSE_DELAY","Tool","className","isStreaming","open","onOpenChange","defaultOpen","props","isOpen","setIsOpen","useControllableState","hasEverStreamedRef","useRef","hasAutoClosed","setHasAutoClosed","useState","useEffect","timer","handleOpenChange","useCallback","newOpen","jsx","Collapsible","cn","statusLabels","statusIcons","ClockIcon","CheckCircleIcon","CircleIcon","XCircleIcon","getStatusBadge","status","jsxs","Badge","ToolHeader","title","type","state","toolName","derivedName","CollapsibleTrigger","WrenchIcon","ChevronDownIcon","ToolContent","CollapsibleContent","ToolInput","input","CodeBlock","ToolOutput","output","errorText","Output","isValidElement"],"mappings":"yVA2BMA,EAAmB,IAMZC,EAAO,CAAC,CACnB,UAAAC,EACA,YAAAC,EAAc,GACd,KAAAC,EACA,aAAAC,EACA,YAAAC,EACA,GAAGC,CACL,IAAiB,CACf,KAAM,CAACC,EAAQC,CAAS,EAAIC,uBAA8B,CACxD,YAAaJ,GAAe,GAC5B,SAAUD,EACV,KAAMD,CAAA,CACP,EAEKO,EAAqBC,EAAAA,OAAOT,CAAW,EACvC,CAACU,EAAeC,CAAgB,EAAIC,EAAAA,SAAS,EAAK,EAExDC,EAAAA,UAAU,IAAM,CACVb,MAAgC,QAAU,GAChD,EAAG,CAACA,CAAW,CAAC,EAEhBa,EAAAA,UAAU,IAAM,CACd,GAAIL,EAAmB,SAAW,CAACR,GAAeK,GAAU,CAACK,EAAe,CAC1E,MAAMI,EAAQ,WAAW,IAAM,CAC7BR,EAAU,EAAK,EACfK,EAAiB,EAAI,CACvB,EAAGd,CAAgB,EACnB,MAAO,IAAM,aAAaiB,CAAK,CACjC,CACF,EAAG,CAACd,EAAaK,EAAQC,EAAWI,CAAa,CAAC,EAElD,MAAMK,EAAmBC,EAAAA,YACtBC,GAAqBX,EAAUW,CAAO,EACvC,CAACX,CAAS,CAAA,EAGZ,OACEY,EAAAA,IAACC,EAAAA,YAAA,CACC,UAAWC,EAAAA,GAAG,8DAA+DrB,CAAS,EACtF,aAAcgB,EACd,KAAMV,EACL,GAAGD,CAAA,CAAA,CAGV,EAgBMiB,EAAkD,CACtD,qBAAsB,oBACtB,qBAAsB,YACtB,kBAAmB,UACnB,kBAAmB,UACnB,mBAAoB,YACpB,gBAAiB,SACjB,eAAgB,OAClB,EAEMC,EAAoD,CACxD,qBAAsBJ,EAAAA,IAACK,EAAAA,UAAA,CAAU,UAAU,wBAAA,CAAyB,EACpE,qBAAsBL,EAAAA,IAACM,EAAAA,gBAAA,CAAgB,UAAU,sBAAA,CAAuB,EACxE,kBAAmBN,EAAAA,IAACK,EAAAA,UAAA,CAAU,UAAU,sBAAA,CAAuB,EAC/D,kBAAmBL,EAAAA,IAACO,EAAAA,WAAA,CAAW,UAAU,QAAA,CAAS,EAClD,mBAAoBP,EAAAA,IAACM,EAAAA,gBAAA,CAAgB,UAAU,uBAAA,CAAwB,EACvE,gBAAiBN,EAAAA,IAACQ,EAAAA,YAAA,CAAY,UAAU,wBAAA,CAAyB,EACjE,eAAgBR,EAAAA,IAACQ,EAAAA,YAAA,CAAY,UAAU,qBAAA,CAAsB,CAC/D,EAEaC,EAAkBC,GAC7BC,EAAAA,KAACC,EAAAA,OAAM,UAAU,+BAA+B,QAAQ,YACrD,SAAA,CAAAR,EAAYM,CAAM,EAClBP,EAAaO,CAAM,CAAA,CAAA,CACtB,EAGWG,EAAa,CAAC,CACzB,UAAAhC,EACA,MAAAiC,EACA,KAAAC,EACA,MAAAC,EACA,SAAAC,EACA,GAAG/B,CACL,IAAuB,CACrB,MAAMgC,EACJH,IAAS,eAAiBE,EAAWF,EAAK,MAAM,GAAG,EAAE,MAAM,CAAC,EAAE,KAAK,GAAG,EAExE,OACEJ,EAAAA,KAACQ,EAAAA,mBAAA,CACC,UAAWjB,EAAAA,GACT,qDACArB,CAAA,EAED,GAAGK,EAEJ,SAAA,CAAAyB,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAX,EAAAA,IAACoB,EAAAA,WAAA,CAAW,UAAU,8BAAA,CAA+B,EACrDpB,EAAAA,IAAC,OAAA,CAAK,UAAU,sBAAuB,YAASkB,EAAY,EAC3DT,EAAeO,CAAK,CAAA,EACvB,EACAhB,EAAAA,IAACqB,EAAAA,gBAAA,CACC,UAAU,sLACV,YAAU,qBAAA,CAAA,CACZ,CAAA,CAAA,CAGN,EAIaC,EAAc,CAAC,CAAE,UAAAzC,EAAW,GAAGK,KAC1Cc,EAAAA,IAACuB,EAAAA,mBAAA,CACC,UAAWrB,EAAAA,GACT,8NACArB,CAAA,EAED,GAAGK,CAAA,CACN,EAOWsC,EAAY,CAAC,CAAE,UAAA3C,EAAW,MAAA4C,EAAO,GAAGvC,CAAA,IAC/CyB,OAAC,MAAA,CAAI,UAAWT,EAAAA,GAAG,4BAA6BrB,CAAS,EAAI,GAAGK,EAC9D,SAAA,CAAAc,EAAAA,IAAC,KAAA,CAAG,UAAU,oEAAoE,SAAA,aAElF,EACAA,EAAAA,IAAC,MAAA,CAAI,UAAU,yBACb,eAAC0B,EAAAA,UAAA,CAAU,KAAM,KAAK,UAAUD,EAAO,KAAM,CAAC,EAAG,SAAS,OAAO,CAAA,CACnE,CAAA,CAAA,CACF,EAQWE,EAAa,CAAC,CACzB,UAAA9C,EACA,OAAA+C,EACA,UAAAC,EACA,GAAG3C,CACL,IAAuB,CACrB,GAAI,EAAE0C,GAAUC,GACd,OAAO,KAGT,IAAIC,EAAS9B,EAAAA,IAAC,MAAA,CAAK,SAAA4B,CAAA,CAAoB,EAEvC,OAAI,OAAOA,GAAW,UAAY,CAACG,EAAAA,eAAeH,CAAM,EACtDE,EACE9B,EAAAA,IAAC0B,EAAAA,UAAA,CAAU,KAAM,KAAK,UAAUE,EAAQ,KAAM,CAAC,EAAG,SAAS,MAAA,CAAO,EAE3D,OAAOA,GAAW,WAC3BE,EAAS9B,EAAAA,IAAC0B,YAAA,CAAU,KAAME,EAAQ,SAAS,OAAO,GAIlDjB,EAAAA,KAAC,OAAI,UAAWT,EAAAA,GAAG,YAAarB,CAAS,EAAI,GAAGK,EAC9C,SAAA,CAAAc,MAAC,KAAA,CAAG,UAAU,oEACX,SAAA6B,EAAY,QAAU,SACzB,EACAlB,EAAAA,KAAC,MAAA,CACC,UAAWT,EAAAA,GACT,sDACA2B,EACI,qCACA,6BAAA,EAGL,SAAA,CAAAA,GAAa7B,EAAAA,IAAC,OAAK,SAAA6B,CAAA,CAAU,EAC7BC,CAAA,CAAA,CAAA,CACH,EACF,CAEJ"}
+{"version":3,"file":"tool.cjs","sources":["../../../src/components/ai/tool.tsx"],"sourcesContent":["import { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport {\n  CheckCircleIcon,\n  ChevronDownIcon,\n  CircleIcon,\n  ClockIcon,\n  WrenchIcon,\n  XCircleIcon,\n} from \"lucide-react\";\nimport { isValidElement, useCallback, useEffect, useRef, useState } from \"react\";\n\n\nimport type { DynamicToolUIPart, ToolUIPart } from \"ai\";\nimport type { ComponentProps, ReactNode } from \"react\";\n\nimport { Badge } from \"@/components/ui/badge\";\nimport { Banner } from \"@/components/ui/banner\";\nimport { CodeBlock } from \"@/components/ui/code-block\";\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\";\nimport { cn } from \"@/lib/utils\";\n\n\n\n\nconst AUTO_CLOSE_DELAY = 1000;\n\nexport type ToolProps = ComponentProps<typeof Collapsible> & {\n  isStreaming?: boolean;\n};\n\nexport const Tool = ({\n  className,\n  isStreaming = false,\n  open,\n  onOpenChange,\n  defaultOpen,\n  ...props\n}: ToolProps) => {\n  const [isOpen, setIsOpen] = useControllableState<boolean>({\n    defaultProp: defaultOpen ?? true,\n    onChange: onOpenChange,\n    prop: open,\n  });\n\n  const hasEverStreamedRef = useRef(isStreaming);\n  const [hasAutoClosed, setHasAutoClosed] = useState(false);\n\n  useEffect(() => {\n    if (isStreaming) hasEverStreamedRef.current = true;\n  }, [isStreaming]);\n\n  useEffect(() => {\n    if (hasEverStreamedRef.current && !isStreaming && isOpen && !hasAutoClosed) {\n      const timer = setTimeout(() => {\n        setIsOpen(false);\n        setHasAutoClosed(true);\n      }, AUTO_CLOSE_DELAY);\n      return () => clearTimeout(timer);\n    }\n  }, [isStreaming, isOpen, setIsOpen, hasAutoClosed]);\n\n  const handleOpenChange = useCallback(\n    (newOpen: boolean) => setIsOpen(newOpen),\n    [setIsOpen]\n  );\n\n  return (\n    <Collapsible\n      className={cn(\"group not-prose mb-4 w-full rounded-md border bg-background\", className)}\n      onOpenChange={handleOpenChange}\n      open={isOpen}\n      {...props}\n    />\n  );\n};\n\nexport type ToolPart = ToolUIPart | DynamicToolUIPart;\n\nexport type ToolHeaderProps = {\n  title?: string;\n  className?: string;\n} & (\n  | { type: ToolUIPart[\"type\"]; state: ToolUIPart[\"state\"]; toolName?: never }\n  | {\n      type: DynamicToolUIPart[\"type\"];\n      state: DynamicToolUIPart[\"state\"];\n      toolName: string;\n    }\n);\n\nconst statusLabels: Record<ToolPart[\"state\"], string> = {\n  \"approval-requested\": \"Awaiting Approval\",\n  \"approval-responded\": \"Responded\",\n  \"input-available\": \"Running\",\n  \"input-streaming\": \"Pending\",\n  \"output-available\": \"Completed\",\n  \"output-denied\": \"Denied\",\n  \"output-error\": \"Error\",\n};\n\nconst statusIcons: Record<ToolPart[\"state\"], ReactNode> = {\n  \"approval-requested\": <ClockIcon className=\"size-4 text-yellow-600\" />,\n  \"approval-responded\": <CheckCircleIcon className=\"size-4 text-blue-600\" />,\n  \"input-available\": <ClockIcon className=\"size-4 animate-pulse\" />,\n  \"input-streaming\": <CircleIcon className=\"size-4\" />,\n  \"output-available\": <CheckCircleIcon className=\"size-4 text-green-600\" />,\n  \"output-denied\": <XCircleIcon className=\"size-4 text-orange-600\" />,\n  \"output-error\": <XCircleIcon className=\"size-4 text-red-600\" />,\n};\n\nexport const getStatusBadge = (status: ToolPart[\"state\"]) => (\n  <Badge className=\"gap-1.5 rounded-full text-xs\" variant=\"secondary\">\n    {statusIcons[status]}\n    {statusLabels[status]}\n  </Badge>\n);\n\nexport const ToolHeader = ({\n  className,\n  title,\n  type,\n  state,\n  toolName,\n  ...props\n}: ToolHeaderProps) => {\n  const derivedName =\n    type === \"dynamic-tool\" ? toolName : type.split(\"-\").slice(1).join(\"-\");\n\n  return (\n    <CollapsibleTrigger\n      className={cn(\n        \"flex w-full items-center justify-between gap-4 p-3\",\n        className\n      )}\n      {...props}\n    >\n      <div className=\"flex items-center gap-2\">\n        <WrenchIcon className=\"size-4 text-muted-foreground\" />\n        <span className=\"font-medium text-sm\">{title ?? derivedName}</span>\n        {getStatusBadge(state)}\n      </div>\n      <ChevronDownIcon\n        className=\"size-4 text-muted-foreground opacity-0 transition-all group-focus-within:opacity-100 group-hover:opacity-100 group-data-[state=open]:rotate-180 group-data-[state=open]:opacity-100\"\n        data-slot=\"collapsible-chevron\"\n      />\n    </CollapsibleTrigger>\n  );\n};\n\nexport type ToolContentProps = ComponentProps<typeof CollapsibleContent>;\n\nexport const ToolContent = ({ className, ...props }: ToolContentProps) => (\n  <CollapsibleContent\n    className={cn(\n      \"data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 space-y-4 p-4 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in\",\n      className\n    )}\n    {...props}\n  />\n);\n\nexport type ToolInputProps = ComponentProps<\"div\"> & {\n  input: ToolPart[\"input\"];\n};\n\nexport const ToolInput = ({ className, input, ...props }: ToolInputProps) => (\n  <div className={cn(\"space-y-2 overflow-hidden\", className)} {...props}>\n    <h4 className=\"font-medium text-muted-foreground text-xs uppercase tracking-wide\">\n      Parameters\n    </h4>\n    <div className=\"rounded-md bg-muted/50\">\n      <CodeBlock code={JSON.stringify(input, null, 2)} language=\"json\" />\n    </div>\n  </div>\n);\n\nexport type ToolOutputProps = ComponentProps<\"div\"> & {\n  output: ToolPart[\"output\"];\n  errorText: ToolPart[\"errorText\"];\n};\n\nexport const ToolOutput = ({\n  className,\n  output,\n  errorText,\n  ...props\n}: ToolOutputProps) => {\n  if (!(output || errorText)) {\n    return null;\n  }\n\n  let Output = <div>{output as ReactNode}</div>;\n\n  if (typeof output === \"object\" && !isValidElement(output)) {\n    Output = (\n      <CodeBlock code={JSON.stringify(output, null, 2)} language=\"json\" />\n    );\n  } else if (typeof output === \"string\") {\n    Output = <CodeBlock code={output} language=\"json\" />;\n  }\n\n  return (\n    <div className={cn(\"space-y-2\", className)} {...props}>\n      <h4 className=\"font-medium text-muted-foreground text-xs uppercase tracking-wide\">\n        {errorText ? \"Error\" : \"Result\"}\n      </h4>\n      {errorText ? (\n        <Banner\n          variant=\"destructive\"\n          description={errorText}\n          className=\"rounded-md text-xs\"\n        />\n      ) : (\n        <div className=\"overflow-x-auto rounded-md bg-muted/50 text-foreground text-xs [&_table]:w-full\">\n          {Output}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["AUTO_CLOSE_DELAY","Tool","className","isStreaming","open","onOpenChange","defaultOpen","props","isOpen","setIsOpen","useControllableState","hasEverStreamedRef","useRef","hasAutoClosed","setHasAutoClosed","useState","useEffect","timer","handleOpenChange","useCallback","newOpen","jsx","Collapsible","cn","statusLabels","statusIcons","ClockIcon","CheckCircleIcon","CircleIcon","XCircleIcon","getStatusBadge","status","jsxs","Badge","ToolHeader","title","type","state","toolName","derivedName","CollapsibleTrigger","WrenchIcon","ChevronDownIcon","ToolContent","CollapsibleContent","ToolInput","input","CodeBlock","ToolOutput","output","errorText","Output","isValidElement","Banner"],"mappings":"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"}

package/dist/components/ai/tool.js

@@ -1,48 +1,49 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import { useControllableState as C } from "@radix-ui/react-use-controllable-state";
 import { WrenchIcon as y, ChevronDownIcon as w, XCircleIcon as g, CheckCircleIcon as h, CircleIcon as O, ClockIcon as v } from "lucide-react";
-import { useRef as z, useState as I, useEffect as N, useCallback as j, isValidElement as k } from "react";
+import { useRef as z, useState as I, useEffect as x, useCallback as j, isValidElement as k } from "react";
 import { Badge as E } from "../ui/badge.js";
+import { Banner as A } from "../ui/banner.js";
 import { CodeBlock as p } from "../ui/code-block.js";
-import { Collapsible as A, CollapsibleContent as R, CollapsibleTrigger as T } from "../ui/collapsible.js";
-import { cn as l } from "../../lib/utils.js";
-const B = 1e3, X = ({
+import { Collapsible as T, CollapsibleContent as R, CollapsibleTrigger as B } from "../ui/collapsible.js";
+import { cn as i } from "../../lib/utils.js";
+const D = 1e3, F = ({
   className: o,
   isStreaming: t = !1,
   open: a,
-  onOpenChange: r,
+  onOpenChange: n,
   defaultOpen: s,
   ...c
 }) => {
-  const [i, d] = C({
+  const [r, d] = C({
     defaultProp: s ?? !0,
-    onChange: r,
+    onChange: n,
     prop: a
-  }), m = z(t), [f, x] = I(!1);
-  N(() => {
+  }), m = z(t), [f, N] = I(!1);
+  x(() => {
     t && (m.current = !0);
-  }, [t]), N(() => {
-    if (m.current && !t && i && !f) {
+  }, [t]), x(() => {
+    if (m.current && !t && r && !f) {
       const u = setTimeout(() => {
-        d(!1), x(!0);
-      }, B);
+        d(!1), N(!0);
+      }, D);
       return () => clearTimeout(u);
     }
-  }, [t, i, d, f]);
+  }, [t, r, d, f]);
   const b = j(
     (u) => d(u),
     [d]
   );
   return /* @__PURE__ */ e(
-    A,
+    T,
     {
-      className: l("group not-prose mb-4 w-full rounded-md border bg-background", o),
+      className: i("group not-prose mb-4 w-full rounded-md border bg-background", o),
       onOpenChange: b,
-      open: i,
+      open: r,
       ...c
     }
   );
-}, D = {
+}, L = {
   "approval-requested": "Awaiting Approval",
   "approval-responded": "Responded",
   "input-available": "Running",
@@ -50,7 +51,7 @@ const B = 1e3, X = ({
   "output-available": "Completed",
   "output-denied": "Denied",
   "output-error": "Error"
-}, L = {
+}, P = {
   "approval-requested": /* @__PURE__ */ e(v, { className: "size-4 text-yellow-600" }),
   "approval-responded": /* @__PURE__ */ e(h, { className: "size-4 text-blue-600" }),
   "input-available": /* @__PURE__ */ e(v, { className: "size-4 animate-pulse" }),
@@ -58,31 +59,31 @@ const B = 1e3, X = ({
   "output-available": /* @__PURE__ */ e(h, { className: "size-4 text-green-600" }),
   "output-denied": /* @__PURE__ */ e(g, { className: "size-4 text-orange-600" }),
   "output-error": /* @__PURE__ */ e(g, { className: "size-4 text-red-600" })
-}, P = (o) => /* @__PURE__ */ n(E, { className: "gap-1.5 rounded-full text-xs", variant: "secondary", children: [
-  L[o],
-  D[o]
-] }), Y = ({
+}, S = (o) => /* @__PURE__ */ l(E, { className: "gap-1.5 rounded-full text-xs", variant: "secondary", children: [
+  P[o],
+  L[o]
+] }), G = ({
   className: o,
   title: t,
   type: a,
-  state: r,
+  state: n,
   toolName: s,
   ...c
 }) => {
-  const i = a === "dynamic-tool" ? s : a.split("-").slice(1).join("-");
-  return /* @__PURE__ */ n(
-    T,
+  const r = a === "dynamic-tool" ? s : a.split("-").slice(1).join("-");
+  return /* @__PURE__ */ l(
+    B,
     {
-      className: l(
+      className: i(
         "flex w-full items-center justify-between gap-4 p-3",
         o
       ),
       ...c,
       children: [
-        /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ e(y, { className: "size-4 text-muted-foreground" }),
-          /* @__PURE__ */ e("span", { className: "font-medium text-sm", children: t ?? i }),
-          P(r)
+          /* @__PURE__ */ e("span", { className: "font-medium text-sm", children: t ?? r }),
+          S(n)
         ] }),
         /* @__PURE__ */ e(
           w,
@@ -94,50 +95,45 @@ const B = 1e3, X = ({
       ]
     }
   );
-}, F = ({ className: o, ...t }) => /* @__PURE__ */ e(
+}, K = ({ className: o, ...t }) => /* @__PURE__ */ e(
   R,
   {
-    className: l(
+    className: i(
       "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 space-y-4 p-4 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in",
       o
     ),
     ...t
   }
-), G = ({ className: o, input: t, ...a }) => /* @__PURE__ */ n("div", { className: l("space-y-2 overflow-hidden", o), ...a, children: [
+), M = ({ className: o, input: t, ...a }) => /* @__PURE__ */ l("div", { className: i("space-y-2 overflow-hidden", o), ...a, children: [
   /* @__PURE__ */ e("h4", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: "Parameters" }),
   /* @__PURE__ */ e("div", { className: "rounded-md bg-muted/50", children: /* @__PURE__ */ e(p, { code: JSON.stringify(t, null, 2), language: "json" }) })
-] }), K = ({
+] }), Q = ({
   className: o,
   output: t,
   errorText: a,
-  ...r
+  ...n
 }) => {
   if (!(t || a))
     return null;
   let s = /* @__PURE__ */ e("div", { children: t });
-  return typeof t == "object" && !k(t) ? s = /* @__PURE__ */ e(p, { code: JSON.stringify(t, null, 2), language: "json" }) : typeof t == "string" && (s = /* @__PURE__ */ e(p, { code: t, language: "json" })), /* @__PURE__ */ n("div", { className: l("space-y-2", o), ...r, children: [
+  return typeof t == "object" && !k(t) ? s = /* @__PURE__ */ e(p, { code: JSON.stringify(t, null, 2), language: "json" }) : typeof t == "string" && (s = /* @__PURE__ */ e(p, { code: t, language: "json" })), /* @__PURE__ */ l("div", { className: i("space-y-2", o), ...n, children: [
     /* @__PURE__ */ e("h4", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: a ? "Error" : "Result" }),
-    /* @__PURE__ */ n(
-      "div",
+    a ? /* @__PURE__ */ e(
+      A,
       {
-        className: l(
-          "overflow-x-auto rounded-md text-xs [&_table]:w-full",
-          a ? "bg-destructive/10 text-destructive" : "bg-muted/50 text-foreground"
-        ),
-        children: [
-          a && /* @__PURE__ */ e("div", { children: a }),
-          s
-        ]
+        variant: "destructive",
+        description: a,
+        className: "rounded-md text-xs"
       }
-    )
+    ) : /* @__PURE__ */ e("div", { className: "overflow-x-auto rounded-md bg-muted/50 text-foreground text-xs [&_table]:w-full", children: s })
   ] });
 };
 export {
-  X as Tool,
-  F as ToolContent,
-  Y as ToolHeader,
-  G as ToolInput,
-  K as ToolOutput,
-  P as getStatusBadge
+  F as Tool,
+  K as ToolContent,
+  G as ToolHeader,
+  M as ToolInput,
+  Q as ToolOutput,
+  S as getStatusBadge
 };
 //# sourceMappingURL=tool.js.map

package/dist/components/ai/tool.js.map

@@ -1 +1 @@
-{"version":3,"file":"tool.js","sources":["../../../src/components/ai/tool.tsx"],"sourcesContent":["import { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport {\n  CheckCircleIcon,\n  ChevronDownIcon,\n  CircleIcon,\n  ClockIcon,\n  WrenchIcon,\n  XCircleIcon,\n} from \"lucide-react\";\nimport { isValidElement, useCallback, useEffect, useRef, useState } from \"react\";\n\n\nimport type { DynamicToolUIPart, ToolUIPart } from \"ai\";\nimport type { ComponentProps, ReactNode } from \"react\";\n\nimport { Badge } from \"@/components/ui/badge\";\nimport { CodeBlock } from \"@/components/ui/code-block\";\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\";\nimport { cn } from \"@/lib/utils\";\n\n\n\n\nconst AUTO_CLOSE_DELAY = 1000;\n\nexport type ToolProps = ComponentProps<typeof Collapsible> & {\n  isStreaming?: boolean;\n};\n\nexport const Tool = ({\n  className,\n  isStreaming = false,\n  open,\n  onOpenChange,\n  defaultOpen,\n  ...props\n}: ToolProps) => {\n  const [isOpen, setIsOpen] = useControllableState<boolean>({\n    defaultProp: defaultOpen ?? true,\n    onChange: onOpenChange,\n    prop: open,\n  });\n\n  const hasEverStreamedRef = useRef(isStreaming);\n  const [hasAutoClosed, setHasAutoClosed] = useState(false);\n\n  useEffect(() => {\n    if (isStreaming) hasEverStreamedRef.current = true;\n  }, [isStreaming]);\n\n  useEffect(() => {\n    if (hasEverStreamedRef.current && !isStreaming && isOpen && !hasAutoClosed) {\n      const timer = setTimeout(() => {\n        setIsOpen(false);\n        setHasAutoClosed(true);\n      }, AUTO_CLOSE_DELAY);\n      return () => clearTimeout(timer);\n    }\n  }, [isStreaming, isOpen, setIsOpen, hasAutoClosed]);\n\n  const handleOpenChange = useCallback(\n    (newOpen: boolean) => setIsOpen(newOpen),\n    [setIsOpen]\n  );\n\n  return (\n    <Collapsible\n      className={cn(\"group not-prose mb-4 w-full rounded-md border bg-background\", className)}\n      onOpenChange={handleOpenChange}\n      open={isOpen}\n      {...props}\n    />\n  );\n};\n\nexport type ToolPart = ToolUIPart | DynamicToolUIPart;\n\nexport type ToolHeaderProps = {\n  title?: string;\n  className?: string;\n} & (\n  | { type: ToolUIPart[\"type\"]; state: ToolUIPart[\"state\"]; toolName?: never }\n  | {\n      type: DynamicToolUIPart[\"type\"];\n      state: DynamicToolUIPart[\"state\"];\n      toolName: string;\n    }\n);\n\nconst statusLabels: Record<ToolPart[\"state\"], string> = {\n  \"approval-requested\": \"Awaiting Approval\",\n  \"approval-responded\": \"Responded\",\n  \"input-available\": \"Running\",\n  \"input-streaming\": \"Pending\",\n  \"output-available\": \"Completed\",\n  \"output-denied\": \"Denied\",\n  \"output-error\": \"Error\",\n};\n\nconst statusIcons: Record<ToolPart[\"state\"], ReactNode> = {\n  \"approval-requested\": <ClockIcon className=\"size-4 text-yellow-600\" />,\n  \"approval-responded\": <CheckCircleIcon className=\"size-4 text-blue-600\" />,\n  \"input-available\": <ClockIcon className=\"size-4 animate-pulse\" />,\n  \"input-streaming\": <CircleIcon className=\"size-4\" />,\n  \"output-available\": <CheckCircleIcon className=\"size-4 text-green-600\" />,\n  \"output-denied\": <XCircleIcon className=\"size-4 text-orange-600\" />,\n  \"output-error\": <XCircleIcon className=\"size-4 text-red-600\" />,\n};\n\nexport const getStatusBadge = (status: ToolPart[\"state\"]) => (\n  <Badge className=\"gap-1.5 rounded-full text-xs\" variant=\"secondary\">\n    {statusIcons[status]}\n    {statusLabels[status]}\n  </Badge>\n);\n\nexport const ToolHeader = ({\n  className,\n  title,\n  type,\n  state,\n  toolName,\n  ...props\n}: ToolHeaderProps) => {\n  const derivedName =\n    type === \"dynamic-tool\" ? toolName : type.split(\"-\").slice(1).join(\"-\");\n\n  return (\n    <CollapsibleTrigger\n      className={cn(\n        \"flex w-full items-center justify-between gap-4 p-3\",\n        className\n      )}\n      {...props}\n    >\n      <div className=\"flex items-center gap-2\">\n        <WrenchIcon className=\"size-4 text-muted-foreground\" />\n        <span className=\"font-medium text-sm\">{title ?? derivedName}</span>\n        {getStatusBadge(state)}\n      </div>\n      <ChevronDownIcon\n        className=\"size-4 text-muted-foreground opacity-0 transition-all group-focus-within:opacity-100 group-hover:opacity-100 group-data-[state=open]:rotate-180 group-data-[state=open]:opacity-100\"\n        data-slot=\"collapsible-chevron\"\n      />\n    </CollapsibleTrigger>\n  );\n};\n\nexport type ToolContentProps = ComponentProps<typeof CollapsibleContent>;\n\nexport const ToolContent = ({ className, ...props }: ToolContentProps) => (\n  <CollapsibleContent\n    className={cn(\n      \"data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 space-y-4 p-4 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in\",\n      className\n    )}\n    {...props}\n  />\n);\n\nexport type ToolInputProps = ComponentProps<\"div\"> & {\n  input: ToolPart[\"input\"];\n};\n\nexport const ToolInput = ({ className, input, ...props }: ToolInputProps) => (\n  <div className={cn(\"space-y-2 overflow-hidden\", className)} {...props}>\n    <h4 className=\"font-medium text-muted-foreground text-xs uppercase tracking-wide\">\n      Parameters\n    </h4>\n    <div className=\"rounded-md bg-muted/50\">\n      <CodeBlock code={JSON.stringify(input, null, 2)} language=\"json\" />\n    </div>\n  </div>\n);\n\nexport type ToolOutputProps = ComponentProps<\"div\"> & {\n  output: ToolPart[\"output\"];\n  errorText: ToolPart[\"errorText\"];\n};\n\nexport const ToolOutput = ({\n  className,\n  output,\n  errorText,\n  ...props\n}: ToolOutputProps) => {\n  if (!(output || errorText)) {\n    return null;\n  }\n\n  let Output = <div>{output as ReactNode}</div>;\n\n  if (typeof output === \"object\" && !isValidElement(output)) {\n    Output = (\n      <CodeBlock code={JSON.stringify(output, null, 2)} language=\"json\" />\n    );\n  } else if (typeof output === \"string\") {\n    Output = <CodeBlock code={output} language=\"json\" />;\n  }\n\n  return (\n    <div className={cn(\"space-y-2\", className)} {...props}>\n      <h4 className=\"font-medium text-muted-foreground text-xs uppercase tracking-wide\">\n        {errorText ? \"Error\" : \"Result\"}\n      </h4>\n      <div\n        className={cn(\n          \"overflow-x-auto rounded-md text-xs [&_table]:w-full\",\n          errorText\n            ? \"bg-destructive/10 text-destructive\"\n            : \"bg-muted/50 text-foreground\"\n        )}\n      >\n        {errorText && <div>{errorText}</div>}\n        {Output}\n      </div>\n    </div>\n  );\n};\n"],"names":["AUTO_CLOSE_DELAY","Tool","className","isStreaming","open","onOpenChange","defaultOpen","props","isOpen","setIsOpen","useControllableState","hasEverStreamedRef","useRef","hasAutoClosed","setHasAutoClosed","useState","useEffect","timer","handleOpenChange","useCallback","newOpen","jsx","Collapsible","cn","statusLabels","statusIcons","ClockIcon","CheckCircleIcon","CircleIcon","XCircleIcon","getStatusBadge","status","jsxs","Badge","ToolHeader","title","type","state","toolName","derivedName","CollapsibleTrigger","WrenchIcon","ChevronDownIcon","ToolContent","CollapsibleContent","ToolInput","input","CodeBlock","ToolOutput","output","errorText","Output","isValidElement"],"mappings":"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"}
+{"version":3,"file":"tool.js","sources":["../../../src/components/ai/tool.tsx"],"sourcesContent":["import { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport {\n  CheckCircleIcon,\n  ChevronDownIcon,\n  CircleIcon,\n  ClockIcon,\n  WrenchIcon,\n  XCircleIcon,\n} from \"lucide-react\";\nimport { isValidElement, useCallback, useEffect, useRef, useState } from \"react\";\n\n\nimport type { DynamicToolUIPart, ToolUIPart } from \"ai\";\nimport type { ComponentProps, ReactNode } from \"react\";\n\nimport { Badge } from \"@/components/ui/badge\";\nimport { Banner } from \"@/components/ui/banner\";\nimport { CodeBlock } from \"@/components/ui/code-block\";\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\";\nimport { cn } from \"@/lib/utils\";\n\n\n\n\nconst AUTO_CLOSE_DELAY = 1000;\n\nexport type ToolProps = ComponentProps<typeof Collapsible> & {\n  isStreaming?: boolean;\n};\n\nexport const Tool = ({\n  className,\n  isStreaming = false,\n  open,\n  onOpenChange,\n  defaultOpen,\n  ...props\n}: ToolProps) => {\n  const [isOpen, setIsOpen] = useControllableState<boolean>({\n    defaultProp: defaultOpen ?? true,\n    onChange: onOpenChange,\n    prop: open,\n  });\n\n  const hasEverStreamedRef = useRef(isStreaming);\n  const [hasAutoClosed, setHasAutoClosed] = useState(false);\n\n  useEffect(() => {\n    if (isStreaming) hasEverStreamedRef.current = true;\n  }, [isStreaming]);\n\n  useEffect(() => {\n    if (hasEverStreamedRef.current && !isStreaming && isOpen && !hasAutoClosed) {\n      const timer = setTimeout(() => {\n        setIsOpen(false);\n        setHasAutoClosed(true);\n      }, AUTO_CLOSE_DELAY);\n      return () => clearTimeout(timer);\n    }\n  }, [isStreaming, isOpen, setIsOpen, hasAutoClosed]);\n\n  const handleOpenChange = useCallback(\n    (newOpen: boolean) => setIsOpen(newOpen),\n    [setIsOpen]\n  );\n\n  return (\n    <Collapsible\n      className={cn(\"group not-prose mb-4 w-full rounded-md border bg-background\", className)}\n      onOpenChange={handleOpenChange}\n      open={isOpen}\n      {...props}\n    />\n  );\n};\n\nexport type ToolPart = ToolUIPart | DynamicToolUIPart;\n\nexport type ToolHeaderProps = {\n  title?: string;\n  className?: string;\n} & (\n  | { type: ToolUIPart[\"type\"]; state: ToolUIPart[\"state\"]; toolName?: never }\n  | {\n      type: DynamicToolUIPart[\"type\"];\n      state: DynamicToolUIPart[\"state\"];\n      toolName: string;\n    }\n);\n\nconst statusLabels: Record<ToolPart[\"state\"], string> = {\n  \"approval-requested\": \"Awaiting Approval\",\n  \"approval-responded\": \"Responded\",\n  \"input-available\": \"Running\",\n  \"input-streaming\": \"Pending\",\n  \"output-available\": \"Completed\",\n  \"output-denied\": \"Denied\",\n  \"output-error\": \"Error\",\n};\n\nconst statusIcons: Record<ToolPart[\"state\"], ReactNode> = {\n  \"approval-requested\": <ClockIcon className=\"size-4 text-yellow-600\" />,\n  \"approval-responded\": <CheckCircleIcon className=\"size-4 text-blue-600\" />,\n  \"input-available\": <ClockIcon className=\"size-4 animate-pulse\" />,\n  \"input-streaming\": <CircleIcon className=\"size-4\" />,\n  \"output-available\": <CheckCircleIcon className=\"size-4 text-green-600\" />,\n  \"output-denied\": <XCircleIcon className=\"size-4 text-orange-600\" />,\n  \"output-error\": <XCircleIcon className=\"size-4 text-red-600\" />,\n};\n\nexport const getStatusBadge = (status: ToolPart[\"state\"]) => (\n  <Badge className=\"gap-1.5 rounded-full text-xs\" variant=\"secondary\">\n    {statusIcons[status]}\n    {statusLabels[status]}\n  </Badge>\n);\n\nexport const ToolHeader = ({\n  className,\n  title,\n  type,\n  state,\n  toolName,\n  ...props\n}: ToolHeaderProps) => {\n  const derivedName =\n    type === \"dynamic-tool\" ? toolName : type.split(\"-\").slice(1).join(\"-\");\n\n  return (\n    <CollapsibleTrigger\n      className={cn(\n        \"flex w-full items-center justify-between gap-4 p-3\",\n        className\n      )}\n      {...props}\n    >\n      <div className=\"flex items-center gap-2\">\n        <WrenchIcon className=\"size-4 text-muted-foreground\" />\n        <span className=\"font-medium text-sm\">{title ?? derivedName}</span>\n        {getStatusBadge(state)}\n      </div>\n      <ChevronDownIcon\n        className=\"size-4 text-muted-foreground opacity-0 transition-all group-focus-within:opacity-100 group-hover:opacity-100 group-data-[state=open]:rotate-180 group-data-[state=open]:opacity-100\"\n        data-slot=\"collapsible-chevron\"\n      />\n    </CollapsibleTrigger>\n  );\n};\n\nexport type ToolContentProps = ComponentProps<typeof CollapsibleContent>;\n\nexport const ToolContent = ({ className, ...props }: ToolContentProps) => (\n  <CollapsibleContent\n    className={cn(\n      \"data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 space-y-4 p-4 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in\",\n      className\n    )}\n    {...props}\n  />\n);\n\nexport type ToolInputProps = ComponentProps<\"div\"> & {\n  input: ToolPart[\"input\"];\n};\n\nexport const ToolInput = ({ className, input, ...props }: ToolInputProps) => (\n  <div className={cn(\"space-y-2 overflow-hidden\", className)} {...props}>\n    <h4 className=\"font-medium text-muted-foreground text-xs uppercase tracking-wide\">\n      Parameters\n    </h4>\n    <div className=\"rounded-md bg-muted/50\">\n      <CodeBlock code={JSON.stringify(input, null, 2)} language=\"json\" />\n    </div>\n  </div>\n);\n\nexport type ToolOutputProps = ComponentProps<\"div\"> & {\n  output: ToolPart[\"output\"];\n  errorText: ToolPart[\"errorText\"];\n};\n\nexport const ToolOutput = ({\n  className,\n  output,\n  errorText,\n  ...props\n}: ToolOutputProps) => {\n  if (!(output || errorText)) {\n    return null;\n  }\n\n  let Output = <div>{output as ReactNode}</div>;\n\n  if (typeof output === \"object\" && !isValidElement(output)) {\n    Output = (\n      <CodeBlock code={JSON.stringify(output, null, 2)} language=\"json\" />\n    );\n  } else if (typeof output === \"string\") {\n    Output = <CodeBlock code={output} language=\"json\" />;\n  }\n\n  return (\n    <div className={cn(\"space-y-2\", className)} {...props}>\n      <h4 className=\"font-medium text-muted-foreground text-xs uppercase tracking-wide\">\n        {errorText ? \"Error\" : \"Result\"}\n      </h4>\n      {errorText ? (\n        <Banner\n          variant=\"destructive\"\n          description={errorText}\n          className=\"rounded-md text-xs\"\n        />\n      ) : (\n        <div className=\"overflow-x-auto rounded-md bg-muted/50 text-foreground text-xs [&_table]:w-full\">\n          {Output}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["AUTO_CLOSE_DELAY","Tool","className","isStreaming","open","onOpenChange","defaultOpen","props","isOpen","setIsOpen","useControllableState","hasEverStreamedRef","useRef","hasAutoClosed","setHasAutoClosed","useState","useEffect","timer","handleOpenChange","useCallback","newOpen","jsx","Collapsible","cn","statusLabels","statusIcons","ClockIcon","CheckCircleIcon","CircleIcon","XCircleIcon","getStatusBadge","status","jsxs","Badge","ToolHeader","title","type","state","toolName","derivedName","CollapsibleTrigger","WrenchIcon","ChevronDownIcon","ToolContent","CollapsibleContent","ToolInput","input","CodeBlock","ToolOutput","output","errorText","Output","isValidElement","Banner"],"mappings":"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"}

package/dist/components/ai/use-streamdown-plugins.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react");let n=null,t=null;function i(){return t??=Promise.resolve().then(()=>require("./streamdown-plugins.cjs")).then(e=>(n=e.streamdownPlugins,n)).catch(e=>{throw t=null,n=null,e}),t}function o(){const[e,r]=l.useState(n??void 0);return l.useEffect(()=>{if(e)return;let u=!1;return i().then(s=>{u||r(s)}),()=>{u=!0}},[e]),e}exports.useStreamdownPlugins=o;
+//# sourceMappingURL=use-streamdown-plugins.cjs.map

package/dist/components/ai/use-streamdown-plugins.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-streamdown-plugins.cjs","sources":["../../../src/components/ai/use-streamdown-plugins.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nimport type { PluginConfig } from \"streamdown\";\n\n// Module-level cache so the lazy chunk is fetched once and later mounts get\n// the plugins synchronously on first render (no highlight flash).\nlet cachedPlugins: PluginConfig | null = null;\nlet pluginsPromise: Promise<PluginConfig> | null = null;\n\nfunction loadStreamdownPlugins(): Promise<PluginConfig> {\n  pluginsPromise ??= import(\"./streamdown-plugins\")\n    .then((mod) => {\n      cachedPlugins = mod.streamdownPlugins;\n      return cachedPlugins;\n    })\n    .catch((error) => {\n      pluginsPromise = null;\n      cachedPlugins = null;\n      throw error;\n    });\n  return pluginsPromise;\n}\n\n/**\n * Lazily loads the streamdown plugin set (SW-2007). Markdown renders\n * immediately without plugins; code highlighting, math, and mermaid upgrade\n * in place once the lazy chunk arrives, keeping shiki/KaTeX/mermaid out of\n * the consumer's main bundle.\n */\nexport function useStreamdownPlugins(): PluginConfig | undefined {\n  const [plugins, setPlugins] = useState<PluginConfig | undefined>(\n    cachedPlugins ?? undefined,\n  );\n\n  useEffect(() => {\n    if (plugins) return;\n    let cancelled = false;\n    void loadStreamdownPlugins().then((loaded) => {\n      if (!cancelled) setPlugins(loaded);\n    });\n    return () => {\n      cancelled = true;\n    };\n  }, [plugins]);\n\n  return plugins;\n}\n"],"names":["cachedPlugins","pluginsPromise","loadStreamdownPlugins","mod","error","useStreamdownPlugins","plugins","setPlugins","useState","useEffect","cancelled","loaded"],"mappings":"yGAMA,IAAIA,EAAqC,KACrCC,EAA+C,KAEnD,SAASC,GAA+C,CACtD,OAAAD,IAAmB,QAAA,QAAA,EAAA,KAAA,IAAA,QAAO,0BAAsB,CAAA,EAC7C,KAAME,IACLH,EAAgBG,EAAI,kBACbH,EACR,EACA,MAAOI,GAAU,CAChB,MAAAH,EAAiB,KACjBD,EAAgB,KACVI,CACR,CAAC,EACIH,CACT,CAQO,SAASI,GAAiD,CAC/D,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAC5BR,GAAiB,MAAA,EAGnBS,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAIH,EAAS,OACb,IAAII,EAAY,GAChB,OAAKR,EAAA,EAAwB,KAAMS,GAAW,CACvCD,GAAWH,EAAWI,CAAM,CACnC,CAAC,EACM,IAAM,CACXD,EAAY,EACd,CACF,EAAG,CAACJ,CAAO,CAAC,EAELA,CACT"}