@wakastellar/ui 4.0.0-dev.0 → 4.0.1

package/dist/components/editor/waka-slash-menu.es.js

@@ -0,0 +1,302 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { Code as n, Columns2 as r, Heading1 as i, Heading2 as a, Heading3 as o, Image as s, Link as c, List as l, ListOrdered as u, MessageSquarePlus as d, Minus as f, Quote as p, Sparkles as m, Table as h } from "lucide-react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/components/editor/waka-slash-menu.tsx
+function v(e, t) {
+	try {
+		t(e.tf);
+	} catch {}
+}
+function y(e, t) {
+	try {
+		t(e.chain);
+	} catch {}
+}
+var b = [
+	{
+		key: "h1",
+		label: "Titre 1",
+		description: "Titre principal de section",
+		icon: i,
+		group: "Blocs de base",
+		keywords: [
+			"heading",
+			"titre",
+			"h1"
+		],
+		action: (e) => v(e, (e) => e.h1.toggle())
+	},
+	{
+		key: "h2",
+		label: "Titre 2",
+		description: "Sous-titre de section",
+		icon: a,
+		group: "Blocs de base",
+		keywords: [
+			"heading",
+			"titre",
+			"h2"
+		],
+		action: (e) => v(e, (e) => e.h2.toggle())
+	},
+	{
+		key: "h3",
+		label: "Titre 3",
+		description: "Titre de sous-section",
+		icon: o,
+		group: "Blocs de base",
+		keywords: [
+			"heading",
+			"titre",
+			"h3"
+		],
+		action: (e) => v(e, (e) => e.h3.toggle())
+	},
+	{
+		key: "bulletList",
+		label: "Liste a puces",
+		description: "Liste non ordonnee",
+		icon: l,
+		group: "Blocs de base",
+		keywords: [
+			"bullet",
+			"list",
+			"unordered",
+			"puces"
+		],
+		action: (e) => y(e, (e) => e().focus().toggleBulletList().run())
+	},
+	{
+		key: "numberedList",
+		label: "Liste numerotee",
+		description: "Liste ordonnee",
+		icon: u,
+		group: "Blocs de base",
+		keywords: [
+			"numbered",
+			"list",
+			"ordered",
+			"numerotee"
+		],
+		action: (e) => y(e, (e) => e().focus().toggleOrderedList().run())
+	},
+	{
+		key: "blockquote",
+		label: "Citation",
+		description: "Bloc de citation",
+		icon: p,
+		group: "Blocs de base",
+		keywords: [
+			"quote",
+			"citation",
+			"blockquote"
+		],
+		action: (e) => v(e, (e) => e.blockquote.toggle())
+	},
+	{
+		key: "table",
+		label: "Tableau",
+		description: "Inserer un tableau 3x3",
+		icon: h,
+		group: "Blocs avances",
+		keywords: [
+			"table",
+			"tableau",
+			"grid"
+		],
+		action: (e) => v(e, (e) => e.table.insert({
+			rows: 3,
+			cols: 3
+		}))
+	},
+	{
+		key: "columns",
+		label: "Colonnes",
+		description: "Mise en page multi-colonnes",
+		icon: r,
+		group: "Blocs avances",
+		keywords: [
+			"column",
+			"colonne",
+			"layout",
+			"mise en page"
+		],
+		action: (e) => v(e, (e) => e.column.insert())
+	},
+	{
+		key: "callout",
+		label: "Callout",
+		description: "Encart d'information colore",
+		icon: d,
+		group: "Blocs avances",
+		keywords: [
+			"callout",
+			"alert",
+			"info",
+			"encart"
+		],
+		action: (e) => v(e, (e) => e.callout.insert())
+	},
+	{
+		key: "codeBlock",
+		label: "Bloc de code",
+		description: "Code source avec coloration",
+		icon: n,
+		group: "Blocs avances",
+		keywords: [
+			"code",
+			"pre",
+			"source"
+		],
+		action: (e) => y(e, (e) => e().focus().toggleCodeBlock().run())
+	},
+	{
+		key: "link",
+		label: "Lien",
+		description: "Inserer un lien hypertexte",
+		icon: c,
+		group: "Insertions",
+		keywords: [
+			"link",
+			"lien",
+			"url",
+			"href"
+		],
+		action: (e) => v(e, (e) => e.link.toggle())
+	},
+	{
+		key: "image",
+		label: "Image",
+		description: "Inserer une image",
+		icon: s,
+		group: "Insertions",
+		keywords: [
+			"image",
+			"photo",
+			"picture",
+			"img"
+		],
+		action: (e) => v(e, (e) => e.image.insert({ url: "" }))
+	},
+	{
+		key: "divider",
+		label: "Separateur",
+		description: "Ligne horizontale de separation",
+		icon: f,
+		group: "Insertions",
+		keywords: [
+			"divider",
+			"separator",
+			"hr",
+			"line"
+		],
+		action: (e) => y(e, (e) => e().focus().insertBreak().run())
+	},
+	{
+		key: "ai",
+		label: "Demander a l'IA",
+		description: "Generer du contenu avec l'assistant IA",
+		icon: m,
+		group: "IA",
+		keywords: [
+			"ai",
+			"ia",
+			"assistant",
+			"generate",
+			"generer"
+		],
+		action: () => {}
+	}
+];
+function x({ commands: n = b, className: r, onSelect: i }) {
+	let [a, o] = t.useState(""), [s, c] = t.useState(0), l = t.useRef(null), u = t.useMemo(() => {
+		if (!a) return n;
+		let e = a.toLowerCase();
+		return n.filter((t) => t.label.toLowerCase().includes(e) || t.key.toLowerCase().includes(e) || t.keywords?.some((t) => t.toLowerCase().includes(e)));
+	}, [n, a]), d = t.useMemo(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of u) {
+			let n = t.group || "Autre";
+			e.has(n) || e.set(n, []), e.get(n).push(t);
+		}
+		return e;
+	}, [u]), f = t.useMemo(() => u, [u]), p = t.useCallback((e) => {
+		e.key === "ArrowDown" ? (e.preventDefault(), c((e) => Math.min(e + 1, f.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), c((e) => Math.max(e - 1, 0))) : e.key === "Enter" && f[s] && (e.preventDefault(), i?.(f[s].key));
+	}, [
+		f,
+		s,
+		i
+	]);
+	return t.useEffect(() => c(0), [a]), /* @__PURE__ */ _("div", {
+		ref: l,
+		className: e("w-72 max-h-80 overflow-y-auto", "rounded-lg border bg-popover shadow-lg", "p-1", r),
+		role: "listbox",
+		onKeyDown: p,
+		children: [
+			/* @__PURE__ */ g("div", {
+				className: "px-2 pb-1.5",
+				children: /* @__PURE__ */ g("input", {
+					type: "text",
+					value: a,
+					onChange: (e) => o(e.target.value),
+					placeholder: "Rechercher...",
+					className: e("w-full rounded-md border bg-background px-2 py-1.5", "text-sm placeholder:text-muted-foreground", "focus:outline-none focus:ring-1 focus:ring-ring"),
+					autoFocus: !0
+				})
+			}),
+			f.length === 0 && /* @__PURE__ */ g("div", {
+				className: "px-2 py-4 text-center text-sm text-muted-foreground",
+				children: "Aucune commande trouvee"
+			}),
+			Array.from(d.entries()).map(([t, n]) => /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("div", {
+				className: "px-2 py-1 text-xs font-semibold text-muted-foreground uppercase tracking-wider",
+				children: t
+			}), n.map((t) => {
+				let n = f.indexOf(t), r = t.icon;
+				return /* @__PURE__ */ _("button", {
+					role: "option",
+					"aria-selected": n === s,
+					className: e("flex w-full items-center gap-3 rounded-md px-2 py-1.5 text-left", "text-sm transition-colors cursor-pointer", n === s ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"),
+					onMouseEnter: () => c(n),
+					onClick: () => i?.(t.key),
+					children: [/* @__PURE__ */ g("div", {
+						className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md border bg-background",
+						children: /* @__PURE__ */ g(r, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ _("div", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ g("div", {
+							className: "font-medium",
+							children: t.label
+						}), t.description && /* @__PURE__ */ g("div", {
+							className: "text-xs text-muted-foreground truncate",
+							children: t.description
+						})]
+					})]
+				}, t.key);
+			})] }, t))
+		]
+	});
+}
+x.displayName = "WakaSlashMenu";
+async function S(e = b) {
+	try {
+		let { SlashPlugin: t, SlashInputPlugin: n } = await import("@platejs/combobox/react");
+		return [t.configure({ options: {
+			trigger: "/",
+			triggerPreviousCharPattern: /^$|^[\s"']$/,
+			rules: e.map((e) => ({
+				key: e.key,
+				text: e.label,
+				keywords: e.keywords,
+				onSelect: e.action
+			}))
+		} }), n];
+	} catch {
+		return console.warn("[WakaSlashMenu] @platejs/combobox not installed, slash commands disabled"), [];
+	}
+}
+//#endregion
+export { b as DEFAULT_SLASH_COMMANDS, x as WakaSlashMenu, S as createSlashCommandPlugins };

package/dist/components/editor/waka-spec-editor.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`),n=require(`../label/index.cjs.js`);let r=require(`react`);r=e.__toESM(r);let i=require(`lucide-react`),a=require(`react/jsx-runtime`);var o=[{key:`user-story`,label:`User Story`,description:`En tant que [role], je veux [action] afin de [benefice]`,icon:i.Users,category:`Fonctionnel`,createNodes:()=>[{type:`callout`,variant:`info`,children:[{text:``}]},{type:`h3`,children:[{text:`User Story`}]},{type:`p`,children:[{text:`En tant que `,bold:!0},{text:`[role]`}]},{type:`p`,children:[{text:`Je veux `,bold:!0},{text:`[action]`}]},{type:`p`,children:[{text:`Afin de `,bold:!0},{text:`[benefice attendu]`}]},{type:`p`,children:[{text:``}]}]},{key:`acceptance-criteria`,label:`Criteres d'acceptation`,description:`Given/When/Then avec scenarios de validation`,icon:i.CheckCircle2,category:`Fonctionnel`,createNodes:()=>[{type:`h3`,children:[{text:`Criteres d'acceptation`}]},{type:`table`,children:[{type:`tr`,children:[{type:`th`,children:[{type:`p`,children:[{text:`#`,bold:!0}]}]},{type:`th`,children:[{type:`p`,children:[{text:`Scenario`,bold:!0}]}]},{type:`th`,children:[{type:`p`,children:[{text:`Given`,bold:!0}]}]},{type:`th`,children:[{type:`p`,children:[{text:`When`,bold:!0}]}]},{type:`th`,children:[{type:`p`,children:[{text:`Then`,bold:!0}]}]}]},{type:`tr`,children:[{type:`td`,children:[{type:`p`,children:[{text:`AC-01`}]}]},{type:`td`,children:[{type:`p`,children:[{text:`Nominal`}]}]},{type:`td`,children:[{type:`p`,children:[{text:`L'utilisateur est connecte`}]}]},{type:`td`,children:[{type:`p`,children:[{text:`Il clique sur le bouton`}]}]},{type:`td`,children:[{type:`p`,children:[{text:`Le resultat s'affiche`}]}]}]},{type:`tr`,children:[{type:`td`,children:[{type:`p`,children:[{text:`AC-02`}]}]},{type:`td`,children:[{type:`p`,children:[{text:`Erreur`}]}]},{type:`td`,children:[{type:`p`,children:[{text:`Le service est indisponible`}]}]},{type:`td`,children:[{type:`p`,children:[{text:`Il clique sur le bouton`}]}]},{type:`td`,children:[{type:`p`,children:[{text:`Un message d'erreur s'affiche`}]}]}]}]},{type:`p`,children:[{text:``}]}]},{key:`use-case`,label:`Cas d'utilisation`,description:`Acteur, pre-conditions, flux nominal, flux alternatifs`,icon:i.GitBranch,category:`Fonctionnel`,createNodes:()=>[{type:`h3`,children:[{text:`Cas d'utilisation : [Nom]`}]},{type:`column_group`,children:[{type:`column`,children:[{type:`h4`,children:[{text:`ACTEUR`}]},{type:`p`,children:[{text:`[Role utilisateur]`}]},{type:`h4`,children:[{text:`PRE-CONDITIONS`}]},{type:`p`,children:[{text:`- L'utilisateur est authentifie`}]},{type:`p`,children:[{text:`- [Autre condition]`}]},{type:`h4`,children:[{text:`POST-CONDITIONS`}]},{type:`p`,children:[{text:`- [Etat apres execution]`}]}]},{type:`column`,children:[{type:`h4`,children:[{text:`FLUX NOMINAL`}]},{type:`p`,children:[{text:`1. L'utilisateur accede a la page`}]},{type:`p`,children:[{text:`2. Le systeme affiche le formulaire`}]},{type:`p`,children:[{text:`3. L'utilisateur remplit et soumet`}]},{type:`p`,children:[{text:`4. Le systeme enregistre et confirme`}]},{type:`h4`,children:[{text:`FLUX ALTERNATIFS`}]},{type:`p`,children:[{text:`3a. Donnees invalides : erreur affichee`}]}]}]},{type:`p`,children:[{text:``}]}]},{key:`api-endpoint`,label:`Endpoint API`,description:`Specification d'un endpoint REST avec requete/reponse`,icon:i.Zap,category:`Technique`,createNodes:()=>[{type:`h3`,children:[{text:`API: [METHOD] /api/v1/[resource]`}]},{type:`table`,children:[{type:`tr`,children:[{type:`th`,children:[{type:`p`,children:[{text:`Propriete`,bold:!0}]}]},{type:`th`,children:[{type:`p`,children:[{text:`Valeur`,bold:!0}]}]}]},{type:`tr`,children:[{type:`td`,children:[{type:`p`,children:[{text:`Methode`}]}]},{type:`td`,children:[{type:`p`,children:[{text:`GET | POST | PUT | DELETE`}]}]}]},{type:`tr`,children:[{type:`td`,children:[{type:`p`,children:[{text:`Authentification`}]}]},{type:`td`,children:[{type:`p`,children:[{text:`Bearer JWT`}]}]}]},{type:`tr`,children:[{type:`td`,children:[{type:`p`,children:[{text:`Permissions`}]}]},{type:`td`,children:[{type:`p`,children:[{text:`[ROLE_REQUIRED]`}]}]}]},{type:`tr`,children:[{type:`td`,children:[{type:`p`,children:[{text:`Rate Limit`}]}]},{type:`td`,children:[{type:`p`,children:[{text:`100 req/min`}]}]}]}]},{type:`h4`,children:[{text:`CORPS DE LA REQUETE`}]},{type:`blockquote`,children:[{text:`{ "field": "value" }`}]},{type:`h4`,children:[{text:`REPONSE 200`}]},{type:`blockquote`,children:[{text:`{ "data": { ... }, "meta": { "total": 42 } }`}]},{type:`p`,children:[{text:``}]}]},{key:`data-model`,label:`Modele de donnees`,description:`Schema d'entite avec champs, types et contraintes`,icon:i.Database,category:`Technique`,createNodes:()=>[{type:`h3`,children:[{text:`Modele : [NomEntite]`}]},{type:`table`,children:[{type:`tr`,children:[{type:`th`,children:[{type:`p`,children:[{text:`Champ`,bold:!0}]}]},{type:`th`,children:[{type:`p`,children:[{text:`Type`,bold:!0}]}]},{type:`th`,children:[{type:`p`,children:[{text:`Nullable`,bold:!0}]}]},{type:`th`,children:[{type:`p`,children:[{text:`Description`,bold:!0}]}]}]},{type:`tr`,children:[{type:`td`,children:[{type:`p`,children:[{text:`id`}]}]},{type:`td`,children:[{type:`p`,children:[{text:`UUID`}]}]},{type:`td`,children:[{type:`p`,children:[{text:`Non`}]}]},{type:`td`,children:[{type:`p`,children:[{text:`Identifiant unique`}]}]}]},{type:`tr`,children:[{type:`td`,children:[{type:`p`,children:[{text:`createdAt`}]}]},{type:`td`,children:[{type:`p`,children:[{text:`DateTime`}]}]},{type:`td`,children:[{type:`p`,children:[{text:`Non`}]}]},{type:`td`,children:[{type:`p`,children:[{text:`Date de creation`}]}]}]}]},{type:`p`,children:[{text:``}]}]},{key:`security-requirements`,label:`Exigences de securite`,description:`Regles OWASP, chiffrement, acces, conformite`,icon:i.Shield,category:`Non-fonctionnel`,createNodes:()=>[{type:`h3`,children:[{text:`Exigences de securite`}]},{type:`callout`,variant:`warning`,children:[{text:`Section obligatoire pour les modules HDS et les donnees sensibles`}]},{type:`table`,children:[{type:`tr`,children:[{type:`th`,children:[{type:`p`,children:[{text:`Categorie`,bold:!0}]}]},{type:`th`,children:[{type:`p`,children:[{text:`Exigence`,bold:!0}]}]},{type:`th`,children:[{type:`p`,children:[{text:`Niveau`,bold:!0}]}]}]},{type:`tr`,children:[{type:`td`,children:[{type:`p`,children:[{text:`Authentification`}]}]},{type:`td`,children:[{type:`p`,children:[{text:`OAuth2 PKCE via Keycloak`}]}]},{type:`td`,children:[{type:`p`,children:[{text:`Obligatoire`}]}]}]},{type:`tr`,children:[{type:`td`,children:[{type:`p`,children:[{text:`Chiffrement`}]}]},{type:`td`,children:[{type:`p`,children:[{text:`AES-256-GCM au repos, TLS 1.3 en transit`}]}]},{type:`td`,children:[{type:`p`,children:[{text:`Obligatoire`}]}]}]},{type:`tr`,children:[{type:`td`,children:[{type:`p`,children:[{text:`Audit`}]}]},{type:`td`,children:[{type:`p`,children:[{text:`TracingInterceptor sur toutes les operations`}]}]},{type:`td`,children:[{type:`p`,children:[{text:`Obligatoire`}]}]}]}]},{type:`p`,children:[{text:``}]}]},{key:`risk-assessment`,label:`Risques et mitigations`,description:`Matrice de risques projet avec probabilite et impact`,icon:i.AlertTriangle,category:`Non-fonctionnel`,createNodes:()=>[{type:`h3`,children:[{text:`Analyse des risques`}]},{type:`table`,children:[{type:`tr`,children:[{type:`th`,children:[{type:`p`,children:[{text:`Risque`,bold:!0}]}]},{type:`th`,children:[{type:`p`,children:[{text:`Probabilite`,bold:!0}]}]},{type:`th`,children:[{type:`p`,children:[{text:`Impact`,bold:!0}]}]},{type:`th`,children:[{type:`p`,children:[{text:`Mitigation`,bold:!0}]}]}]},{type:`tr`,children:[{type:`td`,children:[{type:`p`,children:[{text:`[Description du risque]`}]}]},{type:`td`,children:[{type:`p`,children:[{text:`Moyen`}]}]},{type:`td`,children:[{type:`p`,children:[{text:`Haut`}]}]},{type:`td`,children:[{type:`p`,children:[{text:`[Plan de mitigation]`}]}]}]}]},{type:`p`,children:[{text:``}]}]},{key:`spec-header`,label:`En-tete de specification`,description:`Bloc d'en-tete avec version, auteur, statut, date`,icon:i.BookOpen,category:`Document`,createNodes:()=>[{type:`h1`,children:[{text:`[Titre de la specification]`}]},{type:`table`,children:[{type:`tr`,children:[{type:`td`,children:[{type:`p`,children:[{text:`Version`,bold:!0}]}]},{type:`td`,children:[{type:`p`,children:[{text:`1.0.0`}]}]},{type:`td`,children:[{type:`p`,children:[{text:`Statut`,bold:!0}]}]},{type:`td`,children:[{type:`p`,children:[{text:`Brouillon`}]}]}]},{type:`tr`,children:[{type:`td`,children:[{type:`p`,children:[{text:`Auteur`,bold:!0}]}]},{type:`td`,children:[{type:`p`,children:[{text:`[Nom]`}]}]},{type:`td`,children:[{type:`p`,children:[{text:`Date`,bold:!0}]}]},{type:`td`,children:[{type:`p`,children:[{text:new Date().toLocaleDateString(`fr-FR`)}]}]}]}]},{type:`h2`,children:[{text:`CONTEXTE`}]},{type:`p`,children:[{text:`[Description du contexte et des objectifs]`}]},{type:`h2`,children:[{text:`PERIMETRE`}]},{type:`p`,children:[{text:`[Ce qui est inclus et exclu du perimetre]`}]},{type:`p`,children:[{text:``}]}]}],s=r.forwardRef(({value:e,onChange:i,readOnly:s=!1,placeholder:l=`Commencez votre specification...`,className:u,editorClassName:d,minHeight:f=500,label:p,description:m,error:h,customTemplates:g=[],showTemplateSidebar:_=!0,enableAI:v=!1,aiEndpoint:y,title:b,onTitleChange:x,extraPlugins:S,editorRef:C},w)=>{let[T,E]=r.useState(null),[D,O]=r.useState(!1),k=r.useRef(null),A=C??k,j=r.useMemo(()=>[...o,...g],[g]),M=r.useMemo(()=>{let e=new Map;for(let t of j){let n=t.category||`Autre`;e.has(n)||e.set(n,[]),e.get(n).push(t)}return e},[j]);r.useEffect(()=>{let e=!1;return(async()=>{try{let[t,n,r,i,a,o,s]=await Promise.all([import(`platejs/react`),import(`@platejs/basic-nodes/react`),import(`@platejs/table/react`),import(`@platejs/layout/react`),import(`@platejs/callout/react`),import(`@platejs/link/react`),import(`@platejs/indent/react`)]),c=[n.BoldPlugin,n.ItalicPlugin,n.UnderlinePlugin,n.StrikethroughPlugin,n.CodePlugin,n.HighlightPlugin,n.SuperscriptPlugin,n.SubscriptPlugin,n.H1Plugin,n.H2Plugin,n.H3Plugin,n.H4Plugin,n.H5Plugin,n.H6Plugin,n.BlockquotePlugin,r.TablePlugin,r.TableRowPlugin,r.TableCellPlugin,r.TableCellHeaderPlugin,i.ColumnPlugin,i.ColumnItemPlugin,a.CalloutPlugin,o.LinkPlugin.configure({options:{allowedSchemes:[`http`,`https`,`mailto`,`tel`]}}),s.IndentPlugin];try{let{TocPlugin:e}=await import(`@platejs/toc/react`);c.push(e)}catch{}try{let{BlockSelectionPlugin:e}=await import(`@platejs/selection/react`);c.push(e)}catch{}try{let{MarkdownPlugin:e}=await import(`@platejs/markdown`);c.push(e)}catch{}if(v&&y)try{let{AIPlugin:e,AIChatPlugin:t}=await import(`@platejs/ai/react`);c.push(e,t.configure({options:{chat:{api:y,body:{system:`You are a specification writing assistant for a PaaS platform.`}}}}))}catch{}e||E({Plate:t.Plate,PlateContent:t.PlateContent,usePlateEditor:t.usePlateEditor,plugins:c})}catch(t){console.error(`[WakaSpecEditor] Failed to load:`,t),e||O(!0)}})(),()=>{e=!0}},[v,y]);let N=r.useCallback(t=>{let n=t.createNodes(),r=[...e??[],...n];i?.(r)},[e,i]);return(0,a.jsxs)(`div`,{ref:w,className:t.cn(`space-y-1.5`,u),children:[p&&(0,a.jsx)(n.Label,{children:p}),m&&(0,a.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:m}),(0,a.jsxs)(`div`,{className:t.cn(`flex border rounded-lg overflow-hidden`,h&&`border-destructive`),children:[_&&!s&&(0,a.jsxs)(`aside`,{className:`w-52 shrink-0 border-r bg-muted/20 hidden md:block`,children:[(0,a.jsx)(`div`,{className:`p-3 border-b`,children:(0,a.jsx)(`h4`,{className:`text-xs font-bold uppercase tracking-wider text-muted-foreground`,children:`Blocs specification`})}),(0,a.jsx)(`div`,{className:`p-2 space-y-3 max-h-[600px] overflow-y-auto`,children:Array.from(M.entries()).map(([e,n])=>(0,a.jsxs)(`div`,{children:[(0,a.jsx)(`div`,{className:`text-[10px] font-semibold uppercase tracking-wider text-muted-foreground px-1 mb-1`,children:e}),(0,a.jsx)(`div`,{className:`space-y-0.5`,children:n.map(e=>{let n=e.icon;return(0,a.jsxs)(`button`,{type:`button`,onClick:()=>N(e),className:t.cn(`flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left`,`text-xs transition-colors cursor-pointer`,`hover:bg-accent/50 text-muted-foreground hover:text-foreground`),title:e.description,children:[(0,a.jsx)(n,{className:`h-3.5 w-3.5 shrink-0`}),(0,a.jsx)(`span`,{className:`truncate`,children:e.label})]},e.key)})})]},e))})]}),(0,a.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(b!==void 0||x)&&(0,a.jsx)(`div`,{className:`border-b px-6 py-4`,children:(0,a.jsx)(`input`,{type:`text`,value:b??``,onChange:e=>x?.(e.target.value),placeholder:`Titre de la specification`,readOnly:s,className:t.cn(`w-full bg-transparent text-xl font-bold text-foreground`,`placeholder:text-muted-foreground/50 focus:outline-none`)})}),T?(0,a.jsx)(c,{bundle:T,value:e,onChange:i,readOnly:s,placeholder:l,editorClassName:d,minHeight:f,extraPlugins:S,editorRef:A}):(0,a.jsx)(`div`,{className:`relative`,style:{minHeight:f},children:(0,a.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center bg-background/50`,children:(0,a.jsx)(`span`,{className:`text-sm text-muted-foreground animate-pulse`,children:D?`Erreur de chargement`:`Chargement de l'editeur...`})})})]})]}),h&&(0,a.jsx)(`p`,{className:`text-sm text-destructive`,children:h})]})});s.displayName=`WakaSpecEditor`;function c({bundle:{Plate:e,PlateContent:n,usePlateEditor:i,plugins:o},value:s,onChange:c,readOnly:l,placeholder:u,editorClassName:d,minHeight:f,extraPlugins:p,editorRef:m}){let h=i({plugins:r.useMemo(()=>[...o,...p??[]],[o,p]),value:s??[{type:`p`,children:[{text:``}]}]});return r.useEffect(()=>{m&&(m.current=h)},[h,m]),(0,a.jsx)(e,{editor:h,onChange:c?({value:e})=>c(e):void 0,readOnly:l,children:(0,a.jsx)(`div`,{style:{minHeight:f},children:(0,a.jsx)(n,{placeholder:u,readOnly:l,className:t.cn(`prose prose-sm max-w-none px-6 py-4`,`focus-within:outline-none`,`[&_[data-slate-editor]]:outline-none [&_[data-slate-editor]]:min-h-[inherit]`,d)})})})}exports.DEFAULT_SPEC_TEMPLATES=o,exports.WakaSpecEditor=s;