@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/components/docs/DocsSettingsPanel.js

@@ -0,0 +1,411 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { useDisableDocsBuildImageMutation as t, useListDocsBuildImagesQuery as ee, useRegisterDocsBuildImageMutation as n, useUpdateDocsSiteRuntimeMutation as r, useValidateDocsBuildImageMutation as i } from "../../generated/wspace-operations.js";
+import { useEffect as a, useState as o } from "react";
+import { Check as te, Globe as s, Loader2 as c, Lock as ne, Plus as re, X as ie, XCircle as ae } from "lucide-react";
+import { AnimatePresence as l, motion as u } from "framer-motion";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/components/docs/DocsSettingsPanel.tsx
+function m({ site: m, open: h, onClose: g, onSave: oe }) {
+	let _ = e(), [v, y] = o(m.name), [b, x] = o(m.visibility), S = m.docusaurusConfig, [C, w] = o(S.tagline || ""), T = S.themeConfig || {}, [E, D] = o((T.colorMode || {}).defaultMode || "light"), [O, k] = o(!1), [A, j] = o(m.runtime || "MANAGED"), [M, N] = o(m.buildImageId || null), [P, F] = o(!1), [I, L] = o(""), [R, z] = o(""), [B, V] = o(""), [H, U] = o("build"), [W, G] = o(""), [K, q] = o(!1), [J, Y] = o(null), { data: X, refetch: Z } = ee({ fetchPolicy: "cache-and-network" }), [se] = n(), [Q] = i(), [ce] = t(), [le] = r(), $ = X?.docsBuildImages?.items || [], ue = $.filter((e) => e.status === "APPROVED");
+	a(() => {
+		y(m.name), x(m.visibility);
+		let e = m.docusaurusConfig;
+		w(e.tagline || ""), D(((e.themeConfig || {}).colorMode || {}).defaultMode || "light"), j(m.runtime || "MANAGED"), N(m.buildImageId || null);
+	}, [m]), a(() => {
+		if (!h || !$.some((e) => e.status === "VALIDATING")) return;
+		let e = setInterval(() => {
+			Z();
+		}, 3e3);
+		return () => clearInterval(e);
+	}, [
+		h,
+		$,
+		Z
+	]);
+	let de = async () => {
+		k(!0), Y(null);
+		try {
+			await oe({
+				name: v,
+				visibility: b,
+				docusaurusConfig: {
+					...S,
+					title: v,
+					tagline: C,
+					themeConfig: {
+						...T,
+						colorMode: {
+							defaultMode: E,
+							disableSwitch: !1,
+							respectPrefersColorScheme: !0
+						}
+					}
+				}
+			}), await le({ variables: {
+				id: m.id,
+				runtime: A,
+				buildImageId: A === "CUSTOMER_IMAGE" ? M : null
+			} }), g();
+		} catch (e) {
+			Y(e.message);
+		} finally {
+			k(!1);
+		}
+	}, fe = async () => {
+		q(!0), Y(null);
+		try {
+			let { data: e } = await se({ variables: { input: {
+				name: I,
+				imageRef: R,
+				description: W || null,
+				buildCommand: B || null,
+				outputDir: H || "build"
+			} } }), t = e?.registerDocsBuildImage?.id;
+			t && await Q({ variables: { id: t } }), L(""), z(""), V(""), U("build"), G(""), F(!1), await Z();
+		} catch (e) {
+			Y(e.message);
+		} finally {
+			q(!1);
+		}
+	}, pe = async (e) => {
+		Y(null);
+		try {
+			await Q({ variables: { id: e } }), await Z();
+		} catch (e) {
+			Y(e.message);
+		}
+	}, me = async (e) => {
+		Y(null);
+		try {
+			await ce({ variables: { id: e } }), await Z();
+		} catch (e) {
+			Y(e.message);
+		}
+	}, he = (e) => {
+		let t = "inline-flex items-center gap-1 px-2 py-0.5 rounded text-[10px] font-medium";
+		return e === "APPROVED" ? /* @__PURE__ */ p("span", {
+			className: `${t} bg-status-success-bg text-status-success-text`,
+			children: [/* @__PURE__ */ f(te, { className: "w-3 h-3" }), "Approved"]
+		}) : e === "VALIDATING" ? /* @__PURE__ */ p("span", {
+			className: `${t} bg-status-info-bg text-status-info-text`,
+			children: [/* @__PURE__ */ f(c, { className: "w-3 h-3 animate-spin" }), "Validating"]
+		}) : e === "REJECTED" ? /* @__PURE__ */ p("span", {
+			className: `${t} bg-status-danger-bg text-status-danger-text`,
+			children: [/* @__PURE__ */ f(ae, { className: "w-3 h-3" }), "Rejected"]
+		}) : e === "DISABLED" ? /* @__PURE__ */ f("span", {
+			className: `${t} bg-bg-sunken text-text-muted`,
+			children: "Disabled"
+		}) : /* @__PURE__ */ f("span", {
+			className: `${t} bg-bg-sunken text-text-secondary`,
+			children: "Pending"
+		});
+	};
+	return /* @__PURE__ */ f(l, { children: h && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(u.div, {
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		className: "fixed inset-0 bg-bg-overlay z-40",
+		onClick: g
+	}), /* @__PURE__ */ p(u.div, {
+		initial: { x: "100%" },
+		animate: { x: 0 },
+		exit: { x: "100%" },
+		transition: {
+			type: "spring",
+			damping: 30,
+			stiffness: 300
+		},
+		className: "fixed right-0 top-0 bottom-0 w-[28rem] bg-bg-surface border-l border-border-default z-50 overflow-y-auto",
+		children: [/* @__PURE__ */ p("div", {
+			className: "p-4 border-b border-border-default flex items-center justify-between",
+			children: [/* @__PURE__ */ f("h3", {
+				className: "font-semibold text-text-primary",
+				children: _("vibecontrols.docs.settings.title", "Site Settings")
+			}), /* @__PURE__ */ f("button", {
+				onClick: g,
+				className: "p-1 text-text-secondary hover:text-text-primary",
+				children: /* @__PURE__ */ f(ie, { className: "w-5 h-5" })
+			})]
+		}), /* @__PURE__ */ p("div", {
+			className: "p-4 space-y-6",
+			children: [
+				/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+					className: "block text-sm font-medium text-text-secondary mb-1",
+					children: "Site Title"
+				}), /* @__PURE__ */ f("input", {
+					type: "text",
+					value: v,
+					onChange: (e) => y(e.target.value),
+					className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary text-sm focus:outline-none focus:ring-1 focus:ring-action-primary-bg"
+				})] }),
+				/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+					className: "block text-sm font-medium text-text-secondary mb-1",
+					children: "Tagline"
+				}), /* @__PURE__ */ f("input", {
+					type: "text",
+					value: C,
+					onChange: (e) => w(e.target.value),
+					className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary text-sm focus:outline-none focus:ring-1 focus:ring-action-primary-bg",
+					placeholder: "A brief tagline for your docs"
+				})] }),
+				/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+					className: "block text-sm font-medium text-text-secondary mb-2",
+					children: "Visibility"
+				}), /* @__PURE__ */ p("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ p("label", {
+						className: "flex items-center gap-3 p-3 bg-bg-sunken rounded-md cursor-pointer border border-border-default hover:border-action-primary-bg transition-colors",
+						children: [
+							/* @__PURE__ */ f("input", {
+								type: "radio",
+								name: "visibility",
+								value: "PRIVATE",
+								checked: b === "PRIVATE",
+								onChange: () => x("PRIVATE"),
+								className: "accent-action-primary-bg"
+							}),
+							/* @__PURE__ */ f(ne, { className: "w-4 h-4 text-text-secondary" }),
+							/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
+								className: "text-sm font-medium text-text-primary",
+								children: "Private"
+							}), /* @__PURE__ */ f("p", {
+								className: "text-xs text-text-muted",
+								children: "Signed URLs that expire periodically"
+							})] })
+						]
+					}), /* @__PURE__ */ p("label", {
+						className: "flex items-center gap-3 p-3 bg-bg-sunken rounded-md cursor-pointer border border-border-default hover:border-action-primary-bg transition-colors",
+						children: [
+							/* @__PURE__ */ f("input", {
+								type: "radio",
+								name: "visibility",
+								value: "PUBLIC",
+								checked: b === "PUBLIC",
+								onChange: () => x("PUBLIC"),
+								className: "accent-action-primary-bg"
+							}),
+							/* @__PURE__ */ f(s, { className: "w-4 h-4 text-text-secondary" }),
+							/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
+								className: "text-sm font-medium text-text-primary",
+								children: "Public"
+							}), /* @__PURE__ */ f("p", {
+								className: "text-xs text-text-muted",
+								children: "Static URL accessible to anyone"
+							})] })
+						]
+					})]
+				})] }),
+				/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+					className: "block text-sm font-medium text-text-secondary mb-2",
+					children: "Theme"
+				}), /* @__PURE__ */ f("div", {
+					className: "flex gap-2",
+					children: ["light", "dark"].map((e) => /* @__PURE__ */ f("button", {
+						onClick: () => D(e),
+						className: `flex-1 px-3 py-2 text-sm rounded-md border transition-colors ${E === e ? "bg-action-primary-bg text-action-primary-text border-action-primary-bg" : "bg-bg-sunken text-text-secondary border-border-default hover:border-action-primary-bg"}`,
+						children: e.charAt(0).toUpperCase() + e.slice(1)
+					}, e))
+				})] }),
+				/* @__PURE__ */ p("div", {
+					className: "pt-4 border-t border-border-default",
+					children: [
+						/* @__PURE__ */ f("label", {
+							className: "block text-sm font-medium text-text-secondary mb-2",
+							children: "Build runtime"
+						}),
+						/* @__PURE__ */ p("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ p("label", {
+								className: "flex items-start gap-3 p-3 bg-bg-sunken rounded-md cursor-pointer border border-border-default hover:border-action-primary-bg transition-colors",
+								children: [/* @__PURE__ */ f("input", {
+									type: "radio",
+									name: "runtime",
+									value: "MANAGED",
+									checked: A === "MANAGED",
+									onChange: () => j("MANAGED"),
+									className: "accent-action-primary-bg mt-1"
+								}), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
+									className: "text-sm font-medium text-text-primary",
+									children: "Managed (default)"
+								}), /* @__PURE__ */ f("p", {
+									className: "text-xs text-text-muted",
+									children: "Platform-provided Docusaurus image. No customization."
+								})] })]
+							}), /* @__PURE__ */ p("label", {
+								className: "flex items-start gap-3 p-3 bg-bg-sunken rounded-md cursor-pointer border border-border-default hover:border-action-primary-bg transition-colors",
+								children: [/* @__PURE__ */ f("input", {
+									type: "radio",
+									name: "runtime",
+									value: "CUSTOMER_IMAGE",
+									checked: A === "CUSTOMER_IMAGE",
+									onChange: () => j("CUSTOMER_IMAGE"),
+									className: "accent-action-primary-bg mt-1"
+								}), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
+									className: "text-sm font-medium text-text-primary",
+									children: "Custom image"
+								}), /* @__PURE__ */ f("p", {
+									className: "text-xs text-text-muted",
+									children: "Bring your own Docusaurus build image with themes, plugins, and presets."
+								})] })]
+							})]
+						}),
+						A === "CUSTOMER_IMAGE" && /* @__PURE__ */ p("div", {
+							className: "mt-3 space-y-3",
+							children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+								className: "block text-xs font-medium text-text-secondary mb-1",
+								children: "Select approved image"
+							}), /* @__PURE__ */ p("select", {
+								value: M ?? "",
+								onChange: (e) => N(e.target.value || null),
+								className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary text-sm focus:outline-none focus:ring-1 focus:ring-action-primary-bg",
+								children: [/* @__PURE__ */ f("option", {
+									value: "",
+									children: "— Select an image —"
+								}), ue.map((e) => /* @__PURE__ */ p("option", {
+									value: e.id,
+									children: [
+										e.name,
+										" (",
+										e.imageRef,
+										")"
+									]
+								}, e.id))]
+							})] }), /* @__PURE__ */ p("div", {
+								className: "border border-border-default rounded-md overflow-hidden",
+								children: [
+									/* @__PURE__ */ p("div", {
+										className: "p-2 bg-bg-sunken border-b border-border-default flex items-center justify-between",
+										children: [/* @__PURE__ */ p("span", {
+											className: "text-xs font-medium text-text-secondary",
+											children: [
+												"Build images (",
+												$.length,
+												")"
+											]
+										}), /* @__PURE__ */ p("button", {
+											onClick: () => F((e) => !e),
+											className: "text-xs text-action-primary-text-alt hover:underline flex items-center gap-1",
+											"data-testid": "docs-register-image-toggle",
+											children: [/* @__PURE__ */ f(re, { className: "w-3 h-3" }), P ? "Cancel" : "Register"]
+										})]
+									}),
+									P && /* @__PURE__ */ p("div", {
+										className: "p-3 space-y-2 bg-bg-base",
+										children: [
+											/* @__PURE__ */ f("input", {
+												type: "text",
+												value: I,
+												onChange: (e) => L(e.target.value),
+												placeholder: "Name (e.g. custom-theme)",
+												className: "w-full px-2 py-1 bg-bg-sunken border border-border-default rounded text-text-primary text-xs",
+												"data-testid": "docs-register-image-name"
+											}),
+											/* @__PURE__ */ f("input", {
+												type: "text",
+												value: R,
+												onChange: (e) => z(e.target.value),
+												placeholder: "harbor.tooling.internal.burdenoff.com/...",
+												className: "w-full px-2 py-1 bg-bg-sunken border border-border-default rounded text-text-primary text-xs",
+												"data-testid": "docs-register-image-ref"
+											}),
+											/* @__PURE__ */ f("input", {
+												type: "text",
+												value: B,
+												onChange: (e) => V(e.target.value),
+												placeholder: "Build command (default: npm install && npm run build)",
+												className: "w-full px-2 py-1 bg-bg-sunken border border-border-default rounded text-text-primary text-xs",
+												"data-testid": "docs-register-image-command"
+											}),
+											/* @__PURE__ */ f("input", {
+												type: "text",
+												value: H,
+												onChange: (e) => U(e.target.value),
+												placeholder: "Output dir (default: build)",
+												className: "w-full px-2 py-1 bg-bg-sunken border border-border-default rounded text-text-primary text-xs"
+											}),
+											/* @__PURE__ */ f("textarea", {
+												value: W,
+												onChange: (e) => G(e.target.value),
+												placeholder: "Description (optional)",
+												rows: 2,
+												className: "w-full px-2 py-1 bg-bg-sunken border border-border-default rounded text-text-primary text-xs"
+											}),
+											/* @__PURE__ */ f("button", {
+												onClick: fe,
+												disabled: K || !I || !R,
+												className: "w-full px-2 py-1 bg-action-primary-bg text-action-primary-text rounded text-xs hover:bg-action-primary-bg-hover disabled:opacity-50",
+												"data-testid": "docs-register-image-submit",
+												children: K ? "Registering…" : "Register & Validate"
+											})
+										]
+									}),
+									$.length === 0 ? /* @__PURE__ */ f("p", {
+										className: "text-xs text-text-muted p-3",
+										children: "No build images registered yet."
+									}) : /* @__PURE__ */ f("ul", {
+										className: "divide-y divide-border-default",
+										children: $.map((e) => /* @__PURE__ */ f("li", {
+											className: "p-2",
+											"data-testid": `docs-build-image-${e.id}`,
+											children: /* @__PURE__ */ p("div", {
+												className: "flex items-center justify-between gap-2",
+												children: [/* @__PURE__ */ p("div", {
+													className: "min-w-0 flex-1",
+													children: [
+														/* @__PURE__ */ f("p", {
+															className: "text-xs font-medium text-text-primary truncate",
+															children: e.name
+														}),
+														/* @__PURE__ */ f("p", {
+															className: "text-[10px] text-text-muted truncate",
+															title: e.imageRef,
+															children: e.imageRef
+														}),
+														e.lastValidationError && e.status === "REJECTED" && /* @__PURE__ */ f("p", {
+															className: "text-[10px] text-status-danger-text mt-1 line-clamp-3",
+															children: e.lastValidationError
+														})
+													]
+												}), /* @__PURE__ */ p("div", {
+													className: "flex flex-col items-end gap-1",
+													children: [he(e.status), /* @__PURE__ */ p("div", {
+														className: "flex gap-1",
+														children: [e.status !== "APPROVED" && e.status !== "VALIDATING" && /* @__PURE__ */ f("button", {
+															onClick: () => pe(e.id),
+															className: "text-[10px] text-action-primary-text-alt hover:underline",
+															"data-testid": `docs-validate-image-${e.id}`,
+															children: "Validate"
+														}), e.status === "APPROVED" && /* @__PURE__ */ f("button", {
+															onClick: () => me(e.id),
+															className: "text-[10px] text-text-muted hover:underline",
+															children: "Disable"
+														})]
+													})]
+												})]
+											})
+										}, e.id))
+									})
+								]
+							})]
+						})
+					]
+				}),
+				J && /* @__PURE__ */ f("div", {
+					className: "p-3 bg-status-danger-bg text-status-danger-text rounded-md text-xs",
+					children: J
+				}),
+				/* @__PURE__ */ f("button", {
+					onClick: de,
+					disabled: O || A === "CUSTOMER_IMAGE" && !M,
+					className: "w-full px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50",
+					"data-testid": "docs-settings-save",
+					children: O ? _("vibecontrols.docs.settings.saving", "Saving...") : _("vibecontrols.docs.settings.save", "Save Settings")
+				})
+			]
+		})]
+	})] }) });
+}
+//#endregion
+export { m as DocsSettingsPanel };
+
+//# sourceMappingURL=DocsSettingsPanel.js.map

