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

package/dist/components/ai/reasoning.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),j=require("@radix-ui/react-use-controllable-state"),M=require("@streamdown/cjk"),P=require("@streamdown/code"),A=require("@streamdown/math"),I=require("@streamdown/mermaid"),b=require("lucide-react"),t=require("react"),S=require("streamdown"),_=require("./shimmer.cjs"),f=require("../ui/collapsible.cjs"),l=require("../../lib/utils.cjs"),T=t.createContext(null),q=()=>{const o=t.useContext(T);if(!o)throw new Error("Reasoning components must be used within Reasoning");return o},z=1e3,L=1e3,v=t.memo(({className:o,isStreaming:e=!1,open:a,defaultOpen:i,onOpenChange:u,duration:d,children:m,...N})=>{const E=i??e,g=i===!1,[r,s]=j.useControllableState({defaultProp:E,onChange:u,prop:a}),[h,x]=j.useControllableState({defaultProp:void 0,prop:d}),C=t.useRef(e),[R,O]=t.useState(!1),c=t.useRef(null);t.useEffect(()=>{e?(C.current=!0,c.current===null&&(c.current=Date.now())):c.current!==null&&(x(Math.ceil((Date.now()-c.current)/L)),c.current=null)},[e,x]),t.useEffect(()=>{e&&!r&&!g&&s(!0)},[e,r,s,g]),t.useEffect(()=>{if(C.current&&!e&&r&&!R){const p=setTimeout(()=>{s(!1),O(!0)},z);return()=>clearTimeout(p)}},[e,r,s,R]);const k=t.useCallback(p=>{s(p)},[s]),D=t.useMemo(()=>({duration:h,isOpen:r,isStreaming:e,setIsOpen:s}),[h,r,e,s]);return n.jsx(T.Provider,{value:D,children:n.jsx(f.Collapsible,{className:l.cn("not-prose mb-4",o),onOpenChange:k,open:r,...N,children:m})})}),U=(o,e)=>o||e===0?n.jsx(_.Shimmer,{duration:1,children:"Thinking..."}):e===void 0?n.jsx("p",{children:"Thought for a few seconds"}):n.jsxs("p",{children:["Thought for ",e," seconds"]}),w=t.memo(({className:o,children:e,getThinkingMessage:a=U,...i})=>{const{isStreaming:u,isOpen:d,duration:m}=q();return n.jsx(f.CollapsibleTrigger,{className:l.cn("group flex w-full items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground",o),...i,children:e??n.jsxs(n.Fragment,{children:[n.jsx(b.BrainIcon,{className:"size-4"}),a(u,m),n.jsx(b.ChevronDownIcon,{className:l.cn("size-4 opacity-0 transition-all group-focus-visible:opacity-100 group-hover:opacity-100",d?"rotate-180 opacity-100":"rotate-0"),"data-slot":"collapsible-chevron"})]})})}),B={cjk:M.cjk,code:P.code,math:A.math,mermaid:I.mermaid},y=t.memo(({className:o,children:e,...a})=>n.jsx(f.CollapsibleContent,{className:l.cn("mt-4 text-sm","data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-muted-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in",o),...a,children:n.jsx(S.Streamdown,{plugins:B,children:e})}));v.displayName="Reasoning";w.displayName="ReasoningTrigger";y.displayName="ReasoningContent";exports.Reasoning=v;exports.ReasoningContent=y;exports.ReasoningTrigger=w;exports.useReasoning=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),b=require("@radix-ui/react-use-controllable-state"),j=require("lucide-react"),t=require("react"),S=require("streamdown"),M=require("./shimmer.cjs"),A=require("./use-streamdown-plugins.cjs"),g=require("../ui/collapsible.cjs"),c=require("../../lib/utils.cjs"),T=t.createContext(null),v=()=>{const o=t.useContext(T);if(!o)throw new Error("Reasoning components must be used within Reasoning");return o},I=1e3,_=1e3,w=t.memo(({className:o,isStreaming:e=!1,open:l,defaultOpen:a,onOpenChange:u,duration:d,children:p,...N})=>{const E=a??e,m=a===!1,[r,s]=b.useControllableState({defaultProp:E,onChange:u,prop:l}),[h,x]=b.useControllableState({defaultProp:void 0,prop:d}),C=t.useRef(e),[R,O]=t.useState(!1),i=t.useRef(null);t.useEffect(()=>{e?(C.current=!0,i.current===null&&(i.current=Date.now())):i.current!==null&&(x(Math.ceil((Date.now()-i.current)/_)),i.current=null)},[e,x]),t.useEffect(()=>{e&&!r&&!m&&s(!0)},[e,r,s,m]),t.useEffect(()=>{if(C.current&&!e&&r&&!R){const f=setTimeout(()=>{s(!1),O(!0)},I);return()=>clearTimeout(f)}},[e,r,s,R]);const D=t.useCallback(f=>{s(f)},[s]),P=t.useMemo(()=>({duration:h,isOpen:r,isStreaming:e,setIsOpen:s}),[h,r,e,s]);return n.jsx(T.Provider,{value:P,children:n.jsx(g.Collapsible,{className:c.cn("not-prose mb-4",o),onOpenChange:D,open:r,...N,children:p})})}),k=(o,e)=>o||e===0?n.jsx(M.Shimmer,{duration:1,children:"Thinking..."}):e===void 0?n.jsx("p",{children:"Thought for a few seconds"}):n.jsxs("p",{children:["Thought for ",e," seconds"]}),y=t.memo(({className:o,children:e,getThinkingMessage:l=k,...a})=>{const{isStreaming:u,isOpen:d,duration:p}=v();return n.jsx(g.CollapsibleTrigger,{className:c.cn("group flex w-full items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground",o),...a,children:e??n.jsxs(n.Fragment,{children:[n.jsx(j.BrainIcon,{className:"size-4"}),l(u,p),n.jsx(j.ChevronDownIcon,{className:c.cn("size-4 opacity-0 transition-all group-focus-visible:opacity-100 group-hover:opacity-100",d?"rotate-180 opacity-100":"rotate-0"),"data-slot":"collapsible-chevron"})]})})}),q=t.memo(({className:o,children:e,...l})=>{const a=A.useStreamdownPlugins();return n.jsx(g.CollapsibleContent,{className:c.cn("mt-4 text-sm","data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-muted-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in",o),...l,children:n.jsx(S.Streamdown,{plugins:a,children:e})})});w.displayName="Reasoning";y.displayName="ReasoningTrigger";q.displayName="ReasoningContent";exports.Reasoning=w;exports.ReasoningContent=q;exports.ReasoningTrigger=y;exports.useReasoning=v;
 //# sourceMappingURL=reasoning.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"reasoning.cjs","sources":["../../../src/components/ai/reasoning.tsx"],"sourcesContent":["import { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { cjk } from \"@streamdown/cjk\";\nimport { code } from \"@streamdown/code\";\nimport { math } from \"@streamdown/math\";\nimport { mermaid } from \"@streamdown/mermaid\";\nimport { BrainIcon, ChevronDownIcon } from \"lucide-react\";\nimport {\n  createContext,\n  memo,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Streamdown } from \"streamdown\";\n\nimport { Shimmer } from \"./shimmer\";\n\nimport type { ComponentProps, ReactNode } from \"react\";\n\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\";\nimport { cn } from \"@/lib/utils\";\n\ninterface ReasoningContextValue {\n  isStreaming: boolean;\n  isOpen: boolean;\n  setIsOpen: (open: boolean) => void;\n  duration: number | undefined;\n}\n\nconst ReasoningContext = createContext<ReasoningContextValue | null>(null);\n\nexport const useReasoning = () => {\n  const context = useContext(ReasoningContext);\n  if (!context) {\n    throw new Error(\"Reasoning components must be used within Reasoning\");\n  }\n  return context;\n};\n\nexport type ReasoningProps = ComponentProps<typeof Collapsible> & {\n  isStreaming?: boolean;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  duration?: number;\n};\n\nconst AUTO_CLOSE_DELAY = 1000;\nconst MS_IN_S = 1000;\n\nexport const Reasoning = memo(\n  ({\n    className,\n    isStreaming = false,\n    open,\n    defaultOpen,\n    onOpenChange,\n    duration: durationProp,\n    children,\n    ...props\n  }: ReasoningProps) => {\n    const resolvedDefaultOpen = defaultOpen ?? isStreaming;\n    // Track if defaultOpen was explicitly set to false (to prevent auto-open)\n    const isExplicitlyClosed = defaultOpen === false;\n\n    const [isOpen, setIsOpen] = useControllableState<boolean>({\n      defaultProp: resolvedDefaultOpen,\n      onChange: onOpenChange,\n      prop: open,\n    });\n    const [duration, setDuration] = useControllableState<number | undefined>({\n      defaultProp: undefined,\n      prop: durationProp,\n    });\n\n    const hasEverStreamedRef = useRef(isStreaming);\n    const [hasAutoClosed, setHasAutoClosed] = useState(false);\n    const startTimeRef = useRef<number | null>(null);\n\n    // Track when streaming starts and compute duration\n    useEffect(() => {\n      if (isStreaming) {\n        hasEverStreamedRef.current = true;\n        if (startTimeRef.current === null) {\n          startTimeRef.current = Date.now();\n        }\n      } else if (startTimeRef.current !== null) {\n        setDuration(Math.ceil((Date.now() - startTimeRef.current) / MS_IN_S));\n        startTimeRef.current = null;\n      }\n    }, [isStreaming, setDuration]);\n\n    // Auto-open when streaming starts (unless explicitly closed)\n    useEffect(() => {\n      if (isStreaming && !isOpen && !isExplicitlyClosed) {\n        setIsOpen(true);\n      }\n    }, [isStreaming, isOpen, setIsOpen, isExplicitlyClosed]);\n\n    // Auto-close when streaming ends (once only, and only if it ever streamed)\n    useEffect(() => {\n      if (\n        hasEverStreamedRef.current &&\n        !isStreaming &&\n        isOpen &&\n        !hasAutoClosed\n      ) {\n        const timer = setTimeout(() => {\n          setIsOpen(false);\n          setHasAutoClosed(true);\n        }, AUTO_CLOSE_DELAY);\n\n        return () => clearTimeout(timer);\n      }\n    }, [isStreaming, isOpen, setIsOpen, hasAutoClosed]);\n\n    const handleOpenChange = useCallback(\n      (newOpen: boolean) => {\n        setIsOpen(newOpen);\n      },\n      [setIsOpen]\n    );\n\n    const contextValue = useMemo(\n      () => ({ duration, isOpen, isStreaming, setIsOpen }),\n      [duration, isOpen, isStreaming, setIsOpen]\n    );\n\n    return (\n      <ReasoningContext.Provider value={contextValue}>\n        <Collapsible\n          className={cn(\"not-prose mb-4\", className)}\n          onOpenChange={handleOpenChange}\n          open={isOpen}\n          {...props}\n        >\n          {children}\n        </Collapsible>\n      </ReasoningContext.Provider>\n    );\n  }\n);\n\nexport type ReasoningTriggerProps = ComponentProps<\n  typeof CollapsibleTrigger\n> & {\n  getThinkingMessage?: (isStreaming: boolean, duration?: number) => ReactNode;\n};\n\nconst defaultGetThinkingMessage = (isStreaming: boolean, duration?: number) => {\n  if (isStreaming || duration === 0) {\n    return <Shimmer duration={1}>Thinking...</Shimmer>;\n  }\n  if (duration === undefined) {\n    return <p>Thought for a few seconds</p>;\n  }\n  return <p>Thought for {duration} seconds</p>;\n};\n\nexport const ReasoningTrigger = memo(\n  ({\n    className,\n    children,\n    getThinkingMessage = defaultGetThinkingMessage,\n    ...props\n  }: ReasoningTriggerProps) => {\n    const { isStreaming, isOpen, duration } = useReasoning();\n\n    return (\n      <CollapsibleTrigger\n        className={cn(\n          \"group flex w-full items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground\",\n          className\n        )}\n        {...props}\n      >\n        {children ?? (\n          <>\n            <BrainIcon className=\"size-4\" />\n            {getThinkingMessage(isStreaming, duration)}\n            <ChevronDownIcon\n              className={cn(\n                \"size-4 opacity-0 transition-all group-focus-visible:opacity-100 group-hover:opacity-100\",\n                isOpen ? \"rotate-180 opacity-100\" : \"rotate-0\"\n              )}\n              data-slot=\"collapsible-chevron\"\n            />\n          </>\n        )}\n      </CollapsibleTrigger>\n    );\n  }\n);\n\nexport type ReasoningContentProps = ComponentProps<\n  typeof CollapsibleContent\n> & {\n  children: string;\n};\n\nconst streamdownPlugins = { cjk, code, math, mermaid };\n\nexport const ReasoningContent = memo(\n  ({ className, children, ...props }: ReasoningContentProps) => (\n    <CollapsibleContent\n      className={cn(\n        \"mt-4 text-sm\",\n        \"data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-muted-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in\",\n        className\n      )}\n      {...props}\n    >\n      <Streamdown plugins={streamdownPlugins}>{children}</Streamdown>\n    </CollapsibleContent>\n  )\n);\n\nReasoning.displayName = \"Reasoning\";\nReasoningTrigger.displayName = \"ReasoningTrigger\";\nReasoningContent.displayName = \"ReasoningContent\";\n"],"names":["ReasoningContext","createContext","useReasoning","context","useContext","AUTO_CLOSE_DELAY","MS_IN_S","Reasoning","memo","className","isStreaming","open","defaultOpen","onOpenChange","durationProp","children","props","resolvedDefaultOpen","isExplicitlyClosed","isOpen","setIsOpen","useControllableState","duration","setDuration","hasEverStreamedRef","useRef","hasAutoClosed","setHasAutoClosed","useState","startTimeRef","useEffect","timer","handleOpenChange","useCallback","newOpen","contextValue","useMemo","jsx","Collapsible","cn","defaultGetThinkingMessage","Shimmer","ReasoningTrigger","getThinkingMessage","CollapsibleTrigger","jsxs","Fragment","BrainIcon","ChevronDownIcon","streamdownPlugins","cjk","code","math","mermaid","ReasoningContent","CollapsibleContent","Streamdown"],"mappings":"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"}
