wimui 0.51.2 → 0.52.0

package/dist/components/ai/ChatUI/ChatUI.js

@@ -1,110 +1,111 @@
 "use client";
 import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
-import t from "../../../icon/paperclip.js";
-import n from "../../../icon/send.js";
-import { Icon as r } from "../../media/Icon/Icon.js";
-import { useAutoResize as i } from "../../../hooks/useAutoResize.js";
-import a from "./chat-ui.module.js";
-import o, { forwardRef as s } from "react";
-import c from "classnames";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { commonNs as t } from "../../../i18n/generated/common.js";
+import n from "../../../icon/paperclip.js";
+import r from "../../../icon/send.js";
+import { Icon as i } from "../../media/Icon/Icon.js";
+import { useAutoResize as a } from "../../../hooks/useAutoResize.js";
+import o from "./chat-ui.module.js";
+import s, { forwardRef as c } from "react";
+import l from "classnames";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/ai/ChatUI/ChatUI.tsx
-var f = ({ children: e, className: t, ...n }) => /* @__PURE__ */ u("div", {
-	className: c("wim-chat-ui", a.container, t),
+var p = ({ children: e, className: t, ...n }) => /* @__PURE__ */ d("div", {
+	className: l("wim-chat-ui", o.container, t),
 	...n,
 	children: e
-}), p = s(({ children: e, className: t, ...n }, r) => /* @__PURE__ */ u("div", {
+}), m = c(({ children: e, className: t, ...n }, r) => /* @__PURE__ */ d("div", {
 	ref: r,
-	className: c(a.messageList, t),
+	className: l(o.messageList, t),
 	...n,
 	children: e
 }));
-p.displayName = "ChatMessageList";
-var m = ({ children: e, position: t = "left", variant: n = "default", showAvatar: r = !0, avatar: i, timestamp: o, senderName: s, isTyping: f = !1, actions: p, actionsVisible: m = !0, className: h, ...g }) => /* @__PURE__ */ d("div", {
-	className: c(a.message, a[t], a[n], { [a.hasAvatar]: r }, h),
+m.displayName = "ChatMessageList";
+var h = ({ children: e, position: t = "left", variant: n = "default", showAvatar: r = !0, avatar: i, timestamp: a, senderName: s, isTyping: c = !1, actions: p, actionsVisible: m = !0, className: h, ...g }) => /* @__PURE__ */ f("div", {
+	className: l(o.message, o[t], o[n], { [o.hasAvatar]: r }, h),
 	...g,
 	children: [
-		r && t === "left" && /* @__PURE__ */ u("div", {
-			className: a.messageAvatar,
+		r && t === "left" && /* @__PURE__ */ d("div", {
+			className: o.messageAvatar,
 			children: i
 		}),
-		/* @__PURE__ */ d("div", {
-			className: a.contentWrapper,
+		/* @__PURE__ */ f("div", {
+			className: o.contentWrapper,
 			children: [
-				s && /* @__PURE__ */ u("div", {
-					className: a.sender,
+				s && /* @__PURE__ */ d("div", {
+					className: o.sender,
 					children: s
 				}),
-				/* @__PURE__ */ u("div", {
-					className: c(a.bubble, { [a.typing]: f }),
-					children: f ? /* @__PURE__ */ d(l, { children: [
-						/* @__PURE__ */ u("span", { className: a.typingDot }),
-						/* @__PURE__ */ u("span", { className: a.typingDot }),
-						/* @__PURE__ */ u("span", { className: a.typingDot })
+				/* @__PURE__ */ d("div", {
+					className: l(o.bubble, { [o.typing]: c }),
+					children: c ? /* @__PURE__ */ f(u, { children: [
+						/* @__PURE__ */ d("span", { className: o.typingDot }),
+						/* @__PURE__ */ d("span", { className: o.typingDot }),
+						/* @__PURE__ */ d("span", { className: o.typingDot })
 					] }) : e
 				}),
-				p && /* @__PURE__ */ u("div", {
-					className: c(a.actions, { [a.hoverOnly]: !m }),
+				p && /* @__PURE__ */ d("div", {
+					className: l(o.actions, { [o.hoverOnly]: !m }),
 					children: p
 				}),
-				o && /* @__PURE__ */ u("div", {
-					className: a.timestamp,
-					children: o
+				a && /* @__PURE__ */ d("div", {
+					className: o.timestamp,
+					children: a
 				})
 			]
 		}),
-		r && t === "right" && /* @__PURE__ */ u("div", {
-			className: a.messageAvatar,
+		r && t === "right" && /* @__PURE__ */ d("div", {
+			className: o.messageAvatar,
 			children: i
 		})
 	]
-}), h = ({ children: e, className: t, ...n }) => /* @__PURE__ */ u("div", {
-	className: c(a.inputArea, t),
+}), g = ({ children: e, className: t, ...n }) => /* @__PURE__ */ d("div", {
+	className: l(o.inputArea, t),
 	...n,
 	children: e
-}), g = s(({ onSend: s, onAttach: c, sendButtonLabel: l, sendButtonIcon: f = n, showSendButton: p = !0, showAttach: m = !1, maxRows: g = 8, className: _, ...v }, y) => {
-	let { t: b } = e("common"), [x, S] = o.useState(""), C = v.value !== void 0, w = C ? v.value : x, T = i(w, g);
-	o.useImperativeHandle(y, () => T.current);
-	let E = !!l, D = () => {
-		s && (s(w), C || S(""));
+}), _ = c(({ onSend: c, onAttach: l, sendButtonLabel: u, sendButtonIcon: p = r, showSendButton: m = !0, showAttach: h = !1, maxRows: _ = 8, className: v, ...y }, b) => {
+	let { t: x } = e(t), [S, C] = s.useState(""), w = y.value !== void 0, T = w ? y.value : S, E = a(T, _);
+	s.useImperativeHandle(b, () => E.current);
+	let D = !!u, O = () => {
+		c && (c(T), w || C(""));
 	};
-	return /* @__PURE__ */ u(h, {
-		className: _,
-		children: /* @__PURE__ */ d("div", {
-			className: a.fieldContainer,
+	return /* @__PURE__ */ d(g, {
+		className: v,
+		children: /* @__PURE__ */ f("div", {
+			className: o.fieldContainer,
 			children: [
-				m && /* @__PURE__ */ u("button", {
+				h && /* @__PURE__ */ d("button", {
 					type: "button",
-					className: a.attachButton,
-					onClick: c,
-					"aria-label": b("a11y.attach_file"),
-					children: /* @__PURE__ */ u(r, {
-						component: t,
+					className: o.attachButton,
+					onClick: l,
+					"aria-label": x("a11y.attach_file"),
+					children: /* @__PURE__ */ d(i, {
+						component: n,
 						size: "sm"
 					})
 				}),
-				/* @__PURE__ */ u("textarea", {
-					ref: T,
-					className: a.field,
-					value: w,
+				/* @__PURE__ */ d("textarea", {
+					ref: E,
+					className: o.field,
+					value: T,
 					onChange: (e) => {
-						C || S(e.target.value), v.onChange?.(e);
+						w || C(e.target.value), y.onChange?.(e);
 					},
 					onKeyDown: (e) => {
-						e.key === "Enter" && !e.shiftKey && (e.preventDefault(), D());
+						e.key === "Enter" && !e.shiftKey && (e.preventDefault(), O());
 					},
-					placeholder: v.placeholder || "Type a message...",
+					placeholder: y.placeholder || "Type a message...",
 					rows: 1,
-					...v
+					...y
 				}),
-				p && /* @__PURE__ */ u("button", {
-					className: a.sendButton,
-					onClick: D,
-					disabled: !w.trim(),
+				m && /* @__PURE__ */ d("button", {
+					className: o.sendButton,
+					onClick: O,
+					disabled: !T.trim(),
 					type: "button",
-					"aria-label": l || b("chat.send"),
-					children: E ? l : /* @__PURE__ */ u(r, {
-						component: f,
+					"aria-label": u || x("chat.send"),
+					children: D ? u : /* @__PURE__ */ d(i, {
+						component: p,
 						size: "sm"
 					})
 				})
@@ -112,22 +113,22 @@ var m = ({ children: e, position: t = "left", variant: n = "default", showAvatar
 		})
 	});
 });
-g.displayName = "ChatInput";
-var _ = ({ src: t, alt: n, fallback: r, size: i = "md", tone: s = "s18", className: l, ...d }) => {
-	let [f, p] = o.useState(!1), { t: m } = e("common"), h = n || m("chat.user_avatar");
-	return /* @__PURE__ */ u("div", {
-		className: c(a.avatar, a[i], a[s], l),
-		...d,
-		children: t && !f ? /* @__PURE__ */ u("img", {
-			src: t,
-			alt: h,
-			className: a.image,
-			onError: () => p(!0)
-		}) : /* @__PURE__ */ u("div", {
-			className: a.fallback,
-			children: r || h.charAt(0).toUpperCase()
+_.displayName = "ChatInput";
+var v = ({ src: n, alt: r, fallback: i, size: a = "md", tone: c = "s18", className: u, ...f }) => {
+	let [p, m] = s.useState(!1), { t: h } = e(t), g = r || h("chat.user_avatar");
+	return /* @__PURE__ */ d("div", {
+		className: l(o.avatar, o[a], o[c], u),
+		...f,
+		children: n && !p ? /* @__PURE__ */ d("img", {
+			src: n,
+			alt: g,
+			className: o.image,
+			onError: () => m(!0)
+		}) : /* @__PURE__ */ d("div", {
+			className: o.fallback,
+			children: i || g.charAt(0).toUpperCase()
 		})
 	});
 };
 //#endregion
-export { _ as ChatAvatar, f as ChatContainer, g as ChatInput, h as ChatInputArea, m as ChatMessage, p as ChatMessageList };
+export { v as ChatAvatar, p as ChatContainer, _ as ChatInput, g as ChatInputArea, h as ChatMessage, m as ChatMessageList };

package/dist/components/ai/CodeBlock/CodeBlock.cjs

@@ -1,4 +1,4 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/check.cjs"),r=require("../../../icon/chevron-down.cjs"),i=require("../../../icon/copy.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("./code-block.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=s.default.forwardRef(({code:e,language:u,filename:d,showCopy:f=!0,showLineNumbers:p=!1,maxLines:m,className:h,...g},_)=>{let{t:v}=t.useWimTranslation(`form`),[y,b]=s.default.useState(!1),[x,S]=s.default.useState(!1),C=(0,s.useId)(),w=e.split(`
-`).length,T=m!=null&&w>m,E=(0,s.useCallback)(async()=>{try{await navigator.clipboard.writeText(e),b(!0),setTimeout(()=>b(!1),2e3)}catch{}},[e]),D=d??u;return(0,l.jsxs)(`div`,{ref:_,className:(0,c.default)(`wim-code-block`,o.default.root,h),...g,children:[(D||f)&&(0,l.jsxs)(`div`,{className:o.default.header,children:[D&&(0,l.jsx)(`span`,{className:o.default.lang,children:D}),(0,l.jsxs)(`div`,{className:o.default.headerActions,children:[T&&(0,l.jsx)(`button`,{type:`button`,className:o.default.iconButton,onClick:()=>S(e=>!e),"aria-expanded":x,"aria-controls":C,"aria-label":v(x?`code_block.collapse_label`:`code_block.expand_label`),children:(0,l.jsx)(a.Icon,{component:r.default,size:`sm`,className:(0,c.default)(o.default.chevron,x&&o.default.chevronUp)})}),f&&(0,l.jsx)(`button`,{type:`button`,className:(0,c.default)(o.default.iconButton,y&&o.default.copied),onClick:E,"aria-label":v(y?`code_block.copied_label`:`code_block.copy_label`),children:(0,l.jsx)(a.Icon,{component:y?n.default:i.default,size:`sm`})})]})]}),(0,l.jsx)(`div`,{id:C,className:(0,c.default)(o.default.body,T&&!x&&o.default.collapsed),tabIndex:0,style:T&&!x?{"--_max-lines":m}:void 0,children:(0,l.jsx)(`pre`,{className:o.default.pre,children:p?(0,l.jsx)(`code`,{className:o.default.code,children:e.split(`
-`).map((e,t)=>(0,l.jsxs)(`span`,{className:o.default.line,children:[(0,l.jsx)(`span`,{className:o.default.lineNumber,"aria-hidden":`true`,children:t+1}),(0,l.jsx)(`span`,{className:o.default.lineContent,children:e})]},t))}):(0,l.jsx)(`code`,{className:o.default.code,children:e})})})]})});u.displayName=`CodeBlock`,exports.CodeBlock=u;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/check.cjs"),r=require("../../../icon/chevron-down.cjs"),i=require("../../../icon/copy.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("../../../i18n/generated/form.cjs"),s=require("./code-block.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=c.default.forwardRef(({code:e,language:d,filename:f,showCopy:p=!0,showLineNumbers:m=!1,maxLines:h,className:g,..._},v)=>{let{t:y}=t.useWimTranslation(o.formNs),[b,x]=c.default.useState(!1),[S,C]=c.default.useState(!1),w=(0,c.useId)(),T=e.split(`
+`).length,E=h!=null&&T>h,D=(0,c.useCallback)(async()=>{try{await navigator.clipboard.writeText(e),x(!0),setTimeout(()=>x(!1),2e3)}catch{}},[e]),O=f??d;return(0,u.jsxs)(`div`,{ref:v,className:(0,l.default)(`wim-code-block`,s.default.root,g),..._,children:[(O||p)&&(0,u.jsxs)(`div`,{className:s.default.header,children:[O&&(0,u.jsx)(`span`,{className:s.default.lang,children:O}),(0,u.jsxs)(`div`,{className:s.default.headerActions,children:[E&&(0,u.jsx)(`button`,{type:`button`,className:s.default.iconButton,onClick:()=>C(e=>!e),"aria-expanded":S,"aria-controls":w,"aria-label":y(S?`code_block.collapse_label`:`code_block.expand_label`),children:(0,u.jsx)(a.Icon,{component:r.default,size:`sm`,className:(0,l.default)(s.default.chevron,S&&s.default.chevronUp)})}),p&&(0,u.jsx)(`button`,{type:`button`,className:(0,l.default)(s.default.iconButton,b&&s.default.copied),onClick:D,"aria-label":y(b?`code_block.copied_label`:`code_block.copy_label`),children:(0,u.jsx)(a.Icon,{component:b?n.default:i.default,size:`sm`})})]})]}),(0,u.jsx)(`div`,{id:w,className:(0,l.default)(s.default.body,E&&!S&&s.default.collapsed),tabIndex:0,style:E&&!S?{"--_max-lines":h}:void 0,children:(0,u.jsx)(`pre`,{className:s.default.pre,children:m?(0,u.jsx)(`code`,{className:s.default.code,children:e.split(`
+`).map((e,t)=>(0,u.jsxs)(`span`,{className:s.default.line,children:[(0,u.jsx)(`span`,{className:s.default.lineNumber,"aria-hidden":`true`,children:t+1}),(0,u.jsx)(`span`,{className:s.default.lineContent,children:e})]},t))}):(0,u.jsx)(`code`,{className:s.default.code,children:e})})})]})});d.displayName=`CodeBlock`,exports.CodeBlock=d;

package/dist/components/ai/CodeBlock/CodeBlock.js

@@ -4,79 +4,80 @@ import t from "../../../icon/check.js";
 import n from "../../../icon/chevron-down.js";
 import r from "../../../icon/copy.js";
 import { Icon as i } from "../../media/Icon/Icon.js";
-import a from "./code-block.module.js";
-import o, { useCallback as s, useId as c } from "react";
-import l from "classnames";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { formNs as a } from "../../../i18n/generated/form.js";
+import o from "./code-block.module.js";
+import s, { useCallback as c, useId as l } from "react";
+import u from "classnames";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/ai/CodeBlock/CodeBlock.tsx
-var f = o.forwardRef(({ code: f, language: p, filename: m, showCopy: h = !0, showLineNumbers: g = !1, maxLines: _, className: v, ...y }, b) => {
-	let { t: x } = e("form"), [S, C] = o.useState(!1), [w, T] = o.useState(!1), E = c(), D = f.split("\n").length, O = _ != null && D > _, k = s(async () => {
+var p = s.forwardRef(({ code: p, language: m, filename: h, showCopy: g = !0, showLineNumbers: _ = !1, maxLines: v, className: y, ...b }, x) => {
+	let { t: S } = e(a), [C, w] = s.useState(!1), [T, E] = s.useState(!1), D = l(), O = p.split("\n").length, k = v != null && O > v, A = c(async () => {
 		try {
-			await navigator.clipboard.writeText(f), C(!0), setTimeout(() => C(!1), 2e3);
+			await navigator.clipboard.writeText(p), w(!0), setTimeout(() => w(!1), 2e3);
 		} catch {}
-	}, [f]), A = m ?? p;
-	return /* @__PURE__ */ d("div", {
-		ref: b,
-		className: l("wim-code-block", a.root, v),
-		...y,
-		children: [(A || h) && /* @__PURE__ */ d("div", {
-			className: a.header,
-			children: [A && /* @__PURE__ */ u("span", {
-				className: a.lang,
-				children: A
-			}), /* @__PURE__ */ d("div", {
-				className: a.headerActions,
-				children: [O && /* @__PURE__ */ u("button", {
+	}, [p]), j = h ?? m;
+	return /* @__PURE__ */ f("div", {
+		ref: x,
+		className: u("wim-code-block", o.root, y),
+		...b,
+		children: [(j || g) && /* @__PURE__ */ f("div", {
+			className: o.header,
+			children: [j && /* @__PURE__ */ d("span", {
+				className: o.lang,
+				children: j
+			}), /* @__PURE__ */ f("div", {
+				className: o.headerActions,
+				children: [k && /* @__PURE__ */ d("button", {
 					type: "button",
-					className: a.iconButton,
-					onClick: () => T((e) => !e),
-					"aria-expanded": w,
-					"aria-controls": E,
-					"aria-label": x(w ? "code_block.collapse_label" : "code_block.expand_label"),
-					children: /* @__PURE__ */ u(i, {
+					className: o.iconButton,
+					onClick: () => E((e) => !e),
+					"aria-expanded": T,
+					"aria-controls": D,
+					"aria-label": S(T ? "code_block.collapse_label" : "code_block.expand_label"),
+					children: /* @__PURE__ */ d(i, {
 						component: n,
 						size: "sm",
-						className: l(a.chevron, w && a.chevronUp)
+						className: u(o.chevron, T && o.chevronUp)
 					})
-				}), h && /* @__PURE__ */ u("button", {
+				}), g && /* @__PURE__ */ d("button", {
 					type: "button",
-					className: l(a.iconButton, S && a.copied),
-					onClick: k,
-					"aria-label": x(S ? "code_block.copied_label" : "code_block.copy_label"),
-					children: /* @__PURE__ */ u(i, {
-						component: S ? t : r,
+					className: u(o.iconButton, C && o.copied),
+					onClick: A,
+					"aria-label": S(C ? "code_block.copied_label" : "code_block.copy_label"),
+					children: /* @__PURE__ */ d(i, {
+						component: C ? t : r,
 						size: "sm"
 					})
 				})]
 			})]
-		}), /* @__PURE__ */ u("div", {
-			id: E,
-			className: l(a.body, O && !w && a.collapsed),
+		}), /* @__PURE__ */ d("div", {
+			id: D,
+			className: u(o.body, k && !T && o.collapsed),
 			tabIndex: 0,
-			style: O && !w ? { "--_max-lines": _ } : void 0,
-			children: /* @__PURE__ */ u("pre", {
-				className: a.pre,
-				children: g ? /* @__PURE__ */ u("code", {
-					className: a.code,
-					children: f.split("\n").map((e, t) => /* @__PURE__ */ d("span", {
-						className: a.line,
-						children: [/* @__PURE__ */ u("span", {
-							className: a.lineNumber,
+			style: k && !T ? { "--_max-lines": v } : void 0,
+			children: /* @__PURE__ */ d("pre", {
+				className: o.pre,
+				children: _ ? /* @__PURE__ */ d("code", {
+					className: o.code,
+					children: p.split("\n").map((e, t) => /* @__PURE__ */ f("span", {
+						className: o.line,
+						children: [/* @__PURE__ */ d("span", {
+							className: o.lineNumber,
 							"aria-hidden": "true",
 							children: t + 1
-						}), /* @__PURE__ */ u("span", {
-							className: a.lineContent,
+						}), /* @__PURE__ */ d("span", {
+							className: o.lineContent,
 							children: e
 						})]
 					}, t))
-				}) : /* @__PURE__ */ u("code", {
-					className: a.code,
-					children: f
+				}) : /* @__PURE__ */ d("code", {
+					className: o.code,
+					children: p
 				})
 			})
 		})]
 	});
 });
-f.displayName = "CodeBlock";
+p.displayName = "CodeBlock";
 //#endregion
-export { f as CodeBlock };
+export { p as CodeBlock };

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

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