@burdenoff/microfe-assethandler 2026.820.2 → 2026.820.4

package/dist/assethandler/pages/KnowledgeBasePage.js

@@ -1,21 +1,23 @@
-import { seriesColor as e } from "../components/charts/chartTheme.js";
-import { useAssetHandlerNavigate as t } from "../hooks/useAssetHandlerNavigate.js";
-import { cn as n } from "../utils/cn.js";
-import { notify as r } from "../utils/toast.js";
-import { BarsChart as i } from "../components/charts/BarsChart.js";
-import { DonutChart as a } from "../components/charts/DonutChart.js";
-import { Pagination as o, usePagination as s } from "../components/Pagination.js";
-import { ChartCard as c } from "../components/ChartCard.js";
-import { SectionHeader as l } from "../components/SectionHeader.js";
+import { useAssetHandlerStore as e } from "../store/assethandlerStore.js";
+import { seriesColor as t } from "../components/charts/chartTheme.js";
+import { useAssetHandlerNavigate as n } from "../hooks/useAssetHandlerNavigate.js";
+import { cn as r } from "../utils/cn.js";
+import { notify as i } from "../utils/toast.js";
+import { BarsChart as a } from "../components/charts/BarsChart.js";
+import { DonutChart as o } from "../components/charts/DonutChart.js";
+import { Pagination as s, usePagination as c } from "../components/Pagination.js";
+import { ChartCard as l } from "../components/ChartCard.js";
+import { SectionHeader as u } from "../components/SectionHeader.js";
 import "../components/index.js";
-import { useMemo as u, useState as d } from "react";
-import { BookOpen as f, ExternalLink as p, Eye as m, Link2 as h, Plus as g, Search as _, User as v } from "lucide-react";
-import { gql as y } from "@apollo/client";
-import { useMutation as b, useQuery as x } from "@apollo/client/react";
-import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
-import { Button as T, GlassCard as E, IllustratedEmptyState as D, Input as O, Label as k, PagePurpose as ee, ResponsiveDialog as A, ResponsiveDialogContent as j, ResponsiveDialogDescription as M, ResponsiveDialogFooter as N, ResponsiveDialogHeader as P, ResponsiveDialogTitle as F, Select as I, SelectContent as L, SelectItem as R, SelectTrigger as z, SelectValue as B, Textarea as V } from "@burdenoff/fe-libs/ui";
+import { formatAssetOption as d, formatIncidentOption as f, parseTagsInput as ee } from "../utils/knowledgeBase.js";
+import { useMemo as p, useState as m } from "react";
+import { BookOpen as h, ExternalLink as g, Eye as _, Link2 as v, Pencil as y, Plus as b, Search as x, User as S, X as C } from "lucide-react";
+import { gql as w } from "@apollo/client";
+import { useMutation as T, useQuery as E } from "@apollo/client/react";
+import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
+import { Button as A, GlassCard as j, IllustratedEmptyState as M, Input as N, Label as P, PagePurpose as F, ResponsiveDialog as I, ResponsiveDialogContent as L, ResponsiveDialogDescription as R, ResponsiveDialogFooter as te, ResponsiveDialogHeader as z, ResponsiveDialogTitle as B, Select as V, SelectContent as H, SelectItem as U, SelectTrigger as W, SelectValue as G, Textarea as K } from "@burdenoff/fe-libs/ui";
 //#region src/assethandler/pages/KnowledgeBasePage.tsx
-var H = y`
+var ne = w`
   query AssetHandlerKnowledgeArticles {
     knowledgeArticles {
       id
@@ -35,18 +37,25 @@ var H = y`
       relatedIncidentId
     }
   }
-`, U = y`
+`, q = w`
   mutation AssetHandlerCreateKnowledgeArticle($input: CreateKnowledgeArticleInput!) {
     createKnowledgeArticle(input: $input) {
       id
       title
     }
   }
-`, W = [
+`, J = w`
+  mutation AssetHandlerUpdateKnowledgeArticle($id: ID!, $input: UpdateKnowledgeArticleInput!) {
+    updateKnowledgeArticle(id: $id, input: $input) {
+      id
+      title
+    }
+  }
+`, re = [
 	"DRAFT",
 	"PUBLISHED",
 	"ARCHIVED"
-], G = {
+], Y = {
 	PUBLISHED: {
 		label: "Published",
 		className: "bg-status-success-bg-subtle text-status-success-text"
@@ -59,193 +68,285 @@ var H = y`
 		label: "Archived",
 		className: "bg-status-warning-bg-subtle text-status-warning-text"
 	}
-}, K = (e) => e.toLowerCase().trim().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, ""), q = (e) => e ? new Date(e).toLocaleDateString(void 0, {
+}, X = (e) => e.toLowerCase().trim().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, ""), Z = (e) => e ? new Date(e).toLocaleDateString(void 0, {
 	year: "numeric",
 	month: "short",
 	day: "numeric"
 }) : "—";
