wimui 0.1.0

package/dist/components/ai/CodeBlock/code-block.module.js

@@ -0,0 +1,21 @@
+"use client";
+//#region src/components/ai/CodeBlock/code-block.module.scss
+var e = "_root_1rkn7_3", t = "_header_1rkn7_11", n = "_lang_1rkn7_19", r = "_headerActions_1rkn7_27", i = "_iconButton_1rkn7_32", a = "_copied_1rkn7_53", o = "_chevron_1rkn7_59", s = "_chevronUp_1rkn7_62", c = "_body_1rkn7_65", l = "_collapsed_1rkn7_68", u = "_pre_1rkn7_72", d = "_code_1rkn7_84", f = "_line_1rkn7_87", p = "_lineNumber_1rkn7_90", m = "_lineContent_1rkn7_99", h = {
+	root: e,
+	header: t,
+	lang: n,
+	headerActions: r,
+	iconButton: i,
+	copied: a,
+	chevron: o,
+	chevronUp: s,
+	body: c,
+	collapsed: l,
+	pre: u,
+	code: d,
+	line: f,
+	lineNumber: p,
+	lineContent: m
+};
+//#endregion
+export { c as body, o as chevron, s as chevronUp, d as code, l as collapsed, a as copied, h as default, t as header, r as headerActions, i as iconButton, n as lang, f as line, m as lineContent, p as lineNumber, u as pre, e as root };

package/dist/components/ai/CodeDiffViewer/CodeDiffViewer.cjs