package/dist/components/docs/DocsSettingsPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocsSettingsPanel.js","names":[],"sources":["../../../src/components/docs/DocsSettingsPanel.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { X, Globe, Lock, Plus, Check, XCircle, Loader2 } from 'lucide-react';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport {\n  useListDocsBuildImagesQuery,\n  useRegisterDocsBuildImageMutation,\n  useValidateDocsBuildImageMutation,\n  useDisableDocsBuildImageMutation,\n  useUpdateDocsSiteRuntimeMutation,\n} from '@/generated/wspace-operations';\nimport type { DocsSite } from './types';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface DocsBuildImage {\n  id: string;\n  name: string;\n  imageRef: string;\n  imageDigest?: string | null;\n  status: 'PENDING' | 'VALIDATING' | 'APPROVED' | 'REJECTED' | 'DISABLED';\n  buildCommand?: string | null;\n  outputDir?: string | null;\n  description?: string | null;\n  lastValidationError?: string | null;\n}\n\ninterface DocsSettingsPanelProps {\n  site: DocsSite;\n  open: boolean;\n  onClose: () => void;\n  onSave: (data: {\n    name?: string;\n    visibility?: 'PRIVATE' | 'PUBLIC';\n    docusaurusConfig?: Record<string, unknown>;\n  }) => Promise<void>;\n}\n\nexport function DocsSettingsPanel({ site, open, onClose, onSave }: DocsSettingsPanelProps) {\n  const tr = useTr();\n  const [name, setName] = useState(site.name);\n  const [visibility, setVisibility] = useState<'PRIVATE' | 'PUBLIC'>(site.visibility);\n  const config = site.docusaurusConfig as Record<string, unknown>;\n  const [tagline, setTagline] = useState((config.tagline as string) || '');\n  const themeConfig = (config.themeConfig || {}) as Record<string, unknown>;\n  const colorMode = (themeConfig.colorMode || {}) as Record<string, unknown>;\n  const [theme, setTheme] = useState<string>((colorMode.defaultMode as string) || 'light');\n  const [saving, setSaving] = useState(false);\n\n  const [runtime, setRuntime] = useState<'MANAGED' | 'CUSTOMER_IMAGE'>(\n    (site as any).runtime || 'MANAGED'\n  );\n  const [selectedImageId, setSelectedImageId] = useState<string | null>(\n    (site as any).buildImageId || null\n  );\n  const [showRegister, setShowRegister] = useState(false);\n  const [regName, setRegName] = useState('');\n  const [regImageRef, setRegImageRef] = useState('');\n  const [regBuildCommand, setRegBuildCommand] = useState('');\n  const [regOutputDir, setRegOutputDir] = useState('build');\n  const [regDescription, setRegDescription] = useState('');\n  const [registering, setRegistering] = useState(false);\n  const [actionError, setActionError] = useState<string | null>(null);\n\n  const { data: imagesData, refetch: refetchImages } = useListDocsBuildImagesQuery({\n    fetchPolicy: 'cache-and-network',\n  });\n  const [registerImage] = useRegisterDocsBuildImageMutation();\n  const [validateImage] = useValidateDocsBuildImageMutation();\n  const [disableImage] = useDisableDocsBuildImageMutation();\n  const [updateRuntime] = useUpdateDocsSiteRuntimeMutation();\n\n  const images = (imagesData?.docsBuildImages?.items || []) as DocsBuildImage[];\n  const approvedImages = images.filter((i) => i.status === 'APPROVED');\n\n  useEffect(() => {\n    setName(site.name);\n    setVisibility(site.visibility);\n    const cfg = site.docusaurusConfig as Record<string, unknown>;\n    setTagline((cfg.tagline as string) || '');\n    const tc = (cfg.themeConfig || {}) as Record<string, unknown>;\n    const cm = (tc.colorMode || {}) as Record<string, unknown>;\n    setTheme((cm.defaultMode as string) || 'light');\n    setRuntime(((site as any).runtime as 'MANAGED' | 'CUSTOMER_IMAGE') || 'MANAGED');\n    setSelectedImageId((site as any).buildImageId || null);\n  }, [site]);\n\n  // Poll during VALIDATING state so the UI reflects status transitions live.\n  useEffect(() => {\n    if (!open) return;\n    const hasValidating = images.some((i) => i.status === 'VALIDATING');\n    if (!hasValidating) return;\n    const interval = setInterval(() => {\n      void refetchImages();\n    }, 3000);\n    return () => clearInterval(interval);\n  }, [open, images, refetchImages]);\n\n  const handleSave = async () => {\n    setSaving(true);\n    setActionError(null);\n    try {\n      await onSave({\n        name,\n        visibility,\n        docusaurusConfig: {\n          ...config,\n          title: name,\n          tagline,\n          themeConfig: {\n            ...themeConfig,\n            colorMode: {\n              defaultMode: theme,\n              disableSwitch: false,\n              respectPrefersColorScheme: true,\n            },\n          },\n        },\n      });\n      await updateRuntime({\n        variables: {\n          id: site.id,\n          runtime: runtime as any,\n          buildImageId: runtime === 'CUSTOMER_IMAGE' ? selectedImageId : null,\n        },\n      });\n      onClose();\n    } catch (err) {\n      setActionError((err as Error).message);\n    } finally {\n      setSaving(false);\n    }\n  };\n\n  const handleRegister = async () => {\n    setRegistering(true);\n    setActionError(null);\n    try {\n      const { data } = await registerImage({\n        variables: {\n          input: {\n            name: regName,\n            imageRef: regImageRef,\n            description: regDescription || null,\n            buildCommand: regBuildCommand || null,\n            outputDir: regOutputDir || 'build',\n          },\n        },\n      });\n      const newId = (data as any)?.registerDocsBuildImage?.id;\n      if (newId) {\n        await validateImage({ variables: { id: newId } });\n      }\n      setRegName('');\n      setRegImageRef('');\n      setRegBuildCommand('');\n      setRegOutputDir('build');\n      setRegDescription('');\n      setShowRegister(false);\n      await refetchImages();\n    } catch (err) {\n      setActionError((err as Error).message);\n    } finally {\n      setRegistering(false);\n    }\n  };\n\n  const handleValidate = async (id: string) => {\n    setActionError(null);\n    try {\n      await validateImage({ variables: { id } });\n      await refetchImages();\n    } catch (err) {\n      setActionError((err as Error).message);\n    }\n  };\n\n  const handleDisable = async (id: string) => {\n    setActionError(null);\n    try {\n      await disableImage({ variables: { id } });\n      await refetchImages();\n    } catch (err) {\n      setActionError((err as Error).message);\n    }\n  };\n\n  const statusBadge = (status: DocsBuildImage['status']) => {\n    const base = 'inline-flex items-center gap-1 px-2 py-0.5 rounded text-[10px] font-medium';\n    if (status === 'APPROVED')\n      return (\n        <span className={`${base} bg-status-success-bg text-status-success-text`}>\n          <Check className=\"w-3 h-3\" />\n          Approved\n        </span>\n      );\n    if (status === 'VALIDATING')\n      return (\n        <span className={`${base} bg-status-info-bg text-status-info-text`}>\n          <Loader2 className=\"w-3 h-3 animate-spin\" />\n          Validating\n        </span>\n      );\n    if (status === 'REJECTED')\n      return (\n        <span className={`${base} bg-status-danger-bg text-status-danger-text`}>\n          <XCircle className=\"w-3 h-3\" />\n          Rejected\n        </span>\n      );\n    if (status === 'DISABLED')\n      return <span className={`${base} bg-bg-sunken text-text-muted`}>Disabled</span>;\n    return <span className={`${base} bg-bg-sunken text-text-secondary`}>Pending</span>;\n  };\n\n  return (\n    <AnimatePresence>\n      {open && (\n        <>\n          <motion.div\n            initial={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n            exit={{ opacity: 0 }}\n            className=\"fixed inset-0 bg-bg-overlay z-40\"\n            onClick={onClose}\n          />\n          <motion.div\n            initial={{ x: '100%' }}\n            animate={{ x: 0 }}\n            exit={{ x: '100%' }}\n            transition={{ type: 'spring', damping: 30, stiffness: 300 }}\n            className=\"fixed right-0 top-0 bottom-0 w-[28rem] bg-bg-surface border-l border-border-default z-50 overflow-y-auto\"\n          >\n            <div className=\"p-4 border-b border-border-default flex items-center justify-between\">\n              <h3 className=\"font-semibold text-text-primary\">\n                {tr('vibecontrols.docs.settings.title', 'Site Settings')}\n              </h3>\n              <button onClick={onClose} className=\"p-1 text-text-secondary hover:text-text-primary\">\n                <X className=\"w-5 h-5\" />\n              </button>\n            </div>\n\n            <div className=\"p-4 space-y-6\">\n              <div>\n                <label className=\"block text-sm font-medium text-text-secondary mb-1\">\n                  Site Title\n                </label>\n                <input\n                  type=\"text\"\n                  value={name}\n                  onChange={(e) => setName(e.target.value)}\n                  className=\"w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary text-sm focus:outline-none focus:ring-1 focus:ring-action-primary-bg\"\n                />\n              </div>\n\n              <div>\n                <label className=\"block text-sm font-medium text-text-secondary mb-1\">\n                  Tagline\n                </label>\n                <input\n                  type=\"text\"\n                  value={tagline}\n                  onChange={(e) => setTagline(e.target.value)}\n                  className=\"w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary text-sm focus:outline-none focus:ring-1 focus:ring-action-primary-bg\"\n                  placeholder=\"A brief tagline for your docs\"\n                />\n              </div>\n\n              <div>\n                <label className=\"block text-sm font-medium text-text-secondary mb-2\">\n                  Visibility\n                </label>\n                <div className=\"space-y-2\">\n                  <label className=\"flex items-center gap-3 p-3 bg-bg-sunken rounded-md cursor-pointer border border-border-default hover:border-action-primary-bg transition-colors\">\n                    <input\n                      type=\"radio\"\n                      name=\"visibility\"\n                      value=\"PRIVATE\"\n                      checked={visibility === 'PRIVATE'}\n                      onChange={() => setVisibility('PRIVATE')}\n                      className=\"accent-action-primary-bg\"\n                    />\n                    <Lock className=\"w-4 h-4 text-text-secondary\" />\n                    <div>\n                      <p className=\"text-sm font-medium text-text-primary\">Private</p>\n                      <p className=\"text-xs text-text-muted\">\n                        Signed URLs that expire periodically\n                      </p>\n                    </div>\n                  </label>\n                  <label className=\"flex items-center gap-3 p-3 bg-bg-sunken rounded-md cursor-pointer border border-border-default hover:border-action-primary-bg transition-colors\">\n                    <input\n                      type=\"radio\"\n                      name=\"visibility\"\n                      value=\"PUBLIC\"\n                      checked={visibility === 'PUBLIC'}\n                      onChange={() => setVisibility('PUBLIC')}\n                      className=\"accent-action-primary-bg\"\n                    />\n                    <Globe className=\"w-4 h-4 text-text-secondary\" />\n                    <div>\n                      <p className=\"text-sm font-medium text-text-primary\">Public</p>\n                      <p className=\"text-xs text-text-muted\">Static URL accessible to anyone</p>\n                    </div>\n                  </label>\n                </div>\n              </div>\n\n              <div>\n                <label className=\"block text-sm font-medium text-text-secondary mb-2\">Theme</label>\n                <div className=\"flex gap-2\">\n                  {(['light', 'dark'] as const).map((t) => (\n                    <button\n                      key={t}\n                      onClick={() => setTheme(t)}\n                      className={`flex-1 px-3 py-2 text-sm rounded-md border transition-colors ${\n                        theme === t\n                          ? 'bg-action-primary-bg text-action-primary-text border-action-primary-bg'\n                          : 'bg-bg-sunken text-text-secondary border-border-default hover:border-action-primary-bg'\n                      }`}\n                    >\n                      {t.charAt(0).toUpperCase() + t.slice(1)}\n                    </button>\n                  ))}\n                </div>\n              </div>\n\n              <div className=\"pt-4 border-t border-border-default\">\n                <label className=\"block text-sm font-medium text-text-secondary mb-2\">\n                  Build runtime\n                </label>\n                <div className=\"space-y-2\">\n                  <label className=\"flex items-start gap-3 p-3 bg-bg-sunken rounded-md cursor-pointer border border-border-default hover:border-action-primary-bg transition-colors\">\n                    <input\n                      type=\"radio\"\n                      name=\"runtime\"\n                      value=\"MANAGED\"\n                      checked={runtime === 'MANAGED'}\n                      onChange={() => setRuntime('MANAGED')}\n                      className=\"accent-action-primary-bg mt-1\"\n                    />\n                    <div>\n                      <p className=\"text-sm font-medium text-text-primary\">Managed (default)</p>\n                      <p className=\"text-xs text-text-muted\">\n                        Platform-provided Docusaurus image. No customization.\n                      </p>\n                    </div>\n                  </label>\n                  <label className=\"flex items-start gap-3 p-3 bg-bg-sunken rounded-md cursor-pointer border border-border-default hover:border-action-primary-bg transition-colors\">\n                    <input\n                      type=\"radio\"\n                      name=\"runtime\"\n                      value=\"CUSTOMER_IMAGE\"\n                      checked={runtime === 'CUSTOMER_IMAGE'}\n                      onChange={() => setRuntime('CUSTOMER_IMAGE')}\n                      className=\"accent-action-primary-bg mt-1\"\n                    />\n                    <div>\n                      <p className=\"text-sm font-medium text-text-primary\">Custom image</p>\n                      <p className=\"text-xs text-text-muted\">\n                        Bring your own Docusaurus build image with themes, plugins, and presets.\n                      </p>\n                    </div>\n                  </label>\n                </div>\n\n                {runtime === 'CUSTOMER_IMAGE' && (\n                  <div className=\"mt-3 space-y-3\">\n                    <div>\n                      <label className=\"block text-xs font-medium text-text-secondary mb-1\">\n                        Select approved image\n                      </label>\n                      <select\n                        value={selectedImageId ?? ''}\n                        onChange={(e) => setSelectedImageId(e.target.value || null)}\n                        className=\"w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary text-sm focus:outline-none focus:ring-1 focus:ring-action-primary-bg\"\n                      >\n                        <option value=\"\">— Select an image —</option>\n                        {approvedImages.map((img) => (\n                          <option key={img.id} value={img.id}>\n                            {img.name} ({img.imageRef})\n                          </option>\n                        ))}\n                      </select>\n                    </div>\n\n                    <div className=\"border border-border-default rounded-md overflow-hidden\">\n                      <div className=\"p-2 bg-bg-sunken border-b border-border-default flex items-center justify-between\">\n                        <span className=\"text-xs font-medium text-text-secondary\">\n                          Build images ({images.length})\n                        </span>\n                        <button\n                          onClick={() => setShowRegister((v) => !v)}\n                          className=\"text-xs text-action-primary-text-alt hover:underline flex items-center gap-1\"\n                          data-testid=\"docs-register-image-toggle\"\n                        >\n                          <Plus className=\"w-3 h-3\" />\n                          {showRegister ? 'Cancel' : 'Register'}\n                        </button>\n                      </div>\n\n                      {showRegister && (\n                        <div className=\"p-3 space-y-2 bg-bg-base\">\n                          <input\n                            type=\"text\"\n                            value={regName}\n                            onChange={(e) => setRegName(e.target.value)}\n                            placeholder=\"Name (e.g. custom-theme)\"\n                            className=\"w-full px-2 py-1 bg-bg-sunken border border-border-default rounded text-text-primary text-xs\"\n                            data-testid=\"docs-register-image-name\"\n                          />\n                          <input\n                            type=\"text\"\n                            value={regImageRef}\n                            onChange={(e) => setRegImageRef(e.target.value)}\n                            placeholder=\"harbor.tooling.internal.burdenoff.com/...\"\n                            className=\"w-full px-2 py-1 bg-bg-sunken border border-border-default rounded text-text-primary text-xs\"\n                            data-testid=\"docs-register-image-ref\"\n                          />\n                          <input\n                            type=\"text\"\n                            value={regBuildCommand}\n                            onChange={(e) => setRegBuildCommand(e.target.value)}\n                            placeholder=\"Build command (default: npm install && npm run build)\"\n                            className=\"w-full px-2 py-1 bg-bg-sunken border border-border-default rounded text-text-primary text-xs\"\n                            data-testid=\"docs-register-image-command\"\n                          />\n                          <input\n                            type=\"text\"\n                            value={regOutputDir}\n                            onChange={(e) => setRegOutputDir(e.target.value)}\n                            placeholder=\"Output dir (default: build)\"\n                            className=\"w-full px-2 py-1 bg-bg-sunken border border-border-default rounded text-text-primary text-xs\"\n                          />\n                          <textarea\n                            value={regDescription}\n                            onChange={(e) => setRegDescription(e.target.value)}\n                            placeholder=\"Description (optional)\"\n                            rows={2}\n                            className=\"w-full px-2 py-1 bg-bg-sunken border border-border-default rounded text-text-primary text-xs\"\n                          />\n                          <button\n                            onClick={handleRegister}\n                            disabled={registering || !regName || !regImageRef}\n                            className=\"w-full px-2 py-1 bg-action-primary-bg text-action-primary-text rounded text-xs hover:bg-action-primary-bg-hover disabled:opacity-50\"\n                            data-testid=\"docs-register-image-submit\"\n                          >\n                            {registering ? 'Registering…' : 'Register & Validate'}\n                          </button>\n                        </div>\n                      )}\n\n                      {images.length === 0 ? (\n                        <p className=\"text-xs text-text-muted p-3\">\n                          No build images registered yet.\n                        </p>\n                      ) : (\n                        <ul className=\"divide-y divide-border-default\">\n                          {images.map((img) => (\n                            <li\n                              key={img.id}\n                              className=\"p-2\"\n                              data-testid={`docs-build-image-${img.id}`}\n                            >\n                              <div className=\"flex items-center justify-between gap-2\">\n                                <div className=\"min-w-0 flex-1\">\n                                  <p className=\"text-xs font-medium text-text-primary truncate\">\n                                    {img.name}\n                                  </p>\n                                  <p\n                                    className=\"text-[10px] text-text-muted truncate\"\n                                    title={img.imageRef}\n                                  >\n                                    {img.imageRef}\n                                  </p>\n                                  {img.lastValidationError && img.status === 'REJECTED' && (\n                                    <p className=\"text-[10px] text-status-danger-text mt-1 line-clamp-3\">\n                                      {img.lastValidationError}\n                                    </p>\n                                  )}\n                                </div>\n                                <div className=\"flex flex-col items-end gap-1\">\n                                  {statusBadge(img.status)}\n                                  <div className=\"flex gap-1\">\n                                    {img.status !== 'APPROVED' && img.status !== 'VALIDATING' && (\n                                      <button\n                                        onClick={() => handleValidate(img.id)}\n                                        className=\"text-[10px] text-action-primary-text-alt hover:underline\"\n                                        data-testid={`docs-validate-image-${img.id}`}\n                                      >\n                                        Validate\n                                      </button>\n                                    )}\n                                    {img.status === 'APPROVED' && (\n                                      <button\n                                        onClick={() => handleDisable(img.id)}\n                                        className=\"text-[10px] text-text-muted hover:underline\"\n                                      >\n                                        Disable\n                                      </button>\n                                    )}\n                                  </div>\n                                </div>\n                              </div>\n                            </li>\n                          ))}\n                        </ul>\n                      )}\n                    </div>\n                  </div>\n                )}\n              </div>\n\n              {actionError && (\n                <div className=\"p-3 bg-status-danger-bg text-status-danger-text rounded-md text-xs\">\n                  {actionError}\n                </div>\n              )}\n\n              <button\n                onClick={handleSave}\n                disabled={saving || (runtime === 'CUSTOMER_IMAGE' && !selectedImageId)}\n                className=\"w-full px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50\"\n                data-testid=\"docs-settings-save\"\n              >\n                {saving\n                  ? tr('vibecontrols.docs.settings.saving', 'Saving...')\n                  : tr('vibecontrols.docs.settings.save', 'Save Settings')}\n              </button>\n            </div>\n          </motion.div>\n        </>\n      )}\n    </AnimatePresence>\n  );\n}\n"],"mappings":"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"}

package/dist/components/docs/DocsTabPanel.d.ts

@@ -0,0 +1,8 @@
+interface DocsTabPanelProps {
+    vibeId?: string;
+    ownerType?: string;
+    ownerId?: string;
+}
+export declare function DocsTabPanel({ vibeId, ownerType, ownerId }: DocsTabPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DocsTabPanel.d.ts.map

package/dist/components/docs/DocsTabPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocsTabPanel.d.ts","sourceRoot":"","sources":["../../../src/components/docs/DocsTabPanel.tsx"],"names":[],"mappings":"AAuBA,UAAU,iBAAiB;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,iBAAiB,2CA2P7E"}

package/dist/components/docs/DocsTabPanel.js

@@ -0,0 +1,155 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { useCompileDocsSiteMutation as t, useCreateDocsPageMutation as n, useCreateDocsSiteMutation as r, useDeleteDocsPageMutation as i, useDocsContentQuery as a, useGetDocsRevisionLazyQuery as o, useGetDocsSiteQuery as s, useUpdateDocsPageMutation as c, useUpdateDocsSiteMutation as l, useUpdateDocsSiteVisibilityMutation as ee } from "../../generated/wspace-operations.js";
+import { useVibeNavigate as te } from "../../providers/VibeControlsProvider.js";
+import { LoadingState as ne } from "../shared/LoadingState.js";
+import { ErrorState as u } from "../shared/ErrorState.js";
+import { QuotaExhaustedDialog as d } from "../shared/QuotaExhaustedDialog.js";
+import { isQuotaExhaustedError as f } from "../../utils/quotaUtils.js";
+import "../shared/index.js";
+import { DocsEmptyState as p } from "./DocsEmptyState.js";
+import { DocsPreviewPanel as m } from "./DocsPreviewPanel.js";
+import { DocsEditPanel as h } from "./DocsEditPanel.js";
+import { useState as g } from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { resolveGatewayUrls as b } from "@burdenoff/fe-libs/shared/config";
+//#region src/components/docs/DocsTabPanel.tsx
+function x({ vibeId: x, ownerType: S, ownerId: C }) {
+	let w = e(), T = S || "VIBE", E = C || x || "", [D, O] = g("preview"), [k, A] = g(null), [j, M] = g(!1), N = te(), [P, F] = g(!1), { data: I, loading: L, error: R, refetch: z } = s({
+		variables: {
+			ownerType: T,
+			ownerId: E
+		},
+		skip: !E,
+		fetchPolicy: "cache-and-network"
+	}), B = I?.vibecontrolsDocsSiteByOwner ?? null, V = B?.pages || [], { data: H, loading: re, refetch: U } = a({
+		variables: {
+			siteId: B?.id || "",
+			path: ""
+		},
+		skip: !B?.id || !B.currentRevisionId,
+		fetchPolicy: "network-only"
+	}), W = H?.docsContent?.html ?? null, G = b(), K = B?.workspaceId ? `${G.workspaceBaseUrl}/workspaces/static/${B.workspaceId}/docs/${E}/` : null, [q, { loading: J }] = r(), [Y] = l(), [X] = ee(), [ie] = n(), [ae] = c(), [oe] = i(), [se] = t(), [ce] = o({ fetchPolicy: "network-only" }), Z = async () => {
+		try {
+			await q({ variables: { input: {
+				ownerType: T,
+				ownerId: E,
+				name: "Documentation"
+			} } }), await z(), O("edit");
+		} catch (e) {
+			if (f(e)) {
+				F(!0);
+				return;
+			}
+			throw e;
+		}
+	}, le = async (e, t) => {
+		await ae({ variables: {
+			id: e,
+			input: t
+		} });
+	}, ue = async (e, t) => {
+		if (!B) return;
+		let n = V.length, r = `page-${n + 1}`;
+		await ie({ variables: { input: {
+			siteId: B.id,
+			parentId: e || null,
+			slug: r,
+			title: `New Page ${n + 1}`,
+			content: "# New Page\n\nStart writing here...",
+			status: "DRAFT",
+			sidebarPosition: n,
+			category: t || null
+		} } }), await z();
+	}, de = async (e) => {
+		confirm("Delete this page?") && (await oe({ variables: { id: e } }), await z());
+	}, Q = async () => {
+		if (B) {
+			M(!0);
+			try {
+				let { data: e } = await se({ variables: {
+					siteId: B.id,
+					publish: !0
+				} });
+				e?.compileDocsSite && A(e.compileDocsSite);
+			} finally {}
+		}
+	}, $ = async (e) => {
+		let { data: t } = await ce({ variables: { id: e } }), n = t?.docsRevision;
+		return n && (A(n), [
+			"SUCCEEDED",
+			"PUBLISHED",
+			"FAILED"
+		].includes(n.status) && (M(!1), (n.status === "PUBLISHED" || n.status === "SUCCEEDED") && (await z(), await U()))), n;
+	};
+	return L && !B ? /* @__PURE__ */ v(ne, { message: w("vibecontrols.docs.tab.loading", "Loading documentation...") }) : R && !B ? /* @__PURE__ */ v(u, {
+		title: w("vibecontrols.docs.tab.loadFailed", "Failed to load docs"),
+		message: R.message,
+		onRetry: () => z()
+	}) : B ? D === "edit" ? /* @__PURE__ */ v(h, {
+		site: B,
+		pages: V,
+		onBack: () => O("preview"),
+		onSavePage: le,
+		onAddPage: ue,
+		onDeletePage: de,
+		onCompile: Q,
+		onSaveSettings: async (e) => {
+			if (!B) return;
+			e.visibility && e.visibility !== B.visibility && await X({ variables: {
+				id: B.id,
+				visibility: e.visibility
+			} });
+			let t = {
+				name: e.name,
+				docusaurusConfig: e.docusaurusConfig
+			};
+			Object.keys(t).length > 0 && await Y({ variables: {
+				id: B.id,
+				input: t
+			} }), await z();
+		},
+		compileRevision: k,
+		onPollRevision: $,
+		compiling: j
+	}) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(m, {
+		site: B,
+		docsBaseUrl: B.currentRevisionId && !re && !W && K ? K : null,
+		docsHtml: B.currentRevisionId ? W : null,
+		onEdit: () => O("edit"),
+		onCompile: Q,
+		onSettings: () => O("edit"),
+		onOpenFullScreen: () => {
+			N(`/${{
+				VIBE: "vibes",
+				CATALOG: "catalog",
+				COMPONENT: "components"
+			}[T] || "vibes"}/${E}/docs`);
+		},
+		compileRevision: k,
+		onPollRevision: $,
+		compiling: j
+	}), /* @__PURE__ */ v(d, {
+		isOpen: P,
+		onClose: () => F(!1),
+		onConfirm: () => {
+			F(!1), N("/billing");
+		},
+		title: "Docs Site Quota Reached",
+		message: "You have reached the documentation site limit for your current plan. Upgrade to create more docs sites."
+	})] }) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(p, {
+		onCreate: Z,
+		loading: J
+	}), /* @__PURE__ */ v(d, {
+		isOpen: P,
+		onClose: () => F(!1),
+		onConfirm: () => {
+			F(!1), N("/billing");
+		},
+		title: "Docs Site Quota Reached",
+		message: "You have reached the documentation site limit for your current plan. Upgrade to create more docs sites."
+	})] });
+}
+//#endregion
+export { x as DocsTabPanel };
+
+//# sourceMappingURL=DocsTabPanel.js.map