@burdenoff/microfe-botmanor 2026.1027.2 → 2026.1028.1

package/dist/botlit/pages/KnowledgeBaseDetailPage.js

@@ -1,27 +1,30 @@
 import { useBotlit as e } from "../providers/BotlitProvider.js";
-import { useCreateKnowledgeBase as t, useKnowledgeBase as n, useKnowledgeDocuments as ee, useRebuildKnowledgeBaseIndex as r, useUpdateKnowledgeBase as i } from "../hooks/useKnowledgeBases.js";
-import { useLLMModels as te, useLLMProviders as ne } from "../hooks/useLLMProviders.js";
+import { useCreateKnowledgeBase as t, useKnowledgeBase as n, useKnowledgeDocuments as ee, useRebuildKnowledgeBaseIndex as te, useUpdateKnowledgeBase as ne } from "../hooks/useKnowledgeBases.js";
+import { useLLMModels as r, useLLMProviders as i } from "../hooks/useLLMProviders.js";
 import { formatRelativeTime as a } from "../utils/formatters.js";
-import { PageLayout as o } from "../components/PageLayout.js";
-import { Card as s, CardContent as c, CardDescription as l, CardHeader as u, CardTitle as d } from "../components/Card.js";
-import { Button as f } from "../components/Button.js";
-import { StatusBadge as p } from "../components/Badge.js";
+import { BOTMANOR_PERMISSIONS as o } from "../permissions/botmanorPermissions.js";
+import { BotmanorPermissionGate as s } from "../permissions/useBotmanorPermissions.js";
+import { PageLayout as c } from "../components/PageLayout.js";
+import { Button as l } from "../components/Button.js";
+import "../permissions/index.js";
+import { Card as u, CardContent as d, CardDescription as f, CardHeader as p, CardTitle as m } from "../components/Card.js";
+import { StatusBadge as h } from "../components/Badge.js";
 import { EmptyState as re } from "../components/EmptyState.js";
-import { FormField as m, Input as h, Textarea as ie } from "../components/Input.js";
+import { FormField as g, Input as _, Textarea as ie } from "../components/Input.js";
 import { configuredEmbeddingModels as ae } from "../utils/embedding-models.js";
 import { KnowledgeSourceImportPanel as oe } from "../components/KnowledgeSourceImportPanel.js";
-import { useEffect as g, useMemo as _, useState as v } from "react";
-import { GlassCard as y, PagePurpose as b } from "@burdenoff/fe-libs/ui";
-import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { useEffect as v, useMemo as y, useState as b } from "react";
+import { GlassCard as x, PagePurpose as S } from "@burdenoff/fe-libs/ui";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
 import { useParams as se } from "react-router";