-function te(e) {
+function ie(e) {
 	if (e.summary && e.summary.trim()) return e.summary.trim();
 	let t = e.content.replace(/\s+/g, " ").trim();
 	return t.length > 160 ? `${t.slice(0, 160)}…` : t;
 }
-function ne(e) {
+function Q(e) {
 	return (e.replace(/[^a-zA-Z0-9]/g, "").slice(0, 2) || "?").toUpperCase();
 }
-function J({ status: e }) {
-	let t = G[e] ?? {
+function $({ status: e }) {
+	let t = Y[e] ?? {
 		label: e,
 		className: "bg-bg-sunken text-text-secondary"
 	};
-	return /* @__PURE__ */ C("span", {
-		className: n("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium", t.className),
+	return /* @__PURE__ */ O("span", {
+		className: r("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium", t.className),
 		children: t.label
 	});
 }
-function re({ open: e, onOpenChange: t, onPublished: n }) {
-	let [i, a] = d(""), [o, s] = d(""), [c, l] = d(!1), [u, f] = d(""), [p, m] = d(""), [h, g] = d(""), [_, v] = d("PUBLISHED"), y = () => {
-		a(""), s(""), l(!1), f(""), m(""), g(""), v("PUBLISHED");
-	}, [x, { loading: S }] = b(U, {
-		onCompleted: (e) => {
-			r.success("Article published", `${e.createKnowledgeArticle.title} is now available.`), y(), t(!1), n();
-		},
-		onError: (e) => r.error("Could not publish article", e.message)
-	}), E = (e) => {
-		a(e), c || s(K(e));
-	};
-	return /* @__PURE__ */ C(A, {
+function ae({ open: e, onOpenChange: t, article: n, onSaved: r }) {
+	return /* @__PURE__ */ O(I, {
 		open: e,
 		onOpenChange: t,
-		children: /* @__PURE__ */ w(j, {
+		children: /* @__PURE__ */ O(L, {
 			className: "max-h-[85vh] overflow-y-auto sm:max-w-2xl",
+			children: e && /* @__PURE__ */ O(oe, {
+				article: n,
+				onOpenChange: t,
+				onSaved: r
+			}, n?.id ?? "new")
+		})
+	});
+}
+function oe({ article: t, onOpenChange: n, onSaved: r }) {
+	let a = !!t, { assets: o, incidents: s } = e(), [c, l] = m(t?.title ?? ""), [u, h] = m(t?.slug ?? ""), [g, _] = m(a), [v, y] = m(t?.summary ?? ""), [b, x] = m(t?.content ?? ""), [S, w] = m(t ? t.tags.join(", ") : ""), [E, j] = m(t?.status ?? "PUBLISHED"), [M, F] = m(t?.relatedAssetId ?? ""), [I, L] = m(t?.relatedIncidentId ?? ""), ne = () => {
+		l(""), h(""), _(!1), y(""), x(""), w(""), j("PUBLISHED"), F(""), L("");
+	}, [Y, { loading: Z }] = T(q, {
+		onCompleted: (e) => {
+			i.success("Article published", `${e.createKnowledgeArticle.title} is now available.`), ne(), n(!1), r();
+		},
+		onError: (e) => i.error("Could not publish article", e.message)
+	}), [ie, { loading: Q }] = T(J, {
+		refetchQueries: ["AssetHandlerKnowledgeArticles"],
+		onCompleted: (e) => {
+			i.success("Article updated", `${e.updateKnowledgeArticle.title} has been saved.`), n(!1), r();
+		},
+		onError: (e) => i.error("Could not update article", e.message)
+	}), $ = p(() => o.find((e) => e.id === M), [o, M]), ae = p(() => s.find((e) => e.id === I), [s, I]), oe = (e) => {
+		l(e), g || h(X(e));
+	};
+	return /* @__PURE__ */ k(D, { children: [
+		/* @__PURE__ */ k(z, { children: [/* @__PURE__ */ O(B, { children: a ? "Edit article" : "New Article" }), /* @__PURE__ */ O(R, { children: a ? "Update the runbook or fix so the team has the latest guidance." : "Capture a runbook or fix so your team can find it later." })] }),
+		/* @__PURE__ */ k("div", {
+			className: "space-y-4",
 			children: [
-				/* @__PURE__ */ w(P, { children: [/* @__PURE__ */ C(F, { children: "New Article" }), /* @__PURE__ */ C(M, { children: "Capture a runbook or fix so your team can find it later." })] }),
-				/* @__PURE__ */ w("div", {
-					className: "space-y-4",
-					children: [
-						/* @__PURE__ */ w("div", {
-							className: "grid gap-4 md:grid-cols-2",
-							children: [/* @__PURE__ */ w("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ C(k, { children: "Title *" }), /* @__PURE__ */ C(O, {
-									value: i,
-									onChange: (e) => E(e.target.value)
-								})]
-							}), /* @__PURE__ */ w("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ C(k, { children: "Slug *" }), /* @__PURE__ */ C(O, {
-									value: o,
-									onChange: (e) => {
-										l(!0), s(e.target.value);
-									}
-								})]
-							})]
-						}),
-						/* @__PURE__ */ w("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ C(k, { children: "Summary" }), /* @__PURE__ */ C(O, {
-								placeholder: "One-line description",
-								value: u,
-								onChange: (e) => f(e.target.value)
-							})]
-						}),
-						/* @__PURE__ */ w("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ C(k, { children: "Body *" }), /* @__PURE__ */ C(V, {
-								placeholder: "Write the full article body — steps, context, links…",
-								value: p,
-								onChange: (e) => m(e.target.value),
-								rows: 8
-							})]
-						}),
-						/* @__PURE__ */ w("div", {
-							className: "grid gap-4 md:grid-cols-2",
-							children: [/* @__PURE__ */ w("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ C(k, { children: "Category tags" }), /* @__PURE__ */ C(O, {
-									placeholder: "Runbooks, Fixes, Procedures…",
-									value: h,
-									onChange: (e) => g(e.target.value)
-								})]
-							}), /* @__PURE__ */ w("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ C(k, { children: "Status" }), /* @__PURE__ */ w(I, {
-									value: _,
-									onValueChange: (e) => v(e),
-									children: [/* @__PURE__ */ C(z, { children: /* @__PURE__ */ C(B, {}) }), /* @__PURE__ */ C(L, { children: W.map((e) => /* @__PURE__ */ C(R, {
-										value: e,
-										children: e
-									}, e)) })]
-								})]
-							})]
-						})
-					]
+				/* @__PURE__ */ k("div", {
+					className: "grid gap-4 md:grid-cols-2",
+					children: [/* @__PURE__ */ k("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ O(P, { children: "Title *" }), /* @__PURE__ */ O(N, {
+							value: c,
+							onChange: (e) => oe(e.target.value)
+						})]
+					}), /* @__PURE__ */ k("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ O(P, { children: "Slug *" }), /* @__PURE__ */ O(N, {
+							value: u,
+							disabled: a,
+							onChange: (e) => {
+								_(!0), h(e.target.value);
+							}
+						})]
+					})]
 				}),
