@tetrascience-npm/tetrascience-react-ui 0.7.0 → 1.0.0

package/dist/components/ai/reasoning.d.ts

@@ -0,0 +1,26 @@
+import { ComponentProps, ReactNode } from 'react';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../ui/collapsible';
+interface ReasoningContextValue {
+    isStreaming: boolean;
+    isOpen: boolean;
+    setIsOpen: (open: boolean) => void;
+    duration: number | undefined;
+}
+export declare const useReasoning: () => ReasoningContextValue;
+export type ReasoningProps = ComponentProps<typeof Collapsible> & {
+    isStreaming?: boolean;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    duration?: number;
+};
+export declare const Reasoning: import('react').MemoExoticComponent<({ className, isStreaming, open, defaultOpen, onOpenChange, duration: durationProp, children, ...props }: ReasoningProps) => import("react/jsx-runtime").JSX.Element>;
+export type ReasoningTriggerProps = ComponentProps<typeof CollapsibleTrigger> & {
+    getThinkingMessage?: (isStreaming: boolean, duration?: number) => ReactNode;
+};
+export declare const ReasoningTrigger: import('react').MemoExoticComponent<({ className, children, getThinkingMessage, ...props }: ReasoningTriggerProps) => import("react/jsx-runtime").JSX.Element>;
+export type ReasoningContentProps = ComponentProps<typeof CollapsibleContent> & {
+    children: string;
+};
+export declare const ReasoningContent: import('react').MemoExoticComponent<({ className, children, ...props }: ReasoningContentProps) => import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/components/ai/shimmer.d.ts

