@burdenoff/microfe-vibecontrols 2026.531.14 → 2026.531.15

package/dist/components/docs/DocsTabPanel.js

@@ -1,46 +1,46 @@
-import { useCompileDocsSiteMutation as e, useCreateDocsPageMutation as t, useCreateDocsSiteMutation as n, useDeleteDocsPageMutation as r, useDeleteDocsSiteMutation as i, useDocsContentQuery as a, useGenerateDocsSignedUrlMutation as ee, useGetDocsRevisionLazyQuery as te, useGetDocsSiteQuery as ne, useRollbackDocsRevisionMutation as re, useUpdateDocsPageMutation as ie, useUpdateDocsSiteMutation as o, useUpdateDocsSiteVisibilityMutation as s } from "../../generated/wspace-operations.js";
-import { useTr as c } from "../../shared/hooks/useTr.js";
-import { QuotaExhaustedDialog as l } from "../shared/QuotaExhaustedDialog.js";
-import { isQuotaExhaustedError as u, markQuotaHandledLocally as d } from "../../utils/quotaUtils.js";
-import { useVibeNavigate as f } from "../../providers/VibeControlsProvider.js";
-import { LoadingState as p } from "../shared/LoadingState.js";
-import { ErrorState as m } from "../shared/ErrorState.js";
+import { useCompileDocsSiteMutation as e, useCreateDocsPageMutation as t, useCreateDocsSiteMutation as n, useDeleteDocsPageMutation as r, useDeleteDocsSiteMutation as ee, useDocsContentQuery as te, useGenerateDocsSignedUrlMutation as ne, useGetDocsRevisionLazyQuery as i, useGetDocsSiteQuery as a, useRollbackDocsRevisionMutation as re, useUpdateDocsPageMutation as ie, useUpdateDocsSiteMutation as ae, useUpdateDocsSiteVisibilityMutation as oe } from "../../generated/wspace-operations.js";
+import { useTr as se } from "../../shared/hooks/useTr.js";
+import { QuotaExhaustedDialog as o } from "../shared/QuotaExhaustedDialog.js";
+import { getQuotaDialogContent as s, isQuotaExhaustedError as c, markQuotaHandledLocally as l } from "../../utils/quotaUtils.js";
+import { useVibeNavigate as u } from "../../providers/VibeControlsProvider.js";
+import { LoadingState as d } from "../shared/LoadingState.js";
+import { ErrorState as f } from "../shared/ErrorState.js";
 import "../shared/index.js";
-import { DocsEmptyState as h } from "./DocsEmptyState.js";
-import { DocsPreviewPanel as g } from "./DocsPreviewPanel.js";
-import { DocsEditPanel as _ } from "./DocsEditPanel.js";
-import { useEffect as v, useRef as y, useState as b } from "react";
-import { AlertCircle as ae, X as oe } from "lucide-react";
+import { DocsEmptyState as p } from "./DocsEmptyState.js";
+import { DocsPreviewPanel as m } from "./DocsPreviewPanel.js";
+import { DocsEditPanel as h } from "./DocsEditPanel.js";
+import { useEffect as g, useRef as _, useState as v } from "react";
+import { AlertCircle as y, X as b } from "lucide-react";
 import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { resolveGatewayUrls as se } from "@burdenoff/fe-libs/shared/config";
+import { resolveGatewayUrls as ce } from "@burdenoff/fe-libs/shared/config";
 //#region src/components/docs/DocsTabPanel.tsx