-				/* @__PURE__ */ w(N, { children: [/* @__PURE__ */ C(T, {
-					variant: "outline",
-					onClick: () => t(!1),
-					disabled: S,
-					children: "Cancel"
-				}), /* @__PURE__ */ C(T, {
-					onClick: () => {
-						if (!i.trim() || !o.trim()) {
-							r.warning("Missing details", "Title and slug are required.");
-							return;
-						}
-						if (!p.trim()) {
-							r.warning("Body required", "Write the article body before publishing.");
-							return;
-						}
-						let e = h.split(",").map((e) => e.trim()).filter((e) => e.length > 0);
-						x({ variables: { input: {
-							title: i.trim(),
-							slug: o.trim(),
-							summary: u.trim() || null,
-							content: p.trim(),
-							tags: e,
-							status: _
-						} } });
-					},
-					disabled: S,
-					children: S ? "Publishing…" : "Publish article"
-				})] })
+				/* @__PURE__ */ k("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ O(P, { children: "Summary" }), /* @__PURE__ */ O(N, {
+						placeholder: "One-line description",
+						value: v,
+						onChange: (e) => y(e.target.value)
+					})]
+				}),
+				/* @__PURE__ */ k("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ O(P, { children: "Body *" }), /* @__PURE__ */ O(K, {
+						placeholder: "Write the full article body — steps, context, links…",
+						value: b,
+						onChange: (e) => x(e.target.value),
+						rows: 8
+					})]
+				}),
+				/* @__PURE__ */ k("div", {
+					className: "grid gap-4 md:grid-cols-2",
+					children: [/* @__PURE__ */ k("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ O(P, { children: "Category tags" }), /* @__PURE__ */ O(N, {
+							placeholder: "Runbooks, Fixes, Procedures…",
+							value: S,
+							onChange: (e) => w(e.target.value)
+						})]
+					}), /* @__PURE__ */ k("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ O(P, { children: "Status" }), /* @__PURE__ */ k(V, {
+							value: E,
+							onValueChange: j,
+							children: [/* @__PURE__ */ O(W, { children: /* @__PURE__ */ O(G, {}) }), /* @__PURE__ */ O(H, { children: re.map((e) => /* @__PURE__ */ O(U, {
+								value: e,
+								children: e
+							}, e)) })]
+						})]
+					})]
+				}),
+				/* @__PURE__ */ k("div", {
+					className: "grid gap-4 md:grid-cols-2",
+					children: [/* @__PURE__ */ k("div", {
+						className: "space-y-2",
+						children: [
+							/* @__PURE__ */ O(P, { children: "Related asset" }),
+							/* @__PURE__ */ k(V, {
+								value: M,
+								onValueChange: F,
+								children: [/* @__PURE__ */ O(W, { children: /* @__PURE__ */ O(G, { placeholder: "Select an asset" }) }), /* @__PURE__ */ k(H, { children: [/* @__PURE__ */ O(U, {
+									value: "",
+									children: "None"
+								}), o.map((e) => /* @__PURE__ */ O(U, {
+									value: e.id,
+									children: d(e)
+								}, e.id))] })]
+							}),
+							$ ? /* @__PURE__ */ O("div", {
+								className: "flex flex-wrap gap-2",
+								children: /* @__PURE__ */ k("span", {
+									className: "inline-flex items-center gap-1 rounded-full bg-action-primary-bg/10 px-2 py-0.5 text-xs font-medium text-primary",
+									children: [d($), /* @__PURE__ */ O("button", {
+										type: "button",
+										onClick: () => F(""),
+										className: "rounded-full p-0.5 hover:bg-action-primary-bg/20",
+										"aria-label": "Clear related asset",
+										children: /* @__PURE__ */ O(C, { className: "h-3 w-3" })
+									})]
+								})
+							}) : null
+						]
+					}), /* @__PURE__ */ k("div", {
+						className: "space-y-2",
+						children: [
+							/* @__PURE__ */ O(P, { children: "Related incident" }),
+							/* @__PURE__ */ k(V, {
+								value: I,
+								onValueChange: L,
+								children: [/* @__PURE__ */ O(W, { children: /* @__PURE__ */ O(G, { placeholder: "Select an incident" }) }), /* @__PURE__ */ k(H, { children: [/* @__PURE__ */ O(U, {
+									value: "",
+									children: "None"
+								}), s.map((e) => /* @__PURE__ */ O(U, {
+									value: e.id,
+									children: f(e)
+								}, e.id))] })]
+							}),
+							ae ? /* @__PURE__ */ O("div", {
+								className: "flex flex-wrap gap-2",
+								children: /* @__PURE__ */ k("span", {
+									className: "inline-flex items-center gap-1 rounded-full bg-action-primary-bg/10 px-2 py-0.5 text-xs font-medium text-primary",
+									children: [f(ae), /* @__PURE__ */ O("button", {
+										type: "button",
+										onClick: () => L(""),
+										className: "rounded-full p-0.5 hover:bg-action-primary-bg/20",
+										"aria-label": "Clear related incident",
+										children: /* @__PURE__ */ O(C, { className: "h-3 w-3" })
+									})]
+								})
+							}) : null
+						]
+					})]
+				})
 			]
