wimui 0.1.0

package/dist/components/ai/StreamingText/streaming-text.module.js

@@ -0,0 +1,9 @@
+"use client";
+//#region src/components/ai/StreamingText/streaming-text.module.scss
+var e = "_root_38qmb_2", t = "_cursor_38qmb_88", n = "_blink_38qmb_1", r = {
+	root: e,
+	cursor: t,
+	blink: n
+};
+//#endregion
+export { n as blink, t as cursor, r as default, e as root };

package/dist/components/ai/Terminal/Terminal.cjs

@@ -0,0 +1,3 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/check.cjs"),r=require("../../../icon/close-small.cjs"),i=require("../../../icon/copy.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("./terminal.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u={30:`#2d2d2d`,31:`#e06c75`,32:`#98c379`,33:`#e5c07b`,34:`#61afef`,35:`#c678dd`,36:`#56b6c2`,37:`#abb2bf`,90:`#9aa1ab`,91:`#e06c75`,92:`#98c379`,93:`#e5c07b`,94:`#61afef`,95:`#c678dd`,96:`#56b6c2`,97:`#ffffff`};function d(e){let t=RegExp(`\x1B\\[([0-9;]*)m`,`g`),n=[],r=0,i={},a=0;for(let o of e.matchAll(t)){o.index>r&&n.push((0,l.jsx)(`span`,{style:{color:i.color,fontWeight:i.bold?`bold`:void 0},children:e.slice(r,o.index)},a++));let t=o[1]?o[1].split(`;`).map(Number):[0],s={...i};for(let e of t)e===0?Object.assign(s,{color:void 0,bold:void 0}):e===1?s.bold=!0:u[e]&&(s.color=u[e]);i=s,r=o.index+o[0].length}return r<e.length&&n.push((0,l.jsx)(`span`,{style:{color:i.color,fontWeight:i.bold?`bold`:void 0},children:e.slice(r)},a++)),n.length===1?n[0]:(0,l.jsx)(l.Fragment,{children:n})}var f=s.default.forwardRef(({lines:e=[],title:u,height:f,autoScroll:p=!0,prompt:m=`$`,showCopy:h=!0,onClear:g,className:_,style:v,...y},b)=>{let{t:x}=t.useWimTranslation(`form`),[S,C]=s.default.useState(!1),w=(0,s.useRef)(null);(0,s.useEffect)(()=>{p&&w.current&&(w.current.scrollTop=w.current.scrollHeight)},[e,p]);let T=(0,s.useCallback)(async()=>{let t=e.map(e=>e.type===`input`?`${m} ${e.content}`:e.content).join(`
+`);try{await navigator.clipboard.writeText(t),C(!0),setTimeout(()=>C(!1),2e3)}catch{}},[e,m]);return(0,l.jsxs)(`div`,{ref:b,"data-theme":`dark`,className:(0,c.default)(`wim-terminal`,o.default.root,_),style:{...f==null?{}:{height:f},...v},...y,children:[(0,l.jsxs)(`div`,{className:o.default.titleBar,children:[(0,l.jsx)(`span`,{className:o.default.dot,"data-color":`red`,"aria-hidden":`true`}),(0,l.jsx)(`span`,{className:o.default.dot,"data-color":`yellow`,"aria-hidden":`true`}),(0,l.jsx)(`span`,{className:o.default.dot,"data-color":`green`,"aria-hidden":`true`}),u&&(0,l.jsx)(`span`,{className:o.default.titleText,children:u}),(0,l.jsxs)(`div`,{className:o.default.titleActions,children:[h&&(0,l.jsx)(`button`,{type:`button`,className:(0,c.default)(o.default.titleBtn,S&&o.default.copied),onClick:T,"aria-label":x(S?`terminal.copied_label`:`terminal.copy_label`),children:(0,l.jsx)(a.Icon,{component:S?n.default:i.default,size:`sm`})}),g&&(0,l.jsx)(`button`,{type:`button`,className:o.default.titleBtn,onClick:g,"aria-label":x(`terminal.clear_label`),children:(0,l.jsx)(a.Icon,{component:r.default,size:`sm`})})]})]}),(0,l.jsx)(`div`,{ref:w,className:o.default.body,role:`log`,"aria-live":`polite`,"aria-label":u,tabIndex:0,children:e.map((e,t)=>(0,l.jsxs)(`div`,{className:(0,c.default)(o.default.line,e.type&&o.default[e.type]),children:[e.type===`input`&&(0,l.jsx)(`span`,{className:o.default.prompt,"aria-hidden":`true`,children:m}),(0,l.jsx)(`span`,{className:o.default.content,children:d(e.content)})]},e.id??t))})]})});f.displayName=`Terminal`,exports.Terminal=f;

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

@@ -0,0 +1,36 @@
+import { default as React } from 'react';
+export interface TerminalLine {
+    /** Unique key for React rendering */
+    id?: string;
+    /** Controls prefix and color treatment */
+    type?: "input" | "output" | "error" | "info";
+    /** Raw text content; may contain ANSI SGR escape codes */
+    content: string;
+}
+export interface TerminalProps extends React.ComponentPropsWithoutRef<"div"> {
+    /** Lines to display */
+    lines?: TerminalLine[];
+    /** Window title shown in header bar */
+    title?: string;
+    /** Explicit height; omit to let the terminal grow with content */
+    height?: string | number;
+    /** Scroll to bottom when lines change */
+    autoScroll?: boolean;
+    /** Prompt prefix for input lines */
+    prompt?: string;
+    /** Whether to show the copy button */
+    showCopy?: boolean;
+    /** Whether to show the clear button; fires onClear when clicked */
+    onClear?: () => void;
+    /** Additional CSS class */
+    className?: string;
+}
+/**
+ * Terminal renders command output in a dark monospace window, with optional
+ * ANSI color support, auto-scroll, copy, and clear actions.
+ *
+ * Composition Contract:
+ * - Managed by: App consumption
+ * - Scroll lock: No
+ */
+export declare const Terminal: React.ForwardRefExoticComponent<TerminalProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ai/Terminal/Terminal.js

@@ -0,0 +1,143 @@
+"use client";
+import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
+import t from "../../../icon/check.js";
+import n from "../../../icon/close-small.js";
+import r from "../../../icon/copy.js";
+import { Icon as i } from "../../media/Icon/Icon.js";
+import a from "./terminal.module.js";
+import o, { useCallback as s, useEffect as c, useRef as l } from "react";
+import u from "classnames";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/components/ai/Terminal/Terminal.tsx
+var m = {
+	30: "#2d2d2d",
+	31: "#e06c75",
+	32: "#98c379",
+	33: "#e5c07b",
+	34: "#61afef",
+	35: "#c678dd",
+	36: "#56b6c2",
+	37: "#abb2bf",
+	90: "#9aa1ab",
+	91: "#e06c75",
+	92: "#98c379",
+	93: "#e5c07b",
+	94: "#61afef",
+	95: "#c678dd",
+	96: "#56b6c2",
+	97: "#ffffff"
+};
+function h(e) {
+	let t = /* @__PURE__ */ RegExp("\x1B\\[([0-9;]*)m", "g"), n = [], r = 0, i = {}, a = 0;
+	for (let o of e.matchAll(t)) {
+		o.index > r && n.push(/* @__PURE__ */ f("span", {
+			style: {
+				color: i.color,
+				fontWeight: i.bold ? "bold" : void 0
+			},
+			children: e.slice(r, o.index)
+		}, a++));
+		let t = o[1] ? o[1].split(";").map(Number) : [0], s = { ...i };
+		for (let e of t) e === 0 ? Object.assign(s, {
+			color: void 0,
+			bold: void 0
+		}) : e === 1 ? s.bold = !0 : m[e] && (s.color = m[e]);
+		i = s, r = o.index + o[0].length;
+	}
+	return r < e.length && n.push(/* @__PURE__ */ f("span", {
+		style: {
+			color: i.color,
+			fontWeight: i.bold ? "bold" : void 0
+		},
+		children: e.slice(r)
+	}, a++)), n.length === 1 ? n[0] : /* @__PURE__ */ f(d, { children: n });
+}
+var g = o.forwardRef(({ lines: d = [], title: m, height: g, autoScroll: _ = !0, prompt: v = "$", showCopy: y = !0, onClear: b, className: x, style: S, ...C }, w) => {
+	let { t: T } = e("form"), [E, D] = o.useState(!1), O = l(null);
+	c(() => {
+		_ && O.current && (O.current.scrollTop = O.current.scrollHeight);
+	}, [d, _]);
+	let k = s(async () => {
+		let e = d.map((e) => e.type === "input" ? `${v} ${e.content}` : e.content).join("\n");
+		try {
+			await navigator.clipboard.writeText(e), D(!0), setTimeout(() => D(!1), 2e3);
+		} catch {}
+	}, [d, v]);
+	return /* @__PURE__ */ p("div", {
+		ref: w,
+		"data-theme": "dark",
+		className: u("wim-terminal", a.root, x),
+		style: {
+			...g == null ? {} : { height: g },
+			...S
+		},
+		...C,
+		children: [/* @__PURE__ */ p("div", {
+			className: a.titleBar,
+			children: [
+				/* @__PURE__ */ f("span", {
+					className: a.dot,
+					"data-color": "red",
+					"aria-hidden": "true"
+				}),
+				/* @__PURE__ */ f("span", {
+					className: a.dot,
+					"data-color": "yellow",
+					"aria-hidden": "true"
+				}),
+				/* @__PURE__ */ f("span", {
+					className: a.dot,
+					"data-color": "green",
+					"aria-hidden": "true"
+				}),
+				m && /* @__PURE__ */ f("span", {
+					className: a.titleText,
+					children: m
+				}),
+				/* @__PURE__ */ p("div", {
+					className: a.titleActions,
+					children: [y && /* @__PURE__ */ f("button", {
+						type: "button",
+						className: u(a.titleBtn, E && a.copied),
+						onClick: k,
+						"aria-label": T(E ? "terminal.copied_label" : "terminal.copy_label"),
+						children: /* @__PURE__ */ f(i, {
+							component: E ? t : r,
+							size: "sm"
+						})
+					}), b && /* @__PURE__ */ f("button", {
+						type: "button",
+						className: a.titleBtn,
+						onClick: b,
+						"aria-label": T("terminal.clear_label"),
+						children: /* @__PURE__ */ f(i, {
+							component: n,
+							size: "sm"
+						})
+					})]
+				})
+			]
+		}), /* @__PURE__ */ f("div", {
+			ref: O,
+			className: a.body,
+			role: "log",
+			"aria-live": "polite",
+			"aria-label": m,
+			tabIndex: 0,
+			children: d.map((e, t) => /* @__PURE__ */ p("div", {
+				className: u(a.line, e.type && a[e.type]),
+				children: [e.type === "input" && /* @__PURE__ */ f("span", {
+					className: a.prompt,
+					"aria-hidden": "true",
+					children: v
+				}), /* @__PURE__ */ f("span", {
+					className: a.content,
+					children: h(e.content)
+				})]
+			}, e.id ?? t))
+		})]
+	});
+});
+g.displayName = "Terminal";
+//#endregion
+export { g as Terminal };

package/dist/components/ai/Terminal/terminal.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_lg5ws_9`,t=`_titleBar_lg5ws_21`,n=`_dot_lg5ws_30`,r=`_titleText_lg5ws_46`,i=`_titleActions_lg5ws_57`,a=`_titleBtn_lg5ws_63`,o=`_copied_lg5ws_84`,s=`_body_lg5ws_91`,c=`_line_lg5ws_101`,l=`_prompt_lg5ws_107`,u=`_content_lg5ws_112`,d=`_input_lg5ws_119`,f=`_output_lg5ws_122`,p=`_error_lg5ws_125`,m=`_info_lg5ws_131`,h={root:e,titleBar:t,dot:n,titleText:r,titleActions:i,titleBtn:a,copied:o,body:s,line:c,prompt:l,content:u,input:d,output:f,error:p,info:m};exports.body=s,exports.content=u,exports.copied=o,exports.default=h,exports.dot=n,exports.error=p,exports.info=m,exports.input=d,exports.line=c,exports.output=f,exports.prompt=l,exports.root=e,exports.titleActions=i,exports.titleBar=t,exports.titleBtn=a,exports.titleText=r;

package/dist/components/ai/Terminal/terminal.module.js

@@ -0,0 +1,21 @@
+"use client";
+//#region src/components/ai/Terminal/terminal.module.scss
+var e = "_root_lg5ws_9", t = "_titleBar_lg5ws_21", n = "_dot_lg5ws_30", r = "_titleText_lg5ws_46", i = "_titleActions_lg5ws_57", a = "_titleBtn_lg5ws_63", o = "_copied_lg5ws_84", s = "_body_lg5ws_91", c = "_line_lg5ws_101", l = "_prompt_lg5ws_107", u = "_content_lg5ws_112", d = "_input_lg5ws_119", f = "_output_lg5ws_122", p = "_error_lg5ws_125", m = "_info_lg5ws_131", h = {
+	root: e,
+	titleBar: t,
+	dot: n,
+	titleText: r,
+	titleActions: i,
+	titleBtn: a,
+	copied: o,
+	body: s,
+	line: c,
+	prompt: l,
+	content: u,
+	input: d,
+	output: f,
+	error: p,
+	info: m
+};
+//#endregion
+export { s as body, u as content, o as copied, h as default, n as dot, p as error, m as info, d as input, c as line, f as output, l as prompt, e as root, i as titleActions, t as titleBar, a as titleBtn, r as titleText };

package/dist/components/ai/ThoughtProcess/ThoughtProcess.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../icon/alert-circle.cjs"),n=require("../../../icon/check.cjs"),r=require("../../../icon/chevron-right.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("../../data-display/Timeline/Timeline.cjs"),o=require("./thought-process.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=({children:e,status:r=`completed`,label:s,isLast:u=!1,isStreaming:d=!1})=>{let f=r===`pending`?(0,l.jsx)(`div`,{className:o.default.spinner,"aria-hidden":`true`}):r===`completed`?(0,l.jsx)(i.Icon,{component:n.default,size:`xs`}):r===`error`?(0,l.jsx)(i.Icon,{component:t.default,size:`xs`}):null,p=r===`completed`?`success`:r===`error`?`danger`:`secondary`;return(0,l.jsxs)(a.TimelineItem,{className:(0,c.default)(o.default.item,o.default[r]),"aria-busy":r===`pending`||void 0,children:[(0,l.jsxs)(a.TimelineSeparator,{children:[(0,l.jsx)(a.TimelinePoint,{variant:p,children:f}),!u&&(0,l.jsx)(a.TimelineConnector,{className:o.default.connector})]}),(0,l.jsxs)(a.TimelineContent,{className:o.default.content,children:[s&&(0,l.jsx)(`div`,{className:o.default.label,children:s}),(0,l.jsx)(`div`,{className:(0,c.default)(o.default.text,d&&o.default.streaming),children:e})]})]})},d=({children:e,title:t=`Thinking Process`,className:n,isCollapsible:u=!0,defaultExpanded:d=!0,isThinking:f=!1})=>{let[p,m]=s.default.useState(d),h=(0,s.useId)();return(0,l.jsxs)(`div`,{className:(0,c.default)(`wim-thought-process`,o.default.root,f&&o.default.thinking,n),children:[u?(0,l.jsxs)(`button`,{type:`button`,className:o.default.header,onClick:()=>m(e=>!e),"aria-expanded":p,"aria-controls":h,children:[(0,l.jsx)(i.Icon,{component:r.default,size:`sm`,className:(0,c.default)(o.default.chevron,p&&o.default.expanded),"aria-hidden":`true`}),(0,l.jsx)(`span`,{className:o.default.title,children:t})]}):(0,l.jsx)(`div`,{className:o.default.header,role:`heading`,"aria-level":3,children:(0,l.jsx)(`span`,{className:o.default.title,children:t})}),(0,l.jsx)(`div`,{id:h,className:(0,c.default)(o.default.bodyWrapper,p&&o.default.open),"aria-hidden":!p,children:(0,l.jsx)(`div`,{className:o.default.body,children:(0,l.jsx)(a.Timeline,{align:`left`,children:e})})})]})};exports.ThoughtProcess=d,exports.ThoughtStep=u;

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

@@ -0,0 +1,37 @@
+import { default as React } from 'react';
+export interface ThoughtStepProps {
+    /** Content of this reasoning step */
+    children: React.ReactNode;
+    /** Current state of the step */
+    status?: "pending" | "completed" | "error";
+    /** Optional label shown above the content */
+    label?: string;
+    /** Hides the connector line below this step — use on the last step */
+    isLast?: boolean;
+    /** Whether the text is currently streaming (shows a typing cursor) */
+    isStreaming?: boolean;
+}
+export declare const ThoughtStep: ({ children, status, label, isLast, isStreaming, }: ThoughtStepProps) => React.JSX.Element;
+export interface ThoughtProcessProps {
+    /** Reasoning steps to display (typically ThoughtStep elements) */
+    children: React.ReactNode;
+    /** Header title */
+    title?: string;
+    /** Additional CSS class */
+    className?: string;
+    /** Whether the body can be collapsed */
+    isCollapsible?: boolean;
+    /** Initial expanded state (only relevant when isCollapsible is true) */
+    defaultExpanded?: boolean;
+    /** Whether the AI is currently thinking (shows a pulsating background) */
+    isThinking?: boolean;
+}
+/**
+ * ThoughtProcess visualizes AI reasoning steps using the Timeline design language.
+ * Supports collapsible panels with accessible aria-expanded/aria-controls.
+ *
+ * Composition Contract:
+ * - Managed by: App consumption
+ * - Scroll lock: No
+ */
+export declare const ThoughtProcess: ({ children, title, className, isCollapsible, defaultExpanded, isThinking, }: ThoughtProcessProps) => React.JSX.Element;

package/dist/components/ai/ThoughtProcess/ThoughtProcess.js

@@ -0,0 +1,82 @@
+"use client";
+import e from "../../../icon/alert-circle.js";
+import t from "../../../icon/check.js";
+import n from "../../../icon/chevron-right.js";
+import { Icon as r } from "../../media/Icon/Icon.js";
+import { Timeline as i, TimelineConnector as a, TimelineContent as o, TimelineItem as s, TimelinePoint as c, TimelineSeparator as l } from "../../data-display/Timeline/Timeline.js";
+import u from "./thought-process.module.js";
+import d, { useId as f } from "react";
+import p from "classnames";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/components/ai/ThoughtProcess/ThoughtProcess.tsx
+var g = ({ children: n, status: i = "completed", label: d, isLast: f = !1, isStreaming: g = !1 }) => {
+	let _ = i === "pending" ? /* @__PURE__ */ m("div", {
+		className: u.spinner,
+		"aria-hidden": "true"
+	}) : i === "completed" ? /* @__PURE__ */ m(r, {
+		component: t,
+		size: "xs"
+	}) : i === "error" ? /* @__PURE__ */ m(r, {
+		component: e,
+		size: "xs"
+	}) : null, v = i === "completed" ? "success" : i === "error" ? "danger" : "secondary";
+	return /* @__PURE__ */ h(s, {
+		className: p(u.item, u[i]),
+		"aria-busy": i === "pending" || void 0,
+		children: [/* @__PURE__ */ h(l, { children: [/* @__PURE__ */ m(c, {
+			variant: v,
+			children: _
+		}), !f && /* @__PURE__ */ m(a, { className: u.connector })] }), /* @__PURE__ */ h(o, {
+			className: u.content,
+			children: [d && /* @__PURE__ */ m("div", {
+				className: u.label,
+				children: d
+			}), /* @__PURE__ */ m("div", {
+				className: p(u.text, g && u.streaming),
+				children: n
+			})]
+		})]
+	});
+}, _ = ({ children: e, title: t = "Thinking Process", className: a, isCollapsible: o = !0, defaultExpanded: s = !0, isThinking: c = !1 }) => {
+	let [l, g] = d.useState(s), _ = f();
+	return /* @__PURE__ */ h("div", {
+		className: p("wim-thought-process", u.root, c && u.thinking, a),
+		children: [o ? /* @__PURE__ */ h("button", {
+			type: "button",
+			className: u.header,
+			onClick: () => g((e) => !e),
+			"aria-expanded": l,
+			"aria-controls": _,
+			children: [/* @__PURE__ */ m(r, {
+				component: n,
+				size: "sm",
+				className: p(u.chevron, l && u.expanded),
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ m("span", {
+				className: u.title,
+				children: t
+			})]
+		}) : /* @__PURE__ */ m("div", {
+			className: u.header,
+			role: "heading",
+			"aria-level": 3,
+			children: /* @__PURE__ */ m("span", {
+				className: u.title,
+				children: t
+			})
+		}), /* @__PURE__ */ m("div", {
+			id: _,
+			className: p(u.bodyWrapper, l && u.open),
+			"aria-hidden": !l,
+			children: /* @__PURE__ */ m("div", {
+				className: u.body,
+				children: /* @__PURE__ */ m(i, {
+					align: "left",
+					children: e
+				})
+			})
+		})]
+	});
+};
+//#endregion
+export { _ as ThoughtProcess, g as ThoughtStep };

package/dist/components/ai/ThoughtProcess/thought-process.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_izsu5_3`,t=`_thinking_izsu5_14`,n=`_header_izsu5_32`,r=`_chevron_izsu5_56`,i=`_expanded_izsu5_61`,a=`_title_izsu5_64`,o=`_bodyWrapper_izsu5_69`,s=`_open_izsu5_74`,c=`_body_izsu5_69`,l=`_item_izsu5_99`,u=`_content_izsu5_102`,d=`_label_izsu5_105`,f=`_text_izsu5_113`,p=`_connector_izsu5_118`,m=`_spinner_izsu5_121`,h=`_pending_izsu5_140`,g=`_error_izsu5_143`,_=`_streaming_izsu5_149`,v={root:e,thinking:t,"thought-pulse":`_thought-pulse_izsu5_1`,header:n,chevron:r,expanded:i,title:a,bodyWrapper:o,open:s,body:c,item:l,content:u,label:d,text:f,connector:p,spinner:m,"thought-spin":`_thought-spin_izsu5_1`,pending:h,error:g,streaming:_,"cursor-blink":`_cursor-blink_izsu5_1`};exports.body=c,exports.bodyWrapper=o,exports.chevron=r,exports.connector=p,exports.content=u,exports.default=v,exports.error=g,exports.expanded=i,exports.header=n,exports.item=l,exports.label=d,exports.open=s,exports.pending=h,exports.root=e,exports.spinner=m,exports.streaming=_,exports.text=f,exports.thinking=t,exports.title=a;

package/dist/components/ai/ThoughtProcess/thought-process.module.js

@@ -0,0 +1,27 @@
+"use client";
+//#region src/components/ai/ThoughtProcess/thought-process.module.scss
+var e = "_root_izsu5_3", t = "_thinking_izsu5_14", n = "_header_izsu5_32", r = "_chevron_izsu5_56", i = "_expanded_izsu5_61", a = "_title_izsu5_64", o = "_bodyWrapper_izsu5_69", s = "_open_izsu5_74", c = "_body_izsu5_69", l = "_item_izsu5_99", u = "_content_izsu5_102", d = "_label_izsu5_105", f = "_text_izsu5_113", p = "_connector_izsu5_118", m = "_spinner_izsu5_121", h = "_pending_izsu5_140", g = "_error_izsu5_143", _ = "_streaming_izsu5_149", v = {
+	root: e,
+	thinking: t,
+	"thought-pulse": "_thought-pulse_izsu5_1",
+	header: n,
+	chevron: r,
+	expanded: i,
+	title: a,
+	bodyWrapper: o,
+	open: s,
+	body: c,
+	item: l,
+	content: u,
+	label: d,
+	text: f,
+	connector: p,
+	spinner: m,
+	"thought-spin": "_thought-spin_izsu5_1",
+	pending: h,
+	error: g,
+	streaming: _,
+	"cursor-blink": "_cursor-blink_izsu5_1"
+};
+//#endregion
+export { c as body, o as bodyWrapper, r as chevron, p as connector, u as content, v as default, g as error, i as expanded, n as header, l as item, d as label, s as open, h as pending, e as root, m as spinner, _ as streaming, f as text, t as thinking, a as title };

package/dist/components/ai/ThreadList/ThreadList.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../icon/close.cjs"),n=require("../../../icon/plus.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("./thread-list.module.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("classnames");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=a.default.forwardRef(({threads:e,activeId:a,onSelect:c,onDelete:l,onNewThread:u,labels:d,className:f,...p},m)=>{let{newThread:h=`New conversation`,empty:g=`No conversations yet`,delete:_=`Delete conversation`,listAriaLabel:v=`Conversation history`}=d??{};return(0,s.jsxs)(`nav`,{ref:m,className:(0,o.default)(`wim-thread-list`,i.default.root,f),"aria-label":v,...p,children:[u&&(0,s.jsxs)(`button`,{type:`button`,className:i.default.newButton,onClick:u,children:[(0,s.jsx)(r.Icon,{component:n.default,size:`sm`}),(0,s.jsx)(`span`,{children:h})]}),e.length===0?(0,s.jsx)(`p`,{className:i.default.empty,children:g}):(0,s.jsx)(`ul`,{className:i.default.list,children:e.map(e=>{let n=e.id===a;return(0,s.jsxs)(`li`,{className:i.default.item,children:[(0,s.jsxs)(`button`,{type:`button`,className:(0,o.default)(i.default.thread,n&&i.default.active),"aria-current":n||void 0,onClick:()=>c?.(e.id),children:[e.iconName&&(0,s.jsx)(`span`,{className:i.default.icon,"aria-hidden":`true`,children:(0,s.jsx)(r.Icon,{name:e.iconName,size:`sm`})}),(0,s.jsxs)(`span`,{className:i.default.body,children:[(0,s.jsxs)(`span`,{className:i.default.titleRow,children:[e.unread&&(0,s.jsx)(`span`,{className:i.default.unread,"aria-hidden":`true`}),(0,s.jsx)(`span`,{className:i.default.title,children:e.title}),e.timestamp&&(0,s.jsx)(`span`,{className:i.default.timestamp,children:e.timestamp})]}),e.preview&&(0,s.jsx)(`span`,{className:i.default.preview,children:e.preview})]})]}),l&&(0,s.jsx)(`button`,{type:`button`,className:i.default.deleteButton,"aria-label":_,onClick:()=>l(e.id),children:(0,s.jsx)(r.Icon,{component:t.default,size:`sm`})})]},e.id)})})]})});c.displayName=`ThreadList`;var l=c;exports.ConversationList=l,exports.ThreadList=c;

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

@@ -0,0 +1,56 @@
+import { default as React } from 'react';
+import { Icon } from '../../media/Icon/Icon';
+/** A single conversation entry in the list. */
+export type Thread = {
+    /** Unique identifier of the thread */
+    id: string;
+    /** Title of the conversation */
+    title: string;
+    /** Short preview of the last message */
+    preview?: string;
+    /** Pre-formatted timestamp string shown on the right */
+    timestamp?: string;
+    /** Icon name shown before the title */
+    iconName?: React.ComponentProps<typeof Icon>["name"];
+    /** Whether the thread has unread activity (shows a dot) */
+    unread?: boolean;
+};
+/** Labels for internationalization. */
+export type ThreadListLabels = {
+    /** Label of the new-conversation button */
+    newThread?: string;
+    /** Text shown when there are no threads */
+    empty?: string;
+    /** Accessible label for each delete button */
+    delete?: string;
+    /** Accessible label for the list */
+    listAriaLabel?: string;
+};
+export interface ThreadListProps extends Omit<React.ComponentPropsWithoutRef<"nav">, "onSelect"> {
+    /** Conversations to display, ordered newest first */
+    threads: Thread[];
+    /** Id of the currently active thread */
+    activeId?: string;
+    /** Callback when a thread is selected */
+    onSelect?: (id: string) => void;
+    /** Callback when a thread's delete button is clicked (shows the button when set) */
+    onDelete?: (id: string) => void;
+    /** Callback when the new-conversation button is clicked (shows the button when set) */
+    onNewThread?: () => void;
+    /** Labels for internationalization */
+    labels?: ThreadListLabels;
+    /** Additional class names */
+    className?: string;
+}
+/**
+ * ThreadList renders a conversation-history sidebar for AI chat apps — a
+ * scrollable list of past threads with an optional "new conversation" action
+ * and per-thread deletion. Pairs naturally with Sidebar and Drawer.
+ *
+ * Composition Contract:
+ * - Managed by: App consumption
+ * - Scroll lock: No
+ */
+export declare const ThreadList: React.ForwardRefExoticComponent<ThreadListProps & React.RefAttributes<HTMLElement>>;
+/** Alias of {@link ThreadList} for apps that prefer the "conversation" vocabulary. */
+export declare const ConversationList: React.ForwardRefExoticComponent<ThreadListProps & React.RefAttributes<HTMLElement>>;

package/dist/components/ai/ThreadList/ThreadList.js

@@ -0,0 +1,87 @@
+"use client";
+import e from "../../../icon/close.js";
+import t from "../../../icon/plus.js";
+import { Icon as n } from "../../media/Icon/Icon.js";
+import r from "./thread-list.module.js";
+import i from "react";
+import a from "classnames";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/ai/ThreadList/ThreadList.tsx
+var c = i.forwardRef(({ threads: i, activeId: c, onSelect: l, onDelete: u, onNewThread: d, labels: f, className: p, ...m }, h) => {
+	let { newThread: g = "New conversation", empty: _ = "No conversations yet", delete: v = "Delete conversation", listAriaLabel: y = "Conversation history" } = f ?? {};
+	return /* @__PURE__ */ s("nav", {
+		ref: h,
+		className: a("wim-thread-list", r.root, p),
+		"aria-label": y,
+		...m,
+		children: [d && /* @__PURE__ */ s("button", {
+			type: "button",
+			className: r.newButton,
+			onClick: d,
+			children: [/* @__PURE__ */ o(n, {
+				component: t,
+				size: "sm"
+			}), /* @__PURE__ */ o("span", { children: g })]
+		}), i.length === 0 ? /* @__PURE__ */ o("p", {
+			className: r.empty,
+			children: _
+		}) : /* @__PURE__ */ o("ul", {
+			className: r.list,
+			children: i.map((t) => {
+				let i = t.id === c;
+				return /* @__PURE__ */ s("li", {
+					className: r.item,
+					children: [/* @__PURE__ */ s("button", {
+						type: "button",
+						className: a(r.thread, i && r.active),
+						"aria-current": i || void 0,
+						onClick: () => l?.(t.id),
+						children: [t.iconName && /* @__PURE__ */ o("span", {
+							className: r.icon,
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ o(n, {
+								name: t.iconName,
+								size: "sm"
+							})
+						}), /* @__PURE__ */ s("span", {
+							className: r.body,
+							children: [/* @__PURE__ */ s("span", {
+								className: r.titleRow,
+								children: [
+									t.unread && /* @__PURE__ */ o("span", {
+										className: r.unread,
+										"aria-hidden": "true"
+									}),
+									/* @__PURE__ */ o("span", {
+										className: r.title,
+										children: t.title
+									}),
+									t.timestamp && /* @__PURE__ */ o("span", {
+										className: r.timestamp,
+										children: t.timestamp
+									})
+								]
+							}), t.preview && /* @__PURE__ */ o("span", {
+								className: r.preview,
+								children: t.preview
+							})]
+						})]
+					}), u && /* @__PURE__ */ o("button", {
+						type: "button",
+						className: r.deleteButton,
+						"aria-label": v,
+						onClick: () => u(t.id),
+						children: /* @__PURE__ */ o(n, {
+							component: e,
+							size: "sm"
+						})
+					})]
+				}, t.id);
+			})
+		})]
+	});
+});
+c.displayName = "ThreadList";
+var l = c;
+//#endregion
+export { l as ConversationList, c as ThreadList };

package/dist/components/ai/ThreadList/thread-list.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_ewstg_4`,t=`_newButton_ewstg_13`,n=`_empty_ewstg_37`,r=`_list_ewstg_44`,i=`_item_ewstg_52`,a=`_deleteButton_ewstg_57`,o=`_thread_ewstg_60`,s=`_active_ewstg_80`,c=`_icon_ewstg_83`,l=`_body_ewstg_90`,u=`_titleRow_ewstg_97`,d=`_unread_ewstg_103`,f=`_title_ewstg_97`,p=`_timestamp_ewstg_119`,m=`_preview_ewstg_124`,h={root:e,newButton:t,empty:n,list:r,item:i,deleteButton:a,thread:o,active:s,icon:c,body:l,titleRow:u,unread:d,title:f,timestamp:p,preview:m};exports.active=s,exports.body=l,exports.default=h,exports.deleteButton=a,exports.empty=n,exports.icon=c,exports.item=i,exports.list=r,exports.newButton=t,exports.preview=m,exports.root=e,exports.thread=o,exports.timestamp=p,exports.title=f,exports.titleRow=u,exports.unread=d;

package/dist/components/ai/ThreadList/thread-list.module.js

@@ -0,0 +1,21 @@
+"use client";
+//#region src/components/ai/ThreadList/thread-list.module.scss
+var e = "_root_ewstg_4", t = "_newButton_ewstg_13", n = "_empty_ewstg_37", r = "_list_ewstg_44", i = "_item_ewstg_52", a = "_deleteButton_ewstg_57", o = "_thread_ewstg_60", s = "_active_ewstg_80", c = "_icon_ewstg_83", l = "_body_ewstg_90", u = "_titleRow_ewstg_97", d = "_unread_ewstg_103", f = "_title_ewstg_97", p = "_timestamp_ewstg_119", m = "_preview_ewstg_124", h = {
+	root: e,
+	newButton: t,
+	empty: n,
+	list: r,
+	item: i,
+	deleteButton: a,
+	thread: o,
+	active: s,
+	icon: c,
+	body: l,
+	titleRow: u,
+	unread: d,
+	title: f,
+	timestamp: p,
+	preview: m
+};
+//#endregion
+export { s as active, l as body, h as default, a as deleteButton, n as empty, c as icon, i as item, r as list, t as newButton, m as preview, e as root, o as thread, p as timestamp, f as title, u as titleRow, d as unread };

package/dist/components/ai/UsageMeter/UsageMeter.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./usage-meter.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=e=>e.toLocaleString(`en-US`),o=n.default.forwardRef(({used:e,max:n,size:o=`md`,showBar:s=!0,showPercentage:c=!1,warnThreshold:l=.75,dangerThreshold:u=.9,labels:d,className:f,...p},m)=>{let{label:h=`Tokens`,unit:g=`tokens`,ariaLabel:_}=d??{},v=typeof n==`number`&&n>0,y=v?Math.min(e/n,1):0,b=Math.round(y*100),x=y>=u?`danger`:y>=l?`warn`:`ok`,S=v?c?`${b}%`:`${a(e)} / ${a(n)}`:`${a(e)} ${g}`,C=_??(v?`${h}: ${e} of ${n}`:`${h}: ${e}`),w=s&&v;return(0,i.jsxs)(`div`,{ref:m,className:(0,r.default)(`wim-usage-meter`,t.default.root,t.default[o],t.default[x],f),role:`meter`,"aria-valuenow":e,"aria-valuemin":0,"aria-valuemax":v?n:void 0,"aria-label":C,...p,children:[(0,i.jsxs)(`div`,{className:t.default.header,children:[(0,i.jsx)(`span`,{className:t.default.label,children:h}),(0,i.jsx)(`span`,{className:t.default.readout,children:S})]}),w&&(0,i.jsx)(`div`,{className:t.default.track,"aria-hidden":`true`,children:(0,i.jsx)(`div`,{className:t.default.bar,style:{"--wim-usage-meter-fill":`${b}%`}})})]})});o.displayName=`UsageMeter`;var s=o;exports.TokenCounter=s,exports.UsageMeter=o;

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

@@ -0,0 +1,43 @@
+import { default as React } from 'react';
+import { ComponentSizeBasic } from '../../../types/tokens';
+/** Labels for internationalization. */
+export type UsageMeterLabels = {
+    /** Leading label (default "Tokens") */
+    label?: string;
+    /** Unit appended to the raw counts (default "tokens") */
+    unit?: string;
+    /** Accessible label describing the meter */
+    ariaLabel?: string;
+};
+export interface UsageMeterProps extends React.ComponentPropsWithoutRef<"div"> {
+    /** Number of tokens used so far */
+    used: number;
+    /** Maximum available tokens (e.g. the context window). Omit for a counter-only display. */
+    max?: number;
+    /** Size of the meter */
+    size?: ComponentSizeBasic;
+    /** Whether to render the progress bar (requires `max`) */
+    showBar?: boolean;
+    /** Whether to show the percentage instead of the raw count in the readout */
+    showPercentage?: boolean;
+    /** Fraction (0–1) at which the meter turns to the warning color */
+    warnThreshold?: number;
+    /** Fraction (0–1) at which the meter turns to the danger color */
+    dangerThreshold?: number;
+    /** Labels for internationalization */
+    labels?: UsageMeterLabels;
+    /** Additional class names */
+    className?: string;
+}
+/**
+ * UsageMeter (also exported as TokenCounter) visualizes token consumption
+ * against a budget such as a model's context window — a labeled bar plus a
+ * numeric readout that shifts to warning and danger colors near the limit.
+ *
+ * Composition Contract:
+ * - Managed by: App consumption
+ * - Scroll lock: No
+ */
+export declare const UsageMeter: React.ForwardRefExoticComponent<UsageMeterProps & React.RefAttributes<HTMLDivElement>>;
+/** Alias of {@link UsageMeter} for apps that frame usage as a token count. */
+export declare const TokenCounter: React.ForwardRefExoticComponent<UsageMeterProps & React.RefAttributes<HTMLDivElement>>;