-function w({ vibeId: w, ownerType: ce, ownerId: le }) {
-	let T = c(), E = ce || "VIBE", D = le || w || "", [O, k] = b("preview"), [A, j] = b(null), [M, N] = b(!1), [P, F] = b(null), [I, L] = b(""), [R, z] = b(null), B = f(), [V, H] = b(!1), { data: U, loading: W, error: G, refetch: K } = ne({
+function w({ vibeId: w, ownerType: le, ownerId: ue }) {
+	let T = se(), E = le || "VIBE", D = ue || w || "", [de, O] = v("preview"), [k, A] = v(null), [j, M] = v(!1), [N, P] = v(null), [F, I] = v(""), [L, R] = v(null), z = u(), [B, V] = v(!1), [H, U] = v(!1), { data: fe, loading: pe, error: W, refetch: G } = a({
 		variables: {
 			ownerType: E,
 			ownerId: D
 		},
 		skip: !D,
 		fetchPolicy: "cache-and-network"
-	}), q = U?.vibecontrolsDocsSiteByOwner ?? null, J = q?.pages || [], { data: ue, loading: de, refetch: fe } = a({
+	}), K = fe?.vibecontrolsDocsSiteByOwner ?? null, q = K?.pages || [], { data: me, loading: he, refetch: ge } = te({
 		variables: {
-			siteId: q?.id || "",
-			path: I
+			siteId: K?.id || "",
+			path: F
 		},
-		skip: !q?.id || !q.currentRevisionId,
+		skip: !K?.id || !K.currentRevisionId,
 		fetchPolicy: "network-only"
-	}), pe = ue?.docsContent?.html ?? null, Y = y(void 0);
-	v(() => {
-		let e = q?.currentRevisionId ?? null;
-		if (Y.current === void 0) {
-			Y.current = e;
+	}), _e = me?.docsContent?.html ?? null, J = _(void 0);
+	g(() => {
+		let e = K?.currentRevisionId ?? null;
+		if (J.current === void 0) {
+			J.current = e;
 			return;
 		}
-		e && e !== Y.current && (Y.current = e, fe());
-	}, [q?.currentRevisionId]);
-	let me = se(), he = q?.workspaceId ? `${me.workspaceBaseUrl}/workspaces/static/${q.workspaceId}/docs/${D}/` : null, [ge, { loading: _e }] = n(), [ve] = o(), [ye] = s(), [be, { loading: xe }] = t(), [Se] = ie(), [Ce] = r(), [we] = e(), [Te] = ee(), [Ee] = re(), [De] = i(), [Oe] = te({ fetchPolicy: "network-only" }), ke = async (e = "DOCUSAURUS") => {
+		e && e !== J.current && (J.current = e, ge());
+	}, [K?.currentRevisionId]);
+	let ve = ce(), ye = K?.workspaceId ? `${ve.workspaceBaseUrl}/workspaces/static/${K.workspaceId}/docs/${D}/` : null, [be, { loading: xe }] = n(), [Se] = ae(), [Ce] = oe(), [we, { loading: Te }] = t(), [Ee] = ie(), [De] = r(), [Oe] = e(), [ke] = ne(), [Ae] = re(), [je] = ee(), [Y] = i({ fetchPolicy: "network-only" }), Me = async (e = "DOCUSAURUS") => {
 		try {
-			await ge({
+			await be({
 				variables: { input: {
 					ownerType: E,
 					ownerId: D,
@@ -49,24 +49,24 @@ function w({ vibeId: w, ownerType: ce, ownerId: le }) {
 				} },
 				refetchQueries: ["GetDocsSite"],
 				awaitRefetchQueries: !0
-			}), k("edit");
+			}), O("edit");
 		} catch (e) {
-			if (u(e)) {
-				d(), H(!0);
+			if (c(e)) {
+				l(), V(!0);
 				return;
 			}
 			throw e;
 		}
-	}, Ae = async (e, t) => {
-		await Se({ variables: {
+	}, Ne = async (e, t) => {
+		await Ee({ variables: {
 			id: e,
 			input: t
 		} });
-	}, X = async (e, t) => {
-		if (!q) return;
-		let n = J.length, r = `page-${n + 1}`;
-		await be({ variables: { input: {
-			siteId: q.id,
+	}, Pe = async (e, t) => {
+		if (!K) return;
+		let n = q.length, r = `page-${n + 1}`;
+		await we({ variables: { input: {
+			siteId: K.id,
 			parentId: e || null,
 			slug: r,
 			title: `New Page ${n + 1}`,
@@ -74,33 +74,41 @@ function w({ vibeId: w, ownerType: ce, ownerId: le }) {
 			status: "DRAFT",
 			sidebarPosition: n,
 			category: t || null
-		} } }), await K();
-	}, je = async (e) => {
-		confirm("Delete this page?") && (await Ce({ variables: { id: e } }), await K());
-	}, Z = async () => {
-		if (q) {
-			N(!0), F(null);
+		} } }), await G();
+	}, Fe = async (e) => {
+		confirm("Delete this page?") && (await De({ variables: { id: e } }), await G());
+	}, X = async () => {
+		if (K) {
+			M(!0), P(null);
 			try {
-				let { data: e } = await we({ variables: {
-					siteId: q.id,
+				let e = await Oe({ variables: {
+					siteId: K.id,
 					publish: !0
 				} });
-				e?.compileDocsSite ? j(e.compileDocsSite) : (N(!1), F("Build could not be started — the server returned an empty response. Please try again."));
+				if (e.error && c(e.error)) {
+					l(), M(!1), U(!0);
+					return;
+				}
+				e.data?.compileDocsSite ? A(e.data.compileDocsSite) : (M(!1), P("Build could not be started — the server returned an empty response. Please try again."));
 			} catch (e) {
-				N(!1), F(e instanceof Error ? e.message : "Failed to start the build. Please try again.");
+				if (M(!1), c(e)) {
+					l(), U(!0);
+					return;
+				}
+				P(e instanceof Error ? e.message : "Failed to start the build. Please try again.");
 			}
 		}
-	}, Q = async (e) => {
-		let { data: t } = await Oe({ variables: { id: e } }), n = t?.docsRevision;
-		return n && (j(n), [
+	}, Z = async (e) => {
+		let { data: t } = await Y({ variables: { id: e } }), n = t?.docsRevision;
+		return n && (A(n), [
 			"SUCCEEDED",
 			"PUBLISHED",
 			"FAILED"
-		].includes(n.status) && (N(!1), (n.status === "PUBLISHED" || n.status === "SUCCEEDED") && (L(""), await K()))), n;
-	}, Me = async (e) => {
-		if (!q) return;
-		e.visibility && e.visibility !== q.visibility && await ye({ variables: {
-			id: q.id,
+		].includes(n.status) && (M(!1), (n.status === "PUBLISHED" || n.status === "SUCCEEDED") && (I(""), await G()))), n;
+	}, Ie = async (e) => {
+		if (!K) return;
+		e.visibility && e.visibility !== K.visibility && await Ce({ variables: {
+			id: K.id,
 			visibility: e.visibility
 		} });
 		let t = {
@@ -108,113 +116,126 @@ function w({ vibeId: w, ownerType: ce, ownerId: le }) {
 			provider: e.provider,
 			providerConfig: e.providerConfig
 		};
-		Object.keys(t).length > 0 && await ve({ variables: {
-			id: q.id,
+		Object.keys(t).length > 0 && await Se({ variables: {
+			id: K.id,
 			input: t
-		} }), await K();
-	}, Ne = async () => {
-		if (!q?.currentRevisionId) return null;
+		} }), await G();
+	}, Le = async () => {
+		if (!K?.currentRevisionId) return null;
 		try {
-			let { data: e } = await Te({ variables: { siteId: q.id } });
+			let { data: e } = await ke({ variables: { siteId: K.id } });
 			return e?.generateDocsSignedUrl?.url ?? null;
 		} catch {
 			return null;
 		}
-	}, Pe = async (e) => {
-		if (q && confirm("Roll back to this revision? The current published docs will be replaced.")) {
-			z(e);
+	}, Re = async (e) => {
+		if (K && confirm("Roll back to this revision? The current published docs will be replaced.")) {
+			R(e);
 			try {
-				await Ee({ variables: {
-					siteId: q.id,
+				await Ae({ variables: {
+					siteId: K.id,
 					revisionId: e
-				} }), await K();
+				} }), await G();
 			} finally {
-				z(null);
+				R(null);
 			}
 		}
-	}, Fe = async () => {
-		q && confirm("Delete this docs site and all its pages and revisions? This cannot be undone.") && (await De({ variables: { id: q.id } }), await K());
+	}, ze = async () => {
+		K && confirm("Delete this docs site and all its pages and revisions? This cannot be undone.") && (await je({ variables: { id: K.id } }), await G());
 	};
-	if (W && !q) return /* @__PURE__ */ S(p, { message: T("vibecontrols.docs.tab.loading", "Loading documentation...") });
-	if (G && !q) return /* @__PURE__ */ S(m, {
+	if (pe && !K) return /* @__PURE__ */ S(d, { message: T("vibecontrols.docs.tab.loading", "Loading documentation...") });
+	if (W && !K) return /* @__PURE__ */ S(f, {
 		title: T("vibecontrols.docs.tab.loadFailed", "Failed to load docs"),
-		message: G.message,
-		onRetry: () => K()
+		message: W.message,
+		onRetry: () => G()
 	});
-	if (!q) return /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(h, {
-		onCreate: ke,
-		loading: _e
-	}), /* @__PURE__ */ S(l, {
-		isOpen: V,
-		onClose: () => H(!1),
+	if (!K) return /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(p, {
+		onCreate: Me,
+		loading: xe
+	}), /* @__PURE__ */ S(o, {
+		isOpen: B,
+		onClose: () => V(!1),
 		onConfirm: () => {
-			H(!1), B("/billing");
+			V(!1), z("/billing/plans");
 		},
 		title: "Docs Site Quota Reached",
 		message: "You have reached the documentation site limit for your current plan. Upgrade to create more docs sites."
 	})] });
-	let $ = P ? /* @__PURE__ */ C("div", {
+	let Q = N ? /* @__PURE__ */ C("div", {
 		className: "flex items-center gap-2 px-4 py-2 mb-2 bg-status-error-bg text-status-error-text text-sm rounded-md",
 		children: [
-			/* @__PURE__ */ S(ae, { className: "size-4 shrink-0" }),
+			/* @__PURE__ */ S(y, { className: "size-4 shrink-0" }),
 			/* @__PURE__ */ S("span", {
 				className: "flex-1",
-				children: P
+				children: N
 			}),
 			/* @__PURE__ */ S("button", {
 				type: "button",
-				onClick: () => F(null),
+				onClick: () => P(null),
 				className: "p-0.5 hover:opacity-70",
-				children: /* @__PURE__ */ S(oe, { className: "size-3.5" })
+				children: /* @__PURE__ */ S(b, { className: "size-3.5" })
 			})
 		]
-	}) : null;
-	return O === "edit" ? /* @__PURE__ */ C(x, { children: [$, /* @__PURE__ */ S(_, {
-		site: q,
-		pages: J,
-		onBack: () => k("preview"),
-		onSavePage: Ae,
-		onAddPage: X,
-		pageAdding: xe,
-		onDeletePage: je,
-		onCompile: Z,
-		onSaveSettings: Me,
-		onRollback: Pe,
-		onDeleteSite: Fe,
-		rollingBack: R,
-		compileRevision: A,
-		onPollRevision: Q,
-		compiling: M
-	})] }) : /* @__PURE__ */ C(x, { children: [
+	}) : null, $ = /* @__PURE__ */ S(o, {
+		isOpen: H,
+		onClose: () => U(!1),
+		onConfirm: () => {
+			U(!1), z("/billing/plans");
+		},
+		title: s("docs-compilation").title,
+		message: s("docs-compilation").message
+	});
+	return de === "edit" ? /* @__PURE__ */ C(x, { children: [
+		Q,
+		$,
+		/* @__PURE__ */ S(h, {
+			site: K,
+			pages: q,
+			onBack: () => O("preview"),
+			onSavePage: Ne,
+			onAddPage: Pe,
+			pageAdding: Te,
+			onDeletePage: Fe,
+			onCompile: X,
+			onSaveSettings: Ie,
+			onRollback: Re,
+			onDeleteSite: ze,
+			rollingBack: L,
+			compileRevision: k,
+			onPollRevision: Z,
+			compiling: j
+		})
+	] }) : /* @__PURE__ */ C(x, { children: [
+		Q,
 		$,
-		/* @__PURE__ */ S(g, {
-			site: q,
-			pages: J,
-			selectedPageSlug: I,
-			onSelectPage: L,
-			docsBaseUrl: q.currentRevisionId ? he ?? null : null,
-			docsHtml: q.currentRevisionId ? pe : null,
-			docsContentLoading: de,
-			onEdit: () => k("edit"),
-			onCompile: Z,
-			onSettings: () => k("edit"),
-			onGetShareUrl: Ne,
+		/* @__PURE__ */ S(m, {
+			site: K,
+			pages: q,
+			selectedPageSlug: F,
+			onSelectPage: I,
+			docsBaseUrl: K.currentRevisionId ? ye ?? null : null,
+			docsHtml: K.currentRevisionId ? _e : null,
+			docsContentLoading: he,
+			onEdit: () => O("edit"),
+			onCompile: X,
+			onSettings: () => O("edit"),
+			onGetShareUrl: Le,
 			onOpenFullScreen: () => {
-				B(`/${{
+				z(`/${{
 					VIBE: "vibes",
 					CATALOG: "catalogs",
 					COMPONENT: "components"
 				}[E] || "vibes"}/${D}/docs`);
 			},
-			compileRevision: A,
-			onPollRevision: Q,
-			compiling: M
+			compileRevision: k,
+			onPollRevision: Z,
+			compiling: j
 		}),
-		/* @__PURE__ */ S(l, {
-			isOpen: V,
-			onClose: () => H(!1),
+		/* @__PURE__ */ S(o, {
+			isOpen: B,
+			onClose: () => V(!1),
 			onConfirm: () => {
-				H(!1), B("/billing");
+				V(!1), z("/billing/plans");
 			},
 			title: "Docs Site Quota Reached",
 			message: "You have reached the documentation site limit for your current plan. Upgrade to create more docs sites."

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

@@ -1 +1 @@
-{"version":3,"file":"DocsTabPanel.js","names":[],"sources":["../../../src/components/docs/DocsTabPanel.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport { AlertCircle, X } from 'lucide-react';\nimport { LoadingState, ErrorState, QuotaExhaustedDialog } from '@/components/shared';\nimport { useVibeNavigate } from '@/providers/VibeControlsProvider';\nimport { resolveGatewayUrls } from '@burdenoff/fe-libs/shared/config';\nimport { DocsEmptyState } from './DocsEmptyState';\nimport { DocsPreviewPanel } from './DocsPreviewPanel';\nimport { DocsEditPanel } from './DocsEditPanel';\nimport type { DocsSite, DocsRevision } from './types';\nimport { isQuotaExhaustedError, markQuotaHandledLocally } from '@/utils/quotaUtils';\nimport { useTr } from '../../shared/hooks/useTr';\nimport {\n  useGetDocsSiteQuery,\n  useCreateDocsSiteMutation,\n  useUpdateDocsSiteMutation,\n  useUpdateDocsSiteVisibilityMutation,\n  useCreateDocsPageMutation,\n  useUpdateDocsPageMutation,\n  useDeleteDocsPageMutation,\n  useCompileDocsSiteMutation,\n  useDocsContentQuery,\n  useGetDocsRevisionLazyQuery,\n  useGenerateDocsSignedUrlMutation,\n  useRollbackDocsRevisionMutation,\n  useDeleteDocsSiteMutation,\n} from '@/generated/wspace-operations';\n\ninterface DocsTabPanelProps {\n  vibeId?: string;\n  ownerType?: string;\n  ownerId?: string;\n}\n\nexport function DocsTabPanel({ vibeId, ownerType, ownerId }: DocsTabPanelProps) {\n  const tr = useTr();\n  const effectiveOwnerType = ownerType || 'VIBE';\n  const effectiveOwnerId = ownerId || vibeId || '';\n  const [mode, setMode] = useState<'preview' | 'edit'>('preview');\n  const [compileRevision, setCompileRevision] = useState<DocsRevision | null>(null);\n  const [compiling, setCompiling] = useState(false);\n  const [compileError, setCompileError] = useState<string | null>(null);\n  const [selectedPageSlug, setSelectedPageSlug] = useState('');\n  const [rollingBack, setRollingBack] = useState<string | null>(null);\n  const navigate = useVibeNavigate();\n  const [showQuotaExhausted, setShowQuotaExhausted] = useState(false);\n\n  // Queries\n  const { data, loading, error, refetch } = useGetDocsSiteQuery({\n    variables: { ownerType: effectiveOwnerType as any, ownerId: effectiveOwnerId },\n    skip: !effectiveOwnerId,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const site = (data?.vibecontrolsDocsSiteByOwner ?? null) as DocsSite | null;\n  const pages = site?.pages || [];\n\n  const {\n    data: docsContentData,\n    loading: docsContentLoading,\n    refetch: refetchDocsContent,\n  } = useDocsContentQuery({\n    variables: { siteId: site?.id || '', path: selectedPageSlug },\n    skip: !site?.id || !site.currentRevisionId,\n    fetchPolicy: 'network-only',\n  });\n  const docsHtml = docsContentData?.docsContent?.html ?? null;\n\n  // Re-fetch docs content whenever currentRevisionId changes (compile finished or first publish).\n  // This runs post-render so skip:false is guaranteed — imperative calls during async handlers\n  // are no-ops when skip is still true in the closure.\n  const prevRevisionIdRef = useRef<string | null | undefined>(undefined);\n  useEffect(() => {\n    const currentId = site?.currentRevisionId ?? null;\n    if (prevRevisionIdRef.current === undefined) {\n      prevRevisionIdRef.current = currentId;\n      return;\n    }\n    if (currentId && currentId !== prevRevisionIdRef.current) {\n      prevRevisionIdRef.current = currentId;\n      refetchDocsContent();\n    }\n  }, [site?.currentRevisionId]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  // Compute gateway docs URL for iframe src (workspaceId prefix for isolation)\n  const gatewayUrls = resolveGatewayUrls();\n  const docsBaseUrl = site?.workspaceId\n    ? `${gatewayUrls.workspaceBaseUrl}/workspaces/static/${site.workspaceId}/docs/${effectiveOwnerId}/`\n    : null;\n\n  // Mutations\n  const [createSiteMutation, { loading: creating }] = useCreateDocsSiteMutation();\n  const [updateSiteMutation] = useUpdateDocsSiteMutation();\n  const [updateVisibilityMutation] = useUpdateDocsSiteVisibilityMutation();\n  const [createPageMutation, { loading: pageAdding }] = useCreateDocsPageMutation();\n  const [updatePageMutation] = useUpdateDocsPageMutation();\n  const [deletePageMutation] = useDeleteDocsPageMutation();\n  const [compileMutation] = useCompileDocsSiteMutation();\n  const [generateSignedUrl] = useGenerateDocsSignedUrlMutation();\n  const [rollbackRevision] = useRollbackDocsRevisionMutation();\n  const [deleteSiteMutation] = useDeleteDocsSiteMutation();\n  const [fetchRevision] = useGetDocsRevisionLazyQuery({\n    fetchPolicy: 'network-only',\n  });\n\n  // Handlers\n  const handleCreateSite = async (\n    provider: 'DOCUSAURUS' | 'MKDOCS' | 'VITEPRESS' = 'DOCUSAURUS'\n  ) => {\n    try {\n      await createSiteMutation({\n        variables: {\n          input: {\n            ownerType: effectiveOwnerType as any,\n            ownerId: effectiveOwnerId,\n            name: 'Documentation',\n            provider: provider as any,\n          },\n        },\n        refetchQueries: ['GetDocsSite'],\n        awaitRefetchQueries: true,\n      });\n      setMode('edit');\n    } catch (err) {\n      if (isQuotaExhaustedError(err)) {\n        markQuotaHandledLocally();\n        setShowQuotaExhausted(true);\n        return;\n      }\n      throw err;\n    }\n  };\n\n  const handleSavePage = async (\n    id: string,\n    data: { title?: string; content?: string; slug?: string }\n  ) => {\n    await updatePageMutation({ variables: { id, input: data } });\n  };\n\n  const handleAddPage = async (parentId?: string, category?: string) => {\n    if (!site) return;\n    const pageCount = pages.length;\n    const slug = `page-${pageCount + 1}`;\n    await createPageMutation({\n      variables: {\n        input: {\n          siteId: site.id,\n          parentId: parentId || null,\n          slug,\n          title: `New Page ${pageCount + 1}`,\n          content: '# New Page\\n\\nStart writing here...',\n          status: 'DRAFT',\n          sidebarPosition: pageCount,\n          category: category || null,\n        },\n      },\n    });\n    await refetch();\n  };\n\n  const handleDeletePage = async (pageId: string) => {\n    if (!confirm('Delete this page?')) return;\n    await deletePageMutation({ variables: { id: pageId } });\n    await refetch();\n  };\n\n  const handleCompile = async () => {\n    if (!site) return;\n    setCompiling(true);\n    setCompileError(null);\n    try {\n      const { data: compileData } = await compileMutation({\n        variables: { siteId: site.id, publish: true },\n      });\n      if (compileData?.compileDocsSite) {\n        setCompileRevision(compileData.compileDocsSite as DocsRevision);\n      } else {\n        setCompiling(false);\n        setCompileError(\n          'Build could not be started — the server returned an empty response. Please try again.'\n        );\n      }\n    } catch (err) {\n      setCompiling(false);\n      setCompileError(\n        err instanceof Error ? err.message : 'Failed to start the build. Please try again.'\n      );\n    }\n  };\n\n  const handlePollRevision = async (revisionId: string): Promise<DocsRevision | null> => {\n    const { data: revData } = await fetchRevision({ variables: { id: revisionId } });\n    const rev = revData?.docsRevision as DocsRevision | null;\n    if (rev) {\n      setCompileRevision(rev);\n      const done = ['SUCCEEDED', 'PUBLISHED', 'FAILED'].includes(rev.status);\n      if (done) {\n        setCompiling(false);\n        if (rev.status === 'PUBLISHED' || rev.status === 'SUCCEEDED') {\n          setSelectedPageSlug('');\n          await refetch();\n        }\n      }\n    }\n    return rev;\n  };\n\n  const handleSaveSettings = async (data: {\n    name?: string;\n    visibility?: 'PRIVATE' | 'PUBLIC';\n    provider?: 'DOCUSAURUS' | 'MKDOCS' | 'VITEPRESS';\n    providerConfig?: Record<string, unknown>;\n  }) => {\n    if (!site) return;\n    if (data.visibility && data.visibility !== site.visibility) {\n      await updateVisibilityMutation({ variables: { id: site.id, visibility: data.visibility } });\n    }\n    const rest = {\n      name: data.name,\n      provider: data.provider,\n      providerConfig: data.providerConfig,\n    };\n    if (Object.keys(rest).length > 0) {\n      await updateSiteMutation({ variables: { id: site.id, input: rest } });\n    }\n    await refetch();\n  };\n\n  const handleGetShareUrl = async (): Promise<string | null> => {\n    if (!site?.currentRevisionId) return null;\n    try {\n      const { data: urlData } = await generateSignedUrl({ variables: { siteId: site.id } });\n      return urlData?.generateDocsSignedUrl?.url ?? null;\n    } catch {\n      return null;\n    }\n  };\n\n  const handleRollback = async (revisionId: string) => {\n    if (!site) return;\n    if (!confirm('Roll back to this revision? The current published docs will be replaced.'))\n      return;\n    setRollingBack(revisionId);\n    try {\n      await rollbackRevision({ variables: { siteId: site.id, revisionId } });\n      await refetch();\n    } finally {\n      setRollingBack(null);\n    }\n  };\n\n  const handleDeleteSite = async () => {\n    if (!site) return;\n    if (!confirm('Delete this docs site and all its pages and revisions? This cannot be undone.'))\n      return;\n    await deleteSiteMutation({ variables: { id: site.id } });\n    await refetch();\n  };\n\n  // Loading / Error states\n  if (loading && !site) {\n    return (\n      <LoadingState message={tr('vibecontrols.docs.tab.loading', 'Loading documentation...')} />\n    );\n  }\n\n  if (error && !site) {\n    return (\n      <ErrorState\n        title={tr('vibecontrols.docs.tab.loadFailed', 'Failed to load docs')}\n        message={error.message}\n        onRetry={() => refetch()}\n      />\n    );\n  }\n\n  // No site yet\n  if (!site) {\n    return (\n      <>\n        <DocsEmptyState onCreate={handleCreateSite} loading={creating} />\n        <QuotaExhaustedDialog\n          isOpen={showQuotaExhausted}\n          onClose={() => setShowQuotaExhausted(false)}\n          onConfirm={() => {\n            setShowQuotaExhausted(false);\n            navigate('/billing');\n          }}\n          title=\"Docs Site Quota Reached\"\n          message=\"You have reached the documentation site limit for your current plan. Upgrade to create more docs sites.\"\n        />\n      </>\n    );\n  }\n\n  const compileErrorBanner = compileError ? (\n    <div className=\"flex items-center gap-2 px-4 py-2 mb-2 bg-status-error-bg text-status-error-text text-sm rounded-md\">\n      <AlertCircle className=\"size-4 shrink-0\" />\n      <span className=\"flex-1\">{compileError}</span>\n      <button\n        type=\"button\"\n        onClick={() => setCompileError(null)}\n        className=\"p-0.5 hover:opacity-70\"\n      >\n        <X className=\"size-3.5\" />\n      </button>\n    </div>\n  ) : null;\n\n  // Edit mode\n  if (mode === 'edit') {\n    return (\n      <>\n        {compileErrorBanner}\n        <DocsEditPanel\n          site={site}\n          pages={pages}\n          onBack={() => setMode('preview')}\n          onSavePage={handleSavePage}\n          onAddPage={handleAddPage}\n          pageAdding={pageAdding}\n          onDeletePage={handleDeletePage}\n          onCompile={handleCompile}\n          onSaveSettings={handleSaveSettings}\n          onRollback={handleRollback}\n          onDeleteSite={handleDeleteSite}\n          rollingBack={rollingBack}\n          compileRevision={compileRevision}\n          onPollRevision={handlePollRevision}\n          compiling={compiling}\n        />\n      </>\n    );\n  }\n\n  // Preview mode\n  return (\n    <>\n      {compileErrorBanner}\n      <DocsPreviewPanel\n        site={site}\n        pages={pages}\n        selectedPageSlug={selectedPageSlug}\n        onSelectPage={setSelectedPageSlug}\n        docsBaseUrl={site.currentRevisionId ? (docsBaseUrl ?? null) : null}\n        docsHtml={site.currentRevisionId ? docsHtml : null}\n        docsContentLoading={docsContentLoading}\n        onEdit={() => setMode('edit')}\n        onCompile={handleCompile}\n        onSettings={() => setMode('edit')}\n        onGetShareUrl={handleGetShareUrl}\n        onOpenFullScreen={() => {\n          const pathMap: Record<string, string> = {\n            VIBE: 'vibes',\n            CATALOG: 'catalogs',\n            COMPONENT: 'components',\n          };\n          const segment = pathMap[effectiveOwnerType] || 'vibes';\n          navigate(`/${segment}/${effectiveOwnerId}/docs`);\n        }}\n        compileRevision={compileRevision}\n        onPollRevision={handlePollRevision}\n        compiling={compiling}\n      />\n      <QuotaExhaustedDialog\n        isOpen={showQuotaExhausted}\n        onClose={() => setShowQuotaExhausted(false)}\n        onConfirm={() => {\n          setShowQuotaExhausted(false);\n          navigate('/billing');\n        }}\n        title=\"Docs Site Quota Reached\"\n        message=\"You have reached the documentation site limit for your current plan. Upgrade to create more docs sites.\"\n      />\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DocsTabPanel.js","names":[],"sources":["../../../src/components/docs/DocsTabPanel.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport { AlertCircle, X } from 'lucide-react';\nimport { LoadingState, ErrorState, QuotaExhaustedDialog } from '@/components/shared';\nimport { useVibeNavigate } from '@/providers/VibeControlsProvider';\nimport { resolveGatewayUrls } from '@burdenoff/fe-libs/shared/config';\nimport { DocsEmptyState } from './DocsEmptyState';\nimport { DocsPreviewPanel } from './DocsPreviewPanel';\nimport { DocsEditPanel } from './DocsEditPanel';\nimport type { DocsSite, DocsRevision } from './types';\nimport {\n  isQuotaExhaustedError,\n  markQuotaHandledLocally,\n  getQuotaDialogContent,\n} from '@/utils/quotaUtils';\nimport { useTr } from '../../shared/hooks/useTr';\nimport {\n  useGetDocsSiteQuery,\n  useCreateDocsSiteMutation,\n  useUpdateDocsSiteMutation,\n  useUpdateDocsSiteVisibilityMutation,\n  useCreateDocsPageMutation,\n  useUpdateDocsPageMutation,\n  useDeleteDocsPageMutation,\n  useCompileDocsSiteMutation,\n  useDocsContentQuery,\n  useGetDocsRevisionLazyQuery,\n  useGenerateDocsSignedUrlMutation,\n  useRollbackDocsRevisionMutation,\n  useDeleteDocsSiteMutation,\n} from '@/generated/wspace-operations';\n\ninterface DocsTabPanelProps {\n  vibeId?: string;\n  ownerType?: string;\n  ownerId?: string;\n}\n\nexport function DocsTabPanel({ vibeId, ownerType, ownerId }: DocsTabPanelProps) {\n  const tr = useTr();\n  const effectiveOwnerType = ownerType || 'VIBE';\n  const effectiveOwnerId = ownerId || vibeId || '';\n  const [mode, setMode] = useState<'preview' | 'edit'>('preview');\n  const [compileRevision, setCompileRevision] = useState<DocsRevision | null>(null);\n  const [compiling, setCompiling] = useState(false);\n  const [compileError, setCompileError] = useState<string | null>(null);\n  const [selectedPageSlug, setSelectedPageSlug] = useState('');\n  const [rollingBack, setRollingBack] = useState<string | null>(null);\n  const navigate = useVibeNavigate();\n  const [showQuotaExhausted, setShowQuotaExhausted] = useState(false);\n  const [showCompileQuotaExhausted, setShowCompileQuotaExhausted] = useState(false);\n\n  // Queries\n  const { data, loading, error, refetch } = useGetDocsSiteQuery({\n    variables: { ownerType: effectiveOwnerType as any, ownerId: effectiveOwnerId },\n    skip: !effectiveOwnerId,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const site = (data?.vibecontrolsDocsSiteByOwner ?? null) as DocsSite | null;\n  const pages = site?.pages || [];\n\n  const {\n    data: docsContentData,\n    loading: docsContentLoading,\n    refetch: refetchDocsContent,\n  } = useDocsContentQuery({\n    variables: { siteId: site?.id || '', path: selectedPageSlug },\n    skip: !site?.id || !site.currentRevisionId,\n    fetchPolicy: 'network-only',\n  });\n  const docsHtml = docsContentData?.docsContent?.html ?? null;\n\n  // Re-fetch docs content whenever currentRevisionId changes (compile finished or first publish).\n  // This runs post-render so skip:false is guaranteed — imperative calls during async handlers\n  // are no-ops when skip is still true in the closure.\n  const prevRevisionIdRef = useRef<string | null | undefined>(undefined);\n  useEffect(() => {\n    const currentId = site?.currentRevisionId ?? null;\n    if (prevRevisionIdRef.current === undefined) {\n      prevRevisionIdRef.current = currentId;\n      return;\n    }\n    if (currentId && currentId !== prevRevisionIdRef.current) {\n      prevRevisionIdRef.current = currentId;\n      refetchDocsContent();\n    }\n  }, [site?.currentRevisionId]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  // Compute gateway docs URL for iframe src (workspaceId prefix for isolation)\n  const gatewayUrls = resolveGatewayUrls();\n  const docsBaseUrl = site?.workspaceId\n    ? `${gatewayUrls.workspaceBaseUrl}/workspaces/static/${site.workspaceId}/docs/${effectiveOwnerId}/`\n    : null;\n\n  // Mutations\n  const [createSiteMutation, { loading: creating }] = useCreateDocsSiteMutation();\n  const [updateSiteMutation] = useUpdateDocsSiteMutation();\n  const [updateVisibilityMutation] = useUpdateDocsSiteVisibilityMutation();\n  const [createPageMutation, { loading: pageAdding }] = useCreateDocsPageMutation();\n  const [updatePageMutation] = useUpdateDocsPageMutation();\n  const [deletePageMutation] = useDeleteDocsPageMutation();\n  const [compileMutation] = useCompileDocsSiteMutation();\n  const [generateSignedUrl] = useGenerateDocsSignedUrlMutation();\n  const [rollbackRevision] = useRollbackDocsRevisionMutation();\n  const [deleteSiteMutation] = useDeleteDocsSiteMutation();\n  const [fetchRevision] = useGetDocsRevisionLazyQuery({\n    fetchPolicy: 'network-only',\n  });\n\n  // Handlers\n  const handleCreateSite = async (\n    provider: 'DOCUSAURUS' | 'MKDOCS' | 'VITEPRESS' = 'DOCUSAURUS'\n  ) => {\n    try {\n      await createSiteMutation({\n        variables: {\n          input: {\n            ownerType: effectiveOwnerType as any,\n            ownerId: effectiveOwnerId,\n            name: 'Documentation',\n            provider: provider as any,\n          },\n        },\n        refetchQueries: ['GetDocsSite'],\n        awaitRefetchQueries: true,\n      });\n      setMode('edit');\n    } catch (err) {\n      if (isQuotaExhaustedError(err)) {\n        markQuotaHandledLocally();\n        setShowQuotaExhausted(true);\n        return;\n      }\n      throw err;\n    }\n  };\n\n  const handleSavePage = async (\n    id: string,\n    data: { title?: string; content?: string; slug?: string }\n  ) => {\n    await updatePageMutation({ variables: { id, input: data } });\n  };\n\n  const handleAddPage = async (parentId?: string, category?: string) => {\n    if (!site) return;\n    const pageCount = pages.length;\n    const slug = `page-${pageCount + 1}`;\n    await createPageMutation({\n      variables: {\n        input: {\n          siteId: site.id,\n          parentId: parentId || null,\n          slug,\n          title: `New Page ${pageCount + 1}`,\n          content: '# New Page\\n\\nStart writing here...',\n          status: 'DRAFT',\n          sidebarPosition: pageCount,\n          category: category || null,\n        },\n      },\n    });\n    await refetch();\n  };\n\n  const handleDeletePage = async (pageId: string) => {\n    if (!confirm('Delete this page?')) return;\n    await deletePageMutation({ variables: { id: pageId } });\n    await refetch();\n  };\n\n  const handleCompile = async () => {\n    if (!site) return;\n    setCompiling(true);\n    setCompileError(null);\n    try {\n      const result = await compileMutation({\n        variables: { siteId: site.id, publish: true },\n      });\n      if (result.error && isQuotaExhaustedError(result.error)) {\n        markQuotaHandledLocally();\n        setCompiling(false);\n        setShowCompileQuotaExhausted(true);\n        return;\n      }\n      if (result.data?.compileDocsSite) {\n        setCompileRevision(result.data.compileDocsSite as DocsRevision);\n      } else {\n        setCompiling(false);\n        setCompileError(\n          'Build could not be started — the server returned an empty response. Please try again.'\n        );\n      }\n    } catch (err) {\n      setCompiling(false);\n      if (isQuotaExhaustedError(err)) {\n        markQuotaHandledLocally();\n        setShowCompileQuotaExhausted(true);\n        return;\n      }\n      setCompileError(\n        err instanceof Error ? err.message : 'Failed to start the build. Please try again.'\n      );\n    }\n  };\n\n  const handlePollRevision = async (revisionId: string): Promise<DocsRevision | null> => {\n    const { data: revData } = await fetchRevision({ variables: { id: revisionId } });\n    const rev = revData?.docsRevision as DocsRevision | null;\n    if (rev) {\n      setCompileRevision(rev);\n      const done = ['SUCCEEDED', 'PUBLISHED', 'FAILED'].includes(rev.status);\n      if (done) {\n        setCompiling(false);\n        if (rev.status === 'PUBLISHED' || rev.status === 'SUCCEEDED') {\n          setSelectedPageSlug('');\n          await refetch();\n        }\n      }\n    }\n    return rev;\n  };\n\n  const handleSaveSettings = async (data: {\n    name?: string;\n    visibility?: 'PRIVATE' | 'PUBLIC';\n    provider?: 'DOCUSAURUS' | 'MKDOCS' | 'VITEPRESS';\n    providerConfig?: Record<string, unknown>;\n  }) => {\n    if (!site) return;\n    if (data.visibility && data.visibility !== site.visibility) {\n      await updateVisibilityMutation({ variables: { id: site.id, visibility: data.visibility } });\n    }\n    const rest = {\n      name: data.name,\n      provider: data.provider,\n      providerConfig: data.providerConfig,\n    };\n    if (Object.keys(rest).length > 0) {\n      await updateSiteMutation({ variables: { id: site.id, input: rest } });\n    }\n    await refetch();\n  };\n\n  const handleGetShareUrl = async (): Promise<string | null> => {\n    if (!site?.currentRevisionId) return null;\n    try {\n      const { data: urlData } = await generateSignedUrl({ variables: { siteId: site.id } });\n      return urlData?.generateDocsSignedUrl?.url ?? null;\n    } catch {\n      return null;\n    }\n  };\n\n  const handleRollback = async (revisionId: string) => {\n    if (!site) return;\n    if (!confirm('Roll back to this revision? The current published docs will be replaced.'))\n      return;\n    setRollingBack(revisionId);\n    try {\n      await rollbackRevision({ variables: { siteId: site.id, revisionId } });\n      await refetch();\n    } finally {\n      setRollingBack(null);\n    }\n  };\n\n  const handleDeleteSite = async () => {\n    if (!site) return;\n    if (!confirm('Delete this docs site and all its pages and revisions? This cannot be undone.'))\n      return;\n    await deleteSiteMutation({ variables: { id: site.id } });\n    await refetch();\n  };\n\n  // Loading / Error states\n  if (loading && !site) {\n    return (\n      <LoadingState message={tr('vibecontrols.docs.tab.loading', 'Loading documentation...')} />\n    );\n  }\n\n  if (error && !site) {\n    return (\n      <ErrorState\n        title={tr('vibecontrols.docs.tab.loadFailed', 'Failed to load docs')}\n        message={error.message}\n        onRetry={() => refetch()}\n      />\n    );\n  }\n\n  // No site yet\n  if (!site) {\n    return (\n      <>\n        <DocsEmptyState onCreate={handleCreateSite} loading={creating} />\n        <QuotaExhaustedDialog\n          isOpen={showQuotaExhausted}\n          onClose={() => setShowQuotaExhausted(false)}\n          onConfirm={() => {\n            setShowQuotaExhausted(false);\n            navigate('/billing/plans');\n          }}\n          title=\"Docs Site Quota Reached\"\n          message=\"You have reached the documentation site limit for your current plan. Upgrade to create more docs sites.\"\n        />\n      </>\n    );\n  }\n\n  const compileErrorBanner = compileError ? (\n    <div className=\"flex items-center gap-2 px-4 py-2 mb-2 bg-status-error-bg text-status-error-text text-sm rounded-md\">\n      <AlertCircle className=\"size-4 shrink-0\" />\n      <span className=\"flex-1\">{compileError}</span>\n      <button\n        type=\"button\"\n        onClick={() => setCompileError(null)}\n        className=\"p-0.5 hover:opacity-70\"\n      >\n        <X className=\"size-3.5\" />\n      </button>\n    </div>\n  ) : null;\n\n  const compileQuotaDialog = (\n    <QuotaExhaustedDialog\n      isOpen={showCompileQuotaExhausted}\n      onClose={() => setShowCompileQuotaExhausted(false)}\n      onConfirm={() => {\n        setShowCompileQuotaExhausted(false);\n        navigate('/billing/plans');\n      }}\n      title={getQuotaDialogContent('docs-compilation').title}\n      message={getQuotaDialogContent('docs-compilation').message}\n    />\n  );\n\n  // Edit mode\n  if (mode === 'edit') {\n    return (\n      <>\n        {compileErrorBanner}\n        {compileQuotaDialog}\n        <DocsEditPanel\n          site={site}\n          pages={pages}\n          onBack={() => setMode('preview')}\n          onSavePage={handleSavePage}\n          onAddPage={handleAddPage}\n          pageAdding={pageAdding}\n          onDeletePage={handleDeletePage}\n          onCompile={handleCompile}\n          onSaveSettings={handleSaveSettings}\n          onRollback={handleRollback}\n          onDeleteSite={handleDeleteSite}\n          rollingBack={rollingBack}\n          compileRevision={compileRevision}\n          onPollRevision={handlePollRevision}\n          compiling={compiling}\n        />\n      </>\n    );\n  }\n\n  // Preview mode\n  return (\n    <>\n      {compileErrorBanner}\n      {compileQuotaDialog}\n      <DocsPreviewPanel\n        site={site}\n        pages={pages}\n        selectedPageSlug={selectedPageSlug}\n        onSelectPage={setSelectedPageSlug}\n        docsBaseUrl={site.currentRevisionId ? (docsBaseUrl ?? null) : null}\n        docsHtml={site.currentRevisionId ? docsHtml : null}\n        docsContentLoading={docsContentLoading}\n        onEdit={() => setMode('edit')}\n        onCompile={handleCompile}\n        onSettings={() => setMode('edit')}\n        onGetShareUrl={handleGetShareUrl}\n        onOpenFullScreen={() => {\n          const pathMap: Record<string, string> = {\n            VIBE: 'vibes',\n            CATALOG: 'catalogs',\n            COMPONENT: 'components',\n          };\n          const segment = pathMap[effectiveOwnerType] || 'vibes';\n          navigate(`/${segment}/${effectiveOwnerId}/docs`);\n        }}\n        compileRevision={compileRevision}\n        onPollRevision={handlePollRevision}\n        compiling={compiling}\n      />\n      <QuotaExhaustedDialog\n        isOpen={showQuotaExhausted}\n        onClose={() => setShowQuotaExhausted(false)}\n        onConfirm={() => {\n          setShowQuotaExhausted(false);\n          navigate('/billing/plans');\n        }}\n        title=\"Docs Site Quota Reached\"\n        message=\"You have reached the documentation site limit for your current plan. Upgrade to create more docs sites.\"\n      />\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/components/notes/NotesTabPanel.js

@@ -431,7 +431,7 @@ function g({ context: g, vibeId: _, agentVibes: v = [] }) {
 				isOpen: Le,
 				onClose: () => P(!1),
 				onConfirm: () => {
-					P(!1), ke("/billing");
+					P(!1), ke("/billing/plans");
 				},
 				title: "Note Quota Reached",
 				message: "You've used all available note quota on your current plan. Upgrade your plan to create or update more notes."