@@ -0,0 +1,4 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/align-justify.cjs"),r=require("../../../icon/check.cjs"),i=require("../../../icon/close.cjs"),a=require("../../../icon/columns.cjs"),o=require("../../../icon/copy.cjs"),s=require("../../../icon/spinner.cjs"),c=require("../../media/Icon/Icon.cjs"),l=require("./code-diff-viewer.module.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("classnames");d=e.__toESM(d,1);let f=require("react/jsx-runtime"),p=require("diff");function m(e){let t=e.endsWith(`
+`)?e.slice(0,-1):e;return t===``?[]:t.split(`
+`)}function h(e){let t=[],n=1,r=1;for(let i of e)for(let e of m(i.value))i.removed?t.push({type:`removed`,content:e,oldNum:n++}):i.added?t.push({type:`added`,content:e,newNum:r++}):t.push({type:`unchanged`,content:e,oldNum:n++,newNum:r++});return t}function g(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 m(o.value))t.push({type:`unchanged`,content:e,num:r++}),n.push({type:`unchanged`,content:e,num:i++});a++}else if(o.removed){let s=m(o.value),c=e[a+1],l=c?.added?m(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?{type:`removed`,content:s[e],num:r++}:{type:`empty`,content:``}),n.push(e<l.length?{type:`added`,content:l[e],num:i++}:{type:`empty`,content:``});a++}else{for(let e of m(o.value))t.push({type:`empty`,content:``}),n.push({type:`added`,content:e,num:i++});a++}}return{left:t,right:n}}function _({num:e}){return(0,f.jsx)(`span`,{className:l.default.lineNum,"aria-hidden":`true`,children:e??``})}function v({line:e}){let t=e.type===`added`?`+`:e.type===`removed`?`−`:` `;return(0,f.jsxs)(`div`,{className:(0,d.default)(l.default.row,l.default[e.type]),children:[(0,f.jsx)(_,{num:e.oldNum}),(0,f.jsx)(_,{num:e.newNum}),(0,f.jsx)(`span`,{className:l.default.prefix,"aria-hidden":`true`,children:t}),(0,f.jsx)(`span`,{className:l.default.lineContent,children:e.content})]})}function y({line:e}){return(0,f.jsxs)(`div`,{className:(0,d.default)(l.default.splitCell,l.default[e.type]),children:[(0,f.jsx)(_,{num:e.num}),e.type!==`empty`&&(0,f.jsx)(`span`,{className:l.default.prefix,"aria-hidden":`true`,children:e.type===`added`?`+`:e.type===`removed`?`−`:` `}),(0,f.jsx)(`span`,{className:l.default.lineContent,children:e.content})]})}var b=u.default.forwardRef(({before:e,after:m,language:_,filename:b,view:x=`split`,onApply:S,onReject:C,className:w,isApplying:T=!1,isApplied:E=!1,...D},O)=>{let{t:k}=t.useWimTranslation(`form`),[A,j]=u.default.useState(!1),[M,N]=u.default.useState(x),[P,F]=u.default.useState(null),I=P??M,L=(0,u.useRef)(null);(0,u.useImperativeHandle)(O,()=>L.current,[]),(0,u.useEffect)(()=>{let e=L.current;if(!e)return;let t=new ResizeObserver(([e])=>{let t=e.contentRect.width<640;N(e=>{let n=t?`unified`:`split`;return e!==n&&F(null),n})});return t.observe(e),()=>t.disconnect()},[]);let R=(0,u.useMemo)(()=>(0,p.diffLines)(e??``,m??``),[e,m]),z=(0,u.useMemo)(()=>h(R),[R]),B=(0,u.useMemo)(()=>g(R),[R]),V=b??_,H=(0,u.useCallback)(async()=>{try{await navigator.clipboard.writeText(m),j(!0),setTimeout(()=>j(!1),2e3)}catch{}},[m]);return(0,f.jsxs)(`div`,{ref:L,className:(0,d.default)(`wim-code-diff-viewer`,l.default.root,w),...D,children:[(0,f.jsxs)(`div`,{className:l.default.header,children:[(0,f.jsxs)(`div`,{className:l.default.headerLeft,children:[V&&(0,f.jsx)(`span`,{className:l.default.filename,children:V}),(0,f.jsxs)(`div`,{className:l.default.viewToggle,children:[(0,f.jsx)(`button`,{type:`button`,className:(0,d.default)(l.default.viewBtn,I===`split`&&l.default.active),onClick:()=>F(`split`),"aria-label":k(`code_diff_viewer.split_view`),"aria-pressed":I===`split`,children:(0,f.jsx)(c.Icon,{component:a.default,size:`sm`,"aria-hidden":`true`})}),(0,f.jsx)(`button`,{type:`button`,className:(0,d.default)(l.default.viewBtn,I===`unified`&&l.default.active),onClick:()=>F(`unified`),"aria-label":k(`code_diff_viewer.unified_view`),"aria-pressed":I===`unified`,children:(0,f.jsx)(c.Icon,{component:n.default,size:`sm`,"aria-hidden":`true`})})]})]}),(0,f.jsxs)(`div`,{className:l.default.headerActions,children:[(0,f.jsx)(`button`,{type:`button`,className:(0,d.default)(l.default.iconButton,A&&l.default.copied),onClick:H,"aria-label":k(A?`code_diff_viewer.copied_label`:`code_diff_viewer.copy_label`),children:(0,f.jsx)(c.Icon,{component:A?r.default:o.default,size:`sm`})}),C&&(0,f.jsxs)(`button`,{type:`button`,className:(0,d.default)(l.default.actionButton,l.default.rejectButton),onClick:C,children:[(0,f.jsx)(c.Icon,{component:i.default,size:`sm`,"aria-hidden":`true`}),k(`code_diff_viewer.reject`)]}),(S||E)&&(0,f.jsxs)(`button`,{type:`button`,className:(0,d.default)(l.default.actionButton,l.default.applyButton,T&&l.default.applying,E&&l.default.applied),onClick:S,disabled:T||E,children:[(0,f.jsx)(c.Icon,{component:T?s.default:r.default,size:`sm`,className:(0,d.default)(T&&l.default.spin),"aria-hidden":`true`}),k(E?`code_diff_viewer.applied`:`code_diff_viewer.apply`)]})]})]}),(0,f.jsx)(`div`,{className:l.default.body,tabIndex:0,children:I===`unified`?(0,f.jsx)(`div`,{className:l.default.unified,children:z.map((e,t)=>(0,f.jsx)(v,{line:e},t))}):(0,f.jsxs)(`div`,{className:l.default.split,children:[(0,f.jsx)(`div`,{className:l.default.splitPane,tabIndex:0,children:B.left.map((e,t)=>(0,f.jsx)(y,{line:e},t))}),(0,f.jsx)(`div`,{className:l.default.splitDivider,"aria-hidden":`true`}),(0,f.jsx)(`div`,{className:l.default.splitPane,tabIndex:0,children:B.right.map((e,t)=>(0,f.jsx)(y,{line:e},t))})]})})]})});b.displayName=`CodeDiffViewer`,exports.CodeDiffViewer=b;

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

