wimui 0.51.1 → 0.52.0

package/dist/components/ai/CodeDiffViewer/CodeDiffViewer.js

@@ -7,19 +7,20 @@ import i from "../../../icon/columns.js";
 import a from "../../../icon/copy.js";
 import o from "../../../icon/spinner.js";
 import { Icon as s } from "../../media/Icon/Icon.js";
-import c from "./code-diff-viewer.module.js";
-import l, { useCallback as u, useEffect as d, useImperativeHandle as f, useMemo as p, useRef as m } from "react";
-import h from "classnames";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { diffLines as v } from "diff";
+import { formNs as c } from "../../../i18n/generated/form.js";
+import l from "./code-diff-viewer.module.js";
+import u, { useCallback as d, useEffect as f, useImperativeHandle as p, useMemo as m, useRef as h } from "react";
+import g from "classnames";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { diffLines as y } from "diff";
 //#region src/components/ai/CodeDiffViewer/CodeDiffViewer.tsx
-function y(e) {
+function b(e) {
 	let t = e.endsWith("\n") ? e.slice(0, -1) : e;
 	return t === "" ? [] : t.split("\n");
 }
-function b(e) {
+function x(e) {
 	let t = [], n = 1, r = 1;
-	for (let i of e) for (let e of y(i.value)) i.removed ? t.push({
+	for (let i of e) for (let e of b(i.value)) i.removed ? t.push({
 		type: "removed",
 		content: e,
 		oldNum: n++
@@ -35,12 +36,12 @@ function b(e) {
 	});
 	return t;
 }
-function x(e) {
+function S(e) {
 	let t = [], n = [], r = 1, i = 1, a = 0;
 	for (; a < e.length;) {
 		let o = e[a];
 		if (!o.added && !o.removed) {
-			for (let e of y(o.value)) t.push({
+			for (let e of b(o.value)) t.push({
 				type: "unchanged",
 				content: e,
 				num: r++
@@ -51,7 +52,7 @@ function x(e) {
 			});
 			a++;
 		} else if (o.removed) {
-			let s = y(o.value), c = e[a + 1], l = c?.added ? y(c.value) : [];
+			let s = b(o.value), c = e[a + 1], l = c?.added ? b(c.value) : [];
 			c?.added && a++;
 			let u = Math.max(s.length, l.length);
 			for (let e = 0; e < u; e++) t.push(e < s.length ? {
@@ -71,7 +72,7 @@ function x(e) {
 			});
 			a++;
 		} else {
-			for (let e of y(o.value)) t.push({
+			for (let e of b(o.value)) t.push({
 				type: "empty",
 				content: ""
 			}), n.push({
@@ -87,170 +88,170 @@ function x(e) {
 		right: n
 	};
 }
-function S({ num: e }) {
-	return /* @__PURE__ */ g("span", {
-		className: c.lineNum,
+function C({ num: e }) {
+	return /* @__PURE__ */ _("span", {
+		className: l.lineNum,
 		"aria-hidden": "true",
 		children: e ?? ""
 	});
 }
-function C({ line: e }) {
+function w({ line: e }) {
 	let t = e.type === "added" ? "+" : e.type === "removed" ? "−" : " ";
-	return /* @__PURE__ */ _("div", {
-		className: h(c.row, c[e.type]),
+	return /* @__PURE__ */ v("div", {
+		className: g(l.row, l[e.type]),
 		children: [
-			/* @__PURE__ */ g(S, { num: e.oldNum }),
-			/* @__PURE__ */ g(S, { num: e.newNum }),
-			/* @__PURE__ */ g("span", {
-				className: c.prefix,
+			/* @__PURE__ */ _(C, { num: e.oldNum }),
+			/* @__PURE__ */ _(C, { num: e.newNum }),
+			/* @__PURE__ */ _("span", {
+				className: l.prefix,
 				"aria-hidden": "true",
 				children: t
 			}),
-			/* @__PURE__ */ g("span", {
-				className: c.lineContent,
+			/* @__PURE__ */ _("span", {
+				className: l.lineContent,
 				children: e.content
 			})
 		]
 	});
 }
-function w({ line: e }) {
-	return /* @__PURE__ */ _("div", {
-		className: h(c.splitCell, c[e.type]),
+function T({ line: e }) {
+	return /* @__PURE__ */ v("div", {
+		className: g(l.splitCell, l[e.type]),
 		children: [
-			/* @__PURE__ */ g(S, { num: e.num }),
-			e.type !== "empty" && /* @__PURE__ */ g("span", {
-				className: c.prefix,
+			/* @__PURE__ */ _(C, { num: e.num }),
+			e.type !== "empty" && /* @__PURE__ */ _("span", {
+				className: l.prefix,
 				"aria-hidden": "true",
 				children: e.type === "added" ? "+" : e.type === "removed" ? "−" : " "
 			}),
-			/* @__PURE__ */ g("span", {
-				className: c.lineContent,
+			/* @__PURE__ */ _("span", {
+				className: l.lineContent,
 				children: e.content
 			})
 		]
 	});
 }
-var T = l.forwardRef(({ before: y, after: S, language: T, filename: E, view: D = "split", onApply: O, onReject: k, className: A, isApplying: j = !1, isApplied: M = !1, ...N }, P) => {
-	let { t: F } = e("form"), [I, L] = l.useState(!1), [R, z] = l.useState(D), [B, V] = l.useState(null), H = B ?? R, U = m(null);
-	f(P, () => U.current, []), d(() => {
-		let e = U.current;
+var E = u.forwardRef(({ before: b, after: C, language: E, filename: D, view: O = "split", onApply: k, onReject: A, className: j, isApplying: M = !1, isApplied: N = !1, ...P }, F) => {
+	let { t: I } = e(c), [L, R] = u.useState(!1), [z, B] = u.useState(O), [V, H] = u.useState(null), U = V ?? z, W = h(null);
+	p(F, () => W.current, []), f(() => {
+		let e = W.current;
 		if (!e) return;
 		let t = new ResizeObserver(([e]) => {
 			let t = e.contentRect.width < 640;
-			z((e) => {
+			B((e) => {
 				let n = t ? "unified" : "split";
-				return e !== n && V(null), n;
+				return e !== n && H(null), n;
 			});
 		});
 		return t.observe(e), () => t.disconnect();
 	}, []);
-	let W = p(() => v(y ?? "", S ?? ""), [y, S]), G = p(() => b(W), [W]), K = p(() => x(W), [W]), q = E ?? T, J = u(async () => {
+	let G = m(() => y(b ?? "", C ?? ""), [b, C]), K = m(() => x(G), [G]), q = m(() => S(G), [G]), J = D ?? E, Y = d(async () => {
 		try {
-			await navigator.clipboard.writeText(S), L(!0), setTimeout(() => L(!1), 2e3);
+			await navigator.clipboard.writeText(C), R(!0), setTimeout(() => R(!1), 2e3);
 		} catch {}
-	}, [S]);
-	return /* @__PURE__ */ _("div", {
-		ref: U,
-		className: h("wim-code-diff-viewer", c.root, A),
-		...N,
-		children: [/* @__PURE__ */ _("div", {
-			className: c.header,
-			children: [/* @__PURE__ */ _("div", {
-				className: c.headerLeft,
-				children: [q && /* @__PURE__ */ g("span", {
-					className: c.filename,
-					children: q
-				}), /* @__PURE__ */ _("div", {
-					className: c.viewToggle,
-					children: [/* @__PURE__ */ g("button", {
+	}, [C]);
+	return /* @__PURE__ */ v("div", {
+		ref: W,
+		className: g("wim-code-diff-viewer", l.root, j),
+		...P,
+		children: [/* @__PURE__ */ v("div", {
+			className: l.header,
+			children: [/* @__PURE__ */ v("div", {
+				className: l.headerLeft,
+				children: [J && /* @__PURE__ */ _("span", {
+					className: l.filename,
+					children: J
+				}), /* @__PURE__ */ v("div", {
+					className: l.viewToggle,
+					children: [/* @__PURE__ */ _("button", {
 						type: "button",
-						className: h(c.viewBtn, H === "split" && c.active),
-						onClick: () => V("split"),
-						"aria-label": F("code_diff_viewer.split_view"),
-						"aria-pressed": H === "split",
-						children: /* @__PURE__ */ g(s, {
+						className: g(l.viewBtn, U === "split" && l.active),
+						onClick: () => H("split"),
+						"aria-label": I("code_diff_viewer.split_view"),
+						"aria-pressed": U === "split",
+						children: /* @__PURE__ */ _(s, {
 							component: i,
 							size: "sm",
 							"aria-hidden": "true"
 						})
-					}), /* @__PURE__ */ g("button", {
+					}), /* @__PURE__ */ _("button", {
 						type: "button",
-						className: h(c.viewBtn, H === "unified" && c.active),
-						onClick: () => V("unified"),
-						"aria-label": F("code_diff_viewer.unified_view"),
-						"aria-pressed": H === "unified",
-						children: /* @__PURE__ */ g(s, {
+						className: g(l.viewBtn, U === "unified" && l.active),
+						onClick: () => H("unified"),
+						"aria-label": I("code_diff_viewer.unified_view"),
+						"aria-pressed": U === "unified",
+						children: /* @__PURE__ */ _(s, {
 							component: t,
 							size: "sm",
 							"aria-hidden": "true"
 						})
 					})]
 				})]
-			}), /* @__PURE__ */ _("div", {
-				className: c.headerActions,
+			}), /* @__PURE__ */ v("div", {
+				className: l.headerActions,
 				children: [
-					/* @__PURE__ */ g("button", {
+					/* @__PURE__ */ _("button", {
 						type: "button",
-						className: h(c.iconButton, I && c.copied),
-						onClick: J,
-						"aria-label": F(I ? "code_diff_viewer.copied_label" : "code_diff_viewer.copy_label"),
-						children: /* @__PURE__ */ g(s, {
-							component: I ? n : a,
+						className: g(l.iconButton, L && l.copied),
+						onClick: Y,
+						"aria-label": I(L ? "code_diff_viewer.copied_label" : "code_diff_viewer.copy_label"),
+						children: /* @__PURE__ */ _(s, {
+							component: L ? n : a,
 							size: "sm"
 						})
 					}),
-					k && /* @__PURE__ */ _("button", {
+					A && /* @__PURE__ */ v("button", {
 						type: "button",
-						className: h(c.actionButton, c.rejectButton),
-						onClick: k,
-						children: [/* @__PURE__ */ g(s, {
+						className: g(l.actionButton, l.rejectButton),
+						onClick: A,
+						children: [/* @__PURE__ */ _(s, {
 							component: r,
 							size: "sm",
 							"aria-hidden": "true"
-						}), F("code_diff_viewer.reject")]
+						}), I("code_diff_viewer.reject")]
 					}),
-					(O || M) && /* @__PURE__ */ _("button", {
+					(k || N) && /* @__PURE__ */ v("button", {
 						type: "button",
-						className: h(c.actionButton, c.applyButton, j && c.applying, M && c.applied),
-						onClick: O,
-						disabled: j || M,
-						children: [/* @__PURE__ */ g(s, {
-							component: j ? o : n,
+						className: g(l.actionButton, l.applyButton, M && l.applying, N && l.applied),
+						onClick: k,
+						disabled: M || N,
+						children: [/* @__PURE__ */ _(s, {
+							component: M ? o : n,
 							size: "sm",
-							className: h(j && c.spin),
+							className: g(M && l.spin),
 							"aria-hidden": "true"
-						}), F(M ? "code_diff_viewer.applied" : "code_diff_viewer.apply")]
+						}), I(N ? "code_diff_viewer.applied" : "code_diff_viewer.apply")]
 					})
 				]
 			})]
-		}), /* @__PURE__ */ g("div", {
-			className: c.body,
+		}), /* @__PURE__ */ _("div", {
+			className: l.body,
 			tabIndex: 0,
-			children: H === "unified" ? /* @__PURE__ */ g("div", {
-				className: c.unified,
-				children: G.map((e, t) => /* @__PURE__ */ g(C, { line: e }, t))
-			}) : /* @__PURE__ */ _("div", {
-				className: c.split,
+			children: U === "unified" ? /* @__PURE__ */ _("div", {
+				className: l.unified,
+				children: K.map((e, t) => /* @__PURE__ */ _(w, { line: e }, t))
+			}) : /* @__PURE__ */ v("div", {
+				className: l.split,
 				children: [
-					/* @__PURE__ */ g("div", {
-						className: c.splitPane,
+					/* @__PURE__ */ _("div", {
+						className: l.splitPane,
 						tabIndex: 0,
-						children: K.left.map((e, t) => /* @__PURE__ */ g(w, { line: e }, t))
+						children: q.left.map((e, t) => /* @__PURE__ */ _(T, { line: e }, t))
 					}),
-					/* @__PURE__ */ g("div", {
-						className: c.splitDivider,
+					/* @__PURE__ */ _("div", {
+						className: l.splitDivider,
 						"aria-hidden": "true"
 					}),
-					/* @__PURE__ */ g("div", {
-						className: c.splitPane,
+					/* @__PURE__ */ _("div", {
+						className: l.splitPane,
 						tabIndex: 0,
-						children: K.right.map((e, t) => /* @__PURE__ */ g(w, { line: e }, t))
+						children: q.right.map((e, t) => /* @__PURE__ */ _(T, { line: e }, t))
 					})
 				]
 			})
 		})]
 	});
 });
-T.displayName = "CodeDiffViewer";
+E.displayName = "CodeDiffViewer";
 //#endregion
-export { T as CodeDiffViewer };
+export { E as CodeDiffViewer };

package/dist/components/ai/MarkdownRenderer/MarkdownRenderer.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../typography/Text/Text.cjs"),r=require("../../navigation/Link/Link.cjs"),i=require("../../typography/Title/Title.cjs"),a=require("../../typography/Blockquote/Blockquote.cjs"),o=require("../CodeBlock/CodeBlock.cjs"),s=require("./markdown-renderer.module.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("classnames");l=e.__toESM(l,1);let u=require("react/jsx-runtime"),d=require("react-markdown");d=e.__toESM(d,1);let f=require("remark-gfm");f=e.__toESM(f,1);var p=[`xs`,`sm`,`md`,`lg`,`xl`,`2xl`,`3xl`,`4xl`];function m(e,t){let n=p.indexOf(t);return p[Math.max(0,n-(e-1))]}var h=({content:e,baseLevel:c=`2xl`,className:p})=>{let{t:h}=t.useWimTranslation(`form`);return(0,u.jsx)(`div`,{className:(0,l.default)(`wim-markdown-renderer`,s.default.root,p),children:(0,u.jsx)(d.default,{remarkPlugins:[f.default],components:{h1:({children:e})=>(0,u.jsx)(i.Title,{tag:`h1`,size:m(1,c),className:s.default.heading,children:e}),h2:({children:e})=>(0,u.jsx)(i.Title,{tag:`h2`,size:m(2,c),className:s.default.heading,children:e}),h3:({children:e})=>(0,u.jsx)(i.Title,{tag:`h3`,size:m(3,c),className:s.default.heading,children:e}),h4:({children:e})=>(0,u.jsx)(i.Title,{tag:`h4`,size:m(4,c),className:s.default.heading,children:e}),p:({children:e})=>(0,u.jsx)(n.Text,{className:s.default.paragraph,children:e}),a:({href:e,children:t})=>(0,u.jsx)(r.Link,{href:e,children:t}),blockquote:({children:e})=>(0,u.jsx)(a.Blockquote,{children:e}),ul:({children:e})=>(0,u.jsx)(`ul`,{className:s.default.list,children:e}),ol:({children:e})=>(0,u.jsx)(`ol`,{className:s.default.list,children:e}),li:({children:e})=>(0,u.jsx)(`li`,{className:s.default.listItem,children:e}),code({className:e,children:t,...n}){let r=/language-(\w+)/.exec(e||``);return r?(0,u.jsx)(o.CodeBlock,{code:String(t).replace(/\n$/,``),language:r[1],className:s.default.codeBlock}):(0,u.jsx)(`code`,{className:s.default.inlineCode,...n,children:t})},table:({children:e})=>(0,u.jsx)(`div`,{className:s.default.tableWrapper,children:(0,u.jsx)(`table`,{className:s.default.table,children:e})}),th:({children:e})=>(0,u.jsx)(`th`,{className:s.default.th,children:e}),td:({children:e})=>(0,u.jsx)(`td`,{className:s.default.td,children:e}),input:({type:e,checked:t,disabled:n})=>e===`checkbox`?(0,u.jsx)(`input`,{type:`checkbox`,checked:t,disabled:n,readOnly:!0,"aria-label":h(t?`markdown.task_done`:`markdown.task_todo`)}):null},children:e})})};h.displayName=`MarkdownRenderer`,exports.MarkdownRenderer=h;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/form.cjs"),r=require("../../typography/Text/Text.cjs"),i=require("../../navigation/Link/Link.cjs"),a=require("../../typography/Title/Title.cjs"),o=require("../../typography/Blockquote/Blockquote.cjs"),s=require("../CodeBlock/CodeBlock.cjs"),c=require("./markdown-renderer.module.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("classnames");u=e.__toESM(u,1);let d=require("react/jsx-runtime"),f=require("react-markdown");f=e.__toESM(f,1);let p=require("remark-gfm");p=e.__toESM(p,1);var m=[`xs`,`sm`,`md`,`lg`,`xl`,`2xl`,`3xl`,`4xl`];function h(e,t){let n=m.indexOf(t);return m[Math.max(0,n-(e-1))]}var g=({content:e,baseLevel:l=`2xl`,className:m})=>{let{t:g}=t.useWimTranslation(n.formNs);return(0,d.jsx)(`div`,{className:(0,u.default)(`wim-markdown-renderer`,c.default.root,m),children:(0,d.jsx)(f.default,{remarkPlugins:[p.default],components:{h1:({children:e})=>(0,d.jsx)(a.Title,{tag:`h1`,size:h(1,l),className:c.default.heading,children:e}),h2:({children:e})=>(0,d.jsx)(a.Title,{tag:`h2`,size:h(2,l),className:c.default.heading,children:e}),h3:({children:e})=>(0,d.jsx)(a.Title,{tag:`h3`,size:h(3,l),className:c.default.heading,children:e}),h4:({children:e})=>(0,d.jsx)(a.Title,{tag:`h4`,size:h(4,l),className:c.default.heading,children:e}),p:({children:e})=>(0,d.jsx)(r.Text,{className:c.default.paragraph,children:e}),a:({href:e,children:t})=>(0,d.jsx)(i.Link,{href:e,children:t}),blockquote:({children:e})=>(0,d.jsx)(o.Blockquote,{children:e}),ul:({children:e})=>(0,d.jsx)(`ul`,{className:c.default.list,children:e}),ol:({children:e})=>(0,d.jsx)(`ol`,{className:c.default.list,children:e}),li:({children:e})=>(0,d.jsx)(`li`,{className:c.default.listItem,children:e}),code({className:e,children:t,...n}){let r=/language-(\w+)/.exec(e||``);return r?(0,d.jsx)(s.CodeBlock,{code:String(t).replace(/\n$/,``),language:r[1],className:c.default.codeBlock}):(0,d.jsx)(`code`,{className:c.default.inlineCode,...n,children:t})},table:({children:e})=>(0,d.jsx)(`div`,{className:c.default.tableWrapper,children:(0,d.jsx)(`table`,{className:c.default.table,children:e})}),th:({children:e})=>(0,d.jsx)(`th`,{className:c.default.th,children:e}),td:({children:e})=>(0,d.jsx)(`td`,{className:c.default.td,children:e}),input:({type:e,checked:t,disabled:n})=>e===`checkbox`?(0,d.jsx)(`input`,{type:`checkbox`,checked:t,disabled:n,readOnly:!0,"aria-label":g(t?`markdown.task_done`:`markdown.task_todo`)}):null},children:e})})};g.displayName=`MarkdownRenderer`,exports.MarkdownRenderer=g;

package/dist/components/ai/MarkdownRenderer/MarkdownRenderer.js

@@ -1,18 +1,19 @@
 "use client";
 import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
-import { Text as t } from "../../typography/Text/Text.js";
-import { Link as n } from "../../navigation/Link/Link.js";
-import { Title as r } from "../../typography/Title/Title.js";
-import { Blockquote as i } from "../../typography/Blockquote/Blockquote.js";
-import { CodeBlock as a } from "../CodeBlock/CodeBlock.js";
-import o from "./markdown-renderer.module.js";
+import { formNs as t } from "../../../i18n/generated/form.js";
+import { Text as n } from "../../typography/Text/Text.js";
+import { Link as r } from "../../navigation/Link/Link.js";
+import { Title as i } from "../../typography/Title/Title.js";
+import { Blockquote as a } from "../../typography/Blockquote/Blockquote.js";
+import { CodeBlock as o } from "../CodeBlock/CodeBlock.js";
+import s from "./markdown-renderer.module.js";
 import "react";
-import s from "classnames";
-import { jsx as c } from "react/jsx-runtime";
-import l from "react-markdown";
-import u from "remark-gfm";
+import c from "classnames";
+import { jsx as l } from "react/jsx-runtime";
+import u from "react-markdown";
+import d from "remark-gfm";
 //#region src/components/ai/MarkdownRenderer/MarkdownRenderer.tsx
-var d = [
+var f = [
 	"xs",
 	"sm",
 	"md",
@@ -22,101 +23,101 @@ var d = [
 	"3xl",
 	"4xl"
 ];
-function f(e, t) {
-	let n = d.indexOf(t);
-	return d[Math.max(0, n - (e - 1))];
+function p(e, t) {
+	let n = f.indexOf(t);
+	return f[Math.max(0, n - (e - 1))];
 }
-var p = ({ content: d, baseLevel: p = "2xl", className: m }) => {
-	let { t: h } = e("form");
-	return /* @__PURE__ */ c("div", {
-		className: s("wim-markdown-renderer", o.root, m),
-		children: /* @__PURE__ */ c(l, {
-			remarkPlugins: [u],
+var m = ({ content: f, baseLevel: m = "2xl", className: h }) => {
+	let { t: g } = e(t);
+	return /* @__PURE__ */ l("div", {
+		className: c("wim-markdown-renderer", s.root, h),
+		children: /* @__PURE__ */ l(u, {
+			remarkPlugins: [d],
 			components: {
-				h1: ({ children: e }) => /* @__PURE__ */ c(r, {
+				h1: ({ children: e }) => /* @__PURE__ */ l(i, {
 					tag: "h1",
-					size: f(1, p),
-					className: o.heading,
+					size: p(1, m),
+					className: s.heading,
 					children: e
 				}),
-				h2: ({ children: e }) => /* @__PURE__ */ c(r, {
+				h2: ({ children: e }) => /* @__PURE__ */ l(i, {
 					tag: "h2",
-					size: f(2, p),
-					className: o.heading,
+					size: p(2, m),
+					className: s.heading,
 					children: e
 				}),
-				h3: ({ children: e }) => /* @__PURE__ */ c(r, {
+				h3: ({ children: e }) => /* @__PURE__ */ l(i, {
 					tag: "h3",
-					size: f(3, p),
-					className: o.heading,
+					size: p(3, m),
+					className: s.heading,
 					children: e
 				}),
-				h4: ({ children: e }) => /* @__PURE__ */ c(r, {
+				h4: ({ children: e }) => /* @__PURE__ */ l(i, {
 					tag: "h4",
-					size: f(4, p),
-					className: o.heading,
+					size: p(4, m),
+					className: s.heading,
 					children: e
 				}),
-				p: ({ children: e }) => /* @__PURE__ */ c(t, {
-					className: o.paragraph,
+				p: ({ children: e }) => /* @__PURE__ */ l(n, {
+					className: s.paragraph,
 					children: e
 				}),
-				a: ({ href: e, children: t }) => /* @__PURE__ */ c(n, {
+				a: ({ href: e, children: t }) => /* @__PURE__ */ l(r, {
 					href: e,
 					children: t
 				}),
-				blockquote: ({ children: e }) => /* @__PURE__ */ c(i, { children: e }),
-				ul: ({ children: e }) => /* @__PURE__ */ c("ul", {
-					className: o.list,
+				blockquote: ({ children: e }) => /* @__PURE__ */ l(a, { children: e }),
+				ul: ({ children: e }) => /* @__PURE__ */ l("ul", {
+					className: s.list,
 					children: e
 				}),
-				ol: ({ children: e }) => /* @__PURE__ */ c("ol", {
-					className: o.list,
+				ol: ({ children: e }) => /* @__PURE__ */ l("ol", {
+					className: s.list,
 					children: e
 				}),
-				li: ({ children: e }) => /* @__PURE__ */ c("li", {
-					className: o.listItem,
+				li: ({ children: e }) => /* @__PURE__ */ l("li", {
+					className: s.listItem,
 					children: e
 				}),
 				code({ className: e, children: t, ...n }) {
 					let r = /language-(\w+)/.exec(e || "");
-					return r ? /* @__PURE__ */ c(a, {
+					return r ? /* @__PURE__ */ l(o, {
 						code: String(t).replace(/\n$/, ""),
 						language: r[1],
-						className: o.codeBlock
-					}) : /* @__PURE__ */ c("code", {
-						className: o.inlineCode,
+						className: s.codeBlock
+					}) : /* @__PURE__ */ l("code", {
+						className: s.inlineCode,
 						...n,
 						children: t
 					});
 				},
-				table: ({ children: e }) => /* @__PURE__ */ c("div", {
-					className: o.tableWrapper,
-					children: /* @__PURE__ */ c("table", {
-						className: o.table,
+				table: ({ children: e }) => /* @__PURE__ */ l("div", {
+					className: s.tableWrapper,
+					children: /* @__PURE__ */ l("table", {
+						className: s.table,
 						children: e
 					})
 				}),
-				th: ({ children: e }) => /* @__PURE__ */ c("th", {
-					className: o.th,
+				th: ({ children: e }) => /* @__PURE__ */ l("th", {
+					className: s.th,
 					children: e
 				}),
-				td: ({ children: e }) => /* @__PURE__ */ c("td", {
-					className: o.td,
+				td: ({ children: e }) => /* @__PURE__ */ l("td", {
+					className: s.td,
 					children: e
 				}),
-				input: ({ type: e, checked: t, disabled: n }) => e === "checkbox" ? /* @__PURE__ */ c("input", {
+				input: ({ type: e, checked: t, disabled: n }) => e === "checkbox" ? /* @__PURE__ */ l("input", {
 					type: "checkbox",
 					checked: t,
 					disabled: n,
 					readOnly: !0,
-					"aria-label": h(t ? "markdown.task_done" : "markdown.task_todo")
+					"aria-label": g(t ? "markdown.task_done" : "markdown.task_todo")
 				}) : null
 			},
-			children: d
+			children: f
 		})
 	});
 };
-p.displayName = "MarkdownRenderer";
+m.displayName = "MarkdownRenderer";
 //#endregion
-export { p as MarkdownRenderer };
+export { m as MarkdownRenderer };

package/dist/components/ai/ModelSelector/ModelSelector.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/Transition/Transition.cjs"),n=require("../../../icon/check.cjs"),r=require("../../../icon/chevron-down.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("./model-selector.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("classnames");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=e=>e>=1e6?`${(e/1e6).toFixed(e%1e6==0?0:1)}M`:e>=1e3?`${(e/1e3).toFixed(e%1e3==0?0:1)}K`:String(e),u=(e,t=`$`)=>`${t}${e}`,d=o.default.forwardRef(({models:e,value:d,defaultValue:f,onChange:p,size:m=`md`,disabled:h=!1,fullWidth:g=!1,showPricing:_=!0,showContext:v=!0,labels:y,className:b,...x},S)=>{let{placeholder:C=`Select a model`,contextLabel:w=`Context`,inputLabel:T=`In`,outputLabel:E=`Out`,perTokensLabel:D=`/1M`,triggerAriaLabel:O=`Select a model`}=y??{},k=d!==void 0,[A,j]=(0,o.useState)(f),M=k?d:A,N=e.find(e=>e.id===M),[P,F]=(0,o.useState)(!1),[I,L]=(0,o.useState)(-1),R=(0,o.useRef)(null),z=(0,o.useRef)(null),B=(0,o.useId)(),V=`${B}-listbox`,H=(0,o.useCallback)(e=>{R.current=e,typeof S==`function`?S(e):S&&(S.current=e)},[S]);(0,o.useEffect)(()=>{if(!P)return;let e=e=>{R.current&&!R.current.contains(e.target)&&F(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[P]);let U=e=>{e.disabled||(k||j(e.id),p?.(e.id,e),F(!1))},W=(t,n)=>{let r=t;for(let t=0;t<e.length;t++){if(!e[r]?.disabled)return r;r=(r+n+e.length)%e.length}return-1},G=t=>{let n=e.findIndex(e=>e.id===M);L(t??(n>=0?n:W(0,1))),F(!0)},K=t=>{L(n=>{let r=n;for(let n=0;n<e.length&&(r=(r+t+e.length)%e.length,e[r]?.disabled);n++);return r})},q=t=>{if(!h)switch(t.key){case`ArrowDown`:case`ArrowUp`:t.preventDefault(),P?K(t.key===`ArrowDown`?1:-1):G();break;case`Home`:case`End`:t.preventDefault(),t.key===`Home`?P?L(W(0,1)):G(W(0,1)):P?L(W(e.length-1,-1)):G(W(e.length-1,-1));break;case`Enter`:case` `:if(t.preventDefault(),!P)G();else{let t=e[I];t&&U(t)}break;case`Escape`:P&&(t.preventDefault(),F(!1));break;case`Tab`:F(!1)}};(0,o.useEffect)(()=>{P&&I>=0&&(z.current?.querySelectorAll(`[role="option"]`)?.[I])?.scrollIntoView({block:`nearest`})},[I,P]);let J=e=>{let t=[];if(v&&e.contextLength&&t.push((0,c.jsxs)(`span`,{className:a.default.meta,children:[w,` `,l(e.contextLength)]},`ctx`)),_&&e.pricing){let{input:n,output:r,currency:i}=e.pricing;n!==void 0&&t.push((0,c.jsxs)(`span`,{className:a.default.meta,children:[T,` `,u(n,i),D]},`in`)),r!==void 0&&t.push((0,c.jsxs)(`span`,{className:a.default.meta,children:[E,` `,u(r,i),D]},`out`))}if(t.length===0)return null;let n=t.flatMap((e,t)=>t===0?[e]:[` `,e]);return(0,c.jsx)(`span`,{className:a.default.metaRow,children:n})};return(0,c.jsxs)(`div`,{ref:H,className:(0,s.default)(`wim-model-selector`,a.default.root,a.default[m],g&&a.default.fullWidth,h&&a.default.disabled,b),...x,children:[(0,c.jsxs)(`button`,{type:`button`,role:`combobox`,className:a.default.trigger,"aria-haspopup":`listbox`,"aria-expanded":P,"aria-controls":P?V:void 0,"aria-activedescendant":P&&I>=0?`${B}-opt-${I}`:void 0,"aria-label":O,disabled:h,onClick:()=>{h||(P?F(!1):G())},onKeyDown:q,onKeyUp:e=>{e.key===` `&&e.preventDefault()},children:[(0,c.jsx)(`span`,{className:a.default.triggerLabel,children:N?(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(`span`,{className:a.default.triggerName,children:N.name}),` `,N.badge&&(0,c.jsx)(`span`,{className:a.default.badge,children:N.badge})]}):(0,c.jsx)(`span`,{className:a.default.placeholder,children:C})}),(0,c.jsx)(i.Icon,{component:r.default,size:`sm`,className:(0,s.default)(a.default.chevron,P&&a.default.chevronOpen)})]}),(0,c.jsx)(t.Transition,{show:P,preset:`scale`,unmount:!0,className:a.default.dropdownWrapper,children:(0,c.jsx)(`ul`,{ref:z,id:V,role:`listbox`,"aria-label":O,tabIndex:-1,className:a.default.dropdown,onMouseDown:e=>e.preventDefault(),children:e.map((e,t)=>{let r=e.id===M;return(0,c.jsxs)(`li`,{id:`${B}-opt-${t}`,role:`option`,"aria-selected":r,"aria-disabled":e.disabled||void 0,className:(0,s.default)(a.default.option,t===I&&a.default.active,e.disabled&&a.default.optionDisabled),onMouseEnter:()=>L(t),onClick:()=>U(e),children:[(0,c.jsx)(`span`,{className:a.default.check,"aria-hidden":`true`,children:r&&(0,c.jsx)(i.Icon,{component:n.default,size:`sm`})}),(0,c.jsxs)(`span`,{className:a.default.optionBody,children:[(0,c.jsxs)(`span`,{className:a.default.optionHeader,children:[(0,c.jsx)(`span`,{className:a.default.optionName,children:e.name}),` `,e.badge&&(0,c.jsx)(`span`,{className:a.default.badge,children:e.badge})]}),` `,e.description&&(0,c.jsx)(`span`,{className:a.default.description,children:e.description}),` `,J(e)]})]},e.id)})})})]})});d.displayName=`ModelSelector`,exports.ModelSelector=d;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("../../layout/Transition/Transition.cjs"),i=require("../../../icon/check.cjs"),a=require("../../../icon/chevron-down.cjs"),o=require("../../media/Icon/Icon.cjs"),s=require("./model-selector.module.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("classnames");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var d=e=>e>=1e6?`${(e/1e6).toFixed(e%1e6==0?0:1)}M`:e>=1e3?`${(e/1e3).toFixed(e%1e3==0?0:1)}K`:String(e),f=(e,t=`$`)=>`${t}${e}`,p=c.default.forwardRef(({models:e,value:p,defaultValue:m,onChange:h,size:g=`md`,disabled:_=!1,fullWidth:v=!1,showPricing:y=!0,showContext:b=!0,labels:x,className:S,...C},w)=>{let{t:T}=t.useWimTranslation(n.commonNs),{placeholder:E=T(`modelSelector.placeholder`),contextLabel:D=T(`modelSelector.context`),inputLabel:O=T(`modelSelector.input`),outputLabel:k=T(`modelSelector.output`),perTokensLabel:A=`/1M`,triggerAriaLabel:j=T(`modelSelector.placeholder`)}=x??{},M=p!==void 0,[N,P]=(0,c.useState)(m),F=M?p:N,I=e.find(e=>e.id===F),[L,R]=(0,c.useState)(!1),[z,B]=(0,c.useState)(-1),V=(0,c.useRef)(null),H=(0,c.useRef)(null),U=(0,c.useId)(),W=`${U}-listbox`,G=(0,c.useCallback)(e=>{V.current=e,typeof w==`function`?w(e):w&&(w.current=e)},[w]);(0,c.useEffect)(()=>{if(!L)return;let e=e=>{V.current&&!V.current.contains(e.target)&&R(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[L]);let K=e=>{e.disabled||(M||P(e.id),h?.(e.id,e),R(!1))},q=(t,n)=>{let r=t;for(let t=0;t<e.length;t++){if(!e[r]?.disabled)return r;r=(r+n+e.length)%e.length}return-1},J=t=>{let n=e.findIndex(e=>e.id===F);B(t??(n>=0?n:q(0,1))),R(!0)},Y=t=>{B(n=>{let r=n;for(let n=0;n<e.length&&(r=(r+t+e.length)%e.length,e[r]?.disabled);n++);return r})},X=t=>{if(!_)switch(t.key){case`ArrowDown`:case`ArrowUp`:t.preventDefault(),L?Y(t.key===`ArrowDown`?1:-1):J();break;case`Home`:case`End`:t.preventDefault(),t.key===`Home`?L?B(q(0,1)):J(q(0,1)):L?B(q(e.length-1,-1)):J(q(e.length-1,-1));break;case`Enter`:case` `:if(t.preventDefault(),!L)J();else{let t=e[z];t&&K(t)}break;case`Escape`:L&&(t.preventDefault(),R(!1));break;case`Tab`:R(!1)}};(0,c.useEffect)(()=>{L&&z>=0&&(H.current?.querySelectorAll(`[role="option"]`)?.[z])?.scrollIntoView({block:`nearest`})},[z,L]);let Z=e=>{let t=[];if(b&&e.contextLength&&t.push((0,u.jsxs)(`span`,{className:s.default.meta,children:[D,` `,d(e.contextLength)]},`ctx`)),y&&e.pricing){let{input:n,output:r,currency:i}=e.pricing;n!==void 0&&t.push((0,u.jsxs)(`span`,{className:s.default.meta,children:[O,` `,f(n,i),A]},`in`)),r!==void 0&&t.push((0,u.jsxs)(`span`,{className:s.default.meta,children:[k,` `,f(r,i),A]},`out`))}if(t.length===0)return null;let n=t.flatMap((e,t)=>t===0?[e]:[` `,e]);return(0,u.jsx)(`span`,{className:s.default.metaRow,children:n})};return(0,u.jsxs)(`div`,{ref:G,className:(0,l.default)(`wim-model-selector`,s.default.root,s.default[g],v&&s.default.fullWidth,_&&s.default.disabled,S),...C,children:[(0,u.jsxs)(`button`,{type:`button`,role:`combobox`,className:s.default.trigger,"aria-haspopup":`listbox`,"aria-expanded":L,"aria-controls":L?W:void 0,"aria-activedescendant":L&&z>=0?`${U}-opt-${z}`:void 0,"aria-label":j,disabled:_,onClick:()=>{_||(L?R(!1):J())},onKeyDown:X,onKeyUp:e=>{e.key===` `&&e.preventDefault()},children:[(0,u.jsx)(`span`,{className:s.default.triggerLabel,children:I?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`span`,{className:s.default.triggerName,children:I.name}),` `,I.badge&&(0,u.jsx)(`span`,{className:s.default.badge,children:I.badge})]}):(0,u.jsx)(`span`,{className:s.default.placeholder,children:E})}),(0,u.jsx)(o.Icon,{component:a.default,size:`sm`,className:(0,l.default)(s.default.chevron,L&&s.default.chevronOpen)})]}),(0,u.jsx)(r.Transition,{show:L,preset:`scale`,unmount:!0,className:s.default.dropdownWrapper,children:(0,u.jsx)(`ul`,{ref:H,id:W,role:`listbox`,"aria-label":j,tabIndex:-1,className:s.default.dropdown,onMouseDown:e=>e.preventDefault(),children:e.map((e,t)=>{let n=e.id===F;return(0,u.jsxs)(`li`,{id:`${U}-opt-${t}`,role:`option`,"aria-selected":n,"aria-disabled":e.disabled||void 0,className:(0,l.default)(s.default.option,t===z&&s.default.active,e.disabled&&s.default.optionDisabled),onMouseEnter:()=>B(t),onClick:()=>K(e),children:[(0,u.jsx)(`span`,{className:s.default.check,"aria-hidden":`true`,children:n&&(0,u.jsx)(o.Icon,{component:i.default,size:`sm`})}),(0,u.jsxs)(`span`,{className:s.default.optionBody,children:[(0,u.jsxs)(`span`,{className:s.default.optionHeader,children:[(0,u.jsx)(`span`,{className:s.default.optionName,children:e.name}),` `,e.badge&&(0,u.jsx)(`span`,{className:s.default.badge,children:e.badge})]}),` `,e.description&&(0,u.jsx)(`span`,{className:s.default.description,children:e.description}),` `,Z(e)]})]},e.id)})})})]})});p.displayName=`ModelSelector`,exports.ModelSelector=p;