+{"version":3,"file":"reasoning.cjs","sources":["../../../src/components/ai/reasoning.tsx"],"sourcesContent":["import { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { BrainIcon, ChevronDownIcon } from \"lucide-react\";\nimport {\n  createContext,\n  memo,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Streamdown } from \"streamdown\";\n\nimport { Shimmer } from \"./shimmer\";\nimport { useStreamdownPlugins } from \"./use-streamdown-plugins\";\n\nimport type { ComponentProps, ReactNode } from \"react\";\n\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\";\nimport { cn } from \"@/lib/utils\";\n\ninterface ReasoningContextValue {\n  isStreaming: boolean;\n  isOpen: boolean;\n  setIsOpen: (open: boolean) => void;\n  duration: number | undefined;\n}\n\nconst ReasoningContext = createContext<ReasoningContextValue | null>(null);\n\nexport const useReasoning = () => {\n  const context = useContext(ReasoningContext);\n  if (!context) {\n    throw new Error(\"Reasoning components must be used within Reasoning\");\n  }\n  return context;\n};\n\nexport type ReasoningProps = ComponentProps<typeof Collapsible> & {\n  isStreaming?: boolean;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  duration?: number;\n};\n\nconst AUTO_CLOSE_DELAY = 1000;\nconst MS_IN_S = 1000;\n\nexport const Reasoning = memo(\n  ({\n    className,\n    isStreaming = false,\n    open,\n    defaultOpen,\n    onOpenChange,\n    duration: durationProp,\n    children,\n    ...props\n  }: ReasoningProps) => {\n    const resolvedDefaultOpen = defaultOpen ?? isStreaming;\n    // Track if defaultOpen was explicitly set to false (to prevent auto-open)\n    const isExplicitlyClosed = defaultOpen === false;\n\n    const [isOpen, setIsOpen] = useControllableState<boolean>({\n      defaultProp: resolvedDefaultOpen,\n      onChange: onOpenChange,\n      prop: open,\n    });\n    const [duration, setDuration] = useControllableState<number | undefined>({\n      defaultProp: undefined,\n      prop: durationProp,\n    });\n\n    const hasEverStreamedRef = useRef(isStreaming);\n    const [hasAutoClosed, setHasAutoClosed] = useState(false);\n    const startTimeRef = useRef<number | null>(null);\n\n    // Track when streaming starts and compute duration\n    useEffect(() => {\n      if (isStreaming) {\n        hasEverStreamedRef.current = true;\n        if (startTimeRef.current === null) {\n          startTimeRef.current = Date.now();\n        }\n      } else if (startTimeRef.current !== null) {\n        setDuration(Math.ceil((Date.now() - startTimeRef.current) / MS_IN_S));\n        startTimeRef.current = null;\n      }\n    }, [isStreaming, setDuration]);\n\n    // Auto-open when streaming starts (unless explicitly closed)\n    useEffect(() => {\n      if (isStreaming && !isOpen && !isExplicitlyClosed) {\n        setIsOpen(true);\n      }\n    }, [isStreaming, isOpen, setIsOpen, isExplicitlyClosed]);\n\n    // Auto-close when streaming ends (once only, and only if it ever streamed)\n    useEffect(() => {\n      if (\n        hasEverStreamedRef.current &&\n        !isStreaming &&\n        isOpen &&\n        !hasAutoClosed\n      ) {\n        const timer = setTimeout(() => {\n          setIsOpen(false);\n          setHasAutoClosed(true);\n        }, AUTO_CLOSE_DELAY);\n\n        return () => clearTimeout(timer);\n      }\n    }, [isStreaming, isOpen, setIsOpen, hasAutoClosed]);\n\n    const handleOpenChange = useCallback(\n      (newOpen: boolean) => {\n        setIsOpen(newOpen);\n      },\n      [setIsOpen]\n    );\n\n    const contextValue = useMemo(\n      () => ({ duration, isOpen, isStreaming, setIsOpen }),\n      [duration, isOpen, isStreaming, setIsOpen]\n    );\n\n    return (\n      <ReasoningContext.Provider value={contextValue}>\n        <Collapsible\n          className={cn(\"not-prose mb-4\", className)}\n          onOpenChange={handleOpenChange}\n          open={isOpen}\n          {...props}\n        >\n          {children}\n        </Collapsible>\n      </ReasoningContext.Provider>\n    );\n  }\n);\n\nexport type ReasoningTriggerProps = ComponentProps<\n  typeof CollapsibleTrigger\n> & {\n  getThinkingMessage?: (isStreaming: boolean, duration?: number) => ReactNode;\n};\n\nconst defaultGetThinkingMessage = (isStreaming: boolean, duration?: number) => {\n  if (isStreaming || duration === 0) {\n    return <Shimmer duration={1}>Thinking...</Shimmer>;\n  }\n  if (duration === undefined) {\n    return <p>Thought for a few seconds</p>;\n  }\n  return <p>Thought for {duration} seconds</p>;\n};\n\nexport const ReasoningTrigger = memo(\n  ({\n    className,\n    children,\n    getThinkingMessage = defaultGetThinkingMessage,\n    ...props\n  }: ReasoningTriggerProps) => {\n    const { isStreaming, isOpen, duration } = useReasoning();\n\n    return (\n      <CollapsibleTrigger\n        className={cn(\n          \"group flex w-full items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground\",\n          className\n        )}\n        {...props}\n      >\n        {children ?? (\n          <>\n            <BrainIcon className=\"size-4\" />\n            {getThinkingMessage(isStreaming, duration)}\n            <ChevronDownIcon\n              className={cn(\n                \"size-4 opacity-0 transition-all group-focus-visible:opacity-100 group-hover:opacity-100\",\n                isOpen ? \"rotate-180 opacity-100\" : \"rotate-0\"\n              )}\n              data-slot=\"collapsible-chevron\"\n            />\n          </>\n        )}\n      </CollapsibleTrigger>\n    );\n  }\n);\n\nexport type ReasoningContentProps = ComponentProps<\n  typeof CollapsibleContent\n> & {\n  children: string;\n};\n\nexport const ReasoningContent = memo(\n  ({ className, children, ...props }: ReasoningContentProps) => {\n    // Plugins load lazily (SW-2007): markdown streams in immediately and\n    // code/math/mermaid rendering upgrades in place once the chunk arrives.\n    const plugins = useStreamdownPlugins();\n\n    return (\n      <CollapsibleContent\n        className={cn(\n          \"mt-4 text-sm\",\n          \"data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-muted-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in\",\n          className\n        )}\n        {...props}\n      >\n        <Streamdown plugins={plugins}>{children}</Streamdown>\n      </CollapsibleContent>\n    );\n  }\n);\n\nReasoning.displayName = \"Reasoning\";\nReasoningTrigger.displayName = \"ReasoningTrigger\";\nReasoningContent.displayName = \"ReasoningContent\";\n"],"names":["ReasoningContext","createContext","useReasoning","context","useContext","AUTO_CLOSE_DELAY","MS_IN_S","Reasoning","memo","className","isStreaming","open","defaultOpen","onOpenChange","durationProp","children","props","resolvedDefaultOpen","isExplicitlyClosed","isOpen","setIsOpen","useControllableState","duration","setDuration","hasEverStreamedRef","useRef","hasAutoClosed","setHasAutoClosed","useState","startTimeRef","useEffect","timer","handleOpenChange","useCallback","newOpen","contextValue","useMemo","jsx","Collapsible","cn","defaultGetThinkingMessage","Shimmer","ReasoningTrigger","getThinkingMessage","CollapsibleTrigger","jsxs","Fragment","BrainIcon","ChevronDownIcon","ReasoningContent","plugins","useStreamdownPlugins","CollapsibleContent","Streamdown"],"mappings":"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"}

package/dist/components/ai/reasoning.js

@@ -1,98 +1,95 @@
-import { jsx as o, jsxs as w, Fragment as k } from "react/jsx-runtime";
+import { jsx as o, jsxs as w, Fragment as A } from "react/jsx-runtime";
 import { useControllableState as v } from "@radix-ui/react-use-controllable-state";
