@burdenoff/microfe-vibecontrols 2026.601.21 → 2026.601.23

package/dist/components/docs/DocsTabPanel.js

@@ -6,41 +6,43 @@ 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 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 { EntityShareButton as p } from "../sharing/EntityShareButton.js";
+import "../sharing/index.js";
+import { DocsEmptyState as m } from "./DocsEmptyState.js";
+import { DocsPreviewPanel as h } from "./DocsPreviewPanel.js";
+import { DocsEditPanel as g } from "./DocsEditPanel.js";
+import { useEffect as _, useRef as v, useState as y } from "react";
+import { AlertCircle as b, X as ce } from "lucide-react";
 import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { resolveGatewayUrls as ce } from "@burdenoff/fe-libs/shared/config";
+import { resolveGatewayUrls as le } from "@burdenoff/fe-libs/shared/config";
 //#region src/components/docs/DocsTabPanel.tsx
-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({
+function w({ vibeId: w, ownerType: ue, ownerId: de }) {
+	let T = se(), E = ue || "VIBE", D = de || w || "", [fe, O] = y("preview"), [k, A] = y(null), [j, M] = y(!1), [N, P] = y(null), [F, I] = y(""), [L, R] = y(null), z = u(), [B, V] = y(!1), [pe, H] = y(!1), { data: me, loading: he, error: U, refetch: W } = a({
 		variables: {
 			ownerType: E,
 			ownerId: D
 		},
 		skip: !D,
 		fetchPolicy: "cache-and-network"
-	}), K = fe?.vibecontrolsDocsSiteByOwner ?? null, q = K?.pages || [], { data: me, loading: he, refetch: ge } = te({
+	}), G = me?.vibecontrolsDocsSiteByOwner ?? null, K = G?.pages || [], { data: ge, loading: _e, refetch: ve } = te({
 		variables: {
-			siteId: K?.id || "",
+			siteId: G?.id || "",
 			path: F
 		},
-		skip: !K?.id || !K.currentRevisionId,
+		skip: !G?.id || !G.currentRevisionId,
 		fetchPolicy: "network-only"
-	}), _e = me?.docsContent?.html ?? null, J = _(void 0);
-	g(() => {
-		let e = K?.currentRevisionId ?? null;
-		if (J.current === void 0) {
-			J.current = e;
+	}), ye = ge?.docsContent?.html ?? null, q = v(void 0);
+	_(() => {
+		let e = G?.currentRevisionId ?? null;
+		if (q.current === void 0) {
+			q.current = e;
 			return;
 		}
-		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") => {
+		e && e !== q.current && (q.current = e, ve());
+	}, [G?.currentRevisionId]);
+	let be = le(), xe = G?.workspaceId ? `${be.workspaceBaseUrl}/workspaces/static/${G.workspaceId}/docs/${D}/` : null, [Se, { loading: Ce }] = n(), [we] = ae(), [Te] = oe(), [Ee, { loading: De }] = t(), [Oe] = ie(), [ke] = r(), [Ae] = e(), [je] = ne(), [Me] = re(), [Ne] = ee(), [Pe] = i({ fetchPolicy: "network-only" }), Fe = async (e = "DOCUSAURUS") => {
 		try {
-			await be({
+			await Se({
 				variables: { input: {
 					ownerType: E,
 					ownerId: D,
@@ -57,19 +59,19 @@ function w({ vibeId: w, ownerType: le, ownerId: ue }) {
 			}
 			throw e;
 		}
-	}, Ne = async (e, t) => {
-		await Ee({
+	}, Ie = async (e, t) => {
+		await Oe({
 			variables: {
 				id: e,
 				input: t
 			},
 			context: { autoRefreshAfterMutation: !1 }
 		});
-	}, Pe = async (e, t) => {
-		if (!K) return;
-		let n = q.length, r = `page-${n + 1}`;
-		await we({ variables: { input: {
-			siteId: K.id,
+	}, Le = async (e, t) => {
+		if (!G) return;
+		let n = K.length, r = `page-${n + 1}`;
+		await Ee({ variables: { input: {
+			siteId: G.id,
 			parentId: e || null,
 			slug: r,
 			title: `New Page ${n + 1}`,
@@ -77,41 +79,41 @@ function w({ vibeId: w, ownerType: le, ownerId: ue }) {
 			status: "DRAFT",
 			sidebarPosition: n,
 			category: t || null
-		} } }), await G();
-	}, Fe = async (e) => {
-		confirm("Delete this page?") && (await De({ variables: { id: e } }), await G());
-	}, X = async () => {
-		if (K) {
+		} } }), await W();
+	}, Re = async (e) => {
+		confirm("Delete this page?") && (await ke({ variables: { id: e } }), await W());
+	}, J = async () => {
+		if (G) {
 			M(!0), P(null);
 			try {
-				let e = await Oe({ variables: {
-					siteId: K.id,
+				let e = await Ae({ variables: {
+					siteId: G.id,
 					publish: !0
 				} });
 				if (e.error && c(e.error)) {
-					l(), M(!1), U(!0);
+					l(), M(!1), H(!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) {
 				if (M(!1), c(e)) {
-					l(), U(!0);
+					l(), H(!0);
 					return;
 				}
 				P(e instanceof Error ? e.message : "Failed to start the build. Please try again.");
 			}
 		}
-	}, Z = async (e) => {
-		let { data: t } = await Y({ variables: { id: e } }), n = t?.docsRevision;
+	}, Y = async (e) => {
+		let { data: t } = await Pe({ variables: { id: e } }), n = t?.docsRevision;
 		return n && (A(n), [
 			"SUCCEEDED",
 			"PUBLISHED",
 			"FAILED"
-		].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,
+		].includes(n.status) && (M(!1), (n.status === "PUBLISHED" || n.status === "SUCCEEDED") && (I(""), await W()))), n;
+	}, ze = async (e) => {
+		if (!G) return;
+		e.visibility && e.visibility !== G.visibility && await Te({ variables: {
+			id: G.id,
 			visibility: e.visibility
 		} });
 		let t = {
@@ -119,42 +121,42 @@ function w({ vibeId: w, ownerType: le, ownerId: ue }) {
 			provider: e.provider,
 			providerConfig: e.providerConfig
 		};
-		Object.keys(t).length > 0 && await Se({ variables: {
-			id: K.id,
+		Object.keys(t).length > 0 && await we({ variables: {
+			id: G.id,
 			input: t
-		} }), await G();
-	}, Le = async () => {
-		if (!K?.currentRevisionId) return null;
+		} }), await W();
+	}, Be = async () => {
+		if (!G?.currentRevisionId) return null;
 		try {
-			let { data: e } = await ke({ variables: { siteId: K.id } });
+			let { data: e } = await je({ variables: { siteId: G.id } });
 			return e?.generateDocsSignedUrl?.url ?? null;
 		} catch {
 			return null;
 		}
-	}, Re = async (e) => {
-		if (K && confirm("Roll back to this revision? The current published docs will be replaced.")) {
+	}, X = async (e) => {
+		if (G && confirm("Roll back to this revision? The current published docs will be replaced.")) {
 			R(e);
 			try {
-				await Ae({ variables: {
-					siteId: K.id,
+				await Me({ variables: {
+					siteId: G.id,
 					revisionId: e
-				} }), await G();
+				} }), await W();
 			} finally {
 				R(null);
 			}
 		}
-	}, 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());
+	}, Ve = async () => {
+		G && confirm("Delete this docs site and all its pages and revisions? This cannot be undone.") && (await Ne({ variables: { id: G.id } }), await W());
 	};
-	if (pe && !K) return /* @__PURE__ */ S(d, { message: T("vibecontrols.docs.tab.loading", "Loading documentation...") });
-	if (W && !K) return /* @__PURE__ */ S(f, {
+	if (he && !G) return /* @__PURE__ */ S(d, { message: T("vibecontrols.docs.tab.loading", "Loading documentation...") });
+	if (U && !G) return /* @__PURE__ */ S(f, {
 		title: T("vibecontrols.docs.tab.loadFailed", "Failed to load docs"),
-		message: W.message,
-		onRetry: () => G()
+		message: U.message,
+		onRetry: () => W()
 	});
-	if (!K) return /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(p, {
-		onCreate: Me,
-		loading: xe
+	if (!G) return /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(m, {
+		onCreate: Fe,
+		loading: Ce
 	}), /* @__PURE__ */ S(o, {
 		isOpen: B,
 		onClose: () => V(!1),
@@ -164,10 +166,10 @@ function w({ vibeId: w, ownerType: le, ownerId: ue }) {
 		title: "Docs Site Quota Reached",
 		message: "You have reached the documentation site limit for your current plan. Upgrade to create more docs sites."
 	})] });
-	let Q = N ? /* @__PURE__ */ C("div", {
+	let Z = 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(y, { className: "size-4 shrink-0" }),
+			/* @__PURE__ */ S(b, { className: "size-4 shrink-0" }),
 			/* @__PURE__ */ S("span", {
 				className: "flex-1",
 				children: N
@@ -176,53 +178,67 @@ function w({ vibeId: w, ownerType: le, ownerId: ue }) {
 				type: "button",
 				onClick: () => P(null),
 				className: "p-0.5 hover:opacity-70",
-				children: /* @__PURE__ */ S(b, { className: "size-3.5" })
+				children: /* @__PURE__ */ S(ce, { className: "size-3.5" })
 			})
 		]
-	}) : null, $ = /* @__PURE__ */ S(o, {
-		isOpen: H,
-		onClose: () => U(!1),
+	}) : null, Q = /* @__PURE__ */ S(o, {
+		isOpen: pe,
+		onClose: () => H(!1),
 		onConfirm: () => {
-			U(!1), z("/billing/plans");
+			H(!1), z("/billing/plans");
 		},
 		title: s("docs-compilation").title,
 		message: s("docs-compilation").message
+	}), $ = /* @__PURE__ */ S(p, {
+		entity: "docs",
+		resource: {
+			id: G.id,
+			name: G.name,
+			vibeId: G.vibeId ?? null,
+			owner: {
+				ownerId: D,
+				ownerType: E
+			}
+		},
+		label: T("vibecontrols.docs.share", "Share")
 	});
-	return de === "edit" ? /* @__PURE__ */ C(x, { children: [
+	return fe === "edit" ? /* @__PURE__ */ C(x, { children: [
+		Z,
 		Q,
-		$,
-		/* @__PURE__ */ S(h, {
-			site: K,
-			pages: q,
+		/* @__PURE__ */ S(g, {
+			site: G,
+			pages: K,
+			shareSlot: $,
 			onBack: () => O("preview"),
-			onSavePage: Ne,
-			onAddPage: Pe,
-			pageAdding: Te,
-			onDeletePage: Fe,
-			onCompile: X,
-			onSaveSettings: Ie,
-			onRollback: Re,
-			onDeleteSite: ze,
+			onSavePage: Ie,
+			onAddPage: Le,
+			pageAdding: De,
+			onDeletePage: Re,
+			onCompile: J,
+			onSaveSettings: ze,
+			onRollback: X,
+			onDeleteSite: Ve,
 			rollingBack: L,
 			compileRevision: k,
-			onPollRevision: Z,
+			onPollRevision: Y,
 			compiling: j
 		})
 	] }) : /* @__PURE__ */ C(x, { children: [
+		Z,
 		Q,
-		$,
-		/* @__PURE__ */ S(m, {
-			site: K,
-			pages: q,
+		/* @__PURE__ */ S(h, {
+			site: G,
+			pages: K,
+			shareSlot: $,
 			selectedPageSlug: F,
 			onSelectPage: I,
-			docsBaseUrl: K.currentRevisionId ? ye ?? null : null,
-			docsHtml: K.currentRevisionId ? _e : null,
-			docsContentLoading: he,
+			docsBaseUrl: G.currentRevisionId ? xe ?? null : null,
+			docsHtml: G.currentRevisionId ? ye : null,
+			docsContentLoading: _e,
 			onEdit: () => O("edit"),
-			onCompile: X,
+			onCompile: J,
 			onSettings: () => O("edit"),
-			onGetShareUrl: Le,
+			onGetShareUrl: Be,
 			onOpenFullScreen: () => {
 				z(`/${{
 					VIBE: "vibes",
@@ -231,7 +247,7 @@ function w({ vibeId: w, ownerType: le, ownerId: ue }) {
 				}[E] || "vibes"}/${D}/docs`);
 			},
 			compileRevision: k,
-			onPollRevision: Z,
+			onPollRevision: Y,
 			compiling: j
 		}),
 		/* @__PURE__ */ S(o, {

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 {\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({\n      variables: { id, input: data },\n      context: { autoRefreshAfterMutation: false },\n    });\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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"}
+{"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 { EntityShareButton } from '@/components/sharing';\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({\n      variables: { id, input: data },\n      context: { autoRefreshAfterMutation: false },\n    });\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  // Generic grant-based sharing for the docs site. Owner-keyed (no read-by-id\n  // query) so we pass the `(ownerId, ownerType)` pair the controller reads by.\n  const shareSlot = (\n    <EntityShareButton\n      entity=\"docs\"\n      resource={{\n        id: site.id,\n        name: site.name,\n        vibeId: site.vibeId ?? null,\n        owner: { ownerId: effectiveOwnerId, ownerType: effectiveOwnerType },\n      }}\n      label={tr('vibecontrols.docs.share', 'Share')}\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          shareSlot={shareSlot}\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        shareSlot={shareSlot}\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

@@ -9,12 +9,12 @@ import { SearchInput as ue } from "../shared/SearchInput.js";
 import { FilterDropdown as s } from "../shared/FilterDropdown.js";
 import "../shared/index.js";
 import { VIBE_PERMISSIONS as c } from "../../constants/permissions.js";
-import { NoteCard as de } from "./NoteCard.js";
-import { NoteList as fe } from "./NoteList.js";
-import { NoteEditor as pe } from "./NoteEditor.js";
 import { SHARE_REGISTRY as l } from "../sharing/shareRegistry.js";
-import { NoteShareDialog as me } from "../sharing/NoteShareDialog.js";
+import { NoteShareDialog as de } from "../sharing/NoteShareDialog.js";
 import "../sharing/index.js";
+import { NoteCard as fe } from "./NoteCard.js";
+import { NoteList as pe } from "./NoteList.js";
+import { NoteEditor as me } from "./NoteEditor.js";
 import { useMemo as u, useState as d } from "react";
 import { useI18n as he } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { FileText as ge, Globe as _e, Grid as ve, List as ye, Lock as be, Pin as xe, Plus as f, RefreshCw as Se } from "lucide-react";
@@ -394,7 +394,7 @@ function h({ context: h, vibeId: g, agentVibes: _ = [] }) {
 				children: K.length > 0 ? A === "grid" ? /* @__PURE__ */ p(je, {
 					stagger: .04,
 					className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
-					children: K.map((e) => /* @__PURE__ */ p(Ae, { children: /* @__PURE__ */ p(de, {
+					children: K.map((e) => /* @__PURE__ */ p(Ae, { children: /* @__PURE__ */ p(fe, {
 						note: e,
 						onOpen: q,
 						onEdit: q,
@@ -404,7 +404,7 @@ function h({ context: h, vibeId: g, agentVibes: _ = [] }) {
 						onShare: tt,
 						onShareAccess: Z
 					}) }, e.id))
-				}, "grid") : /* @__PURE__ */ p(fe, {
+				}, "grid") : /* @__PURE__ */ p(pe, {
 					notes: K,
 					onOpen: q,
 					onEdit: q,
@@ -425,7 +425,7 @@ function h({ context: h, vibeId: g, agentVibes: _ = [] }) {
 					}) : void 0
 				})
 			}),
-			Ue && /* @__PURE__ */ p(pe, {
+			Ue && /* @__PURE__ */ p(me, {
 				note: We || void 0,
 				vibeOptions: nt,
 				defaultVibeId: h === "vibe" ? g : void 0,
@@ -442,7 +442,7 @@ function h({ context: h, vibeId: g, agentVibes: _ = [] }) {
 				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."
 			}),
-			S && /* @__PURE__ */ p(me, {
+			S && /* @__PURE__ */ p(de, {
 				note: {
 					id: S.id,
 					title: S.title,