@wakastellar/ui 4.0.0 → 4.0.1

package/dist/components/editor/blocks/waka-api-endpoint-block.cjs.js

@@ -0,0 +1,11 @@
+"use client";"use client";const e=require(`../../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../../utils/cn.cjs.js`);let n=require(`react`);n=e.__toESM(n);let r=require(`react/jsx-runtime`);var i=`api_endpoint`,a={GET:{bg:`bg-emerald-100 dark:bg-emerald-500/15`,text:`text-emerald-700 dark:text-emerald-400`,border:`border-emerald-300 dark:border-emerald-600/40`},POST:{bg:`bg-blue-100 dark:bg-blue-500/15`,text:`text-blue-700 dark:text-blue-400`,border:`border-blue-300 dark:border-blue-600/40`},PUT:{bg:`bg-amber-100 dark:bg-amber-500/15`,text:`text-amber-700 dark:text-amber-400`,border:`border-amber-300 dark:border-amber-600/40`},PATCH:{bg:`bg-orange-100 dark:bg-orange-500/15`,text:`text-orange-700 dark:text-orange-400`,border:`border-orange-300 dark:border-orange-600/40`},DELETE:{bg:`bg-red-100 dark:bg-red-500/15`,text:`text-red-700 dark:text-red-400`,border:`border-red-300 dark:border-red-600/40`},HEAD:{bg:`bg-gray-100 dark:bg-gray-500/15`,text:`text-gray-700 dark:text-gray-400`,border:`border-gray-300 dark:border-gray-600/40`},OPTIONS:{bg:`bg-purple-100 dark:bg-purple-500/15`,text:`text-purple-700 dark:text-purple-400`,border:`border-purple-300 dark:border-purple-600/40`}};function o({method:e}){let n=a[e]||a.GET;return(0,r.jsx)(`span`,{className:t.cn(`inline-flex items-center px-2 py-0.5 rounded text-[11px] font-bold font-mono tracking-wide border`,n.bg,n.text,n.border),children:e})}function s({status:e}){return(0,r.jsx)(`span`,{className:t.cn(`text-[11px] font-mono font-bold px-1.5 py-0.5 rounded`,e<300?`text-emerald-700 dark:text-emerald-400 bg-emerald-50 dark:bg-emerald-500/10`:e<400?`text-blue-700 dark:text-blue-400 bg-blue-50 dark:bg-blue-500/10`:e<500?`text-amber-700 dark:text-amber-400 bg-amber-50 dark:bg-amber-500/10`:`text-red-700 dark:text-red-400 bg-red-50 dark:bg-red-500/10`),children:e})}function c({code:e,label:i}){let[a,o]=n.useState(!1),s=e.split(`
+`).length>6;return(0,r.jsxs)(`div`,{className:`mt-2`,children:[(0,r.jsxs)(`div`,{className:`flex items-center justify-between mb-1`,children:[(0,r.jsx)(`span`,{className:`text-[10px] font-semibold uppercase tracking-wider text-muted-foreground`,children:i}),s&&(0,r.jsx)(`button`,{type:`button`,onClick:()=>o(!a),className:`text-[10px] text-primary hover:underline`,children:a?`Collapse`:`Expand`})]}),(0,r.jsxs)(`pre`,{className:t.cn(`text-[12px] font-mono leading-relaxed p-3 rounded-md overflow-x-auto`,`bg-gray-950 dark:bg-gray-900 text-gray-100`,`border border-gray-800/50`,!a&&s&&`max-h-[150px] overflow-hidden relative`),children:[!a&&s&&(0,r.jsx)(`div`,{className:`absolute bottom-0 left-0 right-0 h-10 bg-gradient-to-t from-gray-950 dark:from-gray-900 to-transparent`}),(0,r.jsx)(`code`,{children:e})]})]})}function l({attributes:e,children:i,element:l,className:u}){let d=l,f=d?.method||`GET`,p=d?.route||`/api/v1/resource`,m=a[f]||a.GET,[h,g]=n.useState(d?.params&&d.params.length>0?`params`:d?.requestBody?`body`:`responses`);return(0,r.jsxs)(`div`,{...e,contentEditable:!1,className:t.cn(`my-4 rounded-lg overflow-hidden`,`border`,m.border,`shadow-sm`,u),children:[(0,r.jsxs)(`div`,{className:t.cn(`flex items-center gap-3 px-4 py-3`,m.bg),children:[(0,r.jsx)(o,{method:f}),(0,r.jsx)(`code`,{className:t.cn(`text-sm font-mono font-semibold`,m.text),children:p})]}),(0,r.jsxs)(`div`,{className:`px-4 py-3 border-b border-border/50 bg-card/50`,children:[d?.description&&(0,r.jsx)(`p`,{className:`text-sm text-foreground mb-2`,children:d.description}),(0,r.jsxs)(`div`,{className:`flex flex-wrap gap-3 text-[11px]`,children:[d?.auth&&(0,r.jsxs)(`div`,{className:`flex items-center gap-1 text-muted-foreground`,children:[(0,r.jsx)(`svg`,{className:`h-3 w-3`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,children:(0,r.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z`})}),(0,r.jsx)(`span`,{className:`font-medium`,children:d.auth})]}),d?.permissions&&d.permissions.length>0&&(0,r.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,r.jsx)(`svg`,{className:`h-3 w-3 text-muted-foreground`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,children:(0,r.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z`})}),d.permissions.map((e,t)=>(0,r.jsx)(`span`,{className:`px-1.5 py-0.5 rounded bg-muted text-muted-foreground font-mono text-[10px]`,children:e},t))]}),d?.rateLimit&&(0,r.jsxs)(`div`,{className:`flex items-center gap-1 text-muted-foreground`,children:[(0,r.jsx)(`svg`,{className:`h-3 w-3`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,children:(0,r.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z`})}),(0,r.jsx)(`span`,{className:`font-medium`,children:d.rateLimit})]})]})]}),(0,r.jsx)(`div`,{className:`flex border-b border-border/50`,children:[{id:`params`,label:`Parameters`,count:d?.params?.length},{id:`body`,label:`Request Body`,show:!!d?.requestBody},{id:`responses`,label:`Responses`,count:d?.responses?.length}].filter(e=>e.show!==!1&&(e.count===void 0||e.count>0)).map(e=>(0,r.jsxs)(`button`,{type:`button`,onClick:()=>g(e.id),className:t.cn(`px-4 py-2 text-xs font-medium transition-colors relative`,h===e.id?`text-foreground`:`text-muted-foreground hover:text-foreground`),children:[e.label,e.count!==void 0&&(0,r.jsxs)(`span`,{className:`ml-1 text-[10px] text-muted-foreground`,children:[`(`,e.count,`)`]}),h===e.id&&(0,r.jsx)(`div`,{className:t.cn(`absolute bottom-0 left-0 right-0 h-0.5`,m.bg.replace(`bg-`,`bg-`).replace(`/15`,``)),style:{backgroundColor:f===`GET`?`#10b981`:f===`POST`?`#3b82f6`:f===`PUT`?`#f59e0b`:f===`DELETE`?`#ef4444`:`#6b7280`}})]},e.id))}),(0,r.jsxs)(`div`,{className:`px-4 py-3`,children:[h===`params`&&d?.params&&d.params.length>0&&(0,r.jsx)(`div`,{className:`overflow-x-auto`,children:(0,r.jsxs)(`table`,{className:`w-full text-xs`,children:[(0,r.jsx)(`thead`,{children:(0,r.jsxs)(`tr`,{className:`border-b border-border`,children:[(0,r.jsx)(`th`,{className:`text-left font-semibold text-muted-foreground py-1.5 pr-4`,children:`Name`}),(0,r.jsx)(`th`,{className:`text-left font-semibold text-muted-foreground py-1.5 pr-4`,children:`Type`}),(0,r.jsx)(`th`,{className:`text-left font-semibold text-muted-foreground py-1.5 pr-4`,children:`Required`}),(0,r.jsx)(`th`,{className:`text-left font-semibold text-muted-foreground py-1.5`,children:`Description`})]})}),(0,r.jsx)(`tbody`,{children:d.params.map((e,t)=>(0,r.jsxs)(`tr`,{className:`border-b border-border/30`,children:[(0,r.jsx)(`td`,{className:`py-1.5 pr-4 font-mono font-medium text-foreground`,children:e.name}),(0,r.jsx)(`td`,{className:`py-1.5 pr-4 font-mono text-muted-foreground`,children:e.type}),(0,r.jsx)(`td`,{className:`py-1.5 pr-4`,children:e.required?(0,r.jsx)(`span`,{className:`text-red-600 dark:text-red-400 font-semibold`,children:`required`}):(0,r.jsx)(`span`,{className:`text-muted-foreground`,children:`optional`})}),(0,r.jsx)(`td`,{className:`py-1.5 text-muted-foreground`,children:e.description})]},t))})]})}),h===`body`&&d?.requestBody&&(0,r.jsx)(c,{code:d.requestBody,label:`Request Body`}),h===`responses`&&d?.responses&&(0,r.jsx)(`div`,{className:`space-y-3`,children:d.responses.map((e,t)=>(0,r.jsxs)(`div`,{children:[(0,r.jsxs)(`div`,{className:`flex items-center gap-2 mb-1`,children:[(0,r.jsx)(s,{status:e.status}),(0,r.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:e.description})]}),e.body&&(0,r.jsx)(c,{code:e.body,label:`Response ${e.status}`})]},t))})]}),(0,r.jsx)(`div`,{className:`hidden`,children:i})]})}l.displayName=`WakaApiEndpointBlock`;function u(e){return[{type:i,method:e?.method||`GET`,route:e?.route||`/api/v1/resource/:id`,description:e?.description||`Retrieves a resource by its unique identifier.`,auth:e?.auth||`Bearer JWT`,permissions:e?.permissions||[`ROLE_USER`],rateLimit:e?.rateLimit||`100 req/min`,params:e?.params||[{name:`id`,type:`UUID`,required:!0,description:`Resource unique identifier`}],requestBody:e?.requestBody,responses:e?.responses||[{status:200,description:`Success`,body:`{
+  "data": {
+    "id": "uuid",
+    "name": "Example",
+    "createdAt": "2026-04-14T00:00:00Z"
+  }
+}`},{status:404,description:`Resource not found`,body:`{
+  "error": "NOT_FOUND",
+  "message": "Resource not found"
+}`}],children:[{text:``}]}]}async function d(){try{let{createPlatePlugin:e}=await import(`platejs/react`);return e({key:i,node:{isElement:!0,isVoid:!0,type:i,component:l}})}catch{return console.warn(`[WakaApiEndpointBlock] platejs not installed`),null}}exports.API_ENDPOINT_BLOCK_TYPE=i,exports.WakaApiEndpointBlock=l,exports.createApiEndpointNodes=u,exports.createApiEndpointPlugin=d;

package/dist/components/editor/blocks/waka-api-endpoint-block.es.js

@@ -0,0 +1,324 @@
+"use client";
+"use client";
+import { cn as e } from "../../../utils/cn.es.js";
+import * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/editor/blocks/waka-api-endpoint-block.tsx
+var i = "api_endpoint", a = {
+	GET: {
+		bg: "bg-emerald-100 dark:bg-emerald-500/15",
+		text: "text-emerald-700 dark:text-emerald-400",
+		border: "border-emerald-300 dark:border-emerald-600/40"
+	},
+	POST: {
+		bg: "bg-blue-100 dark:bg-blue-500/15",
+		text: "text-blue-700 dark:text-blue-400",
+		border: "border-blue-300 dark:border-blue-600/40"
+	},
+	PUT: {
+		bg: "bg-amber-100 dark:bg-amber-500/15",
+		text: "text-amber-700 dark:text-amber-400",
+		border: "border-amber-300 dark:border-amber-600/40"
+	},
+	PATCH: {
+		bg: "bg-orange-100 dark:bg-orange-500/15",
+		text: "text-orange-700 dark:text-orange-400",
+		border: "border-orange-300 dark:border-orange-600/40"
+	},
+	DELETE: {
+		bg: "bg-red-100 dark:bg-red-500/15",
+		text: "text-red-700 dark:text-red-400",
+		border: "border-red-300 dark:border-red-600/40"
+	},
+	HEAD: {
+		bg: "bg-gray-100 dark:bg-gray-500/15",
+		text: "text-gray-700 dark:text-gray-400",
+		border: "border-gray-300 dark:border-gray-600/40"
+	},
+	OPTIONS: {
+		bg: "bg-purple-100 dark:bg-purple-500/15",
+		text: "text-purple-700 dark:text-purple-400",
+		border: "border-purple-300 dark:border-purple-600/40"
+	}
+};
+function o({ method: t }) {
+	let r = a[t] || a.GET;
+	return /* @__PURE__ */ n("span", {
+		className: e("inline-flex items-center px-2 py-0.5 rounded text-[11px] font-bold font-mono tracking-wide border", r.bg, r.text, r.border),
+		children: t
+	});
+}
+function s({ status: t }) {
+	return /* @__PURE__ */ n("span", {
+		className: e("text-[11px] font-mono font-bold px-1.5 py-0.5 rounded", t < 300 ? "text-emerald-700 dark:text-emerald-400 bg-emerald-50 dark:bg-emerald-500/10" : t < 400 ? "text-blue-700 dark:text-blue-400 bg-blue-50 dark:bg-blue-500/10" : t < 500 ? "text-amber-700 dark:text-amber-400 bg-amber-50 dark:bg-amber-500/10" : "text-red-700 dark:text-red-400 bg-red-50 dark:bg-red-500/10"),
+		children: t
+	});
+}
+function c({ code: i, label: a }) {
+	let [o, s] = t.useState(!1), c = i.split("\n").length > 6;
+	return /* @__PURE__ */ r("div", {
+		className: "mt-2",
+		children: [/* @__PURE__ */ r("div", {
+			className: "flex items-center justify-between mb-1",
+			children: [/* @__PURE__ */ n("span", {
+				className: "text-[10px] font-semibold uppercase tracking-wider text-muted-foreground",
+				children: a
+			}), c && /* @__PURE__ */ n("button", {
+				type: "button",
+				onClick: () => s(!o),
+				className: "text-[10px] text-primary hover:underline",
+				children: o ? "Collapse" : "Expand"
+			})]
+		}), /* @__PURE__ */ r("pre", {
+			className: e("text-[12px] font-mono leading-relaxed p-3 rounded-md overflow-x-auto", "bg-gray-950 dark:bg-gray-900 text-gray-100", "border border-gray-800/50", !o && c && "max-h-[150px] overflow-hidden relative"),
+			children: [!o && c && /* @__PURE__ */ n("div", { className: "absolute bottom-0 left-0 right-0 h-10 bg-gradient-to-t from-gray-950 dark:from-gray-900 to-transparent" }), /* @__PURE__ */ n("code", { children: i })]
+		})]
+	});
+}
+function l({ attributes: i, children: l, element: u, className: d }) {
+	let f = u, p = f?.method || "GET", m = f?.route || "/api/v1/resource", h = a[p] || a.GET, [g, _] = t.useState(f?.params && f.params.length > 0 ? "params" : f?.requestBody ? "body" : "responses");
+	return /* @__PURE__ */ r("div", {
+		...i,
+		contentEditable: !1,
+		className: e("my-4 rounded-lg overflow-hidden", "border", h.border, "shadow-sm", d),
+		children: [
+			/* @__PURE__ */ r("div", {
+				className: e("flex items-center gap-3 px-4 py-3", h.bg),
+				children: [/* @__PURE__ */ n(o, { method: p }), /* @__PURE__ */ n("code", {
+					className: e("text-sm font-mono font-semibold", h.text),
+					children: m
+				})]
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "px-4 py-3 border-b border-border/50 bg-card/50",
+				children: [f?.description && /* @__PURE__ */ n("p", {
+					className: "text-sm text-foreground mb-2",
+					children: f.description
+				}), /* @__PURE__ */ r("div", {
+					className: "flex flex-wrap gap-3 text-[11px]",
+					children: [
+						f?.auth && /* @__PURE__ */ r("div", {
+							className: "flex items-center gap-1 text-muted-foreground",
+							children: [/* @__PURE__ */ n("svg", {
+								className: "h-3 w-3",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: 2,
+								children: /* @__PURE__ */ n("path", {
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									d: "M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"
+								})
+							}), /* @__PURE__ */ n("span", {
+								className: "font-medium",
+								children: f.auth
+							})]
+						}),
+						f?.permissions && f.permissions.length > 0 && /* @__PURE__ */ r("div", {
+							className: "flex items-center gap-1",
+							children: [/* @__PURE__ */ n("svg", {
+								className: "h-3 w-3 text-muted-foreground",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: 2,
+								children: /* @__PURE__ */ n("path", {
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									d: "M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"
+								})
+							}), f.permissions.map((e, t) => /* @__PURE__ */ n("span", {
+								className: "px-1.5 py-0.5 rounded bg-muted text-muted-foreground font-mono text-[10px]",
+								children: e
+							}, t))]
+						}),
+						f?.rateLimit && /* @__PURE__ */ r("div", {
+							className: "flex items-center gap-1 text-muted-foreground",
+							children: [/* @__PURE__ */ n("svg", {
+								className: "h-3 w-3",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: 2,
+								children: /* @__PURE__ */ n("path", {
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
+								})
+							}), /* @__PURE__ */ n("span", {
+								className: "font-medium",
+								children: f.rateLimit
+							})]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "flex border-b border-border/50",
+				children: [
+					{
+						id: "params",
+						label: "Parameters",
+						count: f?.params?.length
+					},
+					{
+						id: "body",
+						label: "Request Body",
+						show: !!f?.requestBody
+					},
+					{
+						id: "responses",
+						label: "Responses",
+						count: f?.responses?.length
+					}
+				].filter((e) => e.show !== !1 && (e.count === void 0 || e.count > 0)).map((t) => /* @__PURE__ */ r("button", {
+					type: "button",
+					onClick: () => _(t.id),
+					className: e("px-4 py-2 text-xs font-medium transition-colors relative", g === t.id ? "text-foreground" : "text-muted-foreground hover:text-foreground"),
+					children: [
+						t.label,
+						t.count !== void 0 && /* @__PURE__ */ r("span", {
+							className: "ml-1 text-[10px] text-muted-foreground",
+							children: [
+								"(",
+								t.count,
+								")"
+							]
+						}),
+						g === t.id && /* @__PURE__ */ n("div", {
+							className: e("absolute bottom-0 left-0 right-0 h-0.5", h.bg.replace("bg-", "bg-").replace("/15", "")),
+							style: { backgroundColor: p === "GET" ? "#10b981" : p === "POST" ? "#3b82f6" : p === "PUT" ? "#f59e0b" : p === "DELETE" ? "#ef4444" : "#6b7280" }
+						})
+					]
+				}, t.id))
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "px-4 py-3",
+				children: [
+					g === "params" && f?.params && f.params.length > 0 && /* @__PURE__ */ n("div", {
+						className: "overflow-x-auto",
+						children: /* @__PURE__ */ r("table", {
+							className: "w-full text-xs",
+							children: [/* @__PURE__ */ n("thead", { children: /* @__PURE__ */ r("tr", {
+								className: "border-b border-border",
+								children: [
+									/* @__PURE__ */ n("th", {
+										className: "text-left font-semibold text-muted-foreground py-1.5 pr-4",
+										children: "Name"
+									}),
+									/* @__PURE__ */ n("th", {
+										className: "text-left font-semibold text-muted-foreground py-1.5 pr-4",
+										children: "Type"
+									}),
+									/* @__PURE__ */ n("th", {
+										className: "text-left font-semibold text-muted-foreground py-1.5 pr-4",
+										children: "Required"
+									}),
+									/* @__PURE__ */ n("th", {
+										className: "text-left font-semibold text-muted-foreground py-1.5",
+										children: "Description"
+									})
+								]
+							}) }), /* @__PURE__ */ n("tbody", { children: f.params.map((e, t) => /* @__PURE__ */ r("tr", {
+								className: "border-b border-border/30",
+								children: [
+									/* @__PURE__ */ n("td", {
+										className: "py-1.5 pr-4 font-mono font-medium text-foreground",
+										children: e.name
+									}),
+									/* @__PURE__ */ n("td", {
+										className: "py-1.5 pr-4 font-mono text-muted-foreground",
+										children: e.type
+									}),
+									/* @__PURE__ */ n("td", {
+										className: "py-1.5 pr-4",
+										children: e.required ? /* @__PURE__ */ n("span", {
+											className: "text-red-600 dark:text-red-400 font-semibold",
+											children: "required"
+										}) : /* @__PURE__ */ n("span", {
+											className: "text-muted-foreground",
+											children: "optional"
+										})
+									}),
+									/* @__PURE__ */ n("td", {
+										className: "py-1.5 text-muted-foreground",
+										children: e.description
+									})
+								]
+							}, t)) })]
+						})
+					}),
+					g === "body" && f?.requestBody && /* @__PURE__ */ n(c, {
+						code: f.requestBody,
+						label: "Request Body"
+					}),
+					g === "responses" && f?.responses && /* @__PURE__ */ n("div", {
+						className: "space-y-3",
+						children: f.responses.map((e, t) => /* @__PURE__ */ r("div", { children: [/* @__PURE__ */ r("div", {
+							className: "flex items-center gap-2 mb-1",
+							children: [/* @__PURE__ */ n(s, { status: e.status }), /* @__PURE__ */ n("span", {
+								className: "text-xs text-muted-foreground",
+								children: e.description
+							})]
+						}), e.body && /* @__PURE__ */ n(c, {
+							code: e.body,
+							label: `Response ${e.status}`
+						})] }, t))
+					})
+				]
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "hidden",
+				children: l
+			})
+		]
+	});
+}
+l.displayName = "WakaApiEndpointBlock";
+function u(e) {
+	return [{
+		type: i,
+		method: e?.method || "GET",
+		route: e?.route || "/api/v1/resource/:id",
+		description: e?.description || "Retrieves a resource by its unique identifier.",
+		auth: e?.auth || "Bearer JWT",
+		permissions: e?.permissions || ["ROLE_USER"],
+		rateLimit: e?.rateLimit || "100 req/min",
+		params: e?.params || [{
+			name: "id",
+			type: "UUID",
+			required: !0,
+			description: "Resource unique identifier"
+		}],
+		requestBody: e?.requestBody,
+		responses: e?.responses || [{
+			status: 200,
+			description: "Success",
+			body: "{\n  \"data\": {\n    \"id\": \"uuid\",\n    \"name\": \"Example\",\n    \"createdAt\": \"2026-04-14T00:00:00Z\"\n  }\n}"
+		}, {
+			status: 404,
+			description: "Resource not found",
+			body: "{\n  \"error\": \"NOT_FOUND\",\n  \"message\": \"Resource not found\"\n}"
+		}],
+		children: [{ text: "" }]
+	}];
+}
+async function d() {
+	try {
+		let { createPlatePlugin: e } = await import("platejs/react");
+		return e({
+			key: i,
+			node: {
+				isElement: !0,
+				isVoid: !0,
+				type: i,
+				component: l
+			}
+		});
+	} catch {
+		return console.warn("[WakaApiEndpointBlock] platejs not installed"), null;
+	}
+}
+//#endregion
+export { i as API_ENDPOINT_BLOCK_TYPE, l as WakaApiEndpointBlock, u as createApiEndpointNodes, d as createApiEndpointPlugin };

package/dist/components/editor/blocks/waka-code-playground-block.cjs.js

@@ -0,0 +1,3 @@
+"use client";"use client";const e=require(`../../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../../utils/cn.cjs.js`);let n=require(`react`);n=e.__toESM(n);let r=require(`react/jsx-runtime`);var i=`code_playground`,a={javascript:{label:`JavaScript`,color:`text-yellow-500`,extension:`.js`},typescript:{label:`TypeScript`,color:`text-blue-500`,extension:`.ts`},python:{label:`Python`,color:`text-green-500`,extension:`.py`},html:{label:`HTML`,color:`text-orange-500`,extension:`.html`},css:{label:`CSS`,color:`text-pink-500`,extension:`.css`},json:{label:`JSON`,color:`text-gray-400`,extension:`.json`},sql:{label:`SQL`,color:`text-cyan-500`,extension:`.sql`},bash:{label:`Bash`,color:`text-emerald-500`,extension:`.sh`},go:{label:`Go`,color:`text-cyan-600`,extension:`.go`},rust:{label:`Rust`,color:`text-orange-600`,extension:`.rs`}};function o(e){return e.split(`
+`).map((e,t)=>(0,r.jsxs)(`div`,{className:`table-row`,children:[(0,r.jsx)(`span`,{className:`table-cell w-8 text-right pr-3 text-muted-foreground/40 select-none text-[11px]`,children:t+1}),(0,r.jsx)(`span`,{className:`table-cell`,children:e||` `})]},t))}function s({attributes:e,children:i,element:s,className:c,onExecute:l}){let u=s,d=u?.code||``,f=u?.language||`javascript`,p=a[f],m=u?.output||``,h=u?.errorOutput||``,g=u?.executionStatus||`idle`,_=u?.title||`main${p.extension}`,[v,y]=n.useState(!!m||!!h),[b,x]=n.useState(g),S=n.useCallback(async()=>{if(l){x(`running`),y(!0);try{await l(d,f),x(`success`)}catch{x(`error`)}}},[d,f,l]),C=b===g?g:b;return(0,r.jsxs)(`div`,{...e,contentEditable:!1,className:t.cn(`my-4 rounded-lg overflow-hidden border border-gray-800 dark:border-gray-700 shadow-lg`,c),children:[(0,r.jsxs)(`div`,{className:`flex items-center justify-between px-3 py-1.5 bg-gray-900 dark:bg-gray-800 border-b border-gray-800 dark:border-gray-700`,children:[(0,r.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,r.jsxs)(`div`,{className:`flex items-center gap-1.5`,"aria-hidden":`true`,children:[(0,r.jsx)(`div`,{className:`h-3 w-3 rounded-full bg-red-500/80`}),(0,r.jsx)(`div`,{className:`h-3 w-3 rounded-full bg-yellow-500/80`}),(0,r.jsx)(`div`,{className:`h-3 w-3 rounded-full bg-green-500/80`})]}),(0,r.jsxs)(`div`,{className:`flex items-center gap-1.5 px-2 py-0.5 rounded bg-gray-800 dark:bg-gray-700`,children:[(0,r.jsx)(`span`,{className:t.cn(`text-[10px] font-bold`,p.color),children:p.label}),(0,r.jsx)(`span`,{className:`text-xs font-mono text-gray-300`,children:_})]})]}),(0,r.jsxs)(`div`,{className:`flex items-center gap-2`,children:[C!==`idle`&&(0,r.jsxs)(`div`,{className:`flex items-center gap-1`,children:[C===`running`&&(0,r.jsxs)(`svg`,{className:`h-3 w-3 animate-spin text-amber-400`,viewBox:`0 0 24 24`,fill:`none`,children:[(0,r.jsx)(`circle`,{className:`opacity-25`,cx:`12`,cy:`12`,r:`10`,stroke:`currentColor`,strokeWidth:`4`}),(0,r.jsx)(`path`,{className:`opacity-75`,fill:`currentColor`,d:`M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z`})]}),C===`success`&&(0,r.jsx)(`svg`,{className:`h-3 w-3 text-emerald-400`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,children:(0,r.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M5 13l4 4L19 7`})}),C===`error`&&(0,r.jsx)(`svg`,{className:`h-3 w-3 text-red-400`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,children:(0,r.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M6 18L18 6M6 6l12 12`})})]}),l&&(0,r.jsxs)(`button`,{type:`button`,onClick:S,disabled:C===`running`||!d.trim(),className:t.cn(`flex items-center gap-1 px-2.5 py-1 rounded text-[10px] font-semibold transition-all`,C===`running`?`bg-amber-500/20 text-amber-300 cursor-wait`:`bg-emerald-500/20 text-emerald-300 hover:bg-emerald-500/30`,!d.trim()&&`opacity-40 cursor-not-allowed`),"aria-label":`Run code`,children:[(0,r.jsx)(`svg`,{className:`h-3 w-3`,viewBox:`0 0 24 24`,fill:`currentColor`,children:(0,r.jsx)(`path`,{d:`M8 5v14l11-7z`})}),C===`running`?`Running...`:`Run`]}),(0,r.jsx)(`button`,{type:`button`,onClick:()=>y(!v),className:t.cn(`px-2 py-1 rounded text-[10px] font-medium transition-colors`,v?`bg-gray-700 text-gray-200`:`text-gray-400 hover:text-gray-200`),children:`Console`})]})]}),(0,r.jsx)(`div`,{className:`bg-gray-950 dark:bg-[#0d1117] overflow-x-auto`,children:(0,r.jsx)(`pre`,{className:`p-4 text-[12px] font-mono leading-relaxed text-gray-100 min-h-[80px]`,children:(0,r.jsx)(`code`,{className:`table w-full`,children:o(d)})})}),v&&(m||h||C===`running`)&&(0,r.jsxs)(`div`,{className:`border-t border-gray-800 dark:border-gray-700`,children:[(0,r.jsxs)(`div`,{className:`flex items-center justify-between px-3 py-1 bg-gray-900 dark:bg-gray-800`,children:[(0,r.jsx)(`span`,{className:`text-[10px] font-semibold uppercase tracking-wider text-gray-400`,children:`Output`}),(m||h)&&(0,r.jsx)(`button`,{type:`button`,className:`text-[10px] text-gray-500 hover:text-gray-300 transition-colors`,"aria-label":`Clear output`,children:`Clear`})]}),(0,r.jsx)(`div`,{className:`bg-gray-950 dark:bg-[#0d1117] p-3 max-h-[200px] overflow-y-auto`,children:C===`running`?(0,r.jsxs)(`div`,{className:`flex items-center gap-2 text-amber-400 text-xs font-mono`,children:[(0,r.jsxs)(`svg`,{className:`h-3 w-3 animate-spin`,viewBox:`0 0 24 24`,fill:`none`,children:[(0,r.jsx)(`circle`,{className:`opacity-25`,cx:`12`,cy:`12`,r:`10`,stroke:`currentColor`,strokeWidth:`4`}),(0,r.jsx)(`path`,{className:`opacity-75`,fill:`currentColor`,d:`M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z`})]}),`Executing...`]}):h?(0,r.jsx)(`pre`,{className:`text-[12px] font-mono text-red-400 whitespace-pre-wrap`,children:h}):m?(0,r.jsx)(`pre`,{className:`text-[12px] font-mono text-gray-200 whitespace-pre-wrap`,children:m}):null})]}),(0,r.jsx)(`div`,{className:`hidden`,children:i})]})}s.displayName=`WakaCodePlaygroundBlock`;function c(e){return[{type:i,code:e?.code||`// Write your code here
+console.log("Hello, WakaStart!");`,language:e?.language||`javascript`,title:e?.title,output:``,errorOutput:``,executionStatus:`idle`,showLineNumbers:!0,readOnly:!1,children:[{text:``}]}]}async function l(e){try{let{createPlatePlugin:t}=await import(`platejs/react`);return t({key:i,node:{isElement:!0,isVoid:!0,type:i,component:t=>(0,r.jsx)(s,{...t,onExecute:e})}})}catch{return console.warn(`[WakaCodePlaygroundBlock] platejs not installed`),null}}exports.CODE_PLAYGROUND_BLOCK_TYPE=i,exports.WakaCodePlaygroundBlock=s,exports.createCodePlaygroundNodes=c,exports.createCodePlaygroundPlugin=l;

package/dist/components/editor/blocks/waka-code-playground-block.es.js

@@ -0,0 +1,279 @@
+"use client";
+"use client";
+import { cn as e } from "../../../utils/cn.es.js";
+import * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/editor/blocks/waka-code-playground-block.tsx
+var i = "code_playground", a = {
+	javascript: {
+		label: "JavaScript",
+		color: "text-yellow-500",
+		extension: ".js"
+	},
+	typescript: {
+		label: "TypeScript",
+		color: "text-blue-500",
+		extension: ".ts"
+	},
+	python: {
+		label: "Python",
+		color: "text-green-500",
+		extension: ".py"
+	},
+	html: {
+		label: "HTML",
+		color: "text-orange-500",
+		extension: ".html"
+	},
+	css: {
+		label: "CSS",
+		color: "text-pink-500",
+		extension: ".css"
+	},
+	json: {
+		label: "JSON",
+		color: "text-gray-400",
+		extension: ".json"
+	},
+	sql: {
+		label: "SQL",
+		color: "text-cyan-500",
+		extension: ".sql"
+	},
+	bash: {
+		label: "Bash",
+		color: "text-emerald-500",
+		extension: ".sh"
+	},
+	go: {
+		label: "Go",
+		color: "text-cyan-600",
+		extension: ".go"
+	},
+	rust: {
+		label: "Rust",
+		color: "text-orange-600",
+		extension: ".rs"
+	}
+};
+function o(e) {
+	return e.split("\n").map((e, t) => /* @__PURE__ */ r("div", {
+		className: "table-row",
+		children: [/* @__PURE__ */ n("span", {
+			className: "table-cell w-8 text-right pr-3 text-muted-foreground/40 select-none text-[11px]",
+			children: t + 1
+		}), /* @__PURE__ */ n("span", {
+			className: "table-cell",
+			children: e || " "
+		})]
+	}, t));
+}
+function s({ attributes: i, children: s, element: c, className: l, onExecute: u }) {
+	let d = c, f = d?.code || "", p = d?.language || "javascript", m = a[p], h = d?.output || "", g = d?.errorOutput || "", _ = d?.executionStatus || "idle", v = d?.title || `main${m.extension}`, [y, b] = t.useState(!!h || !!g), [x, S] = t.useState(_), C = t.useCallback(async () => {
+		if (u) {
+			S("running"), b(!0);
+			try {
+				await u(f, p), S("success");
+			} catch {
+				S("error");
+			}
+		}
+	}, [
+		f,
+		p,
+		u
+	]), w = x === _ ? _ : x;
+	return /* @__PURE__ */ r("div", {
+		...i,
+		contentEditable: !1,
+		className: e("my-4 rounded-lg overflow-hidden border border-gray-800 dark:border-gray-700 shadow-lg", l),
+		children: [
+			/* @__PURE__ */ r("div", {
+				className: "flex items-center justify-between px-3 py-1.5 bg-gray-900 dark:bg-gray-800 border-b border-gray-800 dark:border-gray-700",
+				children: [/* @__PURE__ */ r("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ r("div", {
+						className: "flex items-center gap-1.5",
+						"aria-hidden": "true",
+						children: [
+							/* @__PURE__ */ n("div", { className: "h-3 w-3 rounded-full bg-red-500/80" }),
+							/* @__PURE__ */ n("div", { className: "h-3 w-3 rounded-full bg-yellow-500/80" }),
+							/* @__PURE__ */ n("div", { className: "h-3 w-3 rounded-full bg-green-500/80" })
+						]
+					}), /* @__PURE__ */ r("div", {
+						className: "flex items-center gap-1.5 px-2 py-0.5 rounded bg-gray-800 dark:bg-gray-700",
+						children: [/* @__PURE__ */ n("span", {
+							className: e("text-[10px] font-bold", m.color),
+							children: m.label
+						}), /* @__PURE__ */ n("span", {
+							className: "text-xs font-mono text-gray-300",
+							children: v
+						})]
+					})]
+				}), /* @__PURE__ */ r("div", {
+					className: "flex items-center gap-2",
+					children: [
+						w !== "idle" && /* @__PURE__ */ r("div", {
+							className: "flex items-center gap-1",
+							children: [
+								w === "running" && /* @__PURE__ */ r("svg", {
+									className: "h-3 w-3 animate-spin text-amber-400",
+									viewBox: "0 0 24 24",
+									fill: "none",
+									children: [/* @__PURE__ */ n("circle", {
+										className: "opacity-25",
+										cx: "12",
+										cy: "12",
+										r: "10",
+										stroke: "currentColor",
+										strokeWidth: "4"
+									}), /* @__PURE__ */ n("path", {
+										className: "opacity-75",
+										fill: "currentColor",
+										d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
+									})]
+								}),
+								w === "success" && /* @__PURE__ */ n("svg", {
+									className: "h-3 w-3 text-emerald-400",
+									viewBox: "0 0 24 24",
+									fill: "none",
+									stroke: "currentColor",
+									strokeWidth: 2,
+									children: /* @__PURE__ */ n("path", {
+										strokeLinecap: "round",
+										strokeLinejoin: "round",
+										d: "M5 13l4 4L19 7"
+									})
+								}),
+								w === "error" && /* @__PURE__ */ n("svg", {
+									className: "h-3 w-3 text-red-400",
+									viewBox: "0 0 24 24",
+									fill: "none",
+									stroke: "currentColor",
+									strokeWidth: 2,
+									children: /* @__PURE__ */ n("path", {
+										strokeLinecap: "round",
+										strokeLinejoin: "round",
+										d: "M6 18L18 6M6 6l12 12"
+									})
+								})
+							]
+						}),
+						u && /* @__PURE__ */ r("button", {
+							type: "button",
+							onClick: C,
+							disabled: w === "running" || !f.trim(),
+							className: e("flex items-center gap-1 px-2.5 py-1 rounded text-[10px] font-semibold transition-all", w === "running" ? "bg-amber-500/20 text-amber-300 cursor-wait" : "bg-emerald-500/20 text-emerald-300 hover:bg-emerald-500/30", !f.trim() && "opacity-40 cursor-not-allowed"),
+							"aria-label": "Run code",
+							children: [/* @__PURE__ */ n("svg", {
+								className: "h-3 w-3",
+								viewBox: "0 0 24 24",
+								fill: "currentColor",
+								children: /* @__PURE__ */ n("path", { d: "M8 5v14l11-7z" })
+							}), w === "running" ? "Running..." : "Run"]
+						}),
+						/* @__PURE__ */ n("button", {
+							type: "button",
+							onClick: () => b(!y),
+							className: e("px-2 py-1 rounded text-[10px] font-medium transition-colors", y ? "bg-gray-700 text-gray-200" : "text-gray-400 hover:text-gray-200"),
+							children: "Console"
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "bg-gray-950 dark:bg-[#0d1117] overflow-x-auto",
+				children: /* @__PURE__ */ n("pre", {
+					className: "p-4 text-[12px] font-mono leading-relaxed text-gray-100 min-h-[80px]",
+					children: /* @__PURE__ */ n("code", {
+						className: "table w-full",
+						children: o(f)
+					})
+				})
+			}),
+			y && (h || g || w === "running") && /* @__PURE__ */ r("div", {
+				className: "border-t border-gray-800 dark:border-gray-700",
+				children: [/* @__PURE__ */ r("div", {
+					className: "flex items-center justify-between px-3 py-1 bg-gray-900 dark:bg-gray-800",
+					children: [/* @__PURE__ */ n("span", {
+						className: "text-[10px] font-semibold uppercase tracking-wider text-gray-400",
+						children: "Output"
+					}), (h || g) && /* @__PURE__ */ n("button", {
+						type: "button",
+						className: "text-[10px] text-gray-500 hover:text-gray-300 transition-colors",
+						"aria-label": "Clear output",
+						children: "Clear"
+					})]
+				}), /* @__PURE__ */ n("div", {
+					className: "bg-gray-950 dark:bg-[#0d1117] p-3 max-h-[200px] overflow-y-auto",
+					children: w === "running" ? /* @__PURE__ */ r("div", {
+						className: "flex items-center gap-2 text-amber-400 text-xs font-mono",
+						children: [/* @__PURE__ */ r("svg", {
+							className: "h-3 w-3 animate-spin",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							children: [/* @__PURE__ */ n("circle", {
+								className: "opacity-25",
+								cx: "12",
+								cy: "12",
+								r: "10",
+								stroke: "currentColor",
+								strokeWidth: "4"
+							}), /* @__PURE__ */ n("path", {
+								className: "opacity-75",
+								fill: "currentColor",
+								d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
+							})]
+						}), "Executing..."]
+					}) : g ? /* @__PURE__ */ n("pre", {
+						className: "text-[12px] font-mono text-red-400 whitespace-pre-wrap",
+						children: g
+					}) : h ? /* @__PURE__ */ n("pre", {
+						className: "text-[12px] font-mono text-gray-200 whitespace-pre-wrap",
+						children: h
+					}) : null
+				})]
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "hidden",
+				children: s
+			})
+		]
+	});
+}
+s.displayName = "WakaCodePlaygroundBlock";
+function c(e) {
+	return [{
+		type: i,
+		code: e?.code || "// Write your code here\nconsole.log(\"Hello, WakaStart!\");",
+		language: e?.language || "javascript",
+		title: e?.title,
+		output: "",
+		errorOutput: "",
+		executionStatus: "idle",
+		showLineNumbers: !0,
+		readOnly: !1,
+		children: [{ text: "" }]
+	}];
+}
+async function l(e) {
+	try {
+		let { createPlatePlugin: t } = await import("platejs/react");
+		return t({
+			key: i,
+			node: {
+				isElement: !0,
+				isVoid: !0,
+				type: i,
+				component: (t) => /* @__PURE__ */ n(s, {
+					...t,
+					onExecute: e
+				})
+			}
+		});
+	} catch {
+		return console.warn("[WakaCodePlaygroundBlock] platejs not installed"), null;
+	}
+}
+//#endregion
+export { i as CODE_PLAYGROUND_BLOCK_TYPE, s as WakaCodePlaygroundBlock, c as createCodePlaygroundNodes, l as createCodePlaygroundPlugin };

package/dist/components/editor/blocks/waka-comment-thread-block.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require(`../../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../../utils/cn.cjs.js`);let n=require(`react`);n=e.__toESM(n);let r=require(`react/jsx-runtime`);var i=`comment_thread`;function a(e){let t=Date.now()-new Date(e).getTime(),n=Math.floor(t/1e3);if(n<60)return`just now`;let r=Math.floor(n/60);if(r<60)return`${r}m ago`;let i=Math.floor(r/60);if(i<24)return`${i}h ago`;let a=Math.floor(i/24);if(a<30)return`${a}d ago`;let o=Math.floor(a/30);return o<12?`${o}mo ago`:`${Math.floor(o/12)}y ago`}function o({author:e,size:n=`sm`}){let i=n===`sm`?`h-6 w-6 text-[9px]`:`h-8 w-8 text-[10px]`;return e.avatar?(0,r.jsx)(`img`,{src:e.avatar,alt:e.name,className:t.cn(`rounded-full object-cover flex-shrink-0`,i)}):(0,r.jsx)(`div`,{className:t.cn(`rounded-full flex items-center justify-center text-white font-semibold flex-shrink-0`,i,[`bg-blue-500`,`bg-emerald-500`,`bg-violet-500`,`bg-amber-500`,`bg-rose-500`,`bg-cyan-500`][e.name.split(``).reduce((e,t)=>e+t.charCodeAt(0),0)%6]),children:e.name.charAt(0).toUpperCase()})}function s({comment:e,isCurrentUser:n,isFirst:i}){return(0,r.jsxs)(`div`,{className:t.cn(`flex gap-2.5 px-3 py-2`,!i&&`border-t border-border/30`),children:[(0,r.jsx)(o,{author:e.author}),(0,r.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,r.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,r.jsx)(`span`,{className:t.cn(`text-xs font-semibold`,n?`text-primary`:`text-foreground`),children:e.author.name}),(0,r.jsx)(`span`,{className:`text-[10px] text-muted-foreground`,children:a(e.createdAt)}),e.edited&&(0,r.jsx)(`span`,{className:`text-[9px] text-muted-foreground/60 italic`,children:`(edited)`})]}),(0,r.jsx)(`p`,{className:`text-xs text-foreground/80 mt-0.5 leading-relaxed whitespace-pre-wrap`,children:e.content}),e.reactions&&e.reactions.length>0&&(0,r.jsx)(`div`,{className:`flex flex-wrap gap-1 mt-1.5`,children:e.reactions.map((e,n)=>(0,r.jsxs)(`button`,{type:`button`,className:t.cn(`inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded-full text-[10px] border transition-colors`,e.reacted?`bg-primary/10 border-primary/30 text-primary`:`bg-muted/50 border-border/50 text-muted-foreground hover:bg-muted`),children:[(0,r.jsx)(`span`,{children:e.emoji}),(0,r.jsx)(`span`,{className:`font-medium`,children:e.count})]},n))})]})]})}function c({attributes:e,children:i,element:a,className:o,currentUserId:c,onReply:l,onResolve:u,onReopen:d}){let f=a,p=f?.threadId||``,m=f?.quotedText||``,h=f?.status||`open`,g=f?.comments||[],_=f?.totalComments??g.length,[v,y]=n.useState(``),[b,x]=n.useState(h===`resolved`),S={open:{label:`Open`,color:`text-blue-600 dark:text-blue-400`,bg:`bg-blue-50 dark:bg-blue-500/10`},resolved:{label:`Resolved`,color:`text-emerald-600 dark:text-emerald-400`,bg:`bg-emerald-50 dark:bg-emerald-500/10`},archived:{label:`Archived`,color:`text-muted-foreground`,bg:`bg-muted`}},C=()=>{!v.trim()||!l||(l(p,v.trim()),y(``))};return(0,r.jsxs)(`div`,{...e,contentEditable:!1,className:t.cn(`my-3 rounded-lg overflow-hidden border shadow-sm transition-all duration-200`,h===`resolved`?`border-emerald-200 dark:border-emerald-800/30`:`border-primary/20`,o),children:[(0,r.jsxs)(`div`,{className:t.cn(`flex items-center justify-between px-3 py-2 cursor-pointer`,h===`resolved`?`bg-emerald-50/50 dark:bg-emerald-950/10`:`bg-primary/5`),onClick:()=>x(!b),role:`button`,tabIndex:0,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&x(!b)},"aria-expanded":!b,children:[(0,r.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,r.jsx)(`svg`,{className:t.cn(`h-4 w-4`,h===`resolved`?`text-emerald-500`:`text-primary`),viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,"aria-hidden":`true`,children:(0,r.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z`})}),(0,r.jsx)(`span`,{className:t.cn(`text-[10px] font-bold uppercase tracking-wider px-1.5 py-0.5 rounded`,S[h].bg,S[h].color),children:S[h].label}),(0,r.jsxs)(`span`,{className:`text-[10px] text-muted-foreground`,children:[_,` comment`,_===1?``:`s`]})]}),(0,r.jsxs)(`div`,{className:`flex items-center gap-2`,children:[h===`open`&&u&&(0,r.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),u(p)},className:`text-[10px] font-medium text-emerald-600 hover:text-emerald-700 dark:text-emerald-400 transition-colors`,children:`Resolve`}),h===`resolved`&&d&&(0,r.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),d(p)},className:`text-[10px] font-medium text-primary hover:text-primary/80 transition-colors`,children:`Reopen`}),(0,r.jsx)(`svg`,{className:t.cn(`h-3.5 w-3.5 text-muted-foreground transition-transform`,b&&`-rotate-90`),viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,children:(0,r.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M19 9l-7 7-7-7`})})]})]}),!b&&(0,r.jsxs)(r.Fragment,{children:[m&&(0,r.jsx)(`div`,{className:`mx-3 mt-3 mb-1 px-3 py-2 rounded bg-muted/50 border-l-2 border-primary/30`,children:(0,r.jsxs)(`p`,{className:`text-xs text-muted-foreground italic leading-relaxed line-clamp-3`,children:[`"`,m,`"`]})}),(0,r.jsx)(`div`,{className:`py-1`,children:g.map((e,t)=>(0,r.jsx)(s,{comment:e,isCurrentUser:e.author.id===c,isFirst:t===0},e.id))}),h===`open`&&l&&(0,r.jsx)(`div`,{className:`px-3 pb-3 pt-1 border-t border-border/30`,children:(0,r.jsxs)(`div`,{className:`flex gap-2`,children:[(0,r.jsx)(`input`,{type:`text`,value:v,onChange:e=>y(e.target.value),onKeyDown:e=>{e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),C())},placeholder:`Reply...`,className:t.cn(`flex-1 px-3 py-1.5 rounded-md text-xs bg-muted/50 border border-border/50`,`focus:outline-none focus:ring-1 focus:ring-ring`,`placeholder:text-muted-foreground/50`)}),(0,r.jsx)(`button`,{type:`button`,onClick:C,disabled:!v.trim(),className:t.cn(`px-3 py-1.5 rounded-md text-xs font-medium transition-colors`,`bg-primary text-primary-foreground hover:bg-primary/90`,`disabled:opacity-40 disabled:cursor-not-allowed`),children:`Reply`})]})})]}),(0,r.jsx)(`div`,{className:`hidden`,children:i})]})}c.displayName=`WakaCommentThreadBlock`;function l(e){let t=new Date().toISOString();return[{type:i,threadId:e?.threadId||`thread-${Date.now()}`,quotedText:e?.quotedText||``,status:`open`,comments:e?.initialComment?[{id:`comment-${Date.now()}`,author:{id:e.initialComment.authorId,name:e.initialComment.authorName},content:e.initialComment.content,createdAt:t}]:[],children:[{text:``}]}]}async function u(e,t,n){try{let{createPlatePlugin:a}=await import(`platejs/react`);return a({key:i,node:{isElement:!0,isVoid:!0,type:i,component:i=>(0,r.jsx)(c,{...i,currentUserId:e,onReply:t,onResolve:n})}})}catch{return console.warn(`[WakaCommentThreadBlock] platejs not installed`),null}}exports.COMMENT_THREAD_BLOCK_TYPE=i,exports.WakaCommentThreadBlock=c,exports.createCommentThreadNodes=l,exports.createCommentThreadPlugin=u;