-		})
-	});
+		}),
+		/* @__PURE__ */ k(te, { children: [/* @__PURE__ */ O(A, {
+			variant: "outline",
+			onClick: () => n(!1),
+			disabled: Z || Q,
+			children: "Cancel"
+		}), /* @__PURE__ */ O(A, {
+			onClick: () => {
+				if (!c.trim() || !u.trim()) {
+					i.warning("Missing details", "Title and slug are required.");
+					return;
+				}
+				if (!b.trim()) {
+					i.warning("Body required", "Write the article body before publishing.");
+					return;
+				}
+				let e = ee(S), n = {
+					title: c.trim(),
+					summary: v.trim() || null,
+					content: b.trim(),
+					tags: e,
+					status: E,
+					relatedAssetId: M || null,
+					relatedIncidentId: I || null
+				};
+				a && t ? ie({ variables: {
+					id: t.id,
+					input: n
+				} }) : Y({ variables: { input: {
+					...n,
+					slug: u.trim()
+				} } });
+			},
+			disabled: Z || Q,
+			children: a ? Q ? "Saving…" : "Save changes" : Z ? "Publishing…" : "Publish article"
+		})] })
+	] });
 }
-function ie({ article: e, onOpenChange: n }) {
-	let r = t();
-	return /* @__PURE__ */ C(A, {
+function se({ article: e, onOpenChange: t, onEdit: r }) {
+	let i = n();
+	return /* @__PURE__ */ O(I, {
 		open: !!e,
-		onOpenChange: n,
-		children: /* @__PURE__ */ C(j, {
+		onOpenChange: t,
+		children: /* @__PURE__ */ O(L, {
 			className: "max-h-[85vh] overflow-y-auto sm:max-w-2xl",
-			children: e ? /* @__PURE__ */ w(S, { children: [
-				/* @__PURE__ */ w(P, { children: [
-					/* @__PURE__ */ w("div", {
-						className: "flex flex-wrap items-center gap-2",
-						children: [/* @__PURE__ */ C(J, { status: e.status }), e.tags.map((e) => /* @__PURE__ */ C("span", {
-							className: "rounded-full bg-action-primary-bg/10 px-2 py-0.5 text-xs font-medium text-primary",
-							children: e
-						}, e))]
-					}),
-					/* @__PURE__ */ C(F, {
-						className: "mt-1",
-						children: e.title
-					}),
-					/* @__PURE__ */ w(M, { children: [
-						"Updated ",
-						q(e.updatedAt),
-						" · ",
-						e.views.toLocaleString(),
-						" views"
-					] })
-				] }),
-				/* @__PURE__ */ C("div", {
+			children: e ? /* @__PURE__ */ k(D, { children: [
+				/* @__PURE__ */ k(z, { children: [/* @__PURE__ */ k("div", {
+					className: "flex flex-wrap items-center gap-2",
+					children: [/* @__PURE__ */ O($, { status: e.status }), e.tags.map((e) => /* @__PURE__ */ O("span", {
+						className: "rounded-full bg-action-primary-bg/10 px-2 py-0.5 text-xs font-medium text-primary",
+						children: e
+					}, e))]
+				}), /* @__PURE__ */ k("div", {
+					className: "flex items-start justify-between gap-4",
+					children: [/* @__PURE__ */ k("div", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ O(B, {
+							className: "mt-1",
+							children: e.title
+						}), /* @__PURE__ */ k(R, { children: [
+							"Updated ",
+							Z(e.updatedAt),
+							" · ",
+							e.views.toLocaleString(),
+							" views"
+						] })]
+					}), /* @__PURE__ */ k(A, {
+						variant: "outline",
+						size: "sm",
+						onClick: () => {
+							t(!1), r(e);
+						},
+						children: [/* @__PURE__ */ O(y, { className: "mr-1.5 h-3.5 w-3.5" }), "Edit"]
+					})]
+				})] }),
+				/* @__PURE__ */ O("div", {
 					className: "whitespace-pre-wrap text-sm leading-relaxed text-text-primary",
 					children: e.content
 				}),
-				e.relatedAssetId || e.relatedIncidentId ? /* @__PURE__ */ w("div", {
+				e.relatedAssetId || e.relatedIncidentId ? /* @__PURE__ */ k("div", {
 					className: "mt-4 space-y-2 border-t border-border-seam pt-4",
-					children: [/* @__PURE__ */ w("h4", {
+					children: [/* @__PURE__ */ k("h4", {
 						className: "flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide text-text-secondary",
-						children: [/* @__PURE__ */ C(h, { className: "h-3.5 w-3.5" }), "Linked records"]
-					}), /* @__PURE__ */ w("div", {
+						children: [/* @__PURE__ */ O(v, { className: "h-3.5 w-3.5" }), "Linked records"]
+					}), /* @__PURE__ */ k("div", {
 						className: "flex flex-wrap gap-2",
-						children: [e.relatedAssetId ? /* @__PURE__ */ w(T, {
+						children: [e.relatedAssetId ? /* @__PURE__ */ k(A, {
 							variant: "outline",
 							size: "sm",
 							onClick: () => {
-								n(!1), r(`/assets/${e.relatedAssetId}`);
+								t(!1), i(`/assets/${e.relatedAssetId}`);
 							},
-							children: ["View linked asset", /* @__PURE__ */ C(p, { className: "ml-1.5 h-3.5 w-3.5" })]
-						}) : null, e.relatedIncidentId ? /* @__PURE__ */ w(T, {
+							children: ["View linked asset", /* @__PURE__ */ O(g, { className: "ml-1.5 h-3.5 w-3.5" })]
+						}) : null, e.relatedIncidentId ? /* @__PURE__ */ k(A, {
 							variant: "outline",
 							size: "sm",
 							onClick: () => {
-								n(!1), r(`/itil/incidents/${e.relatedIncidentId}`);
+								t(!1), i(`/itil/incidents/${e.relatedIncidentId}`);
 							},
-							children: ["View linked incident", /* @__PURE__ */ C(p, { className: "ml-1.5 h-3.5 w-3.5" })]
+							children: ["View linked incident", /* @__PURE__ */ O(g, { className: "ml-1.5 h-3.5 w-3.5" })]
 						}) : null]
 					})]
 				}) : null
@@ -253,90 +354,96 @@ function ie({ article: e, onOpenChange: n }) {
 		})
 	});
 }
-function Y() {
-	let [t, r] = d(!1), [p, h] = d(""), [y, b] = d("ALL"), [S, A] = d("ALL"), [j, M] = d("recent"), [N, P] = d(null), { data: F, loading: V, refetch: U } = x(H, { fetchPolicy: "cache-and-network" }), K = u(() => F?.knowledgeArticles ?? [], [F?.knowledgeArticles]), Y = u(() => {
+function ce() {
+	let [e, n] = m(!1), [i, d] = m(null), [f, ee] = m(""), [g, v] = m("ALL"), [y, C] = m("ALL"), [w, T] = m("recent"), [D, I] = m(null), { data: L, loading: R, refetch: te } = E(ne, { fetchPolicy: "cache-and-network" }), z = p(() => L?.knowledgeArticles ?? [], [L?.knowledgeArticles]), B = p(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of K) for (let n of t.tags) e.set(n, (e.get(n) ?? 0) + 1);
+		for (let t of z) for (let n of t.tags) e.set(n, (e.get(n) ?? 0) + 1);
 		return [...e.entries()].sort((e, t) => t[1] - e[1]);
-	}, [K]), X = u(() => {
-		let e = p.trim().toLowerCase();
-		return [...K.filter((t) => y !== "ALL" && !t.tags.includes(y) || S !== "ALL" && t.status !== S ? !1 : e ? [
+	}, [z]), K = p(() => {
+		let e = f.trim().toLowerCase();
+		return [...z.filter((t) => g !== "ALL" && !t.tags.includes(g) || y !== "ALL" && t.status !== y ? !1 : e ? [
 			t.title,
 			t.summary ?? "",
 			t.content,
 			t.tags.join(" ")
-		].join(" ").toLowerCase().includes(e) : !0)].sort((e, t) => j === "views" ? t.views - e.views : new Date(t.updatedAt).getTime() - new Date(e.updatedAt).getTime());
+		].join(" ").toLowerCase().includes(e) : !0)].sort((e, t) => w === "views" ? t.views - e.views : new Date(t.updatedAt).getTime() - new Date(e.updatedAt).getTime());
 	}, [
-		K,
-		p,
+		z,
+		f,
+		g,
 		y,
-		S,
-		j
-	]), Z = u(() => {
-		let t = K.reduce((e, t) => (e[t.status] = (e[t.status] ?? 0) + 1, e), {});
-		return Object.entries(t).map(([t, n], r) => ({
-			name: G[t]?.label ?? t,
+		w
+	]), q = p(() => {
+		let e = z.reduce((e, t) => (e[t.status] = (e[t.status] ?? 0) + 1, e), {});
+		return Object.entries(e).map(([e, n], r) => ({
+			name: Y[e]?.label ?? e,
 			value: n,
-			color: e(r)
+			color: t(r)
 		}));
-	}, [K]), Q = u(() => [...K].filter((e) => e.views > 0).sort((e, t) => t.views - e.views).slice(0, 6).map((e) => ({
+	}, [z]), J = p(() => [...z].filter((e) => e.views > 0).sort((e, t) => t.views - e.views).slice(0, 6).map((e) => ({
 		name: e.title,
 		views: e.views
-	})), [K]), $ = s(X, {
+	})), [z]), X = c(K, {
 		pageSize: 9,
-		resetKey: `${p}|${y}|${S}|${j}`
+		resetKey: `${f}|${g}|${y}|${w}`
 	});
-	return /* @__PURE__ */ w("div", {
+	return /* @__PURE__ */ k("div", {
 		className: "space-y-5 p-4 sm:p-6",
 		children: [
-			/* @__PURE__ */ C(l, {
+			/* @__PURE__ */ O(u, {
 				hero: !0,
-				icon: f,
+				icon: h,
 				title: "Knowledge Base",
 				description: "Turn one-off fixes and runbooks into repeatable, searchable operational knowledge.",
-				actions: /* @__PURE__ */ w(T, {
+				actions: /* @__PURE__ */ k(A, {
 					className: "w-full sm:w-auto",
-					onClick: () => r(!0),
-					children: [/* @__PURE__ */ C(g, { className: "mr-2 h-4 w-4" }), "New Article"]
+					onClick: () => {
+						d(null), n(!0);
+					},
+					children: [/* @__PURE__ */ O(b, { className: "mr-2 h-4 w-4" }), "New Article"]
 				})
 			}),
-			/* @__PURE__ */ C(ee, { children: "Capture the fixes and runbooks your team relies on so the next person doesn't start from scratch. Link articles to incidents and assets, then search them when troubleshooting." }),
-			/* @__PURE__ */ C(re, {
-				open: t,
-				onOpenChange: r,
-				onPublished: () => void U()
+			/* @__PURE__ */ O(F, { children: "Capture the fixes and runbooks your team relies on so the next person doesn't start from scratch. Link articles to incidents and assets, then search them when troubleshooting." }),
+			/* @__PURE__ */ O(ae, {
+				open: e,
+				onOpenChange: n,
+				article: i,
+				onSaved: () => void te()
 			}),
-			/* @__PURE__ */ C(ie, {
-				article: N,
-				onOpenChange: (e) => !e && P(null)
+			/* @__PURE__ */ O(se, {
+				article: D,
+				onOpenChange: (e) => !e && I(null),
+				onEdit: (e) => {
+					I(null), d(e), n(!0);
+				}
 			}),
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ k("div", {
 				className: "relative",
-				children: [/* @__PURE__ */ C(_, { className: "absolute left-3.5 top-1/2 h-4.5 w-4.5 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ C(O, {
+				children: [/* @__PURE__ */ O(x, { className: "absolute left-3.5 top-1/2 h-4.5 w-4.5 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ O(N, {
 					className: "h-12 pl-11 text-base",
 					placeholder: "Search runbooks, fixes and procedures…",
-					value: p,
-					onChange: (e) => h(e.target.value),
+					value: f,
+					onChange: (e) => ee(e.target.value),
 					"aria-label": "Search knowledge articles"
 				})]
 			}),
-			K.length > 0 && (Z.length > 0 || Q.length > 0) ? /* @__PURE__ */ w("div", {
+			z.length > 0 && (q.length > 0 || J.length > 0) ? /* @__PURE__ */ k("div", {
 				className: "grid gap-4 lg:grid-cols-2",
-				children: [/* @__PURE__ */ C(c, {
+				children: [/* @__PURE__ */ O(l, {
 					title: "Publishing status",
 					subtitle: "Articles by status",
-					children: /* @__PURE__ */ C(a, {
-						data: Z,
+					children: /* @__PURE__ */ O(o, {
+						data: q,
 						height: 200,
 						centerLabel: "Articles",
-						centerValue: K.length,
+						centerValue: z.length,
 						ariaLabel: "Articles by status"
 					})
-				}), /* @__PURE__ */ C(c, {
+				}), /* @__PURE__ */ O(l, {
 					title: "Most consulted",
 					subtitle: "Top articles by views",
-					children: /* @__PURE__ */ C(i, {
-						data: Q,
+					children: /* @__PURE__ */ O(a, {
+						data: J,
 						xKey: "name",
 						series: [{
 							key: "views",
@@ -350,89 +457,89 @@ function Y() {
 					})
 				})]
 			}) : null,
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ k("div", {
 				className: "grid gap-5 lg:grid-cols-[200px_1fr]",
-				children: [/* @__PURE__ */ w("aside", {
+				children: [/* @__PURE__ */ k("aside", {
 					className: "space-y-3",
 					children: [
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ k("div", {
 							className: "flex items-center justify-between gap-2",
-							children: [/* @__PURE__ */ C("h3", {
+							children: [/* @__PURE__ */ O("h3", {
 								className: "text-sm font-semibold text-text-primary",
 								children: "Category"
-							}), /* @__PURE__ */ w(I, {
-								value: j,
-								onValueChange: (e) => M(e),
-								children: [/* @__PURE__ */ C(z, {
+							}), /* @__PURE__ */ k(V, {
+								value: w,
+								onValueChange: (e) => T(e),
+								children: [/* @__PURE__ */ O(W, {
 									className: "h-8 w-[130px] text-xs lg:hidden",
-									children: /* @__PURE__ */ C(B, {})
-								}), /* @__PURE__ */ w(L, { children: [/* @__PURE__ */ C(R, {
+									children: /* @__PURE__ */ O(G, {})
+								}), /* @__PURE__ */ k(H, { children: [/* @__PURE__ */ O(U, {
 									value: "recent",
 									children: "Recently updated"
-								}), /* @__PURE__ */ C(R, {
+								}), /* @__PURE__ */ O(U, {
 									value: "views",
 									children: "Most viewed"
 								})] })]
 							})]
 						}),
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ k("div", {
 							className: "flex gap-2 overflow-x-auto pb-1 lg:flex-col lg:overflow-visible lg:pb-0",
-							children: [/* @__PURE__ */ w("button", {
+							children: [/* @__PURE__ */ k("button", {
 								type: "button",
-								onClick: () => b("ALL"),
-								className: n("shrink-0 rounded-md px-3 py-1.5 text-left text-sm font-medium transition-colors lg:w-full", y === "ALL" ? "bg-action-primary-bg/10 text-primary" : "text-text-secondary hover:text-text-primary"),
-								children: ["All articles", /* @__PURE__ */ C("span", {
+								onClick: () => v("ALL"),
+								className: r("shrink-0 rounded-md px-3 py-1.5 text-left text-sm font-medium transition-colors lg:w-full", g === "ALL" ? "bg-action-primary-bg/10 text-primary" : "text-text-secondary hover:text-text-primary"),
+								children: ["All articles", /* @__PURE__ */ O("span", {
 									className: "ml-1.5 text-xs text-text-muted tabular-nums",
-									children: K.length
+									children: z.length
 								})]
-							}), Y.map(([e, t]) => /* @__PURE__ */ w("button", {
+							}), B.map(([e, t]) => /* @__PURE__ */ k("button", {
 								type: "button",
-								onClick: () => b(e),
-								className: n("flex shrink-0 items-center justify-between gap-2 rounded-md px-3 py-1.5 text-left text-sm font-medium transition-colors lg:w-full", y === e ? "bg-action-primary-bg/10 text-primary" : "text-text-secondary hover:text-text-primary"),
-								children: [/* @__PURE__ */ C("span", {
+								onClick: () => v(e),
+								className: r("flex shrink-0 items-center justify-between gap-2 rounded-md px-3 py-1.5 text-left text-sm font-medium transition-colors lg:w-full", g === e ? "bg-action-primary-bg/10 text-primary" : "text-text-secondary hover:text-text-primary"),
+								children: [/* @__PURE__ */ O("span", {
 									className: "truncate",
 									children: e
-								}), /* @__PURE__ */ C("span", {
+								}), /* @__PURE__ */ O("span", {
 									className: "text-xs text-text-muted tabular-nums",
 									children: t
 								})]
 							}, e))]
 						}),
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ k("div", {
 							className: "hidden space-y-1.5 border-t border-border-seam pt-3 lg:block",
 							children: [
-								/* @__PURE__ */ C(k, {
+								/* @__PURE__ */ O(P, {
 									className: "text-xs",
 									children: "Status"
 								}),
-								/* @__PURE__ */ w(I, {
-									value: S,
-									onValueChange: A,
-									children: [/* @__PURE__ */ C(z, {
+								/* @__PURE__ */ k(V, {
+									value: y,
+									onValueChange: C,
+									children: [/* @__PURE__ */ O(W, {
 										className: "h-9",
-										children: /* @__PURE__ */ C(B, {})
-									}), /* @__PURE__ */ w(L, { children: [/* @__PURE__ */ C(R, {
+										children: /* @__PURE__ */ O(G, {})
+									}), /* @__PURE__ */ k(H, { children: [/* @__PURE__ */ O(U, {
 										value: "ALL",
 										children: "All statuses"
-									}), W.map((e) => /* @__PURE__ */ C(R, {
+									}), re.map((e) => /* @__PURE__ */ O(U, {
 										value: e,
 										children: e
 									}, e))] })]
 								}),
-								/* @__PURE__ */ C(k, {
+								/* @__PURE__ */ O(P, {
 									className: "text-xs",
 									children: "Sort"
 								}),
-								/* @__PURE__ */ w(I, {
-									value: j,
-									onValueChange: (e) => M(e),
-									children: [/* @__PURE__ */ C(z, {
+								/* @__PURE__ */ k(V, {
+									value: w,
+									onValueChange: (e) => T(e),
+									children: [/* @__PURE__ */ O(W, {
 										className: "h-9",
-										children: /* @__PURE__ */ C(B, {})
-									}), /* @__PURE__ */ w(L, { children: [/* @__PURE__ */ C(R, {
+										children: /* @__PURE__ */ O(G, {})
+									}), /* @__PURE__ */ k(H, { children: [/* @__PURE__ */ O(U, {
 										value: "recent",
 										children: "Recently updated"
-									}), /* @__PURE__ */ C(R, {
+									}), /* @__PURE__ */ O(U, {
 										value: "views",
 										children: "Most viewed"
 									})] })]
@@ -440,73 +547,73 @@ function Y() {
 							]
 						})
 					]
-				}), /* @__PURE__ */ w("div", { children: [
-					V && K.length === 0 ? /* @__PURE__ */ C("div", {
+				}), /* @__PURE__ */ k("div", { children: [
+					R && z.length === 0 ? /* @__PURE__ */ O("div", {
 						className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-3",
-						children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ C("div", { className: "h-40 rounded-xl bg-bg-sunken motion-safe:animate-vc-shimmer" }, t))
+						children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ O("div", { className: "h-40 rounded-xl bg-bg-sunken motion-safe:animate-vc-shimmer" }, t))
 					}) : null,
-					!V && X.length === 0 ? /* @__PURE__ */ C(D, {
-						illustration: p || y !== "ALL" || S !== "ALL" ? "empty-search" : "empty-data",
-						title: p || y !== "ALL" || S !== "ALL" ? "No articles match your filters" : "No knowledge articles found",
-						description: p || y !== "ALL" || S !== "ALL" ? "Try a different term, category or status." : "Publish an article to start building your knowledge base."
+					!R && K.length === 0 ? /* @__PURE__ */ O(M, {
+						illustration: f || g !== "ALL" || y !== "ALL" ? "empty-search" : "empty-data",
+						title: f || g !== "ALL" || y !== "ALL" ? "No articles match your filters" : "No knowledge articles found",
+						description: f || g !== "ALL" || y !== "ALL" ? "Try a different term, category or status." : "Publish an article to start building your knowledge base."
 					}) : null,
-					/* @__PURE__ */ C("div", {
+					/* @__PURE__ */ O("div", {
 						className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-3",
-						children: $.pageItems.map((e) => /* @__PURE__ */ C(E, {
+						children: X.pageItems.map((e) => /* @__PURE__ */ O(j, {
 							treatment: "glass",
 							className: "border-border-seam",
-							children: /* @__PURE__ */ w("button", {
+							children: /* @__PURE__ */ k("button", {
 								type: "button",
-								onClick: () => P(e),
+								onClick: () => I(e),
 								className: "flex h-full w-full flex-col gap-3 p-4 text-left",
 								children: [
-									/* @__PURE__ */ w("div", {
+									/* @__PURE__ */ k("div", {
 										className: "flex flex-wrap items-center gap-1.5",
-										children: [/* @__PURE__ */ C(J, { status: e.status }), e.tags.slice(0, 1).map((e) => /* @__PURE__ */ C("span", {
+										children: [/* @__PURE__ */ O($, { status: e.status }), e.tags.slice(0, 1).map((e) => /* @__PURE__ */ O("span", {
 											className: "rounded-full bg-action-primary-bg/10 px-2 py-0.5 text-xs font-medium text-primary",
 											children: e
 										}, e))]
 									}),
-									/* @__PURE__ */ C("h2", {
+									/* @__PURE__ */ O("h2", {
 										className: "line-clamp-2 text-base font-semibold text-text-primary",
 										children: e.title
 									}),
-									/* @__PURE__ */ C("p", {
+									/* @__PURE__ */ O("p", {
 										className: "line-clamp-2 flex-1 text-sm text-text-secondary",
-										children: te(e)
+										children: ie(e)
 									}),
-									/* @__PURE__ */ w("div", {
+									/* @__PURE__ */ k("div", {
 										className: "flex items-center justify-between gap-2 border-t border-border-seam/60 pt-3",
-										children: [/* @__PURE__ */ w("div", {
+										children: [/* @__PURE__ */ k("div", {
 											className: "flex min-w-0 items-center gap-2",
-											children: [/* @__PURE__ */ C("span", {
+											children: [/* @__PURE__ */ O("span", {
 												className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-bg-sunken text-[10px] font-semibold text-text-secondary",
-												children: e.updatedBy ? ne(e.updatedBy) : /* @__PURE__ */ C(v, { className: "h-3 w-3" })
-											}), /* @__PURE__ */ w("span", {
+												children: e.updatedBy ? Q(e.updatedBy) : /* @__PURE__ */ O(S, { className: "h-3 w-3" })
+											}), /* @__PURE__ */ k("span", {
 												className: "truncate text-xs text-text-secondary",
-												children: ["Updated ", q(e.updatedAt)]
+												children: ["Updated ", Z(e.updatedAt)]
 											})]
-										}), /* @__PURE__ */ w("span", {
+										}), /* @__PURE__ */ k("span", {
 											className: "flex shrink-0 items-center gap-1 text-xs text-text-muted tabular-nums",
-											children: [/* @__PURE__ */ C(m, { className: "h-3.5 w-3.5" }), e.views.toLocaleString()]
+											children: [/* @__PURE__ */ O(_, { className: "h-3.5 w-3.5" }), e.views.toLocaleString()]
 										})]
 									})
 								]
 							})
 						}, e.id))
 					}),
-					/* @__PURE__ */ C("div", {
+					/* @__PURE__ */ O("div", {
 						className: "mt-4",
-						children: /* @__PURE__ */ C(o, {
-							page: $.page,
-							pageCount: $.pageCount,
-							rangeStart: $.rangeStart,
-							rangeEnd: $.rangeEnd,
-							totalItems: $.totalItems,
-							canPrev: $.canPrev,
-							canNext: $.canNext,
-							onPrev: $.prevPage,
-							onNext: $.nextPage,
+						children: /* @__PURE__ */ O(s, {
+							page: X.page,
+							pageCount: X.pageCount,
+							rangeStart: X.rangeStart,
+							rangeEnd: X.rangeEnd,
+							totalItems: X.totalItems,
+							canPrev: X.canPrev,
+							canNext: X.canNext,
+							onPrev: X.prevPage,
+							onNext: X.nextPage,
 							itemLabel: "articles"
 						})
 					})
@@ -516,6 +623,6 @@ function Y() {
 	});
 }
 //#endregion
-export { Y as KnowledgeBasePage };
+export { ce as KnowledgeBasePage };
 
 //# sourceMappingURL=KnowledgeBasePage.js.map