@@ -0,0 +1,33 @@
+import { default as React } from 'react';
+export type DiffView = "split" | "unified";
+export interface CodeDiffViewerProps extends React.ComponentPropsWithoutRef<"div"> {
+    /** Code before the change */
+    before: string;
+    /** Code after the change */
+    after: string;
+    /** Language label shown in header */
+    language?: string;
+    /** Filename shown in header (takes precedence over language) */
+    filename?: string;
+    /** Display mode */
+    view?: DiffView;
+    /** Called when user clicks Apply */
+    onApply?: () => void;
+    /** Called when user clicks Reject */
+    onReject?: () => void;
+    /** Additional CSS class */
+    className?: string;
+    /** Whether the change is currently being applied */
+    isApplying?: boolean;
+    /** Whether the change has been successfully applied */
+    isApplied?: boolean;
+}
+/**
+ * CodeDiffViewer displays before/after code changes in git-diff style,
+ * with optional Apply/Reject actions.
+ *
+ * Composition Contract:
+ * - Managed by: App consumption
+ * - Scroll lock: No
+ */
+export declare const CodeDiffViewer: React.ForwardRefExoticComponent<CodeDiffViewerProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,256 @@
+"use client";
+import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
+import t from "../../../icon/align-justify.js";
+import n from "../../../icon/check.js";
+import r from "../../../icon/close.js";
+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";
+//#region src/components/ai/CodeDiffViewer/CodeDiffViewer.tsx
+function y(e) {
+	let t = e.endsWith("\n") ? e.slice(0, -1) : e;
+	return t === "" ? [] : t.split("\n");
+}
+function b(e) {
+	let t = [], n = 1, r = 1;
+	for (let i of e) for (let e of y(i.value)) i.removed ? t.push({
+		type: "removed",
+		content: e,
+		oldNum: n++
+	}) : i.added ? t.push({
+		type: "added",
+		content: e,
+		newNum: r++
+	}) : t.push({
+		type: "unchanged",
+		content: e,
+		oldNum: n++,
+		newNum: r++
+	});
+	return t;
+}
+function x(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({
+				type: "unchanged",
+				content: e,
+				num: r++
+			}), n.push({
+				type: "unchanged",
+				content: e,
+				num: i++
+			});
+			a++;
+		} else if (o.removed) {
+			let s = y(o.value), c = e[a + 1], l = c?.added ? y(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 ? {
+				type: "removed",
+				content: s[e],
+				num: r++
+			} : {
+				type: "empty",
+				content: ""
+			}), n.push(e < l.length ? {
+				type: "added",
+				content: l[e],
+				num: i++
+			} : {
+				type: "empty",
+				content: ""
+			});
+			a++;
+		} else {
+			for (let e of y(o.value)) t.push({
+				type: "empty",
+				content: ""
+			}), n.push({
+				type: "added",
+				content: e,
+				num: i++
+			});
+			a++;
+		}
+	}
+	return {
+		left: t,
+		right: n
+	};
+}
+function S({ num: e }) {
+	return /* @__PURE__ */ g("span", {
+		className: c.lineNum,
+		"aria-hidden": "true",
+		children: e ?? ""
+	});
+}
+function C({ line: e }) {
+	let t = e.type === "added" ? "+" : e.type === "removed" ? "−" : " ";
+	return /* @__PURE__ */ _("div", {
+		className: h(c.row, c[e.type]),
+		children: [
+			/* @__PURE__ */ g(S, { num: e.oldNum }),
+			/* @__PURE__ */ g(S, { num: e.newNum }),
+			/* @__PURE__ */ g("span", {
+				className: c.prefix,
+				"aria-hidden": "true",
+				children: t
+			}),
+			/* @__PURE__ */ g("span", {
+				className: c.lineContent,
+				children: e.content
+			})
+		]
+	});
+}
+function w({ line: e }) {
+	return /* @__PURE__ */ _("div", {
+		className: h(c.splitCell, c[e.type]),
+		children: [
+			/* @__PURE__ */ g(S, { num: e.num }),
+			e.type !== "empty" && /* @__PURE__ */ g("span", {
+				className: c.prefix,
+				"aria-hidden": "true",
+				children: e.type === "added" ? "+" : e.type === "removed" ? "−" : " "
+			}),
+			/* @__PURE__ */ g("span", {
+				className: c.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;
+		if (!e) return;
+		let t = new ResizeObserver(([e]) => {
+			let t = e.contentRect.width < 640;
+			z((e) => {
+				let n = t ? "unified" : "split";
+				return e !== n && V(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 () => {
+		try {
+			await navigator.clipboard.writeText(S), L(!0), setTimeout(() => L(!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", {
+						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, {
+							component: i,
+							size: "sm",
+							"aria-hidden": "true"
+						})
+					}), /* @__PURE__ */ g("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, {
+							component: t,
+							size: "sm",
+							"aria-hidden": "true"
+						})
+					})]
+				})]
+			}), /* @__PURE__ */ _("div", {
+				className: c.headerActions,
+				children: [
+					/* @__PURE__ */ g("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,
+							size: "sm"
+						})
+					}),
+					k && /* @__PURE__ */ _("button", {
+						type: "button",
+						className: h(c.actionButton, c.rejectButton),
+						onClick: k,
+						children: [/* @__PURE__ */ g(s, {
+							component: r,
+							size: "sm",
+							"aria-hidden": "true"
+						}), F("code_diff_viewer.reject")]
+					}),
+					(O || M) && /* @__PURE__ */ _("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,
+							size: "sm",
+							className: h(j && c.spin),
+							"aria-hidden": "true"
+						}), F(M ? "code_diff_viewer.applied" : "code_diff_viewer.apply")]
+					})
+				]
+			})]
+		}), /* @__PURE__ */ g("div", {
+			className: c.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: [
+					/* @__PURE__ */ g("div", {
+						className: c.splitPane,
+						tabIndex: 0,
+						children: K.left.map((e, t) => /* @__PURE__ */ g(w, { line: e }, t))
+					}),
+					/* @__PURE__ */ g("div", {
+						className: c.splitDivider,
+						"aria-hidden": "true"
+					}),
+					/* @__PURE__ */ g("div", {
+						className: c.splitPane,
+						tabIndex: 0,
+						children: K.right.map((e, t) => /* @__PURE__ */ g(w, { line: e }, t))
+					})
+				]
+			})
+		})]
+	});
+});
+T.displayName = "CodeDiffViewer";
+//#endregion
+export { T as CodeDiffViewer };