-import { cjk as A } from "@streamdown/cjk";
-import { code as I } from "@streamdown/code";
-import { math as M } from "@streamdown/math";
-import { mermaid as P } from "@streamdown/mermaid";
-import { BrainIcon as _, ChevronDownIcon as j } from "lucide-react";
-import { createContext as z, memo as f, useRef as T, useState as L, useEffect as d, useCallback as B, useMemo as F, useContext as G } from "react";
-import { Streamdown as H } from "streamdown";
-import { Shimmer as U } from "./shimmer.js";
-import { Collapsible as V, CollapsibleTrigger as Y, CollapsibleContent as q } from "../ui/collapsible.js";
-import { cn as l } from "../../lib/utils.js";
-const b = z(null), J = () => {
-  const t = G(b);
+import { BrainIcon as I, ChevronDownIcon as M } from "lucide-react";
+import { createContext as P, memo as f, useRef as T, useState as _, useEffect as m, useCallback as k, useMemo as j, useContext as z } from "react";
+import { Streamdown as L } from "streamdown";
+import { Shimmer as B } from "./shimmer.js";
+import { useStreamdownPlugins as F } from "./use-streamdown-plugins.js";
+import { Collapsible as G, CollapsibleTrigger as H, CollapsibleContent as S } from "../ui/collapsible.js";
+import { cn as i } from "../../lib/utils.js";
+const b = P(null), U = () => {
+  const t = z(b);
   if (!t)
     throw new Error("Reasoning components must be used within Reasoning");
   return t;
-}, K = 1e3, Q = 1e3, S = f(
+}, V = 1e3, Y = 1e3, q = f(
   ({
     className: t,
     isStreaming: e = !1,
-    open: s,
-    defaultOpen: i,
+    open: a,
+    defaultOpen: s,
     onOpenChange: c,
     duration: u,
-    children: m,
+    children: p,
     ...N
   }) => {
-    const y = i ?? e, h = i === !1, [r, n] = v({
+    const y = s ?? e, h = s === !1, [r, n] = v({
       defaultProp: y,
       onChange: c,
-      prop: s
+      prop: a
     }), [g, C] = v({
       defaultProp: void 0,
       prop: u
-    }), x = T(e), [R, O] = L(!1), a = T(null);
-    d(() => {
-      e ? (x.current = !0, a.current === null && (a.current = Date.now())) : a.current !== null && (C(Math.ceil((Date.now() - a.current) / Q)), a.current = null);
-    }, [e, C]), d(() => {
+    }), x = T(e), [R, O] = _(!1), l = T(null);
+    m(() => {
+      e ? (x.current = !0, l.current === null && (l.current = Date.now())) : l.current !== null && (C(Math.ceil((Date.now() - l.current) / Y)), l.current = null);
+    }, [e, C]), m(() => {
       e && !r && !h && n(!0);
-    }, [e, r, n, h]), d(() => {
+    }, [e, r, n, h]), m(() => {
       if (x.current && !e && r && !R) {
-        const p = setTimeout(() => {
+        const d = setTimeout(() => {
           n(!1), O(!0);
-        }, K);
-        return () => clearTimeout(p);
+        }, V);
+        return () => clearTimeout(d);
       }
     }, [e, r, n, R]);
-    const D = B(
-      (p) => {
-        n(p);
+    const D = k(
+      (d) => {
+        n(d);
       },
       [n]
-    ), E = F(
+    ), E = j(
       () => ({ duration: g, isOpen: r, isStreaming: e, setIsOpen: n }),
       [g, r, e, n]
     );
     return /* @__PURE__ */ o(b.Provider, { value: E, children: /* @__PURE__ */ o(
-      V,
+      G,
       {
-        className: l("not-prose mb-4", t),
+        className: i("not-prose mb-4", t),
         onOpenChange: D,
         open: r,
         ...N,
-        children: m
+        children: p
       }
     ) });
   }
-), W = (t, e) => t || e === 0 ? /* @__PURE__ */ o(U, { duration: 1, children: "Thinking..." }) : e === void 0 ? /* @__PURE__ */ o("p", { children: "Thought for a few seconds" }) : /* @__PURE__ */ w("p", { children: [
+), J = (t, e) => t || e === 0 ? /* @__PURE__ */ o(B, { duration: 1, children: "Thinking..." }) : e === void 0 ? /* @__PURE__ */ o("p", { children: "Thought for a few seconds" }) : /* @__PURE__ */ w("p", { children: [
   "Thought for ",
   e,
   " seconds"
-] }), X = f(
+] }), K = f(
   ({
     className: t,
     children: e,
-    getThinkingMessage: s = W,
-    ...i
+    getThinkingMessage: a = J,
+    ...s
   }) => {
-    const { isStreaming: c, isOpen: u, duration: m } = J();
+    const { isStreaming: c, isOpen: u, duration: p } = U();
     return /* @__PURE__ */ o(
-      Y,
+      H,
       {
-        className: l(
+        className: i(
           "group flex w-full items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground",
           t
         ),
-        ...i,
-        children: e ?? /* @__PURE__ */ w(k, { children: [
-          /* @__PURE__ */ o(_, { className: "size-4" }),
-          s(c, m),
+        ...s,
+        children: e ?? /* @__PURE__ */ w(A, { children: [
+          /* @__PURE__ */ o(I, { className: "size-4" }),
+          a(c, p),
           /* @__PURE__ */ o(
-            j,
+            M,
             {
-              className: l(
+              className: i(
                 "size-4 opacity-0 transition-all group-focus-visible:opacity-100 group-hover:opacity-100",
                 u ? "rotate-180 opacity-100" : "rotate-0"
               ),
@@ -103,27 +100,30 @@ const b = z(null), J = () => {
       }
     );
   }
-), Z = { cjk: A, code: I, math: M, mermaid: P }, $ = f(
-  ({ className: t, children: e, ...s }) => /* @__PURE__ */ o(
-    q,
-    {
-      className: l(
-        "mt-4 text-sm",
-        "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-muted-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in",
-        t
-      ),
-      ...s,
-      children: /* @__PURE__ */ o(H, { plugins: Z, children: e })
-    }
-  )
+), Q = f(
+  ({ className: t, children: e, ...a }) => {
+    const s = F();
+    return /* @__PURE__ */ o(
+      S,
+      {
+        className: i(
+          "mt-4 text-sm",
+          "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-muted-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in",
+          t
+        ),
+        ...a,
+        children: /* @__PURE__ */ o(L, { plugins: s, children: e })
+      }
+    );
+  }
 );
-S.displayName = "Reasoning";
-X.displayName = "ReasoningTrigger";
-$.displayName = "ReasoningContent";
+q.displayName = "Reasoning";
+K.displayName = "ReasoningTrigger";
+Q.displayName = "ReasoningContent";
 export {
-  S as Reasoning,
-  $ as ReasoningContent,
-  X as ReasoningTrigger,
-  J as useReasoning
+  q as Reasoning,
+  Q as ReasoningContent,
+  K as ReasoningTrigger,
+  U as useReasoning
 };
 //# sourceMappingURL=reasoning.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"reasoning.js","sources":["../../../src/components/ai/reasoning.tsx"],"sourcesContent":["import { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { cjk } from \"@streamdown/cjk\";\nimport { code } from \"@streamdown/code\";\nimport { math } from \"@streamdown/math\";\nimport { mermaid } from \"@streamdown/mermaid\";\nimport { BrainIcon, ChevronDownIcon } from \"lucide-react\";\nimport {\n  createContext,\n  memo,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Streamdown } from \"streamdown\";\n\nimport { Shimmer } from \"./shimmer\";\n\nimport type { ComponentProps, ReactNode } from \"react\";\n\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\";\nimport { cn } from \"@/lib/utils\";\n\ninterface ReasoningContextValue {\n  isStreaming: boolean;\n  isOpen: boolean;\n  setIsOpen: (open: boolean) => void;\n  duration: number | undefined;\n}\n\nconst ReasoningContext = createContext<ReasoningContextValue | null>(null);\n\nexport const useReasoning = () => {\n  const context = useContext(ReasoningContext);\n  if (!context) {\n    throw new Error(\"Reasoning components must be used within Reasoning\");\n  }\n  return context;\n};\n\nexport type ReasoningProps = ComponentProps<typeof Collapsible> & {\n  isStreaming?: boolean;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  duration?: number;\n};\n\nconst AUTO_CLOSE_DELAY = 1000;\nconst MS_IN_S = 1000;\n\nexport const Reasoning = memo(\n  ({\n    className,\n    isStreaming = false,\n    open,\n    defaultOpen,\n    onOpenChange,\n    duration: durationProp,\n    children,\n    ...props\n  }: ReasoningProps) => {\n    const resolvedDefaultOpen = defaultOpen ?? isStreaming;\n    // Track if defaultOpen was explicitly set to false (to prevent auto-open)\n    const isExplicitlyClosed = defaultOpen === false;\n\n    const [isOpen, setIsOpen] = useControllableState<boolean>({\n      defaultProp: resolvedDefaultOpen,\n      onChange: onOpenChange,\n      prop: open,\n    });\n    const [duration, setDuration] = useControllableState<number | undefined>({\n      defaultProp: undefined,\n      prop: durationProp,\n    });\n\n    const hasEverStreamedRef = useRef(isStreaming);\n    const [hasAutoClosed, setHasAutoClosed] = useState(false);\n    const startTimeRef = useRef<number | null>(null);\n\n    // Track when streaming starts and compute duration\n    useEffect(() => {\n      if (isStreaming) {\n        hasEverStreamedRef.current = true;\n        if (startTimeRef.current === null) {\n          startTimeRef.current = Date.now();\n        }\n      } else if (startTimeRef.current !== null) {\n        setDuration(Math.ceil((Date.now() - startTimeRef.current) / MS_IN_S));\n        startTimeRef.current = null;\n      }\n    }, [isStreaming, setDuration]);\n\n    // Auto-open when streaming starts (unless explicitly closed)\n    useEffect(() => {\n      if (isStreaming && !isOpen && !isExplicitlyClosed) {\n        setIsOpen(true);\n      }\n    }, [isStreaming, isOpen, setIsOpen, isExplicitlyClosed]);\n\n    // Auto-close when streaming ends (once only, and only if it ever streamed)\n    useEffect(() => {\n      if (\n        hasEverStreamedRef.current &&\n        !isStreaming &&\n        isOpen &&\n        !hasAutoClosed\n      ) {\n        const timer = setTimeout(() => {\n          setIsOpen(false);\n          setHasAutoClosed(true);\n        }, AUTO_CLOSE_DELAY);\n\n        return () => clearTimeout(timer);\n      }\n    }, [isStreaming, isOpen, setIsOpen, hasAutoClosed]);\n\n    const handleOpenChange = useCallback(\n      (newOpen: boolean) => {\n        setIsOpen(newOpen);\n      },\n      [setIsOpen]\n    );\n\n    const contextValue = useMemo(\n      () => ({ duration, isOpen, isStreaming, setIsOpen }),\n      [duration, isOpen, isStreaming, setIsOpen]\n    );\n\n    return (\n      <ReasoningContext.Provider value={contextValue}>\n        <Collapsible\n          className={cn(\"not-prose mb-4\", className)}\n          onOpenChange={handleOpenChange}\n          open={isOpen}\n          {...props}\n        >\n          {children}\n        </Collapsible>\n      </ReasoningContext.Provider>\n    );\n  }\n);\n\nexport type ReasoningTriggerProps = ComponentProps<\n  typeof CollapsibleTrigger\n> & {\n  getThinkingMessage?: (isStreaming: boolean, duration?: number) => ReactNode;\n};\n\nconst defaultGetThinkingMessage = (isStreaming: boolean, duration?: number) => {\n  if (isStreaming || duration === 0) {\n    return <Shimmer duration={1}>Thinking...</Shimmer>;\n  }\n  if (duration === undefined) {\n    return <p>Thought for a few seconds</p>;\n  }\n  return <p>Thought for {duration} seconds</p>;\n};\n\nexport const ReasoningTrigger = memo(\n  ({\n    className,\n    children,\n    getThinkingMessage = defaultGetThinkingMessage,\n    ...props\n  }: ReasoningTriggerProps) => {\n    const { isStreaming, isOpen, duration } = useReasoning();\n\n    return (\n      <CollapsibleTrigger\n        className={cn(\n          \"group flex w-full items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground\",\n          className\n        )}\n        {...props}\n      >\n        {children ?? (\n          <>\n            <BrainIcon className=\"size-4\" />\n            {getThinkingMessage(isStreaming, duration)}\n            <ChevronDownIcon\n              className={cn(\n                \"size-4 opacity-0 transition-all group-focus-visible:opacity-100 group-hover:opacity-100\",\n                isOpen ? \"rotate-180 opacity-100\" : \"rotate-0\"\n              )}\n              data-slot=\"collapsible-chevron\"\n            />\n          </>\n        )}\n      </CollapsibleTrigger>\n    );\n  }\n);\n\nexport type ReasoningContentProps = ComponentProps<\n  typeof CollapsibleContent\n> & {\n  children: string;\n};\n\nconst streamdownPlugins = { cjk, code, math, mermaid };\n\nexport const ReasoningContent = memo(\n  ({ className, children, ...props }: ReasoningContentProps) => (\n    <CollapsibleContent\n      className={cn(\n        \"mt-4 text-sm\",\n        \"data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-muted-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in\",\n        className\n      )}\n      {...props}\n    >\n      <Streamdown plugins={streamdownPlugins}>{children}</Streamdown>\n    </CollapsibleContent>\n  )\n);\n\nReasoning.displayName = \"Reasoning\";\nReasoningTrigger.displayName = \"ReasoningTrigger\";\nReasoningContent.displayName = \"ReasoningContent\";\n"],"names":["ReasoningContext","createContext","useReasoning","context","useContext","AUTO_CLOSE_DELAY","MS_IN_S","Reasoning","memo","className","isStreaming","open","defaultOpen","onOpenChange","durationProp","children","props","resolvedDefaultOpen","isExplicitlyClosed","isOpen","setIsOpen","useControllableState","duration","setDuration","hasEverStreamedRef","useRef","hasAutoClosed","setHasAutoClosed","useState","startTimeRef","useEffect","timer","handleOpenChange","useCallback","newOpen","contextValue","useMemo","jsx","Collapsible","cn","defaultGetThinkingMessage","Shimmer","ReasoningTrigger","getThinkingMessage","CollapsibleTrigger","jsxs","Fragment","BrainIcon","ChevronDownIcon","streamdownPlugins","cjk","code","math","mermaid","ReasoningContent","CollapsibleContent","Streamdown"],"mappings":"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"}
+{"version":3,"file":"reasoning.js","sources":["../../../src/components/ai/reasoning.tsx"],"sourcesContent":["import { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { BrainIcon, ChevronDownIcon } from \"lucide-react\";\nimport {\n  createContext,\n  memo,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Streamdown } from \"streamdown\";\n\nimport { Shimmer } from \"./shimmer\";\nimport { useStreamdownPlugins } from \"./use-streamdown-plugins\";\n\nimport type { ComponentProps, ReactNode } from \"react\";\n\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\";\nimport { cn } from \"@/lib/utils\";\n\ninterface ReasoningContextValue {\n  isStreaming: boolean;\n  isOpen: boolean;\n  setIsOpen: (open: boolean) => void;\n  duration: number | undefined;\n}\n\nconst ReasoningContext = createContext<ReasoningContextValue | null>(null);\n\nexport const useReasoning = () => {\n  const context = useContext(ReasoningContext);\n  if (!context) {\n    throw new Error(\"Reasoning components must be used within Reasoning\");\n  }\n  return context;\n};\n\nexport type ReasoningProps = ComponentProps<typeof Collapsible> & {\n  isStreaming?: boolean;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  duration?: number;\n};\n\nconst AUTO_CLOSE_DELAY = 1000;\nconst MS_IN_S = 1000;\n\nexport const Reasoning = memo(\n  ({\n    className,\n    isStreaming = false,\n    open,\n    defaultOpen,\n    onOpenChange,\n    duration: durationProp,\n    children,\n    ...props\n  }: ReasoningProps) => {\n    const resolvedDefaultOpen = defaultOpen ?? isStreaming;\n    // Track if defaultOpen was explicitly set to false (to prevent auto-open)\n    const isExplicitlyClosed = defaultOpen === false;\n\n    const [isOpen, setIsOpen] = useControllableState<boolean>({\n      defaultProp: resolvedDefaultOpen,\n      onChange: onOpenChange,\n      prop: open,\n    });\n    const [duration, setDuration] = useControllableState<number | undefined>({\n      defaultProp: undefined,\n      prop: durationProp,\n    });\n\n    const hasEverStreamedRef = useRef(isStreaming);\n    const [hasAutoClosed, setHasAutoClosed] = useState(false);\n    const startTimeRef = useRef<number | null>(null);\n\n    // Track when streaming starts and compute duration\n    useEffect(() => {\n      if (isStreaming) {\n        hasEverStreamedRef.current = true;\n        if (startTimeRef.current === null) {\n          startTimeRef.current = Date.now();\n        }\n      } else if (startTimeRef.current !== null) {\n        setDuration(Math.ceil((Date.now() - startTimeRef.current) / MS_IN_S));\n        startTimeRef.current = null;\n      }\n    }, [isStreaming, setDuration]);\n\n    // Auto-open when streaming starts (unless explicitly closed)\n    useEffect(() => {\n      if (isStreaming && !isOpen && !isExplicitlyClosed) {\n        setIsOpen(true);\n      }\n    }, [isStreaming, isOpen, setIsOpen, isExplicitlyClosed]);\n\n    // Auto-close when streaming ends (once only, and only if it ever streamed)\n    useEffect(() => {\n      if (\n        hasEverStreamedRef.current &&\n        !isStreaming &&\n        isOpen &&\n        !hasAutoClosed\n      ) {\n        const timer = setTimeout(() => {\n          setIsOpen(false);\n          setHasAutoClosed(true);\n        }, AUTO_CLOSE_DELAY);\n\n        return () => clearTimeout(timer);\n      }\n    }, [isStreaming, isOpen, setIsOpen, hasAutoClosed]);\n\n    const handleOpenChange = useCallback(\n      (newOpen: boolean) => {\n        setIsOpen(newOpen);\n      },\n      [setIsOpen]\n    );\n\n    const contextValue = useMemo(\n      () => ({ duration, isOpen, isStreaming, setIsOpen }),\n      [duration, isOpen, isStreaming, setIsOpen]\n    );\n\n    return (\n      <ReasoningContext.Provider value={contextValue}>\n        <Collapsible\n          className={cn(\"not-prose mb-4\", className)}\n          onOpenChange={handleOpenChange}\n          open={isOpen}\n          {...props}\n        >\n          {children}\n        </Collapsible>\n      </ReasoningContext.Provider>\n    );\n  }\n);\n\nexport type ReasoningTriggerProps = ComponentProps<\n  typeof CollapsibleTrigger\n> & {\n  getThinkingMessage?: (isStreaming: boolean, duration?: number) => ReactNode;\n};\n\nconst defaultGetThinkingMessage = (isStreaming: boolean, duration?: number) => {\n  if (isStreaming || duration === 0) {\n    return <Shimmer duration={1}>Thinking...</Shimmer>;\n  }\n  if (duration === undefined) {\n    return <p>Thought for a few seconds</p>;\n  }\n  return <p>Thought for {duration} seconds</p>;\n};\n\nexport const ReasoningTrigger = memo(\n  ({\n    className,\n    children,\n    getThinkingMessage = defaultGetThinkingMessage,\n    ...props\n  }: ReasoningTriggerProps) => {\n    const { isStreaming, isOpen, duration } = useReasoning();\n\n    return (\n      <CollapsibleTrigger\n        className={cn(\n          \"group flex w-full items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground\",\n          className\n        )}\n        {...props}\n      >\n        {children ?? (\n          <>\n            <BrainIcon className=\"size-4\" />\n            {getThinkingMessage(isStreaming, duration)}\n            <ChevronDownIcon\n              className={cn(\n                \"size-4 opacity-0 transition-all group-focus-visible:opacity-100 group-hover:opacity-100\",\n                isOpen ? \"rotate-180 opacity-100\" : \"rotate-0\"\n              )}\n              data-slot=\"collapsible-chevron\"\n            />\n          </>\n        )}\n      </CollapsibleTrigger>\n    );\n  }\n);\n\nexport type ReasoningContentProps = ComponentProps<\n  typeof CollapsibleContent\n> & {\n  children: string;\n};\n\nexport const ReasoningContent = memo(\n  ({ className, children, ...props }: ReasoningContentProps) => {\n    // Plugins load lazily (SW-2007): markdown streams in immediately and\n    // code/math/mermaid rendering upgrades in place once the chunk arrives.\n    const plugins = useStreamdownPlugins();\n\n    return (\n      <CollapsibleContent\n        className={cn(\n          \"mt-4 text-sm\",\n          \"data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-muted-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in\",\n          className\n        )}\n        {...props}\n      >\n        <Streamdown plugins={plugins}>{children}</Streamdown>\n      </CollapsibleContent>\n    );\n  }\n);\n\nReasoning.displayName = \"Reasoning\";\nReasoningTrigger.displayName = \"ReasoningTrigger\";\nReasoningContent.displayName = \"ReasoningContent\";\n"],"names":["ReasoningContext","createContext","useReasoning","context","useContext","AUTO_CLOSE_DELAY","MS_IN_S","Reasoning","memo","className","isStreaming","open","defaultOpen","onOpenChange","durationProp","children","props","resolvedDefaultOpen","isExplicitlyClosed","isOpen","setIsOpen","useControllableState","duration","setDuration","hasEverStreamedRef","useRef","hasAutoClosed","setHasAutoClosed","useState","startTimeRef","useEffect","timer","handleOpenChange","useCallback","newOpen","contextValue","useMemo","jsx","Collapsible","cn","defaultGetThinkingMessage","Shimmer","ReasoningTrigger","getThinkingMessage","CollapsibleTrigger","jsxs","Fragment","BrainIcon","ChevronDownIcon","ReasoningContent","plugins","useStreamdownPlugins","CollapsibleContent","Streamdown"],"mappings":"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"}

package/dist/components/ai/stream-status.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),c=require("lucide-react"),n=require("react"),l=require("../../lib/utils.cjs"),i=1e3,h=60,y=700,v=1e3,g=1e6,j={loader:s.jsx(c.LoaderIcon,{}),"loader-circle":s.jsx(c.LoaderCircleIcon,{}),"loader-pinwheel":s.jsx(c.LoaderPinwheelIcon,{}),"disc-3":s.jsx(c.Disc3Icon,{})},$={streaming:"animate-pulse bg-[#549DFF]",idle:"bg-muted-foreground/40",done:"bg-[#038599]",error:"bg-[#E15759]"};function A(e){const t=Math.floor(e/h),r=e%h;return t>0?`${t}m ${r.toString().padStart(2,"0")}s`:`${r}s`}function D(e){return e>=g?`${(e/g).toFixed(1).replace(/\.0$/,"")}m`:e>=v?`${(e/v).toFixed(1).replace(/\.0$/,"")}k`:String(e)}const P=({startTime:e,isStreaming:t=e!==void 0,state:r,showIndicator:b=!1,tokenCount:u,tokenLabel:d="↓",icon:f,iconVariant:m,className:I})=>{const M=r??(t?"streaming":"idle"),p=f===void 0?m===void 0?void 0:j[m]:f,[R,E]=n.useState(()=>{if(e===void 0)return 0;const o=typeof e=="number"?e:e.getTime();return Math.max(0,Math.floor((Date.now()-o)/i))}),[_,S]=n.useState(!1),x=n.useRef(t);n.useEffect(()=>{const o=x.current;if(x.current=t,o&&!t){S(!0);const a=setTimeout(()=>S(!1),y);return()=>clearTimeout(a)}},[t]),n.useEffect(()=>{if(!t||e===void 0)return;const o=typeof e=="number"?e:e.getTime(),a=()=>E(Math.max(0,Math.floor((Date.now()-o)/i)));a();const w=setInterval(a,i);return()=>clearInterval(w)},[t,e]);const C=e!==void 0,F=u!==void 0;return s.jsxs("div",{"aria-live":"polite",className:l.cn("flex items-center gap-2 text-sm text-muted-foreground",I),children:[p!==void 0&&s.jsx("span",{className:l.cn("shrink-0 [&>svg]:size-3.5",t?"ts-spin-pulse":"opacity-40"),children:p}),C&&s.jsx("span",{className:"tabular-nums",children:A(R)}),F&&s.jsxs(s.Fragment,{children:[s.jsx("span",{"aria-hidden":!0,className:"select-none text-muted-foreground/40",children:"·"}),s.jsxs("span",{className:"tabular-nums",children:[d!=null&&s.jsx("span",{className:"mr-0.5",children:d}),D(u)," tokens"]})]}),b&&s.jsxs("span",{className:"relative flex size-3 shrink-0 items-center justify-center",children:[_&&s.jsx("span",{className:"ts-bubble-confirm absolute size-2 rounded-full bg-[#549DFF]"}),s.jsx("span",{className:l.cn("size-1.5 rounded-full transition-colors duration-500",$[M])})]})]})},N=n.memo(P);N.displayName="StreamStatus";exports.STREAM_STATUS_ICONS=j;exports.StreamStatus=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),c=require("lucide-react"),n=require("react"),y=require("../ui/tetra-molecule-icon.cjs"),l=require("../../lib/utils.cjs"),i=1e3,S=60,$=700,h=1e3,j=1e6,g={loader:s.jsx(c.LoaderIcon,{}),"loader-circle":s.jsx(c.LoaderCircleIcon,{}),"loader-pinwheel":s.jsx(c.LoaderPinwheelIcon,{}),"disc-3":s.jsx(c.Disc3Icon,{}),tetra:s.jsx(y.TetraMoleculeIcon,{})},A={streaming:"animate-pulse bg-[#549DFF]",idle:"bg-muted-foreground/40",done:"bg-[#038599]",error:"bg-[#E15759]"};function D(e){const t=Math.floor(e/S),o=e%S;return t>0?`${t}m ${o.toString().padStart(2,"0")}s`:`${o}s`}function P(e){return e>=j?`${(e/j).toFixed(1).replace(/\.0$/,"")}m`:e>=h?`${(e/h).toFixed(1).replace(/\.0$/,"")}k`:String(e)}const T=({startTime:e,isStreaming:t=e!==void 0,state:o,showIndicator:I=!1,tokenCount:u,tokenLabel:d="↓",icon:f,iconVariant:M="tetra",className:N})=>{const b=o??(t?"streaming":"idle"),m=f===void 0?g[M]:f,[R,E]=n.useState(()=>{if(e===void 0)return 0;const r=typeof e=="number"?e:e.getTime();return Math.max(0,Math.floor((Date.now()-r)/i))}),[_,p]=n.useState(!1),x=n.useRef(t);n.useEffect(()=>{const r=x.current;if(x.current=t,r&&!t){p(!0);const a=setTimeout(()=>p(!1),$);return()=>clearTimeout(a)}},[t]),n.useEffect(()=>{if(!t||e===void 0)return;const r=typeof e=="number"?e:e.getTime(),a=()=>E(Math.max(0,Math.floor((Date.now()-r)/i)));a();const w=setInterval(a,i);return()=>clearInterval(w)},[t,e]);const C=e!==void 0,F=u!==void 0;return s.jsxs("div",{"aria-live":"polite",className:l.cn("flex items-center gap-2 text-sm text-muted-foreground",N),children:[m!==void 0&&s.jsx("span",{className:l.cn("shrink-0 [&>svg]:size-3.5",t?"ts-spin-pulse":"opacity-40"),children:m}),C&&s.jsx("span",{className:"tabular-nums",children:D(R)}),F&&s.jsxs(s.Fragment,{children:[s.jsx("span",{"aria-hidden":!0,className:"select-none text-muted-foreground/40",children:"·"}),s.jsxs("span",{className:"tabular-nums",children:[d!=null&&s.jsx("span",{className:"mr-0.5",children:d}),P(u)," tokens"]})]}),I&&s.jsxs("span",{className:"relative flex size-3 shrink-0 items-center justify-center",children:[_&&s.jsx("span",{className:"ts-bubble-confirm absolute size-2 rounded-full bg-[#549DFF]"}),s.jsx("span",{className:l.cn("size-1.5 rounded-full transition-colors duration-500",A[b])})]})]})},v=n.memo(T);v.displayName="StreamStatus";exports.STREAM_STATUS_ICONS=g;exports.StreamStatus=v;
 //# sourceMappingURL=stream-status.cjs.map

package/dist/components/ai/stream-status.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"stream-status.cjs","sources":["../../../src/components/ai/stream-status.tsx"],"sourcesContent":["import {\n  Disc3Icon,\n  LoaderCircleIcon,\n  LoaderIcon,\n  LoaderPinwheelIcon,\n} from \"lucide-react\";\nimport { memo, useEffect, useRef, useState } from \"react\";\n\nimport type { ReactNode } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst MS_PER_S = 1000;\nconst SECS_PER_MIN = 60;\nconst CONFIRM_RIPPLE_MS = 700;\nconst K = 1_000;\nconst M = 1_000_000;\n\n// ---------------------------------------------------------------------------\n// Icon variants\n// ---------------------------------------------------------------------------\n\n/** Built-in Lucide spinner icons that pair well with ts-spin-pulse animation. */\nexport const STREAM_STATUS_ICONS = {\n  loader: <LoaderIcon />,\n  \"loader-circle\": <LoaderCircleIcon />,\n  \"loader-pinwheel\": <LoaderPinwheelIcon />,\n  \"disc-3\": <Disc3Icon />,\n} as const;\n\nexport type StreamStatusIconVariant = keyof typeof STREAM_STATUS_ICONS;\n\n// ---------------------------------------------------------------------------\n// State → indicator dot colour\n// ---------------------------------------------------------------------------\n\nexport type StreamStatusState = \"streaming\" | \"idle\" | \"done\" | \"error\";\n\nconst INDICATOR_CLASS: Record<StreamStatusState, string> = {\n  streaming: \"animate-pulse bg-[#549DFF]\",   // TS Light Blue 300\n  idle:      \"bg-muted-foreground/40\",\n  done:      \"bg-[#038599]\",                 // TS Forest Green 300\n  error:     \"bg-[#E15759]\",                 // TS Imperial Red\n};\n\n// ---------------------------------------------------------------------------\n// Props\n// ---------------------------------------------------------------------------\n\nexport interface StreamStatusProps {\n  /**\n   * Timestamp when streaming started (Date or epoch ms).\n   * The component manages an internal 1-second ticker when set.\n   */\n  startTime?: Date | number;\n  /** Whether streaming is currently active. Defaults to `true` when `startTime` is set. */\n  isStreaming?: boolean;\n  /**\n   * Explicit state for the right-end indicator dot colour.\n   * If omitted, derived from `isStreaming`: `true` → \"streaming\", `false` → \"idle\".\n   *\n   * | state       | colour                     |\n   * |-------------|----------------------------|\n   * | streaming   | TS Light Blue 300 (pulsing)|\n   * | idle        | muted gray                 |\n   * | done        | TS Forest Green 300        |\n   * | error       | TS Imperial Red            |\n   */\n  state?: StreamStatusState;\n  /**\n   * Show the coloured status dot at the right end of the component.\n   * Defaults to `false`.\n   */\n  showIndicator?: boolean;\n  /** Token count shown after the separator, e.g. `8700` → \"↓ 8.7k tokens\". */\n  tokenCount?: number;\n  /** Prefix before the formatted token count. Defaults to `↓`. */\n  tokenLabel?: ReactNode;\n  /**\n   * Custom icon (ReactNode). Takes precedence over `iconVariant`.\n   * While streaming, the icon wrapper receives `ts-spin-pulse` — a continuous\n   * rotation that occasionally surges to 1.3× scale.\n   */\n  icon?: ReactNode;\n  /**\n   * Convenience shorthand to pick a built-in Lucide spinner.\n   * Ignored when `icon` is also provided.\n   *\n   * Options: `\"loader\"` | `\"loader-circle\"` | `\"loader-pinwheel\"` | `\"disc-3\"`\n   */\n  iconVariant?: StreamStatusIconVariant;\n  className?: string;\n}\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction formatElapsed(seconds: number): string {\n  const m = Math.floor(seconds / SECS_PER_MIN);\n  const s = seconds % SECS_PER_MIN;\n  return m > 0 ? `${m}m ${s.toString().padStart(2, \"0\")}s` : `${s}s`;\n}\n\nfunction formatTokens(count: number): string {\n  if (count >= M) return `${(count / M).toFixed(1).replace(/\\.0$/, \"\")}m`;\n  if (count >= K) return `${(count / K).toFixed(1).replace(/\\.0$/, \"\")}k`;\n  return String(count);\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nconst StreamStatusComponent = ({\n  startTime,\n  isStreaming = startTime !== undefined,\n  state: stateProp,\n  showIndicator = false,\n  tokenCount,\n  tokenLabel = \"↓\",\n  icon,\n  iconVariant,\n  className,\n}: StreamStatusProps) => {\n  const resolvedState: StreamStatusState =\n    stateProp ?? (isStreaming ? \"streaming\" : \"idle\");\n\n  const resolvedIcon =\n    icon === undefined\n      ? iconVariant === undefined\n        ? undefined\n        : STREAM_STATUS_ICONS[iconVariant]\n      : icon;\n\n  const [elapsed, setElapsed] = useState(() => {\n    if (startTime === undefined) return 0;\n    const origin =\n      typeof startTime === \"number\" ? startTime : startTime.getTime();\n    return Math.max(0, Math.floor((Date.now() - origin) / MS_PER_S));\n  });\n\n  // Bubble-confirm ripple — fires once when isStreaming transitions true → false\n  const [confirming, setConfirming] = useState(false);\n  const prevStreamingRef = useRef(isStreaming);\n\n  useEffect(() => {\n    const was = prevStreamingRef.current;\n    prevStreamingRef.current = isStreaming;\n    if (was && !isStreaming) {\n      setConfirming(true);\n      const t = setTimeout(() => setConfirming(false), CONFIRM_RIPPLE_MS);\n      return () => clearTimeout(t);\n    }\n  }, [isStreaming]);\n\n  // Elapsed-time ticker — only active while streaming\n  useEffect(() => {\n    if (!isStreaming || startTime === undefined) return;\n    const origin =\n      typeof startTime === \"number\" ? startTime : startTime.getTime();\n    const tick = () =>\n      setElapsed(Math.max(0, Math.floor((Date.now() - origin) / MS_PER_S)));\n    tick();\n    const id = setInterval(tick, MS_PER_S);\n    return () => clearInterval(id);\n  }, [isStreaming, startTime]);\n\n  const showTime = startTime !== undefined;\n  const showTokens = tokenCount !== undefined;\n\n  return (\n    <div\n      aria-live=\"polite\"\n      className={cn(\n        \"flex items-center gap-2 text-sm text-muted-foreground\",\n        className\n      )}\n    >\n      {/* Spinning icon — spins + pulse-surges while streaming */}\n      {resolvedIcon !== undefined && (\n        <span\n          className={cn(\n            \"shrink-0 [&>svg]:size-3.5\",\n            isStreaming ? \"ts-spin-pulse\" : \"opacity-40\"\n          )}\n        >\n          {resolvedIcon}\n        </span>\n      )}\n\n      {/* Elapsed time */}\n      {showTime && (\n        <span className=\"tabular-nums\">{formatElapsed(elapsed)}</span>\n      )}\n\n      {/* Token count */}\n      {showTokens && (\n        <>\n          <span aria-hidden className=\"select-none text-muted-foreground/40\">\n            ·\n          </span>\n          <span className=\"tabular-nums\">\n            {tokenLabel != null && (\n              <span className=\"mr-0.5\">{tokenLabel}</span>\n            )}\n            {formatTokens(tokenCount)} tokens\n          </span>\n        </>\n      )}\n\n      {/* Right-end indicator dot — opt-in, colour driven by `state` */}\n      {showIndicator && (\n        <span className=\"relative flex size-3 shrink-0 items-center justify-center\">\n          {confirming && (\n            <span className=\"ts-bubble-confirm absolute size-2 rounded-full bg-[#549DFF]\" />\n          )}\n          <span\n            className={cn(\n              \"size-1.5 rounded-full transition-colors duration-500\",\n              INDICATOR_CLASS[resolvedState]\n            )}\n          />\n        </span>\n      )}\n    </div>\n  );\n};\n\nexport const StreamStatus = memo(StreamStatusComponent);\nStreamStatus.displayName = \"StreamStatus\";\n"],"names":["MS_PER_S","SECS_PER_MIN","CONFIRM_RIPPLE_MS","K","M","STREAM_STATUS_ICONS","LoaderIcon","LoaderCircleIcon","LoaderPinwheelIcon","Disc3Icon","INDICATOR_CLASS","formatElapsed","seconds","m","s","formatTokens","count","StreamStatusComponent","startTime","isStreaming","stateProp","showIndicator","tokenCount","tokenLabel","icon","iconVariant","className","resolvedState","resolvedIcon","elapsed","setElapsed","useState","origin","confirming","setConfirming","prevStreamingRef","useRef","useEffect","was","t","tick","id","showTime","showTokens","jsxs","cn","jsx","Fragment","StreamStatus","memo"],"mappings":"mMAYMA,EAAW,IACXC,EAAe,GACfC,EAAoB,IACpBC,EAAI,IACJC,EAAI,IAOGC,EAAsB,CACjC,aAASC,EAAAA,WAAA,EAAW,EACpB,sBAAkBC,EAAAA,iBAAA,EAAiB,EACnC,wBAAoBC,EAAAA,mBAAA,EAAmB,EACvC,eAAWC,EAAAA,UAAA,CAAA,CAAU,CACvB,EAUMC,EAAqD,CACzD,UAAW,6BACX,KAAW,yBACX,KAAW,eACX,MAAW,cACb,EAuDA,SAASC,EAAcC,EAAyB,CAC9C,MAAMC,EAAI,KAAK,MAAMD,EAAUX,CAAY,EACrCa,EAAIF,EAAUX,EACpB,OAAOY,EAAI,EAAI,GAAGA,CAAC,KAAKC,EAAE,SAAA,EAAW,SAAS,EAAG,GAAG,CAAC,IAAM,GAAGA,CAAC,GACjE,CAEA,SAASC,EAAaC,EAAuB,CAC3C,OAAIA,GAASZ,EAAU,IAAIY,EAAQZ,GAAG,QAAQ,CAAC,EAAE,QAAQ,OAAQ,EAAE,CAAC,IAChEY,GAASb,EAAU,IAAIa,EAAQb,GAAG,QAAQ,CAAC,EAAE,QAAQ,OAAQ,EAAE,CAAC,IAC7D,OAAOa,CAAK,CACrB,CAMA,MAAMC,EAAwB,CAAC,CAC7B,UAAAC,EACA,YAAAC,EAAcD,IAAc,OAC5B,MAAOE,EACP,cAAAC,EAAgB,GAChB,WAAAC,EACA,WAAAC,EAAa,IACb,KAAAC,EACA,YAAAC,EACA,UAAAC,CACF,IAAyB,CACvB,MAAMC,EACJP,IAAcD,EAAc,YAAc,QAEtCS,EACJJ,IAAS,OACLC,IAAgB,OACd,OACApB,EAAoBoB,CAAW,EACjCD,EAEA,CAACK,EAASC,CAAU,EAAIC,EAAAA,SAAS,IAAM,CAC3C,GAAIb,IAAc,OAAW,MAAO,GACpC,MAAMc,EACJ,OAAOd,GAAc,SAAWA,EAAYA,EAAU,QAAA,EACxD,OAAO,KAAK,IAAI,EAAG,KAAK,OAAO,KAAK,IAAA,EAAQc,GAAUhC,CAAQ,CAAC,CACjE,CAAC,EAGK,CAACiC,EAAYC,CAAa,EAAIH,EAAAA,SAAS,EAAK,EAC5CI,EAAmBC,EAAAA,OAAOjB,CAAW,EAE3CkB,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAMH,EAAiB,QAE7B,GADAA,EAAiB,QAAUhB,EACvBmB,GAAO,CAACnB,EAAa,CACvBe,EAAc,EAAI,EAClB,MAAMK,EAAI,WAAW,IAAML,EAAc,EAAK,EAAGhC,CAAiB,EAClE,MAAO,IAAM,aAAaqC,CAAC,CAC7B,CACF,EAAG,CAACpB,CAAW,CAAC,EAGhBkB,EAAAA,UAAU,IAAM,CACd,GAAI,CAAClB,GAAeD,IAAc,OAAW,OAC7C,MAAMc,EACJ,OAAOd,GAAc,SAAWA,EAAYA,EAAU,QAAA,EAClDsB,EAAO,IACXV,EAAW,KAAK,IAAI,EAAG,KAAK,OAAO,KAAK,IAAA,EAAQE,GAAUhC,CAAQ,CAAC,CAAC,EACtEwC,EAAA,EACA,MAAMC,EAAK,YAAYD,EAAMxC,CAAQ,EACrC,MAAO,IAAM,cAAcyC,CAAE,CAC/B,EAAG,CAACtB,EAAaD,CAAS,CAAC,EAE3B,MAAMwB,EAAWxB,IAAc,OACzByB,EAAarB,IAAe,OAElC,OACEsB,EAAAA,KAAC,MAAA,CACC,YAAU,SACV,UAAWC,EAAAA,GACT,wDACAnB,CAAA,EAID,SAAA,CAAAE,IAAiB,QAChBkB,EAAAA,IAAC,OAAA,CACC,UAAWD,EAAAA,GACT,4BACA1B,EAAc,gBAAkB,YAAA,EAGjC,SAAAS,CAAA,CAAA,EAKJc,GACCI,EAAAA,IAAC,OAAA,CAAK,UAAU,eAAgB,SAAAnC,EAAckB,CAAO,EAAE,EAIxDc,GACCC,EAAAA,KAAAG,WAAA,CACE,SAAA,CAAAD,MAAC,OAAA,CAAK,cAAW,GAAC,UAAU,uCAAuC,SAAA,IAEnE,EACAF,EAAAA,KAAC,OAAA,CAAK,UAAU,eACb,SAAA,CAAArB,GAAc,MACbuB,EAAAA,IAAC,OAAA,CAAK,UAAU,SAAU,SAAAvB,EAAW,EAEtCR,EAAaO,CAAU,EAAE,SAAA,CAAA,CAC5B,CAAA,EACF,EAIDD,GACCuB,EAAAA,KAAC,OAAA,CAAK,UAAU,4DACb,SAAA,CAAAX,GACCa,EAAAA,IAAC,OAAA,CAAK,UAAU,6DAAA,CAA8D,EAEhFA,EAAAA,IAAC,OAAA,CACC,UAAWD,EAAAA,GACT,uDACAnC,EAAgBiB,CAAa,CAAA,CAC/B,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CAAA,CAIR,EAEaqB,EAAeC,EAAAA,KAAKhC,CAAqB,EACtD+B,EAAa,YAAc"}
+{"version":3,"file":"stream-status.cjs","sources":["../../../src/components/ai/stream-status.tsx"],"sourcesContent":["import {\n  Disc3Icon,\n  LoaderCircleIcon,\n  LoaderIcon,\n  LoaderPinwheelIcon,\n} from \"lucide-react\";\nimport { memo, useEffect, useRef, useState } from \"react\";\n\nimport type { ReactNode } from \"react\";\n\nimport { TetraMoleculeIcon } from \"@/components/ui/tetra-molecule-icon\";\nimport { cn } from \"@/lib/utils\";\n\nconst MS_PER_S = 1000;\nconst SECS_PER_MIN = 60;\nconst CONFIRM_RIPPLE_MS = 700;\nconst K = 1_000;\nconst M = 1_000_000;\n\n// ---------------------------------------------------------------------------\n// Icon variants\n// ---------------------------------------------------------------------------\n\n/**\n * Built-in spinner icons.\n *\n * The Lucide spinners pair with the flat `ts-spin-pulse` animation; the\n * `tetra` variant is the Tetra-branded \"TetraSpin\" — the official TetraScience\n * molecule logo filled with the brand blue gradient, rotating 360° with the\n * gradient held fixed so its nodes shimmer, echoing the `:tetraspin3d:` gif for\n * a sense of brand identity while an agent is thinking.\n */\nexport const STREAM_STATUS_ICONS = {\n  loader: <LoaderIcon />,\n  \"loader-circle\": <LoaderCircleIcon />,\n  \"loader-pinwheel\": <LoaderPinwheelIcon />,\n  \"disc-3\": <Disc3Icon />,\n  tetra: <TetraMoleculeIcon />,\n} as const;\n\nexport type StreamStatusIconVariant = keyof typeof STREAM_STATUS_ICONS;\n\n// ---------------------------------------------------------------------------\n// State → indicator dot colour\n// ---------------------------------------------------------------------------\n\nexport type StreamStatusState = \"streaming\" | \"idle\" | \"done\" | \"error\";\n\nconst INDICATOR_CLASS: Record<StreamStatusState, string> = {\n  streaming: \"animate-pulse bg-[#549DFF]\",   // TS Light Blue 300\n  idle:      \"bg-muted-foreground/40\",\n  done:      \"bg-[#038599]\",                 // TS Forest Green 300\n  error:     \"bg-[#E15759]\",                 // TS Imperial Red\n};\n\n// ---------------------------------------------------------------------------\n// Props\n// ---------------------------------------------------------------------------\n\nexport interface StreamStatusProps {\n  /**\n   * Timestamp when streaming started (Date or epoch ms).\n   * The component manages an internal 1-second ticker when set.\n   */\n  startTime?: Date | number;\n  /** Whether streaming is currently active. Defaults to `true` when `startTime` is set. */\n  isStreaming?: boolean;\n  /**\n   * Explicit state for the right-end indicator dot colour.\n   * If omitted, derived from `isStreaming`: `true` → \"streaming\", `false` → \"idle\".\n   *\n   * | state       | colour                     |\n   * |-------------|----------------------------|\n   * | streaming   | TS Light Blue 300 (pulsing)|\n   * | idle        | muted gray                 |\n   * | done        | TS Forest Green 300        |\n   * | error       | TS Imperial Red            |\n   */\n  state?: StreamStatusState;\n  /**\n   * Show the coloured status dot at the right end of the component.\n   * Defaults to `false`.\n   */\n  showIndicator?: boolean;\n  /** Token count shown after the separator, e.g. `8700` → \"↓ 8.7k tokens\". */\n  tokenCount?: number;\n  /** Prefix before the formatted token count. Defaults to `↓`. */\n  tokenLabel?: ReactNode;\n  /**\n   * Custom icon (ReactNode). Takes precedence over `iconVariant`.\n   * While streaming, the icon wrapper receives `ts-spin-pulse` — a continuous\n   * rotation that occasionally surges to 1.3× scale.\n   */\n  icon?: ReactNode;\n  /**\n   * Convenience shorthand to pick a built-in spinner.\n   * Ignored when `icon` is also provided. Defaults to `\"tetra\"`.\n   *\n   * Options: `\"loader\"` | `\"loader-circle\"` | `\"loader-pinwheel\"` | `\"disc-3\"` | `\"tetra\"`.\n   * The default `\"tetra\"` variant renders the official TetraScience molecule\n   * logo with a fixed brand-blue gradient. Pass `icon={null}` to render no icon.\n   */\n  iconVariant?: StreamStatusIconVariant;\n  className?: string;\n}\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction formatElapsed(seconds: number): string {\n  const m = Math.floor(seconds / SECS_PER_MIN);\n  const s = seconds % SECS_PER_MIN;\n  return m > 0 ? `${m}m ${s.toString().padStart(2, \"0\")}s` : `${s}s`;\n}\n\nfunction formatTokens(count: number): string {\n  if (count >= M) return `${(count / M).toFixed(1).replace(/\\.0$/, \"\")}m`;\n  if (count >= K) return `${(count / K).toFixed(1).replace(/\\.0$/, \"\")}k`;\n  return String(count);\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nconst StreamStatusComponent = ({\n  startTime,\n  isStreaming = startTime !== undefined,\n  state: stateProp,\n  showIndicator = false,\n  tokenCount,\n  tokenLabel = \"↓\",\n  icon,\n  iconVariant = \"tetra\",\n  className,\n}: StreamStatusProps) => {\n  const resolvedState: StreamStatusState =\n    stateProp ?? (isStreaming ? \"streaming\" : \"idle\");\n\n  // `icon` wins when provided (including `null` for no icon); otherwise fall\n  // back to the built-in variant, which defaults to the branded \"tetra\" mark.\n  const resolvedIcon =\n    icon === undefined ? STREAM_STATUS_ICONS[iconVariant] : icon;\n\n  const [elapsed, setElapsed] = useState(() => {\n    if (startTime === undefined) return 0;\n    const origin =\n      typeof startTime === \"number\" ? startTime : startTime.getTime();\n    return Math.max(0, Math.floor((Date.now() - origin) / MS_PER_S));\n  });\n\n  // Bubble-confirm ripple — fires once when isStreaming transitions true → false\n  const [confirming, setConfirming] = useState(false);\n  const prevStreamingRef = useRef(isStreaming);\n\n  useEffect(() => {\n    const was = prevStreamingRef.current;\n    prevStreamingRef.current = isStreaming;\n    if (was && !isStreaming) {\n      setConfirming(true);\n      const t = setTimeout(() => setConfirming(false), CONFIRM_RIPPLE_MS);\n      return () => clearTimeout(t);\n    }\n  }, [isStreaming]);\n\n  // Elapsed-time ticker — only active while streaming\n  useEffect(() => {\n    if (!isStreaming || startTime === undefined) return;\n    const origin =\n      typeof startTime === \"number\" ? startTime : startTime.getTime();\n    const tick = () =>\n      setElapsed(Math.max(0, Math.floor((Date.now() - origin) / MS_PER_S)));\n    tick();\n    const id = setInterval(tick, MS_PER_S);\n    return () => clearInterval(id);\n  }, [isStreaming, startTime]);\n\n  const showTime = startTime !== undefined;\n  const showTokens = tokenCount !== undefined;\n\n  return (\n    <div\n      aria-live=\"polite\"\n      className={cn(\n        \"flex items-center gap-2 text-sm text-muted-foreground\",\n        className\n      )}\n    >\n      {/* Spinning icon — spins + pulse-surges while streaming */}\n      {resolvedIcon !== undefined && (\n        <span\n          className={cn(\n            \"shrink-0 [&>svg]:size-3.5\",\n            isStreaming ? \"ts-spin-pulse\" : \"opacity-40\"\n          )}\n        >\n          {resolvedIcon}\n        </span>\n      )}\n\n      {/* Elapsed time */}\n      {showTime && (\n        <span className=\"tabular-nums\">{formatElapsed(elapsed)}</span>\n      )}\n\n      {/* Token count */}\n      {showTokens && (\n        <>\n          <span aria-hidden className=\"select-none text-muted-foreground/40\">\n            ·\n          </span>\n          <span className=\"tabular-nums\">\n            {tokenLabel != null && (\n              <span className=\"mr-0.5\">{tokenLabel}</span>\n            )}\n            {formatTokens(tokenCount)} tokens\n          </span>\n        </>\n      )}\n\n      {/* Right-end indicator dot — opt-in, colour driven by `state` */}\n      {showIndicator && (\n        <span className=\"relative flex size-3 shrink-0 items-center justify-center\">\n          {confirming && (\n            <span className=\"ts-bubble-confirm absolute size-2 rounded-full bg-[#549DFF]\" />\n          )}\n          <span\n            className={cn(\n              \"size-1.5 rounded-full transition-colors duration-500\",\n              INDICATOR_CLASS[resolvedState]\n            )}\n          />\n        </span>\n      )}\n    </div>\n  );\n};\n\nexport const StreamStatus = memo(StreamStatusComponent);\nStreamStatus.displayName = \"StreamStatus\";\n"],"names":["MS_PER_S","SECS_PER_MIN","CONFIRM_RIPPLE_MS","K","M","STREAM_STATUS_ICONS","LoaderIcon","LoaderCircleIcon","LoaderPinwheelIcon","Disc3Icon","TetraMoleculeIcon","INDICATOR_CLASS","formatElapsed","seconds","m","s","formatTokens","count","StreamStatusComponent","startTime","isStreaming","stateProp","showIndicator","tokenCount","tokenLabel","icon","iconVariant","className","resolvedState","resolvedIcon","elapsed","setElapsed","useState","origin","confirming","setConfirming","prevStreamingRef","useRef","useEffect","was","t","tick","id","showTime","showTokens","jsxs","cn","jsx","Fragment","StreamStatus","memo"],"mappings":"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"}

package/dist/components/ai/stream-status.js

@@ -1,13 +1,15 @@
-import { jsxs as a, jsx as n, Fragment as $ } from "react/jsx-runtime";
+import { jsxs as a, jsx as t, Fragment as $ } from "react/jsx-runtime";
 import { Disc3Icon as D, LoaderPinwheelIcon as k, LoaderCircleIcon as y, LoaderIcon as P } from "lucide-react";
-import { memo as z, useState as v, useRef as A, useEffect as S } from "react";
+import { memo as z, useState as h, useRef as A, useEffect as v } from "react";
+import { TetraMoleculeIcon as L } from "../ui/tetra-molecule-icon.js";
 import { cn as c } from "../../lib/utils.js";
-const l = 1e3, g = 60, L = 700, N = 1e3, I = 1e6, j = {
-  loader: /* @__PURE__ */ n(P, {}),
-  "loader-circle": /* @__PURE__ */ n(y, {}),
-  "loader-pinwheel": /* @__PURE__ */ n(k, {}),
-  "disc-3": /* @__PURE__ */ n(D, {})
-}, O = {
+const l = 1e3, S = 60, j = 700, g = 1e3, I = 1e6, O = {
+  loader: /* @__PURE__ */ t(P, {}),
+  "loader-circle": /* @__PURE__ */ t(y, {}),
+  "loader-pinwheel": /* @__PURE__ */ t(k, {}),
+  "disc-3": /* @__PURE__ */ t(D, {}),
+  tetra: /* @__PURE__ */ t(L, {})
+}, T = {
   streaming: "animate-pulse bg-[#549DFF]",
   // TS Light Blue 300
   idle: "bg-muted-foreground/40",
@@ -17,38 +19,38 @@ const l = 1e3, g = 60, L = 700, N = 1e3, I = 1e6, j = {
   // TS Imperial Red
 };
 function K(e) {
-  const o = Math.floor(e / g), r = e % g;
+  const o = Math.floor(e / S), r = e % S;
   return o > 0 ? `${o}m ${r.toString().padStart(2, "0")}s` : `${r}s`;
 }
-function T(e) {
-  return e >= I ? `${(e / I).toFixed(1).replace(/\.0$/, "")}m` : e >= N ? `${(e / N).toFixed(1).replace(/\.0$/, "")}k` : String(e);
+function U(e) {
+  return e >= I ? `${(e / I).toFixed(1).replace(/\.0$/, "")}m` : e >= g ? `${(e / g).toFixed(1).replace(/\.0$/, "")}k` : String(e);
 }
-const U = ({
+const q = ({
   startTime: e,
   isStreaming: o = e !== void 0,
   state: r,
-  showIndicator: b = !1,
+  showIndicator: N = !1,
   tokenCount: i,
   tokenLabel: d = "↓",
   icon: u,
-  iconVariant: m,
+  iconVariant: b = "tetra",
   className: x
 }) => {
-  const M = r ?? (o ? "streaming" : "idle"), f = u === void 0 ? m === void 0 ? void 0 : j[m] : u, [E, _] = v(() => {
+  const M = r ?? (o ? "streaming" : "idle"), m = u === void 0 ? O[b] : u, [E, _] = h(() => {
     if (e === void 0) return 0;
-    const t = typeof e == "number" ? e : e.getTime();
-    return Math.max(0, Math.floor((Date.now() - t) / l));
-  }), [F, p] = v(!1), h = A(o);
-  S(() => {
-    const t = h.current;
-    if (h.current = o, t && !o) {
-      p(!0);
-      const s = setTimeout(() => p(!1), L);
+    const n = typeof e == "number" ? e : e.getTime();
+    return Math.max(0, Math.floor((Date.now() - n) / l));
+  }), [F, f] = h(!1), p = A(o);
+  v(() => {
+    const n = p.current;
+    if (p.current = o, n && !o) {
+      f(!0);
+      const s = setTimeout(() => f(!1), j);
       return () => clearTimeout(s);
     }
-  }, [o]), S(() => {
+  }, [o]), v(() => {
     if (!o || e === void 0) return;
-    const t = typeof e == "number" ? e : e.getTime(), s = () => _(Math.max(0, Math.floor((Date.now() - t) / l)));
+    const n = typeof e == "number" ? e : e.getTime(), s = () => _(Math.max(0, Math.floor((Date.now() - n) / l)));
     s();
     const C = setInterval(s, l);
     return () => clearInterval(C);
@@ -63,33 +65,33 @@ const U = ({
         x
       ),
       children: [
-        f !== void 0 && /* @__PURE__ */ n(
+        m !== void 0 && /* @__PURE__ */ t(
           "span",
           {
             className: c(
               "shrink-0 [&>svg]:size-3.5",
               o ? "ts-spin-pulse" : "opacity-40"
             ),
-            children: f
+            children: m
           }
         ),
-        R && /* @__PURE__ */ n("span", { className: "tabular-nums", children: K(E) }),
+        R && /* @__PURE__ */ t("span", { className: "tabular-nums", children: K(E) }),
         w && /* @__PURE__ */ a($, { children: [
-          /* @__PURE__ */ n("span", { "aria-hidden": !0, className: "select-none text-muted-foreground/40", children: "·" }),
+          /* @__PURE__ */ t("span", { "aria-hidden": !0, className: "select-none text-muted-foreground/40", children: "·" }),
           /* @__PURE__ */ a("span", { className: "tabular-nums", children: [
-            d != null && /* @__PURE__ */ n("span", { className: "mr-0.5", children: d }),
-            T(i),
+            d != null && /* @__PURE__ */ t("span", { className: "mr-0.5", children: d }),
+            U(i),
             " tokens"
           ] })
         ] }),
-        b && /* @__PURE__ */ a("span", { className: "relative flex size-3 shrink-0 items-center justify-center", children: [
-          F && /* @__PURE__ */ n("span", { className: "ts-bubble-confirm absolute size-2 rounded-full bg-[#549DFF]" }),
-          /* @__PURE__ */ n(
+        N && /* @__PURE__ */ a("span", { className: "relative flex size-3 shrink-0 items-center justify-center", children: [
+          F && /* @__PURE__ */ t("span", { className: "ts-bubble-confirm absolute size-2 rounded-full bg-[#549DFF]" }),
+          /* @__PURE__ */ t(
             "span",
             {
               className: c(
                 "size-1.5 rounded-full transition-colors duration-500",
-                O[M]
+                T[M]
               )
             }
           )
@@ -97,10 +99,10 @@ const U = ({
       ]
     }
   );
-}, q = z(U);
-q.displayName = "StreamStatus";
+}, B = z(q);
+B.displayName = "StreamStatus";
 export {
-  j as STREAM_STATUS_ICONS,
-  q as StreamStatus
+  O as STREAM_STATUS_ICONS,
+  B as StreamStatus
 };
 //# sourceMappingURL=stream-status.js.map

package/dist/components/ai/stream-status.js.map

@@ -1 +1 @@
-{"version":3,"file":"stream-status.js","sources":["../../../src/components/ai/stream-status.tsx"],"sourcesContent":["import {\n  Disc3Icon,\n  LoaderCircleIcon,\n  LoaderIcon,\n  LoaderPinwheelIcon,\n} from \"lucide-react\";\nimport { memo, useEffect, useRef, useState } from \"react\";\n\nimport type { ReactNode } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst MS_PER_S = 1000;\nconst SECS_PER_MIN = 60;\nconst CONFIRM_RIPPLE_MS = 700;\nconst K = 1_000;\nconst M = 1_000_000;\n\n// ---------------------------------------------------------------------------\n// Icon variants\n// ---------------------------------------------------------------------------\n\n/** Built-in Lucide spinner icons that pair well with ts-spin-pulse animation. */\nexport const STREAM_STATUS_ICONS = {\n  loader: <LoaderIcon />,\n  \"loader-circle\": <LoaderCircleIcon />,\n  \"loader-pinwheel\": <LoaderPinwheelIcon />,\n  \"disc-3\": <Disc3Icon />,\n} as const;\n\nexport type StreamStatusIconVariant = keyof typeof STREAM_STATUS_ICONS;\n\n// ---------------------------------------------------------------------------\n// State → indicator dot colour\n// ---------------------------------------------------------------------------\n\nexport type StreamStatusState = \"streaming\" | \"idle\" | \"done\" | \"error\";\n\nconst INDICATOR_CLASS: Record<StreamStatusState, string> = {\n  streaming: \"animate-pulse bg-[#549DFF]\",   // TS Light Blue 300\n  idle:      \"bg-muted-foreground/40\",\n  done:      \"bg-[#038599]\",                 // TS Forest Green 300\n  error:     \"bg-[#E15759]\",                 // TS Imperial Red\n};\n\n// ---------------------------------------------------------------------------\n// Props\n// ---------------------------------------------------------------------------\n\nexport interface StreamStatusProps {\n  /**\n   * Timestamp when streaming started (Date or epoch ms).\n   * The component manages an internal 1-second ticker when set.\n   */\n  startTime?: Date | number;\n  /** Whether streaming is currently active. Defaults to `true` when `startTime` is set. */\n  isStreaming?: boolean;\n  /**\n   * Explicit state for the right-end indicator dot colour.\n   * If omitted, derived from `isStreaming`: `true` → \"streaming\", `false` → \"idle\".\n   *\n   * | state       | colour                     |\n   * |-------------|----------------------------|\n   * | streaming   | TS Light Blue 300 (pulsing)|\n   * | idle        | muted gray                 |\n   * | done        | TS Forest Green 300        |\n   * | error       | TS Imperial Red            |\n   */\n  state?: StreamStatusState;\n  /**\n   * Show the coloured status dot at the right end of the component.\n   * Defaults to `false`.\n   */\n  showIndicator?: boolean;\n  /** Token count shown after the separator, e.g. `8700` → \"↓ 8.7k tokens\". */\n  tokenCount?: number;\n  /** Prefix before the formatted token count. Defaults to `↓`. */\n  tokenLabel?: ReactNode;\n  /**\n   * Custom icon (ReactNode). Takes precedence over `iconVariant`.\n   * While streaming, the icon wrapper receives `ts-spin-pulse` — a continuous\n   * rotation that occasionally surges to 1.3× scale.\n   */\n  icon?: ReactNode;\n  /**\n   * Convenience shorthand to pick a built-in Lucide spinner.\n   * Ignored when `icon` is also provided.\n   *\n   * Options: `\"loader\"` | `\"loader-circle\"` | `\"loader-pinwheel\"` | `\"disc-3\"`\n   */\n  iconVariant?: StreamStatusIconVariant;\n  className?: string;\n}\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction formatElapsed(seconds: number): string {\n  const m = Math.floor(seconds / SECS_PER_MIN);\n  const s = seconds % SECS_PER_MIN;\n  return m > 0 ? `${m}m ${s.toString().padStart(2, \"0\")}s` : `${s}s`;\n}\n\nfunction formatTokens(count: number): string {\n  if (count >= M) return `${(count / M).toFixed(1).replace(/\\.0$/, \"\")}m`;\n  if (count >= K) return `${(count / K).toFixed(1).replace(/\\.0$/, \"\")}k`;\n  return String(count);\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nconst StreamStatusComponent = ({\n  startTime,\n  isStreaming = startTime !== undefined,\n  state: stateProp,\n  showIndicator = false,\n  tokenCount,\n  tokenLabel = \"↓\",\n  icon,\n  iconVariant,\n  className,\n}: StreamStatusProps) => {\n  const resolvedState: StreamStatusState =\n    stateProp ?? (isStreaming ? \"streaming\" : \"idle\");\n\n  const resolvedIcon =\n    icon === undefined\n      ? iconVariant === undefined\n        ? undefined\n        : STREAM_STATUS_ICONS[iconVariant]\n      : icon;\n\n  const [elapsed, setElapsed] = useState(() => {\n    if (startTime === undefined) return 0;\n    const origin =\n      typeof startTime === \"number\" ? startTime : startTime.getTime();\n    return Math.max(0, Math.floor((Date.now() - origin) / MS_PER_S));\n  });\n\n  // Bubble-confirm ripple — fires once when isStreaming transitions true → false\n  const [confirming, setConfirming] = useState(false);\n  const prevStreamingRef = useRef(isStreaming);\n\n  useEffect(() => {\n    const was = prevStreamingRef.current;\n    prevStreamingRef.current = isStreaming;\n    if (was && !isStreaming) {\n      setConfirming(true);\n      const t = setTimeout(() => setConfirming(false), CONFIRM_RIPPLE_MS);\n      return () => clearTimeout(t);\n    }\n  }, [isStreaming]);\n\n  // Elapsed-time ticker — only active while streaming\n  useEffect(() => {\n    if (!isStreaming || startTime === undefined) return;\n    const origin =\n      typeof startTime === \"number\" ? startTime : startTime.getTime();\n    const tick = () =>\n      setElapsed(Math.max(0, Math.floor((Date.now() - origin) / MS_PER_S)));\n    tick();\n    const id = setInterval(tick, MS_PER_S);\n    return () => clearInterval(id);\n  }, [isStreaming, startTime]);\n\n  const showTime = startTime !== undefined;\n  const showTokens = tokenCount !== undefined;\n\n  return (\n    <div\n      aria-live=\"polite\"\n      className={cn(\n        \"flex items-center gap-2 text-sm text-muted-foreground\",\n        className\n      )}\n    >\n      {/* Spinning icon — spins + pulse-surges while streaming */}\n      {resolvedIcon !== undefined && (\n        <span\n          className={cn(\n            \"shrink-0 [&>svg]:size-3.5\",\n            isStreaming ? \"ts-spin-pulse\" : \"opacity-40\"\n          )}\n        >\n          {resolvedIcon}\n        </span>\n      )}\n\n      {/* Elapsed time */}\n      {showTime && (\n        <span className=\"tabular-nums\">{formatElapsed(elapsed)}</span>\n      )}\n\n      {/* Token count */}\n      {showTokens && (\n        <>\n          <span aria-hidden className=\"select-none text-muted-foreground/40\">\n            ·\n          </span>\n          <span className=\"tabular-nums\">\n            {tokenLabel != null && (\n              <span className=\"mr-0.5\">{tokenLabel}</span>\n            )}\n            {formatTokens(tokenCount)} tokens\n          </span>\n        </>\n      )}\n\n      {/* Right-end indicator dot — opt-in, colour driven by `state` */}\n      {showIndicator && (\n        <span className=\"relative flex size-3 shrink-0 items-center justify-center\">\n          {confirming && (\n            <span className=\"ts-bubble-confirm absolute size-2 rounded-full bg-[#549DFF]\" />\n          )}\n          <span\n            className={cn(\n              \"size-1.5 rounded-full transition-colors duration-500\",\n              INDICATOR_CLASS[resolvedState]\n            )}\n          />\n        </span>\n      )}\n    </div>\n  );\n};\n\nexport const StreamStatus = memo(StreamStatusComponent);\nStreamStatus.displayName = \"StreamStatus\";\n"],"names":["MS_PER_S","SECS_PER_MIN","CONFIRM_RIPPLE_MS","K","M","STREAM_STATUS_ICONS","LoaderIcon","LoaderCircleIcon","LoaderPinwheelIcon","Disc3Icon","INDICATOR_CLASS","formatElapsed","seconds","m","s","formatTokens","count","StreamStatusComponent","startTime","isStreaming","stateProp","showIndicator","tokenCount","tokenLabel","icon","iconVariant","className","resolvedState","resolvedIcon","elapsed","setElapsed","useState","origin","confirming","setConfirming","prevStreamingRef","useRef","useEffect","was","t","tick","id","showTime","showTokens","jsxs","cn","jsx","Fragment","StreamStatus","memo"],"mappings":"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"}
+{"version":3,"file":"stream-status.js","sources":["../../../src/components/ai/stream-status.tsx"],"sourcesContent":["import {\n  Disc3Icon,\n  LoaderCircleIcon,\n  LoaderIcon,\n  LoaderPinwheelIcon,\n} from \"lucide-react\";\nimport { memo, useEffect, useRef, useState } from \"react\";\n\nimport type { ReactNode } from \"react\";\n\nimport { TetraMoleculeIcon } from \"@/components/ui/tetra-molecule-icon\";\nimport { cn } from \"@/lib/utils\";\n\nconst MS_PER_S = 1000;\nconst SECS_PER_MIN = 60;\nconst CONFIRM_RIPPLE_MS = 700;\nconst K = 1_000;\nconst M = 1_000_000;\n\n// ---------------------------------------------------------------------------\n// Icon variants\n// ---------------------------------------------------------------------------\n\n/**\n * Built-in spinner icons.\n *\n * The Lucide spinners pair with the flat `ts-spin-pulse` animation; the\n * `tetra` variant is the Tetra-branded \"TetraSpin\" — the official TetraScience\n * molecule logo filled with the brand blue gradient, rotating 360° with the\n * gradient held fixed so its nodes shimmer, echoing the `:tetraspin3d:` gif for\n * a sense of brand identity while an agent is thinking.\n */\nexport const STREAM_STATUS_ICONS = {\n  loader: <LoaderIcon />,\n  \"loader-circle\": <LoaderCircleIcon />,\n  \"loader-pinwheel\": <LoaderPinwheelIcon />,\n  \"disc-3\": <Disc3Icon />,\n  tetra: <TetraMoleculeIcon />,\n} as const;\n\nexport type StreamStatusIconVariant = keyof typeof STREAM_STATUS_ICONS;\n\n// ---------------------------------------------------------------------------\n// State → indicator dot colour\n// ---------------------------------------------------------------------------\n\nexport type StreamStatusState = \"streaming\" | \"idle\" | \"done\" | \"error\";\n\nconst INDICATOR_CLASS: Record<StreamStatusState, string> = {\n  streaming: \"animate-pulse bg-[#549DFF]\",   // TS Light Blue 300\n  idle:      \"bg-muted-foreground/40\",\n  done:      \"bg-[#038599]\",                 // TS Forest Green 300\n  error:     \"bg-[#E15759]\",                 // TS Imperial Red\n};\n\n// ---------------------------------------------------------------------------\n// Props\n// ---------------------------------------------------------------------------\n\nexport interface StreamStatusProps {\n  /**\n   * Timestamp when streaming started (Date or epoch ms).\n   * The component manages an internal 1-second ticker when set.\n   */\n  startTime?: Date | number;\n  /** Whether streaming is currently active. Defaults to `true` when `startTime` is set. */\n  isStreaming?: boolean;\n  /**\n   * Explicit state for the right-end indicator dot colour.\n   * If omitted, derived from `isStreaming`: `true` → \"streaming\", `false` → \"idle\".\n   *\n   * | state       | colour                     |\n   * |-------------|----------------------------|\n   * | streaming   | TS Light Blue 300 (pulsing)|\n   * | idle        | muted gray                 |\n   * | done        | TS Forest Green 300        |\n   * | error       | TS Imperial Red            |\n   */\n  state?: StreamStatusState;\n  /**\n   * Show the coloured status dot at the right end of the component.\n   * Defaults to `false`.\n   */\n  showIndicator?: boolean;\n  /** Token count shown after the separator, e.g. `8700` → \"↓ 8.7k tokens\". */\n  tokenCount?: number;\n  /** Prefix before the formatted token count. Defaults to `↓`. */\n  tokenLabel?: ReactNode;\n  /**\n   * Custom icon (ReactNode). Takes precedence over `iconVariant`.\n   * While streaming, the icon wrapper receives `ts-spin-pulse` — a continuous\n   * rotation that occasionally surges to 1.3× scale.\n   */\n  icon?: ReactNode;\n  /**\n   * Convenience shorthand to pick a built-in spinner.\n   * Ignored when `icon` is also provided. Defaults to `\"tetra\"`.\n   *\n   * Options: `\"loader\"` | `\"loader-circle\"` | `\"loader-pinwheel\"` | `\"disc-3\"` | `\"tetra\"`.\n   * The default `\"tetra\"` variant renders the official TetraScience molecule\n   * logo with a fixed brand-blue gradient. Pass `icon={null}` to render no icon.\n   */\n  iconVariant?: StreamStatusIconVariant;\n  className?: string;\n}\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction formatElapsed(seconds: number): string {\n  const m = Math.floor(seconds / SECS_PER_MIN);\n  const s = seconds % SECS_PER_MIN;\n  return m > 0 ? `${m}m ${s.toString().padStart(2, \"0\")}s` : `${s}s`;\n}\n\nfunction formatTokens(count: number): string {\n  if (count >= M) return `${(count / M).toFixed(1).replace(/\\.0$/, \"\")}m`;\n  if (count >= K) return `${(count / K).toFixed(1).replace(/\\.0$/, \"\")}k`;\n  return String(count);\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nconst StreamStatusComponent = ({\n  startTime,\n  isStreaming = startTime !== undefined,\n  state: stateProp,\n  showIndicator = false,\n  tokenCount,\n  tokenLabel = \"↓\",\n  icon,\n  iconVariant = \"tetra\",\n  className,\n}: StreamStatusProps) => {\n  const resolvedState: StreamStatusState =\n    stateProp ?? (isStreaming ? \"streaming\" : \"idle\");\n\n  // `icon` wins when provided (including `null` for no icon); otherwise fall\n  // back to the built-in variant, which defaults to the branded \"tetra\" mark.\n  const resolvedIcon =\n    icon === undefined ? STREAM_STATUS_ICONS[iconVariant] : icon;\n\n  const [elapsed, setElapsed] = useState(() => {\n    if (startTime === undefined) return 0;\n    const origin =\n      typeof startTime === \"number\" ? startTime : startTime.getTime();\n    return Math.max(0, Math.floor((Date.now() - origin) / MS_PER_S));\n  });\n\n  // Bubble-confirm ripple — fires once when isStreaming transitions true → false\n  const [confirming, setConfirming] = useState(false);\n  const prevStreamingRef = useRef(isStreaming);\n\n  useEffect(() => {\n    const was = prevStreamingRef.current;\n    prevStreamingRef.current = isStreaming;\n    if (was && !isStreaming) {\n      setConfirming(true);\n      const t = setTimeout(() => setConfirming(false), CONFIRM_RIPPLE_MS);\n      return () => clearTimeout(t);\n    }\n  }, [isStreaming]);\n\n  // Elapsed-time ticker — only active while streaming\n  useEffect(() => {\n    if (!isStreaming || startTime === undefined) return;\n    const origin =\n      typeof startTime === \"number\" ? startTime : startTime.getTime();\n    const tick = () =>\n      setElapsed(Math.max(0, Math.floor((Date.now() - origin) / MS_PER_S)));\n    tick();\n    const id = setInterval(tick, MS_PER_S);\n    return () => clearInterval(id);\n  }, [isStreaming, startTime]);\n\n  const showTime = startTime !== undefined;\n  const showTokens = tokenCount !== undefined;\n\n  return (\n    <div\n      aria-live=\"polite\"\n      className={cn(\n        \"flex items-center gap-2 text-sm text-muted-foreground\",\n        className\n      )}\n    >\n      {/* Spinning icon — spins + pulse-surges while streaming */}\n      {resolvedIcon !== undefined && (\n        <span\n          className={cn(\n            \"shrink-0 [&>svg]:size-3.5\",\n            isStreaming ? \"ts-spin-pulse\" : \"opacity-40\"\n          )}\n        >\n          {resolvedIcon}\n        </span>\n      )}\n\n      {/* Elapsed time */}\n      {showTime && (\n        <span className=\"tabular-nums\">{formatElapsed(elapsed)}</span>\n      )}\n\n      {/* Token count */}\n      {showTokens && (\n        <>\n          <span aria-hidden className=\"select-none text-muted-foreground/40\">\n            ·\n          </span>\n          <span className=\"tabular-nums\">\n            {tokenLabel != null && (\n              <span className=\"mr-0.5\">{tokenLabel}</span>\n            )}\n            {formatTokens(tokenCount)} tokens\n          </span>\n        </>\n      )}\n\n      {/* Right-end indicator dot — opt-in, colour driven by `state` */}\n      {showIndicator && (\n        <span className=\"relative flex size-3 shrink-0 items-center justify-center\">\n          {confirming && (\n            <span className=\"ts-bubble-confirm absolute size-2 rounded-full bg-[#549DFF]\" />\n          )}\n          <span\n            className={cn(\n              \"size-1.5 rounded-full transition-colors duration-500\",\n              INDICATOR_CLASS[resolvedState]\n            )}\n          />\n        </span>\n      )}\n    </div>\n  );\n};\n\nexport const StreamStatus = memo(StreamStatusComponent);\nStreamStatus.displayName = \"StreamStatus\";\n"],"names":["MS_PER_S","SECS_PER_MIN","CONFIRM_RIPPLE_MS","K","M","STREAM_STATUS_ICONS","LoaderIcon","LoaderCircleIcon","LoaderPinwheelIcon","Disc3Icon","TetraMoleculeIcon","INDICATOR_CLASS","formatElapsed","seconds","m","s","formatTokens","count","StreamStatusComponent","startTime","isStreaming","stateProp","showIndicator","tokenCount","tokenLabel","icon","iconVariant","className","resolvedState","resolvedIcon","elapsed","setElapsed","useState","origin","confirming","setConfirming","prevStreamingRef","useRef","useEffect","was","t","tick","id","showTime","showTokens","jsxs","cn","jsx","Fragment","StreamStatus","memo"],"mappings":"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"}