-import { ArrowLeft as ce, Boxes as le, Database as w, FileText as ue, Layers as de, RefreshCw as fe, Save as T, Settings as E } from "lucide-react";
-import { toast as D } from "sonner";
+import { ArrowLeft as ce, Boxes as le, Database as E, FileText as ue, Layers as de, RefreshCw as fe, Save as D, Settings as O } from "lucide-react";
+import { toast as k } from "sonner";
 //#region src/botlit/pages/KnowledgeBaseDetailPage.tsx
 var pe = [
 	"RECURSIVE",
 	"FIXED",
 	"SENTENCE"
-], O = {
+], A = {
 	name: "",
 	description: "",
 	embeddingModel: "",
@@ -30,7 +33,7 @@ var pe = [
 	chunkSize: 512,
 	chunkOverlap: 50
 };
-function k(e) {
+function j(e) {
 	return {
 		name: e.name,
 		description: e.description ?? "",
@@ -41,27 +44,27 @@ function k(e) {
 		chunkOverlap: e.chunkOverlap
 	};
 }
-function A(e, t) {
+function M(e, t) {
 	let n = Number(e);
 	return e.trim() !== "" && Number.isFinite(n) ? n : t;
 }
-var j = ({ isNew: j }) => {
-	let { kbId: M } = se(), { data: N, loading: P, error: F, refetch: I } = te(), { data: L, loading: R, error: z, refetch: B } = ne(), V = P || R, H = F || z, U = _(() => ae(N ?? [], L ?? []), [N, L]), { navigateTo: W } = e(), { data: G, loading: me, refetch: K } = n(j ? void 0 : M), { data: q } = ee(j ? void 0 : M), [he, ge] = t(), [_e, ve] = i(), [J, ye] = r(), [Y, X] = v(!1), [Z, Q] = v(O);
-	g(() => {
-		G && !j && Q(k(G));
-	}, [G, j]);
-	let be = async () => {
+var N = ({ isNew: N }) => {
+	let { kbId: P } = se(), { data: F, loading: I, error: L, refetch: R } = r(), { data: z, loading: B, error: me, refetch: he } = i(), V = I || B, H = L || me, U = y(() => ae(F ?? [], z ?? []), [F, z]), { navigateTo: W } = e(), { data: G, loading: ge, refetch: K } = n(N ? void 0 : P), { data: q } = ee(N ? void 0 : P), [_e, ve] = t(), [ye, be] = ne(), [xe, J] = te(), [Y, X] = b(!1), [Z, Q] = b(A);
+	v(() => {
+		G && !N && Q(j(G));
+	}, [G, N]);
+	let Se = async () => {
 		if (!(V || H)) {
 			if (!Z.name.trim()) {
-				D.error("Name is required");
+				k.error("Name is required");
 				return;
 			}
 			if (!U.some((e) => e.id === Z.embeddingModel)) {
-				D.error("Choose a configured embedding model. Register one in Settings first.");
+				k.error("Choose a configured embedding model. Register one in Settings first.");
 				return;
 			}
 			try {
-				let e = await he({
+				let e = await _e({
 					name: Z.name.trim(),
 					description: Z.description.trim() || null,
 					embeddingModel: Z.embeddingModel,
@@ -70,19 +73,19 @@ var j = ({ isNew: j }) => {
 					chunkSize: Z.chunkSize,
 					chunkOverlap: Z.chunkOverlap
 				});
-				D.success(`Knowledge base "${e.name}" created`), W(`knowledge/${e.id}`);
+				k.success(`Knowledge base "${e.name}" created`), W(`knowledge/${e.id}`);
 			} catch (e) {
-				D.error(e instanceof Error ? e.message : "Failed to create knowledge base");
+				k.error(e instanceof Error ? e.message : "Failed to create knowledge base");
 			}
 		}
-	}, xe = async () => {
-		if (!M || !Z.name.trim()) {
-			D.error("Name is required");
+	}, Ce = async () => {
+		if (!P || !Z.name.trim()) {
+			k.error("Name is required");
 			return;
 		}
 		try {
-			await _e({
-				kbId: M,
+			await ye({
+				kbId: P,
 				input: {
 					name: Z.name.trim(),
 					description: Z.description.trim() || null,
@@ -90,21 +93,21 @@ var j = ({ isNew: j }) => {
 					chunkSize: Z.chunkSize,
 					chunkOverlap: Z.chunkOverlap
 				}
-			}), await K(), D.success("Knowledge base updated"), X(!1);
+			}), await K(), k.success("Knowledge base updated"), X(!1);
 		} catch (e) {
-			D.error(e instanceof Error ? e.message : "Failed to update knowledge base");
+			k.error(e instanceof Error ? e.message : "Failed to update knowledge base");
 		}
-	}, Se = async () => {
-		if (M) try {
-			await J(M), await K(), D.success("Re-indexing started");
+	}, we = async () => {
+		if (P) try {
+			await xe(P), await K(), k.success("Re-indexing started");
 		} catch (e) {
-			D.error(e instanceof Error ? e.message : "Failed to rebuild the index");
+			k.error(e instanceof Error ? e.message : "Failed to rebuild the index");
 		}
-	}, $ = (e) => /* @__PURE__ */ C(x, { children: [
-		/* @__PURE__ */ S(m, {
+	}, $ = (e) => /* @__PURE__ */ T(C, { children: [
+		/* @__PURE__ */ w(g, {
 			label: "Name",
 			required: !0,
-			children: /* @__PURE__ */ S(h, {
+			children: /* @__PURE__ */ w(_, {
 				placeholder: "e.g., Product Documentation",
 				value: Z.name,
 				onChange: (e) => Q({
@@ -113,9 +116,9 @@ var j = ({ isNew: j }) => {
 				})
 			})
 		}),
-		/* @__PURE__ */ S(m, {
+		/* @__PURE__ */ w(g, {
 			label: "Description",
-			children: /* @__PURE__ */ S(ie, {
+			children: /* @__PURE__ */ w(ie, {
 				placeholder: "What kind of knowledge will this store?",
 				value: Z.description,
 				onChange: (e) => Q({
@@ -125,11 +128,11 @@ var j = ({ isNew: j }) => {
 				rows: 3
 			})
 		}),
-		e && /* @__PURE__ */ C(m, {
+		e && /* @__PURE__ */ T(g, {
 			label: "Embedding Model",
 			required: !0,
 			children: [
-				/* @__PURE__ */ C("select", {
+				/* @__PURE__ */ T("select", {
 					className: "flex h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm",
 					"aria-label": "Embedding Model",
 					disabled: V || !!H,
@@ -142,10 +145,10 @@ var j = ({ isNew: j }) => {
 							embeddingDimensions: t?.dimensions ?? Z.embeddingDimensions
 						});
 					},
-					children: [/* @__PURE__ */ S("option", {
+					children: [/* @__PURE__ */ w("option", {
 						value: "",
 						children: "Choose a configured embedding model"
-					}), U.map((e) => /* @__PURE__ */ C("option", {
+					}), U.map((e) => /* @__PURE__ */ T("option", {
 						value: e.id,
 						children: [
 							e.label,
@@ -155,274 +158,283 @@ var j = ({ isNew: j }) => {
 						]
 					}, e.id))]
 				}),
-				V && /* @__PURE__ */ S("p", {
+				V && /* @__PURE__ */ w("p", {
 					role: "status",
 					children: "Loading configured embedding models…"
 				}),
-				H && /* @__PURE__ */ C("div", {
+				H && /* @__PURE__ */ T("div", {
 					role: "alert",
-					children: [/* @__PURE__ */ S("p", { children: "Could not load configured models. Try loading the catalog again." }), /* @__PURE__ */ S(f, {
+					children: [/* @__PURE__ */ w("p", { children: "Could not load configured models. Try loading the catalog again." }), /* @__PURE__ */ w(l, {
 						variant: "secondary",
 						onClick: () => {
-							I(), B();
+							R(), he();
 						},
 						children: "Retry model catalog"
 					})]
 				}),
-				!V && !H && U.length === 0 && /* @__PURE__ */ S("p", {
+				!V && !H && U.length === 0 && /* @__PURE__ */ w("p", {
 					className: "text-sm text-text-secondary",
 					children: "Register an embedding model with an active provider in Settings first."
 				})
 			]
 		}),
-		/* @__PURE__ */ C("div", {
+		/* @__PURE__ */ T("div", {
 			className: "grid grid-cols-3 gap-4",
 			children: [
-				/* @__PURE__ */ S(m, {
+				/* @__PURE__ */ w(g, {
 					label: "Chunking Strategy",
-					children: /* @__PURE__ */ S("select", {
+					children: /* @__PURE__ */ w("select", {
 						className: "flex h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm",
 						value: Z.chunkingStrategy,
 						onChange: (e) => Q({
 							...Z,
 							chunkingStrategy: e.target.value
 						}),
-						children: pe.map((e) => /* @__PURE__ */ S("option", {
+						children: pe.map((e) => /* @__PURE__ */ w("option", {
 							value: e,
 							children: e
 						}, e))
 					})
 				}),
-				/* @__PURE__ */ S(m, {
+				/* @__PURE__ */ w(g, {
 					label: "Chunk Size",
-					children: /* @__PURE__ */ S(h, {
+					children: /* @__PURE__ */ w(_, {
 						type: "number",
 						value: Z.chunkSize,
 						onChange: (e) => Q({
 							...Z,
-							chunkSize: A(e.target.value, O.chunkSize)
+							chunkSize: M(e.target.value, A.chunkSize)
 						})
 					})
 				}),
-				/* @__PURE__ */ S(m, {
+				/* @__PURE__ */ w(g, {
 					label: "Chunk Overlap",
-					children: /* @__PURE__ */ S(h, {
+					children: /* @__PURE__ */ w(_, {
 						type: "number",
 						value: Z.chunkOverlap,
 						onChange: (e) => Q({
 							...Z,
-							chunkOverlap: A(e.target.value, O.chunkOverlap)
+							chunkOverlap: M(e.target.value, A.chunkOverlap)
 						})
 					})
 				})
 			]
 		})
 	] });
-	return j ? /* @__PURE__ */ S(o, {
+	return N ? /* @__PURE__ */ w(c, {
 		title: "Create Knowledge Base",
 		description: "Set up an embedding index your agents can retrieve from",
-		actions: /* @__PURE__ */ C("div", {
+		actions: /* @__PURE__ */ T("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ S(f, {
+			children: [/* @__PURE__ */ w(l, {
 				variant: "outline",
 				onClick: () => W("knowledge"),
 				children: "Cancel"
-			}), /* @__PURE__ */ S(f, {
-				leftIcon: /* @__PURE__ */ S(T, { size: 16 }),
-				onClick: be,
-				isLoading: ge.loading,
+			}), /* @__PURE__ */ w(l, {
+				leftIcon: /* @__PURE__ */ w(D, { size: 16 }),
+				onClick: Se,
+				isLoading: ve.loading,
 				disabled: V || !!H || !Z.name.trim(),
 				children: "Create"
 			})]
 		}),
-		children: /* @__PURE__ */ S("div", {
+		children: /* @__PURE__ */ w("div", {
 			className: "max-w-3xl space-y-6",
-			children: /* @__PURE__ */ C(s, { children: [/* @__PURE__ */ C(u, { children: [/* @__PURE__ */ S(d, { children: "Index Configuration" }), /* @__PURE__ */ S(l, { children: "The embedding model and its vector width are fixed once documents are indexed." })] }), /* @__PURE__ */ S(c, {
+			children: /* @__PURE__ */ T(u, { children: [/* @__PURE__ */ T(p, { children: [/* @__PURE__ */ w(m, { children: "Index Configuration" }), /* @__PURE__ */ w(f, { children: "The embedding model and its vector width are fixed once documents are indexed." })] }), /* @__PURE__ */ w(d, {
 				className: "space-y-4",
 				children: $(!0)
 			})] })
 		})
-	}) : me ? /* @__PURE__ */ S(o, {
+	}) : ge ? /* @__PURE__ */ w(c, {
 		title: "Loading...",
-		children: /* @__PURE__ */ S("div", { className: "h-96 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" })
-	}) : G ? /* @__PURE__ */ S(o, {
-		title: /* @__PURE__ */ C("div", {
+		children: /* @__PURE__ */ w("div", { className: "h-96 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" })
+	}) : G ? /* @__PURE__ */ w(c, {
+		title: /* @__PURE__ */ T("div", {
 			className: "flex items-center gap-3",
-			children: [/* @__PURE__ */ S(f, {
+			children: [/* @__PURE__ */ w(l, {
 				variant: "ghost",
 				size: "icon",
 				onClick: () => W("knowledge"),
-				children: /* @__PURE__ */ S(ce, { size: 20 })
-			}), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ C("div", {
+				children: /* @__PURE__ */ w(ce, { size: 20 })
+			}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ S("span", { children: G.name }), /* @__PURE__ */ S(p, { status: G.indexStatus })]
-			}), G.description && /* @__PURE__ */ S("p", {
+				children: [/* @__PURE__ */ w("span", { children: G.name }), /* @__PURE__ */ w(h, { status: G.indexStatus })]
+			}), G.description && /* @__PURE__ */ w("p", {
 				className: "text-sm font-normal text-text-secondary",
 				children: G.description
 			})] })]
 		}),
-		actions: /* @__PURE__ */ C("div", {
+		actions: /* @__PURE__ */ T("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ S(f, {
-				variant: "outline",
-				leftIcon: /* @__PURE__ */ S(fe, { size: 16 }),
-				onClick: Se,
-				isLoading: ye.loading,
-				children: "Rebuild Index"
-			}), Y ? /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(f, {
+			children: [/* @__PURE__ */ w(s, {
+				permission: o.KNOWLEDGE_MANAGE,
+				children: /* @__PURE__ */ w(l, {
+					variant: "outline",
+					leftIcon: /* @__PURE__ */ w(fe, { size: 16 }),
+					onClick: we,
+					isLoading: J.loading,
+					children: "Rebuild Index"
+				})
+			}), Y ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(l, {
 				variant: "outline",
 				onClick: () => {
-					Q(k(G)), X(!1);
+					Q(j(G)), X(!1);
 				},
 				children: "Cancel"
-			}), /* @__PURE__ */ S(f, {
-				leftIcon: /* @__PURE__ */ S(T, { size: 16 }),
-				onClick: xe,
-				isLoading: ve.loading,
+			}), /* @__PURE__ */ w(l, {
+				leftIcon: /* @__PURE__ */ w(D, { size: 16 }),
+				onClick: Ce,
+				isLoading: be.loading,
 				children: "Save"
-			})] }) : /* @__PURE__ */ S(f, {
-				leftIcon: /* @__PURE__ */ S(E, { size: 16 }),
-				onClick: () => X(!0),
-				children: "Configure"
+			})] }) : /* @__PURE__ */ w(s, {
+				permission: o.KNOWLEDGE_UPDATE,
+				children: /* @__PURE__ */ w(l, {
+					leftIcon: /* @__PURE__ */ w(O, { size: 16 }),
+					onClick: () => X(!0),
+					children: "Configure"
+				})
 			})]
 		}),
-		children: /* @__PURE__ */ C("div", {
+		children: /* @__PURE__ */ T("div", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ S(b, {
-					icon: /* @__PURE__ */ S(w, { size: 18 }),
+				/* @__PURE__ */ w(S, {
+					icon: /* @__PURE__ */ w(E, { size: 18 }),
 					children: "This knowledge base is one searchable library your agents can draw on. Review how its documents are chunked and indexed, rebuild the index when content changes, and confirm it is healthy — so agents retrieve accurate, up-to-date passages and can cite them in their answers."
 				}),
-				/* @__PURE__ */ C("div", {
+				/* @__PURE__ */ T("div", {
 					className: "grid grid-cols-2 md:grid-cols-4 gap-4",
 					children: [
-						/* @__PURE__ */ C(y, {
+						/* @__PURE__ */ T(x, {
 							treatment: "glass",
 							glow: !0,
 							className: "p-6 text-center",
 							children: [
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ w("div", {
 									className: "p-3 rounded-full bg-action-primary-bg/10 w-fit mx-auto mb-2",
-									children: /* @__PURE__ */ S(w, { className: "h-5 w-5 text-primary" })
+									children: /* @__PURE__ */ w(E, { className: "h-5 w-5 text-primary" })
 								}),
-								/* @__PURE__ */ S("p", {
+								/* @__PURE__ */ w("p", {
 									className: "text-lg font-bold text-text-primary capitalize",
 									children: G.indexStatus.toLowerCase()
 								}),
-								/* @__PURE__ */ S("p", {
+								/* @__PURE__ */ w("p", {
 									className: "text-sm text-text-secondary",
 									children: "Index Status"
 								})
 							]
 						}),
-						/* @__PURE__ */ S(s, { children: /* @__PURE__ */ C(c, {
+						/* @__PURE__ */ w(u, { children: /* @__PURE__ */ T(d, {
 							className: "pt-6 text-center",
-							children: [/* @__PURE__ */ S("p", {
+							children: [/* @__PURE__ */ w("p", {
 								className: "text-3xl font-bold text-text-primary",
 								children: G.totalDocuments
-							}), /* @__PURE__ */ S("p", {
+							}), /* @__PURE__ */ w("p", {
 								className: "text-sm text-text-secondary",
 								children: "Documents"
 							})]
 						}) }),
-						/* @__PURE__ */ S(s, { children: /* @__PURE__ */ C(c, {
+						/* @__PURE__ */ w(u, { children: /* @__PURE__ */ T(d, {
 							className: "pt-6 text-center",
-							children: [/* @__PURE__ */ S("p", {
+							children: [/* @__PURE__ */ w("p", {
 								className: "text-3xl font-bold text-text-primary",
 								children: G.totalChunks
-							}), /* @__PURE__ */ S("p", {
+							}), /* @__PURE__ */ w("p", {
 								className: "text-sm text-text-secondary",
 								children: "Chunks"
 							})]
 						}) }),
-						/* @__PURE__ */ S(s, { children: /* @__PURE__ */ C(c, {
+						/* @__PURE__ */ w(u, { children: /* @__PURE__ */ T(d, {
 							className: "pt-6 text-center",
-							children: [/* @__PURE__ */ S("p", {
+							children: [/* @__PURE__ */ w("p", {
 								className: "text-3xl font-bold text-text-primary",
 								children: G.vectorCount
-							}), /* @__PURE__ */ S("p", {
+							}), /* @__PURE__ */ w("p", {
 								className: "text-sm text-text-secondary",
 								children: "Vectors"
 							})]
 						}) })
 					]
 				}),
-				/* @__PURE__ */ C(s, { children: [/* @__PURE__ */ C(u, { children: [/* @__PURE__ */ C(d, {
+				/* @__PURE__ */ T(u, { children: [/* @__PURE__ */ T(p, { children: [/* @__PURE__ */ T(m, {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ S(de, { size: 18 }), "Index Configuration"]
-				}), /* @__PURE__ */ S(l, { children: "How documents are embedded and split before they are indexed" })] }), /* @__PURE__ */ S(c, {
+					children: [/* @__PURE__ */ w(de, { size: 18 }), "Index Configuration"]
+				}), /* @__PURE__ */ w(f, { children: "How documents are embedded and split before they are indexed" })] }), /* @__PURE__ */ w(d, {
 					className: "space-y-4",
-					children: Y ? $(!1) : /* @__PURE__ */ C("div", {
+					children: Y ? $(!1) : /* @__PURE__ */ T("div", {
 						className: "grid grid-cols-2 md:grid-cols-3 gap-6",
 						children: [
-							/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+							/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 								className: "text-sm text-text-secondary",
 								children: "Embedding Model"
-							}), /* @__PURE__ */ S("p", {
+							}), /* @__PURE__ */ w("p", {
 								className: "font-medium font-mono text-sm",
 								children: G.embeddingModel
 							})] }),
-							/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+							/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 								className: "text-sm text-text-secondary",
 								children: "Dimensions"
-							}), /* @__PURE__ */ S("p", {
+							}), /* @__PURE__ */ w("p", {
 								className: "font-medium",
 								children: G.embeddingDimensions
 							})] }),
-							/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+							/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 								className: "text-sm text-text-secondary",
 								children: "Chunking Strategy"
-							}), /* @__PURE__ */ S("p", {
+							}), /* @__PURE__ */ w("p", {
 								className: "font-medium",
 								children: G.chunkingStrategy
 							})] }),
-							/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+							/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 								className: "text-sm text-text-secondary",
 								children: "Chunk Size"
-							}), /* @__PURE__ */ S("p", {
+							}), /* @__PURE__ */ w("p", {
 								className: "font-medium",
 								children: G.chunkSize
 							})] }),
-							/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+							/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 								className: "text-sm text-text-secondary",
 								children: "Chunk Overlap"
-							}), /* @__PURE__ */ S("p", {
+							}), /* @__PURE__ */ w("p", {
 								className: "font-medium",
 								children: G.chunkOverlap
 							})] }),
-							/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+							/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 								className: "text-sm text-text-secondary",
 								children: "Last Indexed"
-							}), /* @__PURE__ */ S("p", {
+							}), /* @__PURE__ */ w("p", {
 								className: "font-medium",
 								children: G.lastIndexedAt ? a(G.lastIndexedAt) : "Never"
 							})] })
 						]
 					})
 				})] }),
-				!j && M && /* @__PURE__ */ S(oe, { knowledgeBaseId: M }),
-				/* @__PURE__ */ C(s, { children: [/* @__PURE__ */ C(u, { children: [/* @__PURE__ */ C(d, {
+				!N && P && /* @__PURE__ */ w(s, {
+					permission: o.KNOWLEDGE_MANAGE,
+					children: /* @__PURE__ */ w(oe, { knowledgeBaseId: P })
+				}),
+				/* @__PURE__ */ T(u, { children: [/* @__PURE__ */ T(p, { children: [/* @__PURE__ */ T(m, {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ S(ue, { size: 18 }),
+						/* @__PURE__ */ w(ue, { size: 18 }),
 						"Documents (",
 						q.length,
 						")"
 					]
-				}), /* @__PURE__ */ S(l, { children: "Source documents indexed into this knowledge base" })] }), /* @__PURE__ */ S(c, {
+				}), /* @__PURE__ */ w(f, { children: "Source documents indexed into this knowledge base" })] }), /* @__PURE__ */ w(d, {
 					className: "p-0",
-					children: q.length > 0 ? /* @__PURE__ */ S("div", {
+					children: q.length > 0 ? /* @__PURE__ */ w("div", {
 						className: "divide-y divide-border-subtle",
-						children: q.map((e) => /* @__PURE__ */ C("div", {
+						children: q.map((e) => /* @__PURE__ */ T("div", {
 							className: "flex items-center justify-between gap-4 p-4",
-							children: [/* @__PURE__ */ C("div", {
+							children: [/* @__PURE__ */ T("div", {
 								className: "min-w-0",
 								children: [
-									/* @__PURE__ */ S("p", {
+									/* @__PURE__ */ w("p", {
 										className: "font-medium truncate",
 										children: e.title
 									}),
-									/* @__PURE__ */ C("p", {
+									/* @__PURE__ */ T("p", {
 										className: "text-sm text-text-secondary",
 										children: [
 											e.chunkCount,
@@ -430,42 +442,42 @@ var j = ({ isNew: j }) => {
 											a(e.addedAt)
 										]
 									}),
-									e.processingError && /* @__PURE__ */ S("p", {
+									e.processingError && /* @__PURE__ */ w("p", {
 										className: "mt-1 text-sm text-status-error-text",
 										children: e.processingError
 									})
 								]
-							}), /* @__PURE__ */ S(p, { status: e.status })]
+							}), /* @__PURE__ */ w(h, { status: e.status })]
 						}, e.id))
-					}) : /* @__PURE__ */ C("div", {
+					}) : /* @__PURE__ */ T("div", {
 						className: "p-8 text-center text-text-secondary",
-						children: [/* @__PURE__ */ S(le, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }), /* @__PURE__ */ S("p", { children: "No documents indexed yet" })]
+						children: [/* @__PURE__ */ w(le, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }), /* @__PURE__ */ w("p", { children: "No documents indexed yet" })]
 					})
 				})] }),
-				/* @__PURE__ */ C(s, { children: [/* @__PURE__ */ S(u, { children: /* @__PURE__ */ C(d, {
+				/* @__PURE__ */ T(u, { children: [/* @__PURE__ */ w(p, { children: /* @__PURE__ */ T(m, {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ S(E, { size: 18 }), "Metadata"]
-				}) }), /* @__PURE__ */ S(c, { children: /* @__PURE__ */ C("div", {
+					children: [/* @__PURE__ */ w(O, { size: 18 }), "Metadata"]
+				}) }), /* @__PURE__ */ w(d, { children: /* @__PURE__ */ T("div", {
 					className: "grid grid-cols-2 md:grid-cols-3 gap-6 text-sm",
 					children: [
-						/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+						/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 							className: "text-text-secondary",
 							children: "Created"
-						}), /* @__PURE__ */ S("p", {
+						}), /* @__PURE__ */ w("p", {
 							className: "font-medium",
 							children: a(G.createdAt)
 						})] }),
-						/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+						/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 							className: "text-text-secondary",
 							children: "Updated"
-						}), /* @__PURE__ */ S("p", {
+						}), /* @__PURE__ */ w("p", {
 							className: "font-medium",
 							children: a(G.updatedAt)
 						})] }),
-						/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+						/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 							className: "text-text-secondary",
 							children: "Last Indexed"
-						}), /* @__PURE__ */ S("p", {
+						}), /* @__PURE__ */ w("p", {
 							className: "font-medium",
 							children: G.lastIndexedAt ? a(G.lastIndexedAt) : "—"
 						})] })
@@ -473,13 +485,13 @@ var j = ({ isNew: j }) => {
 				}) })] })
 			]
 		})
-	}) : /* @__PURE__ */ S(o, {
+	}) : /* @__PURE__ */ w(c, {
 		title: "Knowledge Base Not Found",
-		children: /* @__PURE__ */ S(re, {
+		children: /* @__PURE__ */ w(re, {
 			illustration: "empty-files",
 			title: "Knowledge Base Not Found",
 			description: "This knowledge base doesn't exist.",
-			action: /* @__PURE__ */ S(f, {
+			action: /* @__PURE__ */ w(l, {
 				onClick: () => W("knowledge"),
 				children: "Back to Knowledge Bases"
 			})
@@ -487,6 +499,6 @@ var j = ({ isNew: j }) => {
 	});
 };
 //#endregion
-export { j as KnowledgeBaseDetailPage };
+export { N as KnowledgeBaseDetailPage };
 
 //# sourceMappingURL=KnowledgeBaseDetailPage.js.map