package/dist/components/ai/CodeDiffViewer/code-diff-viewer.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_58ogi_3`,t=`_header_58ogi_14`,n=`_headerLeft_58ogi_24`,r=`_filename_58ogi_30`,i=`_viewToggle_58ogi_38`,a=`_viewBtn_58ogi_44`,o=`_active_58ogi_56`,s=`_headerActions_58ogi_67`,c=`_iconButton_58ogi_73`,l=`_copied_58ogi_94`,u=`_actionButton_58ogi_100`,d=`_applyButton_58ogi_117`,f=`_applying_58ogi_126`,p=`_applied_58ogi_130`,m=`_spin_58ogi_139`,h=`_rejectButton_58ogi_147`,g=`_body_58ogi_156`,_=`_unified_58ogi_161`,v=`_row_58ogi_166`,y=`_added_58ogi_169`,b=`_removed_58ogi_172`,x=`_split_58ogi_179`,S=`_splitPane_58ogi_183`,C=`_splitDivider_58ogi_188`,w=`_splitCell_58ogi_193`,T=`_empty_58ogi_203`,E=`_lineNum_58ogi_207`,D=`_prefix_58ogi_220`,O=`_lineContent_58ogi_235`,k={root:e,header:t,headerLeft:n,filename:r,viewToggle:i,viewBtn:a,active:o,headerActions:s,iconButton:c,copied:l,actionButton:u,applyButton:d,applying:f,applied:p,spin:m,"code-spin":`_code-spin_58ogi_1`,rejectButton:h,body:g,unified:_,row:v,added:y,removed:b,split:x,splitPane:S,splitDivider:C,splitCell:w,empty:T,lineNum:E,prefix:D,lineContent:O};exports.actionButton=u,exports.active=o,exports.added=y,exports.applied=p,exports.applyButton=d,exports.applying=f,exports.body=g,exports.copied=l,exports.default=k,exports.empty=T,exports.filename=r,exports.header=t,exports.headerActions=s,exports.headerLeft=n,exports.iconButton=c,exports.lineContent=O,exports.lineNum=E,exports.prefix=D,exports.rejectButton=h,exports.removed=b,exports.root=e,exports.row=v,exports.spin=m,exports.split=x,exports.splitCell=w,exports.splitDivider=C,exports.splitPane=S,exports.unified=_,exports.viewBtn=a,exports.viewToggle=i;

package/dist/components/ai/CodeDiffViewer/code-diff-viewer.module.js

@@ -0,0 +1,36 @@
+"use client";
+//#region src/components/ai/CodeDiffViewer/code-diff-viewer.module.scss
+var e = "_root_58ogi_3", t = "_header_58ogi_14", n = "_headerLeft_58ogi_24", r = "_filename_58ogi_30", i = "_viewToggle_58ogi_38", a = "_viewBtn_58ogi_44", o = "_active_58ogi_56", s = "_headerActions_58ogi_67", c = "_iconButton_58ogi_73", l = "_copied_58ogi_94", u = "_actionButton_58ogi_100", d = "_applyButton_58ogi_117", f = "_applying_58ogi_126", p = "_applied_58ogi_130", m = "_spin_58ogi_139", h = "_rejectButton_58ogi_147", g = "_body_58ogi_156", _ = "_unified_58ogi_161", v = "_row_58ogi_166", y = "_added_58ogi_169", b = "_removed_58ogi_172", x = "_split_58ogi_179", S = "_splitPane_58ogi_183", C = "_splitDivider_58ogi_188", w = "_splitCell_58ogi_193", T = "_empty_58ogi_203", E = "_lineNum_58ogi_207", D = "_prefix_58ogi_220", O = "_lineContent_58ogi_235", k = {
+	root: e,
+	header: t,
+	headerLeft: n,
+	filename: r,
+	viewToggle: i,
+	viewBtn: a,
+	active: o,
+	headerActions: s,
+	iconButton: c,
+	copied: l,
+	actionButton: u,
+	applyButton: d,
+	applying: f,
+	applied: p,
+	spin: m,
+	"code-spin": "_code-spin_58ogi_1",
+	rejectButton: h,
+	body: g,
+	unified: _,
+	row: v,
+	added: y,
+	removed: b,
+	split: x,
+	splitPane: S,
+	splitDivider: C,
+	splitCell: w,
+	empty: T,
+	lineNum: E,
+	prefix: D,
+	lineContent: O
+};
+//#endregion
+export { u as actionButton, o as active, y as added, p as applied, d as applyButton, f as applying, g as body, l as copied, k as default, T as empty, r as filename, t as header, s as headerActions, n as headerLeft, c as iconButton, O as lineContent, E as lineNum, D as prefix, h as rejectButton, b as removed, e as root, v as row, m as spin, x as split, w as splitCell, C as splitDivider, S as splitPane, _ as unified, a as viewBtn, i as viewToggle };

package/dist/components/ai/InteractiveGraph/InteractiveGraph.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs");;/* empty css                                               */const t=require("./interactive-graph.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"),a=require("@xyflow/react");var o=({nodes:e,edges:o,height:s=500,width:c=`100%`,className:l,showGrid:u=!0,showMiniMap:d=!0,showControls:f=!0})=>{let p=(0,n.useMemo)(()=>({height:s,width:c}),[s,c]);return(0,i.jsx)(`div`,{className:(0,r.default)(`wim-interactive-graph`,t.default.root,l),style:p,children:(0,i.jsxs)(a.ReactFlow,{nodes:e,edges:o,fitView:!0,colorMode:`system`,children:[u&&(0,i.jsx)(a.Background,{}),d&&(0,i.jsx)(a.MiniMap,{className:t.default.minimap}),f&&(0,i.jsx)(a.Controls,{className:t.default.controls})]})})},s=e=>(0,i.jsx)(a.ReactFlowProvider,{children:(0,i.jsx)(o,{...e})});s.displayName=`InteractiveGraph`,exports.InteractiveGraph=s;

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

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { Node, Edge } from '@xyflow/react';
+export interface InteractiveGraphProps {
+    /** Initial nodes */
+    nodes: Node[];
+    /** Initial edges */
+    edges: Edge[];
+    /** Height of the container */
+    height?: string | number;
+    /** Width of the container */
+    width?: string | number;
+    /** Additional CSS class */
+    className?: string;
+    /** Whether to show the background grid */
+    showGrid?: boolean;
+    /** Whether to show the minimap */
+    showMiniMap?: boolean;
+    /** Whether to show controls */
+    showControls?: boolean;
+}
+export declare const InteractiveGraph: React.FC<InteractiveGraphProps>;

package/dist/components/ai/InteractiveGraph/InteractiveGraph.js

@@ -0,0 +1,32 @@
+"use client";
+/* empty css                                             */
+import e from "./interactive-graph.module.js";
+import { useMemo as t } from "react";
+import n from "classnames";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Background as a, Controls as o, MiniMap as s, ReactFlow as c, ReactFlowProvider as l } from "@xyflow/react";
+//#region src/components/ai/InteractiveGraph/InteractiveGraph.tsx
+var u = ({ nodes: l, edges: u, height: d = 500, width: f = "100%", className: p, showGrid: m = !0, showMiniMap: h = !0, showControls: g = !0 }) => {
+	let _ = t(() => ({
+		height: d,
+		width: f
+	}), [d, f]);
+	return /* @__PURE__ */ r("div", {
+		className: n("wim-interactive-graph", e.root, p),
+		style: _,
+		children: /* @__PURE__ */ i(c, {
+			nodes: l,
+			edges: u,
+			fitView: !0,
+			colorMode: "system",
+			children: [
+				m && /* @__PURE__ */ r(a, {}),
+				h && /* @__PURE__ */ r(s, { className: e.minimap }),
+				g && /* @__PURE__ */ r(o, { className: e.controls })
+			]
+		})
+	});
+}, d = (e) => /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(u, { ...e }) });
+d.displayName = "InteractiveGraph";
+//#endregion
+export { d as InteractiveGraph };

package/dist/components/ai/InteractiveGraph/interactive-graph.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_l5ema_1`,t=`_minimap_l5ema_38`,n=`_controls_l5ema_44`,r={root:e,minimap:t,controls:n};exports.controls=n,exports.default=r,exports.minimap=t,exports.root=e;