@@ -0,0 +1,17 @@
+import { ElementType } from 'react';
+/** TetraScience brand gradient — Light Blue 300 → Purple 500 → Violet Marble */
+export declare const TS_SHIMMER_GRADIENT = "linear-gradient(90deg, #549DFF, #8243BA, #9665F4)";
+export interface TextShimmerProps {
+    children: string;
+    as?: ElementType;
+    className?: string;
+    duration?: number;
+    spread?: number;
+    /**
+     * CSS gradient used as the base text colour. Defaults to `muted-foreground`.
+     * Pass `TS_SHIMMER_GRADIENT` (or any custom gradient) to colour the text
+     * with the brand blue→purple sweep.
+     */
+    gradient?: string;
+}
+export declare const Shimmer: import('react').MemoExoticComponent<({ children, as: Component, className, duration, spread, gradient, }: TextShimmerProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/ai/sources.d.ts

@@ -0,0 +1,12 @@
+import { ComponentProps } from 'react';
+import { CollapsibleContent, CollapsibleTrigger } from '../ui/collapsible';
+export type SourcesProps = ComponentProps<"div">;
+export declare const Sources: ({ className, ...props }: SourcesProps) => import("react/jsx-runtime").JSX.Element;
+export type SourcesTriggerProps = ComponentProps<typeof CollapsibleTrigger> & {
+    count: number;
+};
+export declare const SourcesTrigger: ({ className, count, children, ...props }: SourcesTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export type SourcesContentProps = ComponentProps<typeof CollapsibleContent>;
+export declare const SourcesContent: ({ className, ...props }: SourcesContentProps) => import("react/jsx-runtime").JSX.Element;
+export type SourceProps = ComponentProps<"a">;
+export declare const Source: ({ href, title, className, children, ...props }: SourceProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ai/speech-input.d.ts

@@ -0,0 +1,54 @@
+import { ComponentProps } from 'react';
+import { Button } from '../ui/button';
+interface SpeechRecognition extends EventTarget {
+    continuous: boolean;
+    interimResults: boolean;
+    lang: string;
+    start(): void;
+    stop(): void;
+    onstart: ((this: SpeechRecognition, ev: Event) => void) | null;
+    onend: ((this: SpeechRecognition, ev: Event) => void) | null;
+    onresult: ((this: SpeechRecognition, ev: SpeechRecognitionEvent) => void) | null;
+    onerror: ((this: SpeechRecognition, ev: SpeechRecognitionErrorEvent) => void) | null;
+}
+interface SpeechRecognitionEvent extends Event {
+    results: SpeechRecognitionResultList;
+    resultIndex: number;
+}
+interface SpeechRecognitionResultList {
+    readonly length: number;
+    item(index: number): SpeechRecognitionResult;
+    [index: number]: SpeechRecognitionResult;
+}
+interface SpeechRecognitionResult {
+    readonly length: number;
+    item(index: number): SpeechRecognitionAlternative;
+    [index: number]: SpeechRecognitionAlternative;
+    isFinal: boolean;
+}
+interface SpeechRecognitionAlternative {
+    transcript: string;
+    confidence: number;
+}
+interface SpeechRecognitionErrorEvent extends Event {
+    error: string;
+}
+declare global {
+    interface Window {
+        SpeechRecognition: new () => SpeechRecognition;
+        webkitSpeechRecognition: new () => SpeechRecognition;
+    }
+}
+export type SpeechInputProps = ComponentProps<typeof Button> & {
+    onTranscriptionChange?: (text: string) => void;
+    /**
+     * Callback for when audio is recorded using MediaRecorder fallback.
+     * This is called in browsers that don't support the Web Speech API (Firefox, Safari).
+     * The callback receives an audio Blob that should be sent to a transcription service.
+     * Return the transcribed text, which will be passed to onTranscriptionChange.
+     */
+    onAudioRecorded?: (audioBlob: Blob) => Promise<string>;
+    lang?: string;
+};
+export declare const SpeechInput: ({ className, onTranscriptionChange, onAudioRecorded, lang, ...props }: SpeechInputProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ai/stream-status.d.ts

@@ -0,0 +1,66 @@
+import { ReactNode } from 'react';
+/**
+ * Built-in spinner icons.
+ *
+ * The Lucide spinners pair with the flat `ts-spin-pulse` animation; the
+ * `tetra` variant is the Tetra-branded "TetraSpin" — the official TetraScience
+ * molecule logo filled with the brand blue gradient, rotating 360° with the
+ * gradient held fixed so its nodes shimmer, echoing the `:tetraspin3d:` gif for
+ * a sense of brand identity while an agent is thinking.
+ */
+export declare const STREAM_STATUS_ICONS: {
+    readonly loader: import("react/jsx-runtime").JSX.Element;
+    readonly "loader-circle": import("react/jsx-runtime").JSX.Element;
+    readonly "loader-pinwheel": import("react/jsx-runtime").JSX.Element;
+    readonly "disc-3": import("react/jsx-runtime").JSX.Element;
+    readonly tetra: import("react/jsx-runtime").JSX.Element;
+};
+export type StreamStatusIconVariant = keyof typeof STREAM_STATUS_ICONS;
+export type StreamStatusState = "streaming" | "idle" | "done" | "error";
+export interface StreamStatusProps {
+    /**
+     * Timestamp when streaming started (Date or epoch ms).
+     * The component manages an internal 1-second ticker when set.
+     */
+    startTime?: Date | number;
+    /** Whether streaming is currently active. Defaults to `true` when `startTime` is set. */
+    isStreaming?: boolean;
+    /**
+     * Explicit state for the right-end indicator dot colour.
+     * If omitted, derived from `isStreaming`: `true` → "streaming", `false` → "idle".
+     *
+     * | state       | colour                     |
+     * |-------------|----------------------------|
+     * | streaming   | TS Light Blue 300 (pulsing)|
+     * | idle        | muted gray                 |
+     * | done        | TS Forest Green 300        |
+     * | error       | TS Imperial Red            |
+     */
+    state?: StreamStatusState;
+    /**
+     * Show the coloured status dot at the right end of the component.
+     * Defaults to `false`.
+     */
+    showIndicator?: boolean;
+    /** Token count shown after the separator, e.g. `8700` → "↓ 8.7k tokens". */
+    tokenCount?: number;
+    /** Prefix before the formatted token count. Defaults to `↓`. */
+    tokenLabel?: ReactNode;
+    /**
+     * Custom icon (ReactNode). Takes precedence over `iconVariant`.
+     * While streaming, the icon wrapper receives `ts-spin-pulse` — a continuous
+     * rotation that occasionally surges to 1.3× scale.
+     */
+    icon?: ReactNode;
+    /**
+     * Convenience shorthand to pick a built-in spinner.
+     * Ignored when `icon` is also provided. Defaults to `"tetra"`.
+     *
+     * Options: `"loader"` | `"loader-circle"` | `"loader-pinwheel"` | `"disc-3"` | `"tetra"`.
+     * The default `"tetra"` variant renders the official TetraScience molecule
+     * logo with a fixed brand-blue gradient. Pass `icon={null}` to render no icon.
+     */
+    iconVariant?: StreamStatusIconVariant;
+    className?: string;
+}
+export declare const StreamStatus: import('react').MemoExoticComponent<({ startTime, isStreaming, state: stateProp, showIndicator, tokenCount, tokenLabel, icon, iconVariant, className, }: StreamStatusProps) => import("react/jsx-runtime").JSX.Element>;

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

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

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

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

package/dist/components/ai/streamdown-code-plugin.d.ts

@@ -0,0 +1,2 @@
+import { CodeHighlighterPlugin } from 'streamdown';
+export declare const streamdownCodePlugin: CodeHighlighterPlugin;

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

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

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

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

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

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

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

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

package/dist/components/ai/streamdown-plugins.d.ts

@@ -0,0 +1,2 @@
+import { PluginConfig } from 'streamdown';
+export declare const streamdownPlugins: PluginConfig;

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

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

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

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

package/dist/components/ai/suggestion.d.ts

@@ -0,0 +1,9 @@
+import { ComponentProps } from 'react';
+import { Button } from '../ui/button';
+export type SuggestionsProps = ComponentProps<"div">;
+export declare const Suggestions: ({ className, children, ...props }: SuggestionsProps) => import("react/jsx-runtime").JSX.Element;
+export type SuggestionProps = Omit<ComponentProps<typeof Button>, "onClick"> & {
+    suggestion: string;
+    onClick?: (suggestion: string) => void;
+};
+export declare const Suggestion: ({ suggestion, onClick, className, variant, size, children, ...props }: SuggestionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ai/task.d.ts

@@ -0,0 +1,16 @@
+import { ComponentProps } from 'react';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../ui/collapsible';
+export type TaskItemFileProps = ComponentProps<"div">;
+export declare const TaskItemFile: ({ children, className, ...props }: TaskItemFileProps) => import("react/jsx-runtime").JSX.Element;
+export type TaskItemProps = ComponentProps<"div">;
+export declare const TaskItem: ({ children, className, ...props }: TaskItemProps) => import("react/jsx-runtime").JSX.Element;
+export type TaskProps = ComponentProps<typeof Collapsible> & {
+    isStreaming?: boolean;
+};
+export declare const Task: ({ defaultOpen, isStreaming, open, onOpenChange, className, ...props }: TaskProps) => import("react/jsx-runtime").JSX.Element;
+export type TaskTriggerProps = ComponentProps<typeof CollapsibleTrigger> & {
+    title: string;
+};
+export declare const TaskTrigger: ({ children, className, title, ...props }: TaskTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export type TaskContentProps = ComponentProps<typeof CollapsibleContent>;
+export declare const TaskContent: ({ children, className, ...props }: TaskContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ai/tool.d.ts

@@ -0,0 +1,33 @@
+import { DynamicToolUIPart, ToolUIPart } from 'ai';
+import { ComponentProps } from 'react';
+import { Collapsible, CollapsibleContent } from '../ui/collapsible';
+export type ToolProps = ComponentProps<typeof Collapsible> & {
+    isStreaming?: boolean;
+};
+export declare const Tool: ({ className, isStreaming, open, onOpenChange, defaultOpen, ...props }: ToolProps) => import("react/jsx-runtime").JSX.Element;
+export type ToolPart = ToolUIPart | DynamicToolUIPart;
+export type ToolHeaderProps = {
+    title?: string;
+    className?: string;
+} & ({
+    type: ToolUIPart["type"];
+    state: ToolUIPart["state"];
+    toolName?: never;
+} | {
+    type: DynamicToolUIPart["type"];
+    state: DynamicToolUIPart["state"];
+    toolName: string;
+});
+export declare const getStatusBadge: (status: ToolPart["state"]) => import("react/jsx-runtime").JSX.Element;
+export declare const ToolHeader: ({ className, title, type, state, toolName, ...props }: ToolHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export type ToolContentProps = ComponentProps<typeof CollapsibleContent>;
+export declare const ToolContent: ({ className, ...props }: ToolContentProps) => import("react/jsx-runtime").JSX.Element;
+export type ToolInputProps = ComponentProps<"div"> & {
+    input: ToolPart["input"];
+};
+export declare const ToolInput: ({ className, input, ...props }: ToolInputProps) => import("react/jsx-runtime").JSX.Element;
+export type ToolOutputProps = ComponentProps<"div"> & {
+    output: ToolPart["output"];
+    errorText: ToolPart["errorText"];
+};
+export declare const ToolOutput: ({ className, output, errorText, ...props }: ToolOutputProps) => import("react/jsx-runtime").JSX.Element | null;

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

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

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

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

package/dist/components/ai/use-streamdown-plugins.d.ts

@@ -0,0 +1,8 @@
+import { PluginConfig } from 'streamdown';
+/**
+ * Lazily loads the streamdown plugin set (SW-2007). Markdown renders
+ * immediately without plugins; code highlighting, math, and mermaid upgrade
+ * in place once the lazy chunk arrives, keeping shiki/KaTeX/mermaid out of
+ * the consumer's main bundle.
+ */
+export declare function useStreamdownPlugins(): PluginConfig | undefined;

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

@@ -0,0 +1,25 @@
+import { useState as i, useEffect as o } from "react";
+let e = null, t = null;
+function s() {
+  return t ??= import("./streamdown-plugins.js").then((n) => (e = n.streamdownPlugins, e)).catch((n) => {
+    throw t = null, e = null, n;
+  }), t;
+}
+function a() {
+  const [n, u] = i(
+    e ?? void 0
+  );
+  return o(() => {
+    if (n) return;
+    let l = !1;
+    return s().then((r) => {
+      l || u(r);
+    }), () => {
+      l = !0;
+    };
+  }, [n]), n;
+}
+export {
+  a as useStreamdownPlugins
+};
+//# sourceMappingURL=use-streamdown-plugins.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-streamdown-plugins.js","sources":["../../../src/components/ai/use-streamdown-plugins.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nimport type { PluginConfig } from \"streamdown\";\n\n// Module-level cache so the lazy chunk is fetched once and later mounts get\n// the plugins synchronously on first render (no highlight flash).\nlet cachedPlugins: PluginConfig | null = null;\nlet pluginsPromise: Promise<PluginConfig> | null = null;\n\nfunction loadStreamdownPlugins(): Promise<PluginConfig> {\n  pluginsPromise ??= import(\"./streamdown-plugins\")\n    .then((mod) => {\n      cachedPlugins = mod.streamdownPlugins;\n      return cachedPlugins;\n    })\n    .catch((error) => {\n      pluginsPromise = null;\n      cachedPlugins = null;\n      throw error;\n    });\n  return pluginsPromise;\n}\n\n/**\n * Lazily loads the streamdown plugin set (SW-2007). Markdown renders\n * immediately without plugins; code highlighting, math, and mermaid upgrade\n * in place once the lazy chunk arrives, keeping shiki/KaTeX/mermaid out of\n * the consumer's main bundle.\n */\nexport function useStreamdownPlugins(): PluginConfig | undefined {\n  const [plugins, setPlugins] = useState<PluginConfig | undefined>(\n    cachedPlugins ?? undefined,\n  );\n\n  useEffect(() => {\n    if (plugins) return;\n    let cancelled = false;\n    void loadStreamdownPlugins().then((loaded) => {\n      if (!cancelled) setPlugins(loaded);\n    });\n    return () => {\n      cancelled = true;\n    };\n  }, [plugins]);\n\n  return plugins;\n}\n"],"names":["cachedPlugins","pluginsPromise","loadStreamdownPlugins","mod","error","useStreamdownPlugins","plugins","setPlugins","useState","useEffect","cancelled","loaded"],"mappings":";AAMA,IAAIA,IAAqC,MACrCC,IAA+C;AAEnD,SAASC,IAA+C;AACtD,SAAAD,MAAmB,OAAO,yBAAsB,EAC7C,KAAK,CAACE,OACLH,IAAgBG,EAAI,mBACbH,EACR,EACA,MAAM,CAACI,MAAU;AAChB,UAAAH,IAAiB,MACjBD,IAAgB,MACVI;AAAA,EACR,CAAC,GACIH;AACT;AAQO,SAASI,IAAiD;AAC/D,QAAM,CAACC,GAASC,CAAU,IAAIC;AAAA,IAC5BR,KAAiB;AAAA,EAAA;AAGnB,SAAAS,EAAU,MAAM;AACd,QAAIH,EAAS;AACb,QAAII,IAAY;AAChB,WAAKR,EAAA,EAAwB,KAAK,CAACS,MAAW;AAC5C,MAAKD,KAAWH,EAAWI,CAAM;AAAA,IACnC,CAAC,GACM,MAAM;AACX,MAAAD,IAAY;AAAA,IACd;AAAA,EACF,GAAG,CAACJ,CAAO,CAAC,GAELA;AACT;"}

package/dist/components/charts/AreaPlot/AreaPlot.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),n=require("react"),tt=require("../ChartTooltip/ChartTooltip.cjs"),z=require("../plotly-loader.cjs"),et=require("../../../hooks/use-element-size.cjs"),d=require("../../../hooks/use-plotly-theme.cjs"),ot=require("../../../lib/utils.cjs"),W=require("../../../utils/colors.cjs"),rt=require("../ChartTooltip/lines.cjs"),nt=80,lt=40,it=({dataSeries:a,width:I,height:P,xRange:M,yRange:p,variant:x="normal",xTitle:C,yTitle:T,title:w,xTickText:_})=>{const f=n.useRef(null),r=d.usePlotlyTheme(),[D,R]=et.useElementSize(),u=I??R.width,h=P??R.height,F=u>0&&h>0,J=I===void 0,K=P===void 0,A=n.useRef({width:u,height:h});A.current={width:u,height:h};const k=n.useRef(!1),L=n.useRef({width:0,height:0}),{bindTooltip:O,tooltipElement:Q}=tt.useChartTooltip({getLines:e=>rt.chartTooltipLines(e.map(t=>typeof t.customdata=="number"?{...t,y:t.customdata}:t),{xLabel:C,yLabel:T})}),{xMin:Y,xMax:q,yMin:H,yMax:X}=n.useMemo(()=>{let e=Number.MAX_VALUE,t=Number.MIN_VALUE,i=Number.MAX_VALUE,o=Number.MIN_VALUE;a.forEach(s=>{s.x.forEach(c=>{e=Math.min(e,c),t=Math.max(t,c)}),s.y.forEach(c=>{i=Math.min(i,c),o=Math.max(o,c)})});const y=(t-e)*.1,l=(o-i)*.1;return{xMin:e-y,xMax:t+y,yMin:x==="stacked"?0:i-l,yMax:o+l}},[a,x]),m=n.useMemo(()=>M||[Y,q],[M,Y,q]),g=n.useMemo(()=>p||[H,X],[p,H,X]),V=n.useMemo(()=>{const e=m[1]-m[0];let t=Math.pow(10,Math.floor(Math.log10(e)));e/t>10&&(t=t*2),e/t<4&&(t=t/2);const i=[];let o=Math.ceil(m[0]/t)*t;for(;o<=m[1];)i.push(o),o+=t;return i},[m]),j=n.useMemo(()=>{const e=g[1]-g[0];let t=Math.pow(10,Math.floor(Math.log10(e)));e/t>10&&(t=t*2),e/t<4&&(t=t/2);const i=[];let o=Math.ceil(g[0]/t)*t;for(;o<=g[1];)i.push(o),o+=t;return i},[g]),v=n.useMemo(()=>[...new Set(a.flatMap(e=>e.x))].sort((e,t)=>e-t),[a]),E=!!_&&_.length===v.length,N=n.useMemo(()=>({tickcolor:r.tickColor,ticklen:12,tickwidth:1,ticks:"outside",tickfont:{size:16,color:r.textColor,family:d.CHART_FONT_FAMILY,weight:400},linecolor:r.lineColor,linewidth:1,position:0,zeroline:!1}),[r]),b=n.useMemo(()=>w?{text:w,x:.5,y:.95,xanchor:"center",yanchor:"top",font:{size:32,weight:600,family:d.CHART_FONT_FAMILY,color:r.textColor,lineheight:1.2,standoff:30}}:void 0,[w,r]);return n.useEffect(()=>{if(!f.current||!F)return;let e;if(x==="stacked"){const l=new Array(a[0]?.x.length||0).fill(0);e=a.map((s,c)=>{const Z=s.y.map(($,B)=>{const G=l[B]+$;return l[B]=G,G}),U=W.seriesColor(c,s.color);return{x:s.x,y:Z,customdata:s.y,type:"scatter",mode:"lines",name:s.name,hoverinfo:"none",fill:c===0?"tozeroy":"tonexty",fillcolor:U,line:{color:U,width:2}}})}else e=a.map((l,s)=>{const c=W.seriesColor(s,l.color);return{x:l.x,y:l.y,type:"scatter",mode:"lines",name:l.name,hoverinfo:"none",fill:l.fill||"tozeroy",fillcolor:c,line:{color:c,width:2}}});const t={width:A.current.width,height:A.current.height,...b?{title:b}:{},margin:{l:80,r:40,b:96,t:w?nt:lt,pad:0},paper_bgcolor:r.paperBg,plot_bgcolor:r.plotBg,font:{family:d.CHART_FONT_FAMILY},dragmode:!1,xaxis:{title:{text:C,font:{size:16,color:r.textSecondary,family:d.CHART_FONT_FAMILY,weight:400},standoff:15},gridcolor:r.gridColor,range:M,autorange:!M,tickmode:"array",tickvals:E?v:V,...E?{ticktext:_}:{},showgrid:!0,automargin:!0,...N},yaxis:{title:{text:T,font:{size:16,color:r.textSecondary,family:d.CHART_FONT_FAMILY,weight:400},standoff:15},gridcolor:r.gridColor,range:p,autorange:!p,tickmode:"array",tickvals:j,showgrid:!0,automargin:!0,...N},legend:{x:.5,y:0,xanchor:"center",yanchor:"bottom",yref:"container",orientation:"h",font:{size:13,color:r.legendColor,family:d.CHART_FONT_FAMILY,weight:500,lineheight:18}},showlegend:!0},i={responsive:!1,displayModeBar:!1,displaylogo:!1};let o=!1,y=null;return z.loadPlotly().then(l=>{o||!f.current||(l.newPlot(f.current,e,t,i),O(f.current),y=f.current,k.current=!0,L.current={...A.current})}),()=>{o=!0,y&&(z.getLoadedPlotly().purge(y),k.current=!1)}},[a,F,M,p,m,g,x,C,T,w,b,N,V,j,v,E,_,r,O]),n.useEffect(()=>{const e=f.current;!e||!k.current||u<=0||h<=0||L.current.width===u&&L.current.height===h||(L.current={width:u,height:h},z.getLoadedPlotly().relayout(e,{width:u,height:h}).catch(()=>{}))},[u,h]),S.jsxs("div",{ref:D,className:ot.cn("area-graph-container relative",J&&"w-full",K&&"h-full"),children:[S.jsx("div",{ref:f,style:{width:"100%",height:"100%"}}),Q]})};exports.AreaPlot=it;
+//# sourceMappingURL=AreaPlot.cjs.map

package/dist/components/charts/AreaPlot/AreaPlot.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AreaPlot.cjs","sources":["../../../../src/components/charts/AreaPlot/AreaPlot.tsx"],"sourcesContent":["import React, { useEffect, useRef, useMemo } from \"react\";\n\nimport { chartTooltipLines, useChartTooltip } from \"../ChartTooltip\";\nimport { getLoadedPlotly, loadPlotly } from \"../plotly-loader\";\n\nimport { useElementSize } from \"@/hooks/use-element-size\";\nimport { CHART_FONT_FAMILY, usePlotlyTheme } from \"@/hooks/use-plotly-theme\";\nimport { cn } from \"@/lib/utils\";\nimport { seriesColor } from \"@/utils/colors\";\n\ninterface AreaDataSeries {\n  x: number[];\n  y: number[];\n  name: string;\n  /** Optional color override (auto-assigned from CHART_COLORS if not provided) */\n  color?: string;\n  fill?: \"tozeroy\" | \"tonexty\" | \"toself\";\n}\n\ntype AreaPlotVariant = \"normal\" | \"stacked\";\n\n/** Top margin reserving room for the 32px title; reduced when no title is set */\nconst TITLE_MARGIN_TOP = 80;\nconst NO_TITLE_MARGIN_TOP = 40;\n\ninterface AreaPlotProps {\n  dataSeries: AreaDataSeries[];\n  /**\n   * Fixed width in pixels. When omitted, the chart fills its container and\n   * tracks the container's width via a `ResizeObserver`.\n   */\n  width?: number;\n  /**\n   * Fixed height in pixels. When omitted, the chart fills its container and\n   * tracks the container's height via a `ResizeObserver`.\n   */\n  height?: number;\n  xRange?: [number, number];\n  yRange?: [number, number];\n  variant?: AreaPlotVariant;\n  xTitle?: string;\n  yTitle?: string;\n  title?: string;\n  /**\n   * Categorical labels for the x-axis ticks. When provided, the x data values\n   * still drive area positioning but the displayed tick labels match these\n   * strings in order (e.g. [\"Mon\", \"Tue\", …]). Should align 1:1 with the\n   * unique, ordered x values across all series.\n   */\n  xTickText?: string[];\n}\n\nconst AreaPlot: React.FC<AreaPlotProps> = ({\n  dataSeries,\n  width,\n  height,\n  xRange,\n  yRange,\n  variant = \"normal\",\n  xTitle,\n  yTitle,\n  title,\n  xTickText,\n}) => {\n  const plotRef = useRef<HTMLDivElement>(null);\n  const theme = usePlotlyTheme();\n\n  // When width/height are omitted the chart fills its container; otherwise the\n  // explicit pixel size wins. The container is measured either way (cheap) but\n  // only used as the resolved size for the omitted dimension(s).\n  const [containerRef, measured] = useElementSize<HTMLDivElement>();\n  const resolvedWidth = width ?? measured.width;\n  const resolvedHeight = height ?? measured.height;\n  const hasSize = resolvedWidth > 0 && resolvedHeight > 0;\n  // Fill is per-dimension: omit width to fill the container width, omit height\n  // to fill its height (so e.g. a fixed width with a container-driven height works).\n  const fillWidth = width === undefined;\n  const fillHeight = height === undefined;\n\n  // Hold the latest resolved size in a ref so the newPlot effect can read it\n  // without listing it as a dependency — size changes are handled by a\n  // separate relayout effect rather than by tearing down and recreating the plot.\n  const sizeRef = useRef({ width: resolvedWidth, height: resolvedHeight });\n  sizeRef.current = { width: resolvedWidth, height: resolvedHeight };\n  const plotInitedRef = useRef(false);\n  // Size last applied to the plot, so the resize effect can skip a redundant\n  // relayout right after newPlot already drew at that size.\n  const appliedSizeRef = useRef({ width: 0, height: 0 });\n  const { bindTooltip, tooltipElement } = useChartTooltip({\n    // Stacked traces carry the original series values as customdata;\n    // display those instead of the cumulative stack heights\n    getLines: (points) =>\n      chartTooltipLines(\n        points.map((point) =>\n          typeof point.customdata === \"number\"\n            ? { ...point, y: point.customdata }\n            : point,\n        ),\n        { xLabel: xTitle, yLabel: yTitle },\n      ),\n  });\n\n  const { xMin, xMax, yMin, yMax } = useMemo(() => {\n    let minX = Number.MAX_VALUE;\n    let maxX = Number.MIN_VALUE;\n    let minY = Number.MAX_VALUE;\n    let maxY = Number.MIN_VALUE;\n\n    dataSeries.forEach((series) => {\n      series.x.forEach((x) => {\n        minX = Math.min(minX, x);\n        maxX = Math.max(maxX, x);\n      });\n      series.y.forEach((y) => {\n        minY = Math.min(minY, y);\n        maxY = Math.max(maxY, y);\n      });\n    });\n\n    const xPadding = (maxX - minX) * 0.1;\n    const yPadding = (maxY - minY) * 0.1;\n\n    return {\n      xMin: minX - xPadding,\n      xMax: maxX + xPadding,\n      yMin: variant === \"stacked\" ? 0 : minY - yPadding,\n      yMax: maxY + yPadding,\n    };\n  }, [dataSeries, variant]);\n\n  const effectiveXRange = useMemo(\n    () => xRange || [xMin, xMax],\n    [xRange, xMin, xMax],\n  );\n  const effectiveYRange = useMemo(\n    () => yRange || [yMin, yMax],\n    [yRange, yMin, yMax],\n  );\n\n  const xTicks = useMemo(() => {\n    const range = effectiveXRange[1] - effectiveXRange[0];\n    let step = Math.pow(10, Math.floor(Math.log10(range)));\n\n    if (range / step > 10) step = step * 2;\n    if (range / step < 4) step = step / 2;\n\n    const ticks = [];\n    let current = Math.ceil(effectiveXRange[0] / step) * step;\n    while (current <= effectiveXRange[1]) {\n      ticks.push(current);\n      current += step;\n    }\n    return ticks;\n  }, [effectiveXRange]);\n\n  const yTicks = useMemo(() => {\n    const range = effectiveYRange[1] - effectiveYRange[0];\n    let step = Math.pow(10, Math.floor(Math.log10(range)));\n\n    if (range / step > 10) step = step * 2;\n    if (range / step < 4) step = step / 2;\n\n    const ticks = [];\n    let current = Math.ceil(effectiveYRange[0] / step) * step;\n    while (current <= effectiveYRange[1]) {\n      ticks.push(current);\n      current += step;\n    }\n    return ticks;\n  }, [effectiveYRange]);\n\n  // When categorical labels are supplied, ticks must sit on the actual data\n  // x-positions rather than the computed nice-step values above. Sorted\n  // ascending so labels map deterministically to x regardless of series order.\n  const xDataValues = useMemo(\n    () => [...new Set(dataSeries.flatMap((s) => s.x))].sort((a, b) => a - b),\n    [dataSeries],\n  );\n\n  // Only apply categorical labels when they align 1:1 with the tick positions;\n  // a mismatch would silently mis-label ticks, so fall back to numeric ticks.\n  const useCategoricalX = !!xTickText && xTickText.length === xDataValues.length;\n\n  const tickOptions = useMemo(\n    () => ({\n      tickcolor: theme.tickColor,\n      ticklen: 12,\n      tickwidth: 1,\n      ticks: \"outside\" as const,\n      tickfont: {\n        size: 16,\n        color: theme.textColor,\n        family: CHART_FONT_FAMILY,\n        weight: 400,\n      },\n      linecolor: theme.lineColor,\n      linewidth: 1,\n      position: 0,\n      zeroline: false,\n    }),\n    [theme],\n  );\n\n  const titleOptions = useMemo(\n    () =>\n      title\n        ? {\n            text: title,\n            x: 0.5,\n            y: 0.95,\n            xanchor: \"center\" as const,\n            yanchor: \"top\" as const,\n            font: {\n              size: 32,\n              weight: 600,\n              family: CHART_FONT_FAMILY,\n              color: theme.textColor,\n              lineheight: 1.2,\n              standoff: 30,\n            },\n          }\n        : undefined,\n    [title, theme],\n  );\n\n  useEffect(() => {\n    if (!plotRef.current || !hasSize) return;\n\n    let data;\n\n    if (variant === \"stacked\") {\n      // For stacked mode, we need to calculate cumulative values\n      const cumulativeY = new Array(dataSeries[0]?.x.length || 0).fill(0);\n\n      data = dataSeries.map((series, index) => {\n        // Calculate cumulative values for this series\n        const stackedY = series.y.map((value, i) => {\n          const result = cumulativeY[i] + value;\n          cumulativeY[i] = result;\n          return result;\n        });\n\n        const color = seriesColor(index, series.color);\n        return {\n          x: series.x,\n          y: stackedY,\n          // Tooltips report the series' own values, not the stacked sums\n          customdata: series.y,\n          type: \"scatter\" as const,\n          mode: \"lines\" as const,\n          name: series.name,\n          hoverinfo: \"none\" as const,\n          fill: index === 0 ? (\"tozeroy\" as const) : (\"tonexty\" as const),\n          fillcolor: color,\n          line: {\n            color,\n            width: 2,\n          },\n        };\n      });\n    } else {\n      // Normal mode - each area fills independently from zero\n      data = dataSeries.map((series, index) => {\n        const color = seriesColor(index, series.color);\n        return {\n          x: series.x,\n          y: series.y,\n          type: \"scatter\" as const,\n          mode: \"lines\" as const,\n          name: series.name,\n          hoverinfo: \"none\" as const,\n          fill: series.fill || (\"tozeroy\" as const),\n          fillcolor: color,\n          line: {\n            color,\n            width: 2,\n          },\n        };\n      });\n    }\n\n    const layout = {\n      width: sizeRef.current.width,\n      height: sizeRef.current.height,\n      ...(titleOptions ? { title: titleOptions } : {}),\n      margin: {\n        l: 80,\n        r: 40,\n        // Reserve room for tick labels, the x-axis title, and the\n        // container-anchored bottom legend stacked beneath them.\n        b: 96,\n        t: title ? TITLE_MARGIN_TOP : NO_TITLE_MARGIN_TOP,\n        pad: 0,\n      },\n      paper_bgcolor: theme.paperBg,\n      plot_bgcolor: theme.plotBg,\n      font: {\n        family: CHART_FONT_FAMILY,\n      },\n      dragmode: false as const,\n      xaxis: {\n        title: {\n          text: xTitle,\n          font: {\n            size: 16,\n            color: theme.textSecondary,\n            family: CHART_FONT_FAMILY,\n            weight: 400,\n          },\n          standoff: 15,\n        },\n        gridcolor: theme.gridColor,\n        range: xRange,\n        autorange: !xRange,\n        tickmode: \"array\" as const,\n        tickvals: useCategoricalX ? xDataValues : xTicks,\n        ...(useCategoricalX ? { ticktext: xTickText } : {}),\n        showgrid: true,\n        // Reserve space for tick labels + the axis title so the bottom legend\n        // can't overlap them at small sizes (SW-2157).\n        automargin: true,\n        ...tickOptions,\n      },\n      yaxis: {\n        title: {\n          text: yTitle,\n          font: {\n            size: 16,\n            color: theme.textSecondary,\n            family: CHART_FONT_FAMILY,\n            weight: 400,\n          },\n          standoff: 15,\n        },\n        gridcolor: theme.gridColor,\n        range: yRange,\n        autorange: !yRange,\n        tickmode: \"array\" as const,\n        tickvals: yTicks,\n        showgrid: true,\n        automargin: true,\n        ...tickOptions,\n      },\n      legend: {\n        // Anchor to the bottom of the container (not the plot area) so the\n        // legend always clears the x-axis tick labels + title — a paper-relative\n        // fractional offset collapses into the ticks at small heights (SW-2157).\n        x: 0.5,\n        y: 0,\n        xanchor: \"center\" as const,\n        yanchor: \"bottom\" as const,\n        yref: \"container\" as const,\n        orientation: \"h\" as const,\n        font: {\n          size: 13,\n          color: theme.legendColor,\n          family: CHART_FONT_FAMILY,\n          weight: 500,\n          lineheight: 18,\n        },\n      },\n      showlegend: true,\n    };\n\n    const config = {\n      // We drive sizing explicitly from the measured container, so Plotly's own\n      // window-resize responsiveness is disabled (it can't see container resizes).\n      responsive: false,\n      displayModeBar: false,\n      displaylogo: false,\n    };\n\n    // Plotly is loaded lazily so it stays out of the consumer's main chunk\n    // (SW-2007); the draw is skipped if the effect re-runs or unmounts first.\n    let cancelled = false;\n    let plotElement: HTMLDivElement | null = null;\n    void loadPlotly().then((plotly) => {\n      if (cancelled || !plotRef.current) return;\n      plotly.newPlot(plotRef.current, data, layout, config);\n      bindTooltip(plotRef.current);\n\n      // Capture ref value for cleanup\n      plotElement = plotRef.current;\n      plotInitedRef.current = true;\n      appliedSizeRef.current = { ...sizeRef.current };\n    });\n\n    return () => {\n      cancelled = true;\n      if (plotElement) {\n        getLoadedPlotly().purge(plotElement);\n        plotInitedRef.current = false;\n      }\n    };\n  }, [dataSeries, hasSize, xRange, yRange, effectiveXRange, effectiveYRange, variant, xTitle, yTitle, title, titleOptions, tickOptions, xTicks, yTicks, xDataValues, useCategoricalX, xTickText, theme, bindTooltip]);\n\n  // Resize in place when the measured/overridden size changes — far cheaper\n  // than recreating the plot (and it preserves tooltip/event bindings).\n  useEffect(() => {\n    const plotElement = plotRef.current;\n    if (!plotElement || !plotInitedRef.current || resolvedWidth <= 0 || resolvedHeight <= 0) {\n      return;\n    }\n    // newPlot already drew at the current size; skip the redundant relayout\n    // (it would queue an automargin redraw that can reject if we unmount first).\n    if (\n      appliedSizeRef.current.width === resolvedWidth &&\n      appliedSizeRef.current.height === resolvedHeight\n    ) {\n      return;\n    }\n    appliedSizeRef.current = { width: resolvedWidth, height: resolvedHeight };\n    // Swallow rejections from a relayout that races an unmount/purge.\n    // plotInitedRef guarantees Plotly finished loading, so sync access is safe.\n    void getLoadedPlotly()\n      .relayout(plotElement, { width: resolvedWidth, height: resolvedHeight })\n      .catch(() => {});\n  }, [resolvedWidth, resolvedHeight]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={cn(\"area-graph-container relative\", fillWidth && \"w-full\", fillHeight && \"h-full\")}\n    >\n      <div ref={plotRef} style={{ width: \"100%\", height: \"100%\" }} />\n      {tooltipElement}\n    </div>\n  );\n};\n\nexport { AreaPlot };\nexport type { AreaDataSeries, AreaPlotVariant, AreaPlotProps };\n"],"names":["TITLE_MARGIN_TOP","NO_TITLE_MARGIN_TOP","AreaPlot","dataSeries","width","height","xRange","yRange","variant","xTitle","yTitle","title","xTickText","plotRef","useRef","theme","usePlotlyTheme","containerRef","measured","useElementSize","resolvedWidth","resolvedHeight","hasSize","fillWidth","fillHeight","sizeRef","plotInitedRef","appliedSizeRef","bindTooltip","tooltipElement","useChartTooltip","points","chartTooltipLines","point","xMin","xMax","yMin","yMax","useMemo","minX","maxX","minY","maxY","series","x","y","xPadding","yPadding","effectiveXRange","effectiveYRange","xTicks","range","step","ticks","current","yTicks","xDataValues","s","a","b","useCategoricalX","tickOptions","CHART_FONT_FAMILY","titleOptions","useEffect","data","cumulativeY","index","stackedY","value","i","result","color","seriesColor","layout","config","cancelled","plotElement","loadPlotly","plotly","getLoadedPlotly","jsxs","cn","jsx"],"mappings":"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"}

package/dist/components/charts/AreaPlot/AreaPlot.d.ts

@@ -0,0 +1,39 @@
+import { default as React } from 'react';
+interface AreaDataSeries {
+    x: number[];
+    y: number[];
+    name: string;
+    /** Optional color override (auto-assigned from CHART_COLORS if not provided) */
+    color?: string;
+    fill?: "tozeroy" | "tonexty" | "toself";
+}
+type AreaPlotVariant = "normal" | "stacked";
+interface AreaPlotProps {
+    dataSeries: AreaDataSeries[];
+    /**
+     * Fixed width in pixels. When omitted, the chart fills its container and
+     * tracks the container's width via a `ResizeObserver`.
+     */
+    width?: number;
+    /**
+     * Fixed height in pixels. When omitted, the chart fills its container and
+     * tracks the container's height via a `ResizeObserver`.
+     */
+    height?: number;
+    xRange?: [number, number];
+    yRange?: [number, number];
+    variant?: AreaPlotVariant;
+    xTitle?: string;
+    yTitle?: string;
+    title?: string;
+    /**
+     * Categorical labels for the x-axis ticks. When provided, the x data values
+     * still drive area positioning but the displayed tick labels match these
+     * strings in order (e.g. ["Mon", "Tue", …]). Should align 1:1 with the
+     * unique, ordered x values across all series.
+     */
+    xTickText?: string[];
+}
+declare const AreaPlot: React.FC<AreaPlotProps>;
+export { AreaPlot };
+export type { AreaDataSeries, AreaPlotVariant, AreaPlotProps };