@burdenoff/microfe-vibecontrols 2026.525.7 → 2026.525.9

package/dist/components/docs/DocsEditPanel.js

@@ -3,95 +3,122 @@ import { DocsCompileStatus as t } from "./DocsCompileStatus.js";
 import { DocsPageTree as n } from "./DocsPageTree.js";
 import { DocsPageEditor as r } from "./DocsPageEditor.js";
 import { DocsSettingsPanel as i } from "./DocsSettingsPanel.js";
-import { useEffect as a, useState as o } from "react";
-import { ArrowLeft as s, RefreshCw as c, Settings as l } from "lucide-react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { DocsRevisionHistory as a } from "./DocsRevisionHistory.js";
+import { useEffect as o, useState as s } from "react";
+import { ArrowLeft as c, History as l, RefreshCw as u, Settings as d, Trash2 as f } from "lucide-react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/docs/DocsEditPanel.tsx
-function f({ site: f, pages: p, onBack: m, onSavePage: h, onAddPage: g, onDeletePage: _, onCompile: v, onSaveSettings: y, compileRevision: b, onPollRevision: x, compiling: S }) {
-	let C = e(), [w, T] = o(p[0]?.id || null), [E, D] = o(!1), O = p.find((e) => e.id === w) || null;
-	return a(() => {
-		if (p.length === 0) {
-			w && T(null);
+function h({ site: h, pages: g, onBack: _, onSavePage: v, onAddPage: y, pageAdding: b, onDeletePage: x, onCompile: S, onSaveSettings: C, onRollback: w, onDeleteSite: T, rollingBack: E, compileRevision: D, onPollRevision: O, compiling: k }) {
+	let A = e(), [j, M] = s(g[0]?.id || null), [N, P] = s(!1), [F, I] = s(!1), L = g.find((e) => e.id === j) || null;
+	return o(() => {
+		if (g.length === 0) {
+			j && M(null);
 			return;
 		}
-		(!w || !p.some((e) => e.id === w)) && T(p[0].id);
-	}, [p, w]), /* @__PURE__ */ d("div", {
+		(!j || !g.some((e) => e.id === j)) && M(g[0].id);
+	}, [g, j]), /* @__PURE__ */ m("div", {
 		className: "flex flex-col h-full",
 		style: { minHeight: "calc(100vh - 380px)" },
 		children: [
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ m("div", {
 				className: "flex items-center justify-between px-4 py-2 border-b border-border-default bg-bg-surface",
-				children: [/* @__PURE__ */ d("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "flex items-center gap-3",
 					children: [
-						/* @__PURE__ */ d("button", {
-							onClick: m,
+						/* @__PURE__ */ m("button", {
+							onClick: _,
 							className: "flex items-center gap-1.5 text-sm text-text-secondary hover:text-text-primary transition-colors",
-							children: [/* @__PURE__ */ u(s, { className: "w-4 h-4" }), C("vibecontrols.docs.edit.preview", "Preview")]
+							children: [/* @__PURE__ */ p(c, { className: "w-4 h-4" }), A("vibecontrols.docs.edit.preview", "Preview")]
 						}),
-						/* @__PURE__ */ u("span", {
+						/* @__PURE__ */ p("span", {
 							className: "text-text-muted",
 							children: "|"
 						}),
-						/* @__PURE__ */ u("span", {
+						/* @__PURE__ */ p("span", {
 							className: "text-sm font-medium text-text-primary",
-							children: f.name
+							children: h.name
 						})
 					]
-				}), /* @__PURE__ */ d("div", {
+				}), /* @__PURE__ */ m("div", {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ u("div", {
+						/* @__PURE__ */ p("div", {
 							className: "relative",
-							children: /* @__PURE__ */ u(t, {
-								revision: b,
-								onPoll: x
+							children: /* @__PURE__ */ p(t, {
+								revision: D,
+								onPoll: O
 							})
 						}),
-						/* @__PURE__ */ d("button", {
-							onClick: v,
-							disabled: S,
+						/* @__PURE__ */ m("button", {
+							onClick: S,
+							disabled: k,
 							className: "flex items-center gap-1.5 px-3 py-1.5 text-sm bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50",
-							children: [/* @__PURE__ */ u(c, { className: `w-3.5 h-3.5 ${S ? "animate-spin" : ""}` }), C("vibecontrols.docs.edit.compile", "Compile")]
+							children: [/* @__PURE__ */ p(u, { className: `w-3.5 h-3.5 ${k ? "animate-spin" : ""}` }), A("vibecontrols.docs.edit.compile", "Compile")]
 						}),
-						/* @__PURE__ */ u("button", {
-							onClick: () => D(!0),
+						/* @__PURE__ */ p("button", {
+							onClick: () => {
+								I((e) => !e), P(!1);
+							},
+							className: `p-1.5 transition-colors ${F ? "text-action-primary-text-alt" : "text-text-secondary hover:text-text-primary"}`,
+							title: "Build history",
+							children: /* @__PURE__ */ p(l, { className: "w-4 h-4" })
+						}),
+						/* @__PURE__ */ p("button", {
+							onClick: () => {
+								P(!0), I(!1);
+							},
 							className: "p-1.5 text-text-secondary hover:text-text-primary transition-colors",
 							title: "Settings",
-							children: /* @__PURE__ */ u(l, { className: "w-4 h-4" })
+							children: /* @__PURE__ */ p(d, { className: "w-4 h-4" })
+						}),
+						/* @__PURE__ */ p("button", {
+							onClick: T,
+							className: "p-1.5 text-text-muted hover:text-status-danger-text transition-colors",
+							title: "Delete site",
+							children: /* @__PURE__ */ p(f, { className: "w-4 h-4" })
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ d("div", {
+			F && /* @__PURE__ */ p("div", {
+				className: "border-b border-border-default bg-bg-base max-h-64 overflow-y-auto",
+				children: /* @__PURE__ */ p(a, {
+					revisions: h.revisions ?? [],
+					currentRevisionId: h.currentRevisionId,
+					onRollback: w,
+					rollingBack: E
+				})
+			}),
+			/* @__PURE__ */ m("div", {
 				className: "flex-1 grid grid-cols-[260px_1fr] min-h-0",
-				children: [/* @__PURE__ */ u("div", {
+				children: [/* @__PURE__ */ p("div", {
 					className: "border-r border-border-default overflow-hidden",
-					children: /* @__PURE__ */ u(n, {
-						pages: p,
-						selectedPageId: w,
-						onSelectPage: T,
-						onAddPage: g,
-						onDeletePage: _
+					children: /* @__PURE__ */ p(n, {
+						pages: g,
+						selectedPageId: j,
+						onSelectPage: M,
+						onAddPage: y,
+						pageAdding: b,
+						onDeletePage: x
 					})
-				}), /* @__PURE__ */ u("div", {
+				}), /* @__PURE__ */ p("div", {
 					className: "overflow-hidden",
-					children: /* @__PURE__ */ u(r, {
-						page: O,
-						onSave: h
+					children: /* @__PURE__ */ p(r, {
+						page: L,
+						onSave: v
 					})
 				})]
 			}),
-			/* @__PURE__ */ u(i, {
-				site: f,
-				open: E,
-				onClose: () => D(!1),
-				onSave: y
+			/* @__PURE__ */ p(i, {
+				site: h,
+				open: N,
+				onClose: () => P(!1),
+				onSave: C
 			})
 		]
 	});
 }
 //#endregion
-export { f as DocsEditPanel };
+export { h as DocsEditPanel };
 
 //# sourceMappingURL=DocsEditPanel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DocsEditPanel.js","names":[],"sources":["../../../src/components/docs/DocsEditPanel.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { ArrowLeft, Settings, RefreshCw } from 'lucide-react';\nimport { DocsPageTree } from './DocsPageTree';\nimport { DocsPageEditor } from './DocsPageEditor';\nimport { DocsSettingsPanel } from './DocsSettingsPanel';\nimport { DocsCompileStatus } from './DocsCompileStatus';\nimport type { DocsSite, DocsPage, DocsRevision } from './types';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface DocsEditPanelProps {\n  site: DocsSite;\n  pages: DocsPage[];\n  onBack: () => void;\n  onSavePage: (\n    id: string,\n    data: { title?: string; content?: string; slug?: string }\n  ) => Promise<void>;\n  onAddPage: (parentId?: string, category?: string) => void;\n  onDeletePage: (pageId: string) => void;\n  onCompile: () => void;\n  onSaveSettings: (data: {\n    name?: string;\n    visibility?: 'PRIVATE' | 'PUBLIC';\n    provider?: 'DOCUSAURUS' | 'MKDOCS' | 'VITEPRESS';\n    providerConfig?: Record<string, unknown>;\n  }) => Promise<void>;\n  compileRevision: DocsRevision | null;\n  onPollRevision?: (id: string) => Promise<DocsRevision | null>;\n  compiling: boolean;\n}\n\nexport function DocsEditPanel({\n  site,\n  pages,\n  onBack,\n  onSavePage,\n  onAddPage,\n  onDeletePage,\n  onCompile,\n  onSaveSettings,\n  compileRevision,\n  onPollRevision,\n  compiling,\n}: DocsEditPanelProps) {\n  const tr = useTr();\n  const [selectedPageId, setSelectedPageId] = useState<string | null>(pages[0]?.id || null);\n  const [showSettings, setShowSettings] = useState(false);\n\n  const selectedPage = pages.find((p) => p.id === selectedPageId) || null;\n\n  useEffect(() => {\n    if (pages.length === 0) {\n      if (selectedPageId) setSelectedPageId(null);\n      return;\n    }\n\n    if (!selectedPageId || !pages.some((page) => page.id === selectedPageId)) {\n      setSelectedPageId(pages[0].id);\n    }\n  }, [pages, selectedPageId]);\n\n  return (\n    <div className=\"flex flex-col h-full\" style={{ minHeight: 'calc(100vh - 380px)' }}>\n      {/* Top bar */}\n      <div className=\"flex items-center justify-between px-4 py-2 border-b border-border-default bg-bg-surface\">\n        <div className=\"flex items-center gap-3\">\n          <button\n            onClick={onBack}\n            className=\"flex items-center gap-1.5 text-sm text-text-secondary hover:text-text-primary transition-colors\"\n          >\n            <ArrowLeft className=\"w-4 h-4\" />\n            {tr('vibecontrols.docs.edit.preview', 'Preview')}\n          </button>\n          <span className=\"text-text-muted\">|</span>\n          <span className=\"text-sm font-medium text-text-primary\">{site.name}</span>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <div className=\"relative\">\n            <DocsCompileStatus revision={compileRevision} onPoll={onPollRevision} />\n          </div>\n          <button\n            onClick={onCompile}\n            disabled={compiling}\n            className=\"flex items-center gap-1.5 px-3 py-1.5 text-sm bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50\"\n          >\n            <RefreshCw className={`w-3.5 h-3.5 ${compiling ? 'animate-spin' : ''}`} />\n            {tr('vibecontrols.docs.edit.compile', 'Compile')}\n          </button>\n          <button\n            onClick={() => setShowSettings(true)}\n            className=\"p-1.5 text-text-secondary hover:text-text-primary transition-colors\"\n            title=\"Settings\"\n          >\n            <Settings className=\"w-4 h-4\" />\n          </button>\n        </div>\n      </div>\n\n      {/* Main content: sidebar + editor */}\n      <div className=\"flex-1 grid grid-cols-[260px_1fr] min-h-0\">\n        {/* Page tree sidebar */}\n        <div className=\"border-r border-border-default overflow-hidden\">\n          <DocsPageTree\n            pages={pages}\n            selectedPageId={selectedPageId}\n            onSelectPage={setSelectedPageId}\n            onAddPage={onAddPage}\n            onDeletePage={onDeletePage}\n          />\n        </div>\n\n        {/* Editor */}\n        <div className=\"overflow-hidden\">\n          <DocsPageEditor page={selectedPage} onSave={onSavePage} />\n        </div>\n      </div>\n\n      {/* Settings panel */}\n      <DocsSettingsPanel\n        site={site}\n        open={showSettings}\n        onClose={() => setShowSettings(false)}\n        onSave={onSaveSettings}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AA+BA,SAAgB,EAAc,EAC5B,SACA,UACA,WACA,eACA,cACA,iBACA,cACA,mBACA,oBACA,mBACA,gBACqB;CACrB,IAAM,IAAK,GAAO,EACZ,CAAC,GAAgB,KAAqB,EAAwB,EAAM,IAAI,MAAM,KAAK,EACnF,CAAC,GAAc,KAAmB,EAAS,GAAM,EAEjD,IAAe,EAAM,MAAM,MAAM,EAAE,OAAO,EAAe,IAAI;AAanE,QAXA,QAAgB;AACd,MAAI,EAAM,WAAW,GAAG;AACtB,GAAI,KAAgB,EAAkB,KAAK;AAC3C;;AAGF,GAAI,CAAC,KAAkB,CAAC,EAAM,MAAM,MAAS,EAAK,OAAO,EAAe,KACtE,EAAkB,EAAM,GAAG,GAAG;IAE/B,CAAC,GAAO,EAAe,CAAC,EAGzB,kBAAC,OAAD;EAAK,WAAU;EAAuB,OAAO,EAAE,WAAW,uBAAuB;YAAjF;GAEE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,UAAD;OACE,SAAS;OACT,WAAU;iBAFZ,CAIE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAChC,EAAG,kCAAkC,UAAU,CACzC;;MACT,kBAAC,QAAD;OAAM,WAAU;iBAAkB;OAAQ,CAAA;MAC1C,kBAAC,QAAD;OAAM,WAAU;iBAAyC,EAAK;OAAY,CAAA;MACtE;QACN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,GAAD;QAAmB,UAAU;QAAiB,QAAQ;QAAkB,CAAA;OACpE,CAAA;MACN,kBAAC,UAAD;OACE,SAAS;OACT,UAAU;OACV,WAAU;iBAHZ,CAKE,kBAAC,GAAD,EAAW,WAAW,eAAe,IAAY,iBAAiB,MAAQ,CAAA,EACzE,EAAG,kCAAkC,UAAU,CACzC;;MACT,kBAAC,UAAD;OACE,eAAe,EAAgB,GAAK;OACpC,WAAU;OACV,OAAM;iBAEN,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;OACzB,CAAA;MACL;OACF;;GAGN,kBAAC,OAAD;IAAK,WAAU;cAAf,CAEE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MACS;MACS;MAChB,cAAc;MACH;MACG;MACd,CAAA;KACE,CAAA,EAGN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MAAgB,MAAM;MAAc,QAAQ;MAAc,CAAA;KACtD,CAAA,CACF;;GAGN,kBAAC,GAAD;IACQ;IACN,MAAM;IACN,eAAe,EAAgB,GAAM;IACrC,QAAQ;IACR,CAAA;GACE"}
+{"version":3,"file":"DocsEditPanel.js","names":[],"sources":["../../../src/components/docs/DocsEditPanel.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { ArrowLeft, Settings, RefreshCw, History, Trash2 } from 'lucide-react';\nimport { DocsPageTree } from './DocsPageTree';\nimport { DocsPageEditor } from './DocsPageEditor';\nimport { DocsSettingsPanel } from './DocsSettingsPanel';\nimport { DocsCompileStatus } from './DocsCompileStatus';\nimport { DocsRevisionHistory } from './DocsRevisionHistory';\nimport type { DocsSite, DocsPage, DocsRevision } from './types';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface DocsEditPanelProps {\n  site: DocsSite;\n  pages: DocsPage[];\n  onBack: () => void;\n  onSavePage: (\n    id: string,\n    data: { title?: string; content?: string; slug?: string }\n  ) => Promise<void>;\n  onAddPage: (parentId?: string, category?: string) => void;\n  pageAdding?: boolean;\n  onDeletePage: (pageId: string) => void;\n  onCompile: () => void;\n  onSaveSettings: (data: {\n    name?: string;\n    visibility?: 'PRIVATE' | 'PUBLIC';\n    provider?: 'DOCUSAURUS' | 'MKDOCS' | 'VITEPRESS';\n    providerConfig?: Record<string, unknown>;\n  }) => Promise<void>;\n  onRollback: (revisionId: string) => Promise<void>;\n  onDeleteSite: () => Promise<void>;\n  rollingBack: string | null;\n  compileRevision: DocsRevision | null;\n  onPollRevision?: (id: string) => Promise<DocsRevision | null>;\n  compiling: boolean;\n}\n\nexport function DocsEditPanel({\n  site,\n  pages,\n  onBack,\n  onSavePage,\n  onAddPage,\n  pageAdding,\n  onDeletePage,\n  onCompile,\n  onSaveSettings,\n  onRollback,\n  onDeleteSite,\n  rollingBack,\n  compileRevision,\n  onPollRevision,\n  compiling,\n}: DocsEditPanelProps) {\n  const tr = useTr();\n  const [selectedPageId, setSelectedPageId] = useState<string | null>(pages[0]?.id || null);\n  const [showSettings, setShowSettings] = useState(false);\n  const [showHistory, setShowHistory] = useState(false);\n\n  const selectedPage = pages.find((p) => p.id === selectedPageId) || null;\n\n  useEffect(() => {\n    if (pages.length === 0) {\n      if (selectedPageId) setSelectedPageId(null);\n      return;\n    }\n    if (!selectedPageId || !pages.some((page) => page.id === selectedPageId)) {\n      setSelectedPageId(pages[0].id);\n    }\n  }, [pages, selectedPageId]);\n\n  return (\n    <div className=\"flex flex-col h-full\" style={{ minHeight: 'calc(100vh - 380px)' }}>\n      {/* Top bar */}\n      <div className=\"flex items-center justify-between px-4 py-2 border-b border-border-default bg-bg-surface\">\n        <div className=\"flex items-center gap-3\">\n          <button\n            onClick={onBack}\n            className=\"flex items-center gap-1.5 text-sm text-text-secondary hover:text-text-primary transition-colors\"\n          >\n            <ArrowLeft className=\"w-4 h-4\" />\n            {tr('vibecontrols.docs.edit.preview', 'Preview')}\n          </button>\n          <span className=\"text-text-muted\">|</span>\n          <span className=\"text-sm font-medium text-text-primary\">{site.name}</span>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <div className=\"relative\">\n            <DocsCompileStatus revision={compileRevision} onPoll={onPollRevision} />\n          </div>\n          <button\n            onClick={onCompile}\n            disabled={compiling}\n            className=\"flex items-center gap-1.5 px-3 py-1.5 text-sm bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50\"\n          >\n            <RefreshCw className={`w-3.5 h-3.5 ${compiling ? 'animate-spin' : ''}`} />\n            {tr('vibecontrols.docs.edit.compile', 'Compile')}\n          </button>\n          <button\n            onClick={() => {\n              setShowHistory((v) => !v);\n              setShowSettings(false);\n            }}\n            className={`p-1.5 transition-colors ${showHistory ? 'text-action-primary-text-alt' : 'text-text-secondary hover:text-text-primary'}`}\n            title=\"Build history\"\n          >\n            <History className=\"w-4 h-4\" />\n          </button>\n          <button\n            onClick={() => {\n              setShowSettings(true);\n              setShowHistory(false);\n            }}\n            className=\"p-1.5 text-text-secondary hover:text-text-primary transition-colors\"\n            title=\"Settings\"\n          >\n            <Settings className=\"w-4 h-4\" />\n          </button>\n          <button\n            onClick={onDeleteSite}\n            className=\"p-1.5 text-text-muted hover:text-status-danger-text transition-colors\"\n            title=\"Delete site\"\n          >\n            <Trash2 className=\"w-4 h-4\" />\n          </button>\n        </div>\n      </div>\n\n      {/* Revision history drawer */}\n      {showHistory && (\n        <div className=\"border-b border-border-default bg-bg-base max-h-64 overflow-y-auto\">\n          <DocsRevisionHistory\n            revisions={site.revisions ?? []}\n            currentRevisionId={site.currentRevisionId}\n            onRollback={onRollback}\n            rollingBack={rollingBack}\n          />\n        </div>\n      )}\n\n      {/* Main content: sidebar + editor */}\n      <div className=\"flex-1 grid grid-cols-[260px_1fr] min-h-0\">\n        {/* Page tree sidebar */}\n        <div className=\"border-r border-border-default overflow-hidden\">\n          <DocsPageTree\n            pages={pages}\n            selectedPageId={selectedPageId}\n            onSelectPage={setSelectedPageId}\n            onAddPage={onAddPage}\n            pageAdding={pageAdding}\n            onDeletePage={onDeletePage}\n          />\n        </div>\n\n        {/* Editor */}\n        <div className=\"overflow-hidden\">\n          <DocsPageEditor page={selectedPage} onSave={onSavePage} />\n        </div>\n      </div>\n\n      {/* Settings panel */}\n      <DocsSettingsPanel\n        site={site}\n        open={showSettings}\n        onClose={() => setShowSettings(false)}\n        onSave={onSaveSettings}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAoCA,SAAgB,EAAc,EAC5B,SACA,UACA,WACA,eACA,cACA,eACA,iBACA,cACA,mBACA,eACA,iBACA,gBACA,oBACA,mBACA,gBACqB;CACrB,IAAM,IAAK,GAAO,EACZ,CAAC,GAAgB,KAAqB,EAAwB,EAAM,IAAI,MAAM,KAAK,EACnF,CAAC,GAAc,KAAmB,EAAS,GAAM,EACjD,CAAC,GAAa,KAAkB,EAAS,GAAM,EAE/C,IAAe,EAAM,MAAM,MAAM,EAAE,OAAO,EAAe,IAAI;AAYnE,QAVA,QAAgB;AACd,MAAI,EAAM,WAAW,GAAG;AACtB,GAAI,KAAgB,EAAkB,KAAK;AAC3C;;AAEF,GAAI,CAAC,KAAkB,CAAC,EAAM,MAAM,MAAS,EAAK,OAAO,EAAe,KACtE,EAAkB,EAAM,GAAG,GAAG;IAE/B,CAAC,GAAO,EAAe,CAAC,EAGzB,kBAAC,OAAD;EAAK,WAAU;EAAuB,OAAO,EAAE,WAAW,uBAAuB;YAAjF;GAEE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,UAAD;OACE,SAAS;OACT,WAAU;iBAFZ,CAIE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAChC,EAAG,kCAAkC,UAAU,CACzC;;MACT,kBAAC,QAAD;OAAM,WAAU;iBAAkB;OAAQ,CAAA;MAC1C,kBAAC,QAAD;OAAM,WAAU;iBAAyC,EAAK;OAAY,CAAA;MACtE;QACN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,GAAD;QAAmB,UAAU;QAAiB,QAAQ;QAAkB,CAAA;OACpE,CAAA;MACN,kBAAC,UAAD;OACE,SAAS;OACT,UAAU;OACV,WAAU;iBAHZ,CAKE,kBAAC,GAAD,EAAW,WAAW,eAAe,IAAY,iBAAiB,MAAQ,CAAA,EACzE,EAAG,kCAAkC,UAAU,CACzC;;MACT,kBAAC,UAAD;OACE,eAAe;AAEb,QADA,GAAgB,MAAM,CAAC,EAAE,EACzB,EAAgB,GAAM;;OAExB,WAAW,2BAA2B,IAAc,iCAAiC;OACrF,OAAM;iBAEN,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA;OACxB,CAAA;MACT,kBAAC,UAAD;OACE,eAAe;AAEb,QADA,EAAgB,GAAK,EACrB,EAAe,GAAM;;OAEvB,WAAU;OACV,OAAM;iBAEN,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;OACzB,CAAA;MACT,kBAAC,UAAD;OACE,SAAS;OACT,WAAU;OACV,OAAM;iBAEN,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;OACvB,CAAA;MACL;OACF;;GAGL,KACC,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KACE,WAAW,EAAK,aAAa,EAAE;KAC/B,mBAAmB,EAAK;KACZ;KACC;KACb,CAAA;IACE,CAAA;GAIR,kBAAC,OAAD;IAAK,WAAU;cAAf,CAEE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MACS;MACS;MAChB,cAAc;MACH;MACC;MACE;MACd,CAAA;KACE,CAAA,EAGN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MAAgB,MAAM;MAAc,QAAQ;MAAc,CAAA;KACtD,CAAA,CACF;;GAGN,kBAAC,GAAD;IACQ;IACN,MAAM;IACN,eAAe,EAAgB,GAAM;IACrC,QAAQ;IACR,CAAA;GACE"}

package/dist/components/docs/DocsFullScreenViewer.js

@@ -0,0 +1,210 @@
+import { useDocsContentQuery as e, useGetVibeDocsSiteQuery as t } from "../../generated/wspace-operations.js";
+import { LoadingState as n } from "../shared/LoadingState.js";
+import { ErrorState as r } from "../shared/ErrorState.js";
+import { EntityTagPicker as i } from "../shared/EntityTagPicker.js";
+import "../shared/index.js";
+import { VIBE_PERMISSIONS as a } from "../../constants/permissions.js";
+import { createDocsPreviewHtml as o } from "./previewHtml.js";
+import { useCallback as s, useEffect as c, useRef as l, useState as u } from "react";
+import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ArrowLeft as f, Edit3 as p, FileText as m, Maximize2 as h, Minimize2 as g, Tag as _ } from "lucide-react";
+import { useNavigate as v } from "react-router-dom";
+import { usePermissions as y } from "@burdenoff/fe-libs/shared/providers/shell";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+//#region src/components/docs/DocsFullScreenViewer.tsx
+function S({ ownerType: S, ownerId: C, backLabel: w, backPath: T, editPath: E }) {
+	let { t: D } = d(), O = v(), { hasPermission: k, isLoading: A } = y(), [j, M] = u(!1), [N, P] = u(""), F = l(null), I = s((e, t) => {
+		let n = D(e);
+		return n === e ? t : n;
+	}, [D]);
+	c(() => {
+		let e = () => M(!!document.fullscreenElement);
+		return document.addEventListener("fullscreenchange", e), () => document.removeEventListener("fullscreenchange", e);
+	}, []);
+	let L = s(async () => {
+		if (F.current?.requestFullscreen) try {
+			await F.current.requestFullscreen();
+		} catch {
+			M(!0);
+		}
+		else M(!0);
+	}, []), R = s(async () => {
+		document.fullscreenElement ? await document.exitFullscreen() : M(!1);
+	}, []), { data: z, loading: B, error: V } = t({
+		variables: {
+			ownerType: S,
+			ownerId: C
+		},
+		skip: !C,
+		fetchPolicy: "cache-and-network"
+	}), H = z?.vibecontrolsDocsSiteByOwner ?? null, U = [...H?.pages ?? []].sort((e, t) => e.sidebarPosition - t.sidebarPosition), { data: W, loading: G, error: K } = e({
+		variables: {
+			siteId: H?.id || "",
+			path: N
+		},
+		skip: !H?.id || !H.currentRevisionId,
+		fetchPolicy: "network-only"
+	}), q = W?.docsContent?.html ?? null, J = q ? o(q) : null;
+	if (A) return /* @__PURE__ */ b("div", {
+		className: "flex items-center justify-center min-h-[400px]",
+		children: /* @__PURE__ */ b("p", {
+			className: "text-text-secondary",
+			children: "Loading permissions..."
+		})
+	});
+	if (!k(a.DOCS_SITE_READ)) return /* @__PURE__ */ b("div", {
+		className: "flex items-center justify-center min-h-[400px]",
+		children: /* @__PURE__ */ x("div", {
+			className: "text-center space-y-2",
+			children: [/* @__PURE__ */ b("h2", {
+				className: "text-lg font-semibold text-foreground",
+				children: "Access Denied"
+			}), /* @__PURE__ */ b("p", {
+				className: "text-sm text-text-secondary",
+				children: "You don't have permission to access this page."
+			})]
+		})
+	});
+	if (B && !H) return /* @__PURE__ */ b("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ b(n, { message: I("docs.loadingDocumentation", "Loading documentation...") })
+	});
+	if (V) return /* @__PURE__ */ b("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ b(r, {
+			title: I("docs.failedLoadDocs", "Failed to load docs"),
+			message: V.message
+		})
+	});
+	if (!H || !H.currentRevisionId) return /* @__PURE__ */ x("div", {
+		className: "p-6",
+		children: [/* @__PURE__ */ x("button", {
+			onClick: () => O(T),
+			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors mb-4",
+			children: [/* @__PURE__ */ b(f, { className: "w-4 h-4" }), w]
+		}), /* @__PURE__ */ x("div", {
+			className: "text-center py-12",
+			children: [/* @__PURE__ */ b("p", {
+				className: "text-text-secondary",
+				children: I("docs.noPublished", "No published documentation available.")
+			}), /* @__PURE__ */ b("button", {
+				onClick: () => O(T),
+				className: "mt-4 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
+				children: w
+			})]
+		})]
+	});
+	let Y = `calc(100vh - ${j || j ? "48px" : "96px"})`;
+	return /* @__PURE__ */ x("div", {
+		ref: F,
+		className: `flex flex-col bg-bg-surface ${j && !document.fullscreenElement ? "fixed inset-0 z-50" : ""}`,
+		children: [
+			/* @__PURE__ */ x("div", {
+				className: "flex flex-col gap-3 border-b border-border-default bg-bg-surface px-4 py-2 flex-shrink-0 sm:flex-row sm:items-center sm:justify-between",
+				children: [/* @__PURE__ */ x("div", {
+					className: "flex min-w-0 flex-wrap items-center gap-2 sm:gap-3",
+					children: [
+						/* @__PURE__ */ x("button", {
+							onClick: () => O(T),
+							className: "flex items-center gap-1.5 text-sm text-text-secondary hover:text-text-primary transition-colors",
+							children: [/* @__PURE__ */ b(f, { className: "w-4 h-4" }), w]
+						}),
+						/* @__PURE__ */ b("span", {
+							className: "text-border-default",
+							children: "|"
+						}),
+						/* @__PURE__ */ b("span", {
+							className: "min-w-0 break-words text-sm font-medium text-text-primary",
+							children: H.name
+						}),
+						H.currentRevision && /* @__PURE__ */ x("span", {
+							className: "text-xs text-text-muted bg-bg-sunken px-2 py-0.5 rounded",
+							children: ["Rev #", H.currentRevision.revisionNumber]
+						})
+					]
+				}), /* @__PURE__ */ x("div", {
+					className: "flex w-full items-center gap-2 sm:w-auto sm:justify-end",
+					children: [/* @__PURE__ */ x("button", {
+						onClick: () => O(E),
+						className: "flex flex-1 items-center justify-center gap-1.5 rounded-md bg-bg-sunken px-3 py-1.5 text-sm text-text-primary transition-colors hover:bg-bg-sunken/80 sm:flex-none",
+						children: [/* @__PURE__ */ b(p, { className: "w-3.5 h-3.5" }), I("common.edit", "Edit")]
+					}), j ? /* @__PURE__ */ x("button", {
+						onClick: R,
+						className: "flex items-center gap-1.5 rounded-md border border-border-default px-3 py-1.5 text-sm text-text-primary transition-colors hover:bg-bg-sunken",
+						children: [/* @__PURE__ */ b(g, { className: "w-3.5 h-3.5" }), I("docs.exitFullscreen", "Exit Fullscreen")]
+					}) : /* @__PURE__ */ b("button", {
+						onClick: L,
+						className: "p-1.5 text-text-secondary hover:text-text-primary transition-colors",
+						title: I("docs.fullscreen", "Fullscreen"),
+						children: /* @__PURE__ */ b(h, { className: "w-4 h-4" })
+					})]
+				})]
+			}),
+			!j && /* @__PURE__ */ x("div", {
+				className: "flex items-start gap-2 border-b border-border-default bg-bg-surface px-4 py-2 flex-shrink-0",
+				children: [/* @__PURE__ */ b(_, { className: "w-4 h-4 mt-1 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ b("div", {
+					className: "min-w-0 flex-1",
+					children: /* @__PURE__ */ b(i, {
+						entityType: "VIBECONTROLS_DOCSSITE",
+						entityId: H.id
+					})
+				})]
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "flex flex-1 min-h-0",
+				children: [U.length > 1 && /* @__PURE__ */ x("aside", {
+					className: "w-56 flex-shrink-0 border-r border-border-default bg-bg-surface overflow-y-auto",
+					style: { height: Y },
+					children: [/* @__PURE__ */ b("div", {
+						className: "px-3 py-2 border-b border-border-default",
+						children: /* @__PURE__ */ b("span", {
+							className: "text-xs font-semibold text-text-muted uppercase tracking-wide",
+							children: "Pages"
+						})
+					}), /* @__PURE__ */ b("nav", {
+						className: "py-1",
+						children: U.map((e, t) => /* @__PURE__ */ x("button", {
+							onClick: () => P(t === 0 ? "" : e.slug),
+							className: `w-full flex items-center gap-2 px-3 py-2 text-sm text-left transition-colors ${(t === 0 ? N === "" : N === e.slug) ? "bg-action-primary-bg text-action-primary-text font-medium" : "text-text-secondary hover:text-text-primary hover:bg-bg-sunken"}`,
+							children: [/* @__PURE__ */ b(m, { className: "w-3.5 h-3.5 shrink-0 opacity-60" }), /* @__PURE__ */ b("span", {
+								className: "truncate",
+								children: e.title
+							})]
+						}, e.id))
+					})]
+				}), /* @__PURE__ */ b("div", {
+					className: "flex-1 flex flex-col min-w-0",
+					children: J ? /* @__PURE__ */ b("iframe", {
+						srcDoc: J,
+						className: "w-full border-0 flex-1",
+						style: {
+							height: Y,
+							minHeight: "400px"
+						},
+						title: `${H.name} Documentation`,
+						sandbox: "allow-same-origin allow-forms allow-popups"
+					}, `${H.currentRevisionId}-${N}`) : G ? /* @__PURE__ */ b("div", {
+						className: "flex-1 flex items-center justify-center",
+						style: { height: Y },
+						children: /* @__PURE__ */ b(n, { message: I("docs.loadingDocumentation", "Loading documentation...") })
+					}) : K ? /* @__PURE__ */ b("div", {
+						className: "flex-1 flex items-center justify-center",
+						style: { height: Y },
+						children: /* @__PURE__ */ b("p", {
+							className: "text-sm text-status-danger-text",
+							children: I("docs.failedLoadDocumentation", "Failed to load documentation")
+						})
+					}) : /* @__PURE__ */ b("div", {
+						className: "flex-1 flex items-center justify-center text-text-muted",
+						style: { height: Y },
+						children: I("common.loading", "Loading...")
+					})
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { S as DocsFullScreenViewer };
+
+//# sourceMappingURL=DocsFullScreenViewer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DocsFullScreenViewer.js","names":[],"sources":["../../../src/components/docs/DocsFullScreenViewer.tsx"],"sourcesContent":["import { useState, useCallback, useEffect, useRef } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { VIBE_PERMISSIONS } from '../../constants/permissions';\nimport { ArrowLeft, Edit3, Maximize2, Minimize2, Tag, FileText } from 'lucide-react';\nimport { LoadingState, ErrorState } from '@/components/shared';\nimport { EntityTagPicker } from '@/components/shared/EntityTagPicker';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { createDocsPreviewHtml } from './previewHtml';\nimport { useDocsContentQuery, useGetVibeDocsSiteQuery } from '@/generated/wspace-operations';\nimport { VibecontrolsDocsSiteOwnerType } from '@/generated/wspace-types';\n\ninterface DocsFullScreenViewerProps {\n  ownerType: 'VIBE' | 'CATALOG' | 'COMPONENT';\n  ownerId: string;\n  backLabel: string;\n  backPath: string;\n  editPath: string;\n}\n\nexport function DocsFullScreenViewer({\n  ownerType,\n  ownerId,\n  backLabel,\n  backPath,\n  editPath,\n}: DocsFullScreenViewerProps) {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  const [fullscreen, setFullscreen] = useState(false);\n  const [selectedPageSlug, setSelectedPageSlug] = useState('');\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const tr = useCallback(\n    (key: string, fallback: string): string => {\n      const value = t(key);\n      return value === key ? fallback : value;\n    },\n    [t]\n  );\n\n  useEffect(() => {\n    const handleChange = () => setFullscreen(!!document.fullscreenElement);\n    document.addEventListener('fullscreenchange', handleChange);\n    return () => document.removeEventListener('fullscreenchange', handleChange);\n  }, []);\n\n  const enterFullscreen = useCallback(async () => {\n    if (containerRef.current?.requestFullscreen) {\n      try {\n        await containerRef.current.requestFullscreen();\n      } catch {\n        setFullscreen(true);\n      }\n    } else {\n      setFullscreen(true);\n    }\n  }, []);\n\n  const exitFullscreen = useCallback(async () => {\n    if (document.fullscreenElement) {\n      await document.exitFullscreen();\n    } else {\n      setFullscreen(false);\n    }\n  }, []);\n\n  const {\n    data: siteData,\n    loading: siteLoading,\n    error: siteError,\n  } = useGetVibeDocsSiteQuery({\n    variables: { ownerType: ownerType as VibecontrolsDocsSiteOwnerType, ownerId },\n    skip: !ownerId,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const site = siteData?.vibecontrolsDocsSiteByOwner ?? null;\n  const pages = site?.pages ?? [];\n  const sortedPages = [...pages].sort((a, b) => a.sidebarPosition - b.sidebarPosition);\n\n  const {\n    data: docsContentData,\n    loading: docsContentLoading,\n    error: docsContentError,\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  const previewHtml = docsHtml ? createDocsPreviewHtml(docsHtml) : null;\n\n  if (permissionsLoading)\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px]\">\n        <p className=\"text-text-secondary\">Loading permissions...</p>\n      </div>\n    );\n\n  if (!hasPermission(VIBE_PERMISSIONS.DOCS_SITE_READ))\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px]\">\n        <div className=\"text-center space-y-2\">\n          <h2 className=\"text-lg font-semibold text-foreground\">Access Denied</h2>\n          <p className=\"text-sm text-text-secondary\">\n            You don't have permission to access this page.\n          </p>\n        </div>\n      </div>\n    );\n\n  if (siteLoading && !site)\n    return (\n      <div className=\"p-6\">\n        <LoadingState message={tr('docs.loadingDocumentation', 'Loading documentation...')} />\n      </div>\n    );\n\n  if (siteError)\n    return (\n      <div className=\"p-6\">\n        <ErrorState\n          title={tr('docs.failedLoadDocs', 'Failed to load docs')}\n          message={siteError.message}\n        />\n      </div>\n    );\n\n  if (!site || !site.currentRevisionId)\n    return (\n      <div className=\"p-6\">\n        <button\n          onClick={() => navigate(backPath)}\n          className=\"flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors mb-4\"\n        >\n          <ArrowLeft className=\"w-4 h-4\" />\n          {backLabel}\n        </button>\n        <div className=\"text-center py-12\">\n          <p className=\"text-text-secondary\">\n            {tr('docs.noPublished', 'No published documentation available.')}\n          </p>\n          <button\n            onClick={() => navigate(backPath)}\n            className=\"mt-4 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors\"\n          >\n            {backLabel}\n          </button>\n        </div>\n      </div>\n    );\n\n  const topBarHeight = fullscreen ? '48px' : !fullscreen ? '96px' : '48px';\n  const contentHeight = `calc(100vh - ${topBarHeight})`;\n\n  const renderContent = () => {\n    if (previewHtml) {\n      return (\n        <iframe\n          key={`${site.currentRevisionId}-${selectedPageSlug}`}\n          srcDoc={previewHtml}\n          className=\"w-full border-0 flex-1\"\n          style={{ height: contentHeight, minHeight: '400px' }}\n          title={`${site.name} Documentation`}\n          sandbox=\"allow-same-origin allow-forms allow-popups\"\n        />\n      );\n    }\n    if (docsContentLoading) {\n      return (\n        <div className=\"flex-1 flex items-center justify-center\" style={{ height: contentHeight }}>\n          <LoadingState message={tr('docs.loadingDocumentation', 'Loading documentation...')} />\n        </div>\n      );\n    }\n    if (docsContentError) {\n      return (\n        <div className=\"flex-1 flex items-center justify-center\" style={{ height: contentHeight }}>\n          <p className=\"text-sm text-status-danger-text\">\n            {tr('docs.failedLoadDocumentation', 'Failed to load documentation')}\n          </p>\n        </div>\n      );\n    }\n    return (\n      <div\n        className=\"flex-1 flex items-center justify-center text-text-muted\"\n        style={{ height: contentHeight }}\n      >\n        {tr('common.loading', 'Loading...')}\n      </div>\n    );\n  };\n\n  return (\n    <div\n      ref={containerRef}\n      className={`flex flex-col bg-bg-surface ${fullscreen && !document.fullscreenElement ? 'fixed inset-0 z-50' : ''}`}\n    >\n      {/* Top bar */}\n      <div className=\"flex flex-col gap-3 border-b border-border-default bg-bg-surface px-4 py-2 flex-shrink-0 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"flex min-w-0 flex-wrap items-center gap-2 sm:gap-3\">\n          <button\n            onClick={() => navigate(backPath)}\n            className=\"flex items-center gap-1.5 text-sm text-text-secondary hover:text-text-primary transition-colors\"\n          >\n            <ArrowLeft className=\"w-4 h-4\" />\n            {backLabel}\n          </button>\n          <span className=\"text-border-default\">|</span>\n          <span className=\"min-w-0 break-words text-sm font-medium text-text-primary\">\n            {site.name}\n          </span>\n          {site.currentRevision && (\n            <span className=\"text-xs text-text-muted bg-bg-sunken px-2 py-0.5 rounded\">\n              Rev #{site.currentRevision.revisionNumber}\n            </span>\n          )}\n        </div>\n        <div className=\"flex w-full items-center gap-2 sm:w-auto sm:justify-end\">\n          <button\n            onClick={() => navigate(editPath)}\n            className=\"flex flex-1 items-center justify-center gap-1.5 rounded-md bg-bg-sunken px-3 py-1.5 text-sm text-text-primary transition-colors hover:bg-bg-sunken/80 sm:flex-none\"\n          >\n            <Edit3 className=\"w-3.5 h-3.5\" />\n            {tr('common.edit', 'Edit')}\n          </button>\n          {fullscreen ? (\n            <button\n              onClick={exitFullscreen}\n              className=\"flex items-center gap-1.5 rounded-md border border-border-default px-3 py-1.5 text-sm text-text-primary transition-colors hover:bg-bg-sunken\"\n            >\n              <Minimize2 className=\"w-3.5 h-3.5\" />\n              {tr('docs.exitFullscreen', 'Exit Fullscreen')}\n            </button>\n          ) : (\n            <button\n              onClick={enterFullscreen}\n              className=\"p-1.5 text-text-secondary hover:text-text-primary transition-colors\"\n              title={tr('docs.fullscreen', 'Fullscreen')}\n            >\n              <Maximize2 className=\"w-4 h-4\" />\n            </button>\n          )}\n        </div>\n      </div>\n\n      {/* Tags — hidden in fullscreen */}\n      {!fullscreen && (\n        <div className=\"flex items-start gap-2 border-b border-border-default bg-bg-surface px-4 py-2 flex-shrink-0\">\n          <Tag className=\"w-4 h-4 mt-1 text-text-secondary flex-shrink-0\" />\n          <div className=\"min-w-0 flex-1\">\n            <EntityTagPicker entityType=\"VIBECONTROLS_DOCSSITE\" entityId={site.id} />\n          </div>\n        </div>\n      )}\n\n      {/* Body: sidebar + content */}\n      <div className=\"flex flex-1 min-h-0\">\n        {/* Page sidebar — only shown when there are multiple pages */}\n        {sortedPages.length > 1 && (\n          <aside\n            className=\"w-56 flex-shrink-0 border-r border-border-default bg-bg-surface overflow-y-auto\"\n            style={{ height: contentHeight }}\n          >\n            <div className=\"px-3 py-2 border-b border-border-default\">\n              <span className=\"text-xs font-semibold text-text-muted uppercase tracking-wide\">\n                Pages\n              </span>\n            </div>\n            <nav className=\"py-1\">\n              {sortedPages.map((page, i) => {\n                const isSelected =\n                  i === 0 ? selectedPageSlug === '' : selectedPageSlug === page.slug;\n                return (\n                  <button\n                    key={page.id}\n                    onClick={() => setSelectedPageSlug(i === 0 ? '' : page.slug)}\n                    className={`w-full flex items-center gap-2 px-3 py-2 text-sm text-left transition-colors ${\n                      isSelected\n                        ? 'bg-action-primary-bg text-action-primary-text font-medium'\n                        : 'text-text-secondary hover:text-text-primary hover:bg-bg-sunken'\n                    }`}\n                  >\n                    <FileText className=\"w-3.5 h-3.5 shrink-0 opacity-60\" />\n                    <span className=\"truncate\">{page.title}</span>\n                  </button>\n                );\n              })}\n            </nav>\n          </aside>\n        )}\n\n        {/* Content area */}\n        <div className=\"flex-1 flex flex-col min-w-0\">{renderContent()}</div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}