package/dist/components/ai/InteractiveGraph/interactive-graph.module.js

@@ -0,0 +1,9 @@
+"use client";
+//#region src/components/ai/InteractiveGraph/interactive-graph.module.scss
+var e = "_root_l5ema_1", t = "_minimap_l5ema_38", n = "_controls_l5ema_44", r = {
+	root: e,
+	minimap: t,
+	controls: n
+};
+//#endregion
+export { n as controls, r as default, t as minimap, e as root };

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

@@ -0,0 +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=({content:e,className:c})=>{let{t:p}=t.useWimTranslation(`form`);return(0,u.jsx)(`div`,{className:(0,l.default)(`wim-markdown-renderer`,s.default.root,c),children:(0,u.jsx)(d.default,{remarkPlugins:[f.default],components:{h1:({children:e})=>(0,u.jsx)(i.Title,{tag:`h1`,size:`2xl`,className:s.default.heading,children:e}),h2:({children:e})=>(0,u.jsx)(i.Title,{tag:`h2`,size:`xl`,className:s.default.heading,children:e}),h3:({children:e})=>(0,u.jsx)(i.Title,{tag:`h3`,size:`lg`,className:s.default.heading,children:e}),h4:({children:e})=>(0,u.jsx)(i.Title,{tag:`h4`,size:`md`,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":p(t?`markdown.task_done`:`markdown.task_todo`)}):null},children:e})})};p.displayName=`MarkdownRenderer`,exports.MarkdownRenderer=p;

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

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export interface MarkdownRendererProps {
+    /** The markdown string to render */
+    content: string;
+    /** Additional CSS class for the root element */
+    className?: string;
+    /** Whether to render titles with anchor links (default: false) */
+    withAnchors?: boolean;
+}
+/**
+ * MarkdownRenderer converts a markdown string into WIM UI components.
+ * It uses react-markdown under the hood and applies WIM's typography system.
+ */
+export declare const MarkdownRenderer: React.FC<MarkdownRendererProps>;

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

@@ -0,0 +1,108 @@
+"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 "react";
+import s from "classnames";
+import { jsx as c } from "react/jsx-runtime";
+import l from "react-markdown";
+import u from "remark-gfm";
+//#region src/components/ai/MarkdownRenderer/MarkdownRenderer.tsx
+var d = ({ content: d, className: f }) => {
+	let { t: p } = e("form");
+	return /* @__PURE__ */ c("div", {
+		className: s("wim-markdown-renderer", o.root, f),
+		children: /* @__PURE__ */ c(l, {
+			remarkPlugins: [u],
+			components: {
+				h1: ({ children: e }) => /* @__PURE__ */ c(r, {
+					tag: "h1",
+					size: "2xl",
+					className: o.heading,
+					children: e
+				}),
+				h2: ({ children: e }) => /* @__PURE__ */ c(r, {
+					tag: "h2",
+					size: "xl",
+					className: o.heading,
+					children: e
+				}),
+				h3: ({ children: e }) => /* @__PURE__ */ c(r, {
+					tag: "h3",
+					size: "lg",
+					className: o.heading,
+					children: e
+				}),
+				h4: ({ children: e }) => /* @__PURE__ */ c(r, {
+					tag: "h4",
+					size: "md",
+					className: o.heading,
+					children: e
+				}),
+				p: ({ children: e }) => /* @__PURE__ */ c(t, {
+					className: o.paragraph,
+					children: e
+				}),
+				a: ({ href: e, children: t }) => /* @__PURE__ */ c(n, {
+					href: e,
+					children: t
+				}),
+				blockquote: ({ children: e }) => /* @__PURE__ */ c(i, { children: e }),
+				ul: ({ children: e }) => /* @__PURE__ */ c("ul", {
+					className: o.list,
+					children: e
+				}),
+				ol: ({ children: e }) => /* @__PURE__ */ c("ol", {
+					className: o.list,
+					children: e
+				}),
+				li: ({ children: e }) => /* @__PURE__ */ c("li", {
+					className: o.listItem,
+					children: e
+				}),
+				code({ className: e, children: t, ...n }) {
+					let r = /language-(\w+)/.exec(e || "");
+					return r ? /* @__PURE__ */ c(a, {
+						code: String(t).replace(/\n$/, ""),
+						language: r[1],
+						className: o.codeBlock
+					}) : /* @__PURE__ */ c("code", {
+						className: o.inlineCode,
+						...n,
+						children: t
+					});
+				},
+				table: ({ children: e }) => /* @__PURE__ */ c("div", {
+					className: o.tableWrapper,
+					children: /* @__PURE__ */ c("table", {
+						className: o.table,
+						children: e
+					})
+				}),
+				th: ({ children: e }) => /* @__PURE__ */ c("th", {
+					className: o.th,
+					children: e
+				}),
+				td: ({ children: e }) => /* @__PURE__ */ c("td", {
+					className: o.td,
+					children: e
+				}),
+				input: ({ type: e, checked: t, disabled: n }) => e === "checkbox" ? /* @__PURE__ */ c("input", {
+					type: "checkbox",
+					checked: t,
+					disabled: n,
+					readOnly: !0,
+					"aria-label": p(t ? "markdown.task_done" : "markdown.task_todo")
+				}) : null
+			},
+			children: d
+		})
+	});
+};
+d.displayName = "MarkdownRenderer";
+//#endregion
+export { d as MarkdownRenderer };

package/dist/components/ai/MarkdownRenderer/markdown-renderer.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_urnk0_2`,t=`_heading_urnk0_14`,n=`_paragraph_urnk0_22`,r=`_list_urnk0_29`,i=`_listItem_urnk0_35`,a=`_inlineCode_urnk0_39`,o=`_codeBlock_urnk0_48`,s=`_tableWrapper_urnk0_52`,c=`_table_urnk0_52`,l=`_th_urnk0_65`,u=`_td_urnk0_73`,d={root:e,heading:t,paragraph:n,list:r,listItem:i,inlineCode:a,codeBlock:o,tableWrapper:s,table:c,th:l,td:u};exports.codeBlock=o,exports.default=d,exports.heading=t,exports.inlineCode=a,exports.list=r,exports.listItem=i,exports.paragraph=n,exports.root=e,exports.table=c,exports.tableWrapper=s,exports.td=u,exports.th=l;

package/dist/components/ai/MarkdownRenderer/markdown-renderer.module.js

@@ -0,0 +1,17 @@
+"use client";
+//#region src/components/ai/MarkdownRenderer/markdown-renderer.module.scss
+var e = "_root_urnk0_2", t = "_heading_urnk0_14", n = "_paragraph_urnk0_22", r = "_list_urnk0_29", i = "_listItem_urnk0_35", a = "_inlineCode_urnk0_39", o = "_codeBlock_urnk0_48", s = "_tableWrapper_urnk0_52", c = "_table_urnk0_52", l = "_th_urnk0_65", u = "_td_urnk0_73", d = {
+	root: e,
+	heading: t,
+	paragraph: n,
+	list: r,
+	listItem: i,
+	inlineCode: a,
+	codeBlock: o,
+	tableWrapper: s,
+	table: c,
+	th: l,
+	td: u
+};
+//#endregion
+export { o as codeBlock, d as default, t as heading, a as inlineCode, r as list, i as listItem, n as paragraph, e as root, c as table, s as tableWrapper, u as td, l as th };

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

@@ -0,0 +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=>{if(!h)if(t.key===`ArrowDown`||t.key===`Enter`||t.key===` `){if(t.preventDefault(),!P){F(!0);let t=e.findIndex(e=>e.id===M);L(t>=0?t:0)}}else t.key===`Escape`&&F(!1)},G=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})},K=t=>{if(t.key===`ArrowDown`)t.preventDefault(),G(1);else if(t.key===`ArrowUp`)t.preventDefault(),G(-1);else if(t.key===`Enter`||t.key===` `){t.preventDefault();let n=e[I];n&&U(n)}else t.key===`Escape`&&(t.preventDefault(),F(!1),R.current?.querySelector(`button`)?.focus())};(0,o.useEffect)(()=>{P&&I>=0&&(z.current?.querySelectorAll(`[role="option"]`)?.[I])?.scrollIntoView({block:`nearest`})},[I,P]);let q=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`))}return t.length===0?null:(0,c.jsx)(`span`,{className:a.default.metaRow,children:t})};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`,className:a.default.trigger,"aria-haspopup":`listbox`,"aria-expanded":P,"aria-controls":V,"aria-label":O,disabled:h,onClick:()=>{if(h)return;F(e=>!e);let t=e.findIndex(e=>e.id===M);L(t>=0?t:0)},onKeyDown:W,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`,tabIndex:-1,className:a.default.dropdown,onKeyDown:K,"aria-activedescendant":I>=0?`${B}-opt-${I}`:void 0,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,r&&a.default.selected,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}),q(e)]})]},e.id)})})})]})});d.displayName=`ModelSelector`,exports.ModelSelector=d;