@burdenoff/microfe-vibecontrols 2026.601.21 → 2026.601.23

package/dist/components/docs/DocsEditPanel.js

@@ -8,15 +8,15 @@ 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 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;
+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, shareSlot: A }) {
+	let j = e(), [M, N] = s(g[0]?.id || null), [P, F] = s(!1), [I, L] = s(!1), R = g.find((e) => e.id === M) || null;
 	return o(() => {
 		if (g.length === 0) {
-			j && M(null);
+			M && N(null);
 			return;
 		}
-		(!j || !g.some((e) => e.id === j)) && M(g[0].id);
-	}, [g, j]), /* @__PURE__ */ m("div", {
+		(!M || !g.some((e) => e.id === M)) && N(g[0].id);
+	}, [g, M]), /* @__PURE__ */ m("div", {
 		className: "flex flex-col h-full",
 		style: { minHeight: "calc(100vh - 380px)" },
 		children: [
@@ -29,7 +29,7 @@ function h({ site: h, pages: g, onBack: _, onSavePage: v, onAddPage: y, pageAddi
 							type: "button",
 							onClick: _,
 							className: "flex items-center gap-1.5 text-sm text-text-secondary hover:text-text-primary transition-colors",
-							children: [/* @__PURE__ */ p(c, { className: "size-4" }), A("vibecontrols.docs.edit.preview", "Preview")]
+							children: [/* @__PURE__ */ p(c, { className: "size-4" }), j("vibecontrols.docs.edit.preview", "Preview")]
 						}),
 						/* @__PURE__ */ p("span", {
 							className: "text-text-muted",
@@ -43,6 +43,7 @@ function h({ site: h, pages: g, onBack: _, onSavePage: v, onAddPage: y, pageAddi
 				}), /* @__PURE__ */ m("div", {
 					className: "flex items-center gap-2",
 					children: [
+						A,
 						/* @__PURE__ */ p("div", {
 							className: "relative",
 							children: /* @__PURE__ */ p(t, {
@@ -55,21 +56,21 @@ function h({ site: h, pages: g, onBack: _, onSavePage: v, onAddPage: y, pageAddi
 							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__ */ p(u, { className: `size-3.5 ${k ? "animate-spin" : ""}` }), A("vibecontrols.docs.edit.compile", "Compile")]
+							children: [/* @__PURE__ */ p(u, { className: `size-3.5 ${k ? "animate-spin" : ""}` }), j("vibecontrols.docs.edit.compile", "Compile")]
 						}),
 						/* @__PURE__ */ p("button", {
 							type: "button",
 							onClick: () => {
-								I((e) => !e), P(!1);
+								L((e) => !e), F(!1);
 							},
-							className: `p-1.5 transition-colors ${F ? "text-action-primary-text-alt" : "text-text-secondary hover:text-text-primary"}`,
+							className: `p-1.5 transition-colors ${I ? "text-action-primary-text-alt" : "text-text-secondary hover:text-text-primary"}`,
 							title: "Build history",
 							children: /* @__PURE__ */ p(l, { className: "size-4" })
 						}),
 						/* @__PURE__ */ p("button", {
 							type: "button",
 							onClick: () => {
-								P(!0), I(!1);
+								F(!0), L(!1);
 							},
 							className: "p-1.5 text-text-secondary hover:text-text-primary transition-colors",
 							title: "Settings",
@@ -85,7 +86,7 @@ function h({ site: h, pages: g, onBack: _, onSavePage: v, onAddPage: y, pageAddi
 					]
 				})]
 			}),
-			F && /* @__PURE__ */ p("div", {
+			I && /* @__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 ?? [],
@@ -100,8 +101,8 @@ function h({ site: h, pages: g, onBack: _, onSavePage: v, onAddPage: y, pageAddi
 					className: "border-r border-border-default overflow-hidden",
 					children: /* @__PURE__ */ p(n, {
 						pages: g,
-						selectedPageId: j,
-						onSelectPage: M,
+						selectedPageId: M,
+						onSelectPage: N,
 						onAddPage: y,
 						pageAdding: b,
 						onDeletePage: x
@@ -109,15 +110,15 @@ function h({ site: h, pages: g, onBack: _, onSavePage: v, onAddPage: y, pageAddi
 				}), /* @__PURE__ */ p("div", {
 					className: "overflow-hidden",
 					children: /* @__PURE__ */ p(r, {
-						page: L,
+						page: R,
 						onSave: v
 					})
 				})]
 			}),
 			/* @__PURE__ */ p(i, {
 				site: h,
-				open: N,
-				onClose: () => P(!1),
+				open: P,
+				onClose: () => F(!1),
 				onSave: C
 			})
 		]

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, 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            type=\"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=\"size-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            type=\"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={`size-3.5 ${compiling ? 'animate-spin' : ''}`} />\n            {tr('vibecontrols.docs.edit.compile', 'Compile')}\n          </button>\n          <button\n            type=\"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=\"size-4\" />\n          </button>\n          <button\n            type=\"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=\"size-4\" />\n          </button>\n          <button\n            type=\"button\"\n            onClick={onDeleteSite}\n            className=\"p-1.5 text-text-muted hover:text-status-error-text transition-colors\"\n            title=\"Delete site\"\n          >\n            <Trash2 className=\"size-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,MAAK;OACL,SAAS;OACT,WAAU;iBAHZ,CAKE,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA,EAC/B,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,MAAK;OACL,SAAS;OACT,UAAU;OACV,WAAU;iBAJZ,CAME,kBAAC,GAAD,EAAW,WAAW,YAAY,IAAY,iBAAiB,MAAQ,CAAA,EACtE,EAAG,kCAAkC,UAAU,CACzC;;MACT,kBAAC,UAAD;OACE,MAAK;OACL,eAAe;AAEb,QADA,GAAgB,MAAM,CAAC,EAAE,EACzB,EAAgB,GAAM;;OAExB,WAAW,2BAA2B,IAAc,iCAAiC;OACrF,OAAM;iBAEN,kBAAC,GAAD,EAAS,WAAU,UAAW,CAAA;OACvB,CAAA;MACT,kBAAC,UAAD;OACE,MAAK;OACL,eAAe;AAEb,QADA,EAAgB,GAAK,EACrB,EAAe,GAAM;;OAEvB,WAAU;OACV,OAAM;iBAEN,kBAAC,GAAD,EAAU,WAAU,UAAW,CAAA;OACxB,CAAA;MACT,kBAAC,UAAD;OACE,MAAK;OACL,SAAS;OACT,WAAU;OACV,OAAM;iBAEN,kBAAC,GAAD,EAAQ,WAAU,UAAW,CAAA;OACtB,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"}
+{"version":3,"file":"DocsEditPanel.js","names":[],"sources":["../../../src/components/docs/DocsEditPanel.tsx"],"sourcesContent":["import { useEffect, useState, type ReactNode } 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  /** Generic grant-based Share affordance (owner-keyed; supplied by the host). */\n  shareSlot?: ReactNode;\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  shareSlot,\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            type=\"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=\"size-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          {shareSlot}\n          <div className=\"relative\">\n            <DocsCompileStatus revision={compileRevision} onPoll={onPollRevision} />\n          </div>\n          <button\n            type=\"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={`size-3.5 ${compiling ? 'animate-spin' : ''}`} />\n            {tr('vibecontrols.docs.edit.compile', 'Compile')}\n          </button>\n          <button\n            type=\"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=\"size-4\" />\n          </button>\n          <button\n            type=\"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=\"size-4\" />\n          </button>\n          <button\n            type=\"button\"\n            onClick={onDeleteSite}\n            className=\"p-1.5 text-text-muted hover:text-status-error-text transition-colors\"\n            title=\"Delete site\"\n          >\n            <Trash2 className=\"size-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":";;;;;;;;;;AAsCA,SAAgB,EAAc,EAC5B,SACA,UACA,WACA,eACA,cACA,eACA,iBACA,cACA,mBACA,eACA,iBACA,gBACA,oBACA,mBACA,cACA,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,MAAK;OACL,SAAS;OACT,WAAU;iBAHZ,CAKE,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA,EAC/B,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;MACG;MACD,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,GAAD;QAAmB,UAAU;QAAiB,QAAQ;QAAkB,CAAA;OACpE,CAAA;MACN,kBAAC,UAAD;OACE,MAAK;OACL,SAAS;OACT,UAAU;OACV,WAAU;iBAJZ,CAME,kBAAC,GAAD,EAAW,WAAW,YAAY,IAAY,iBAAiB,MAAQ,CAAA,EACtE,EAAG,kCAAkC,UAAU,CACzC;;MACT,kBAAC,UAAD;OACE,MAAK;OACL,eAAe;AAEb,QADA,GAAgB,MAAM,CAAC,EAAE,EACzB,EAAgB,GAAM;;OAExB,WAAW,2BAA2B,IAAc,iCAAiC;OACrF,OAAM;iBAEN,kBAAC,GAAD,EAAS,WAAU,UAAW,CAAA;OACvB,CAAA;MACT,kBAAC,UAAD;OACE,MAAK;OACL,eAAe;AAEb,QADA,EAAgB,GAAK,EACrB,EAAe,GAAM;;OAEvB,WAAU;OACV,OAAM;iBAEN,kBAAC,GAAD,EAAU,WAAU,UAAW,CAAA;OACxB,CAAA;MACT,kBAAC,UAAD;OACE,MAAK;OACL,SAAS;OACT,WAAU;OACV,OAAM;iBAEN,kBAAC,GAAD,EAAQ,WAAU,UAAW,CAAA;OACtB,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/DocsPreviewPanel.js

@@ -7,18 +7,18 @@ import { useState as i } from "react";
 import { AlertTriangle as a, Check as o, Edit3 as s, ExternalLink as c, Link2 as l, Loader2 as u, RefreshCw as d, Settings as f, XCircle as p } from "lucide-react";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/components/docs/DocsPreviewPanel.tsx
-function g({ site: g, pages: _ = [], selectedPageSlug: v = "", onSelectPage: y, docsBaseUrl: b, docsHtml: x, docsContentLoading: S, onEdit: C, onCompile: w, onSettings: T, onGetShareUrl: E, onOpenFullScreen: D, compileRevision: O, onPollRevision: k, compiling: A }) {
-	let j = e(), M = g.currentRevision, [N, P] = i(!1), [F, I] = i(!1), L = async () => {
+function g({ site: g, pages: _ = [], selectedPageSlug: v = "", onSelectPage: y, docsBaseUrl: b, docsHtml: x, docsContentLoading: S, onEdit: C, onCompile: w, onSettings: T, onGetShareUrl: E, onOpenFullScreen: D, compileRevision: O, onPollRevision: k, compiling: A, shareSlot: j }) {
+	let M = e(), N = g.currentRevision, [P, F] = i(!1), [I, L] = i(!1), R = async () => {
 		if (E) {
-			P(!0);
+			F(!0);
 			try {
 				let e = await E();
-				e && (await navigator.clipboard.writeText(e), I(!0), setTimeout(() => I(!1), 2e3));
+				e && (await navigator.clipboard.writeText(e), L(!0), setTimeout(() => L(!1), 2e3));
 			} finally {
-				P(!1);
+				F(!1);
 			}
 		}
-	}, R = x ? r(x) : null;
+	}, z = x ? r(x) : null;
 	return /* @__PURE__ */ h("div", {
 		className: "space-y-4",
 		children: [
@@ -31,9 +31,9 @@ function g({ site: g, pages: _ = [], selectedPageSlug: v = "", onSelectPage: y,
 							className: "font-semibold text-text-primary",
 							children: g.name
 						}),
-						M && /* @__PURE__ */ h("span", {
+						N && /* @__PURE__ */ h("span", {
 							className: "text-xs text-text-muted bg-bg-sunken px-2 py-0.5 rounded",
-							children: ["Rev #", M.revisionNumber]
+							children: ["Rev #", N.revisionNumber]
 						}),
 						/* @__PURE__ */ m("div", {
 							className: "relative",
@@ -46,32 +46,33 @@ function g({ site: g, pages: _ = [], selectedPageSlug: v = "", onSelectPage: y,
 				}), /* @__PURE__ */ h("div", {
 					className: "flex items-center gap-2",
 					children: [
-						M && E && /* @__PURE__ */ h("button", {
+						j,
+						N && E && /* @__PURE__ */ h("button", {
 							type: "button",
-							onClick: L,
-							disabled: N,
+							onClick: R,
+							disabled: P,
 							className: "flex items-center gap-1.5 px-3 py-1.5 text-sm bg-bg-sunken text-text-primary rounded-md hover:bg-bg-sunken/80 transition-colors disabled:opacity-50",
 							title: g.visibility === "PUBLIC" ? "Copy public link" : "Copy signed link (expires)",
-							children: [F ? /* @__PURE__ */ m(o, { className: "size-3.5 text-status-success-text" }) : N ? /* @__PURE__ */ m(u, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ m(l, { className: "size-3.5" }), F ? "Copied!" : j("vibecontrols.docs.preview.copyLink", "Copy Link")]
+							children: [I ? /* @__PURE__ */ m(o, { className: "size-3.5 text-status-success-text" }) : P ? /* @__PURE__ */ m(u, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ m(l, { className: "size-3.5" }), I ? "Copied!" : M("vibecontrols.docs.preview.copyLink", "Copy Link")]
 						}),
-						M && /* @__PURE__ */ h("button", {
+						N && /* @__PURE__ */ h("button", {
 							type: "button",
 							onClick: D,
 							className: "flex items-center gap-1.5 px-3 py-1.5 text-sm bg-bg-sunken text-text-primary rounded-md hover:bg-bg-sunken/80 transition-colors",
-							children: [/* @__PURE__ */ m(c, { className: "size-3.5" }), j("vibecontrols.docs.preview.openFullScreen", "Open Full Screen")]
+							children: [/* @__PURE__ */ m(c, { className: "size-3.5" }), M("vibecontrols.docs.preview.openFullScreen", "Open Full Screen")]
 						}),
 						/* @__PURE__ */ h("button", {
 							type: "button",
 							onClick: C,
 							className: "flex items-center gap-1.5 px-3 py-1.5 text-sm bg-bg-sunken text-text-primary rounded-md hover:bg-bg-sunken/80 transition-colors",
-							children: [/* @__PURE__ */ m(s, { className: "size-3.5" }), j("vibecontrols.docs.preview.edit", "Edit")]
+							children: [/* @__PURE__ */ m(s, { className: "size-3.5" }), M("vibecontrols.docs.preview.edit", "Edit")]
 						}),
 						/* @__PURE__ */ h("button", {
 							type: "button",
 							onClick: w,
 							disabled: A,
 							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__ */ m(d, { className: `size-3.5 ${A ? "animate-spin" : ""}` }), j("vibecontrols.docs.preview.compileDocs", "Compile Docs")]
+							children: [/* @__PURE__ */ m(d, { className: `size-3.5 ${A ? "animate-spin" : ""}` }), M("vibecontrols.docs.preview.compileDocs", "Compile Docs")]
 						}),
 						/* @__PURE__ */ m("button", {
 							type: "button",
@@ -83,7 +84,7 @@ function g({ site: g, pages: _ = [], selectedPageSlug: v = "", onSelectPage: y,
 					]
 				})]
 			}),
-			_.length > 1 && M && /* @__PURE__ */ m("div", {
+			_.length > 1 && N && /* @__PURE__ */ m("div", {
 				className: "flex items-center gap-1 overflow-x-auto pb-1 border-b border-border-primary",
 				children: _.map((e, t) => /* @__PURE__ */ m("button", {
 					type: "button",
@@ -92,10 +93,10 @@ function g({ site: g, pages: _ = [], selectedPageSlug: v = "", onSelectPage: y,
 					children: e.title
 				}, e.id))
 			}),
-			R && M ? /* @__PURE__ */ m(t, {
+			z && N ? /* @__PURE__ */ m(t, {
 				className: "overflow-hidden",
 				children: /* @__PURE__ */ m("iframe", {
-					srcDoc: R,
+					srcDoc: z,
 					className: "w-full border-0",
 					style: {
 						height: "calc(100vh - 380px)",
@@ -103,8 +104,8 @@ function g({ site: g, pages: _ = [], selectedPageSlug: v = "", onSelectPage: y,
 					},
 					title: "Documentation Preview",
 					sandbox: "allow-same-origin allow-forms allow-popups"
-				}, `${M.id}-${v}`)
-			}) : M && S ? /* @__PURE__ */ m(t, {
+				}, `${N.id}-${v}`)
+			}) : N && S ? /* @__PURE__ */ m(t, {
 				className: "p-8 text-center",
 				children: /* @__PURE__ */ h("div", {
 					className: "flex flex-col items-center gap-2 text-text-muted",
@@ -113,7 +114,7 @@ function g({ site: g, pages: _ = [], selectedPageSlug: v = "", onSelectPage: y,
 						children: "Loading documentation preview…"
 					})]
 				})
-			}) : M && !S && !x ? /* @__PURE__ */ m(t, {
+			}) : N && !S && !x ? /* @__PURE__ */ m(t, {
 				className: "p-8 text-center",
 				children: /* @__PURE__ */ h("div", {
 					className: "flex flex-col items-center gap-3 text-text-secondary",
@@ -174,7 +175,7 @@ function g({ site: g, pages: _ = [], selectedPageSlug: v = "", onSelectPage: y,
 				children: [
 					/* @__PURE__ */ m("p", {
 						className: "text-text-secondary mb-1 font-medium",
-						children: j("vibecontrols.docs.preview.noPublished", "No published documentation yet")
+						children: M("vibecontrols.docs.preview.noPublished", "No published documentation yet")
 					}),
 					/* @__PURE__ */ h("p", {
 						className: "text-sm text-text-muted mb-4",
@@ -188,7 +189,7 @@ function g({ site: g, pages: _ = [], selectedPageSlug: v = "", onSelectPage: y,
 						type: "button",
 						onClick: C,
 						className: "px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
-						children: j("vibecontrols.docs.preview.startEditing", "Start Editing")
+						children: M("vibecontrols.docs.preview.startEditing", "Start Editing")
 					})
 				]
 			})

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

@@ -1 +1 @@
-{"version":3,"file":"DocsPreviewPanel.js","names":[],"sources":["../../../src/components/docs/DocsPreviewPanel.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Edit3,\n  RefreshCw,\n  Settings,\n  ExternalLink,\n  Loader2,\n  AlertTriangle,\n  XCircle,\n  Link2,\n  Check,\n} from 'lucide-react';\nimport { Card } from '@/components/shared';\nimport { DocsCompileStatus } from './DocsCompileStatus';\nimport { createDocsPreviewHtml } from './previewHtml';\nimport type { DocsSite, DocsRevision, DocsPage } from './types';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface DocsPreviewPanelProps {\n  site: DocsSite;\n  pages?: DocsPage[];\n  selectedPageSlug?: string;\n  onSelectPage?: (slug: string) => void;\n  docsBaseUrl: string | null;\n  docsHtml: string | null;\n  docsContentLoading?: boolean;\n  onEdit: () => void;\n  onCompile: () => void;\n  onSettings: () => void;\n  onGetShareUrl?: () => Promise<string | null>;\n  onOpenFullScreen: () => void;\n  compileRevision: DocsRevision | null;\n  onPollRevision?: (id: string) => Promise<DocsRevision | null>;\n  compiling: boolean;\n}\n\nexport function DocsPreviewPanel({\n  site,\n  pages = [],\n  selectedPageSlug = '',\n  onSelectPage,\n  docsBaseUrl,\n  docsHtml,\n  docsContentLoading,\n  onEdit,\n  onCompile,\n  onSettings,\n  onGetShareUrl,\n  onOpenFullScreen,\n  compileRevision,\n  onPollRevision,\n  compiling,\n}: DocsPreviewPanelProps) {\n  const tr = useTr();\n  const currentRev = site.currentRevision;\n  const [copying, setCopying] = useState(false);\n  const [copied, setCopied] = useState(false);\n\n  const handleCopyLink = async () => {\n    if (!onGetShareUrl) return;\n    setCopying(true);\n    try {\n      const url = await onGetShareUrl();\n      if (url) {\n        await navigator.clipboard.writeText(url);\n        setCopied(true);\n        setTimeout(() => setCopied(false), 2000);\n      }\n    } finally {\n      setCopying(false);\n    }\n  };\n  const previewHtml = docsHtml ? createDocsPreviewHtml(docsHtml) : null;\n\n  const renderPreviewArea = () => {\n    // Inline srcDoc preview: extracts prose content from the compiled HTML and renders\n    // it with self-contained typography styles in a sandboxed iframe. The gateway src\n    // approach requires the full gateway stack (not available in local dev) and cannot\n    // send auth headers from a browser iframe, so srcdoc is the reliable path.\n    if (previewHtml && currentRev) {\n      return (\n        <Card className=\"overflow-hidden\">\n          <iframe\n            key={`${currentRev.id}-${selectedPageSlug}`}\n            srcDoc={previewHtml}\n            className=\"w-full border-0\"\n            style={{ height: 'calc(100vh - 380px)', minHeight: '400px' }}\n            title=\"Documentation Preview\"\n            sandbox=\"allow-same-origin allow-forms allow-popups\"\n          />\n        </Card>\n      );\n    }\n\n    // Revision exists but content is still loading\n    if (currentRev && docsContentLoading) {\n      return (\n        <Card className=\"p-8 text-center\">\n          <div className=\"flex flex-col items-center gap-2 text-text-muted\">\n            <Loader2 className=\"size-5 animate-spin\" />\n            <p className=\"text-sm\">Loading documentation preview…</p>\n          </div>\n        </Card>\n      );\n    }\n\n    // Revision exists but content failed to load (not loading, not available)\n    if (currentRev && !docsContentLoading && !docsHtml) {\n      return (\n        <Card className=\"p-8 text-center\">\n          <div className=\"flex flex-col items-center gap-3 text-text-secondary\">\n            <AlertTriangle className=\"size-5 text-status-warning-text\" />\n            <p className=\"text-sm\">\n              The preview could not be loaded. The site may still be processing, or the build\n              artifact may have expired.\n            </p>\n            <button\n              type=\"button\"\n              onClick={onCompile}\n              disabled={compiling}\n              className=\"px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md text-sm hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50\"\n            >\n              Recompile Docs\n            </button>\n          </div>\n        </Card>\n      );\n    }\n\n    // Last compile failed with no prior successful revision — show failure prominently\n    if (compileRevision?.status === 'FAILED') {\n      return (\n        <Card className=\"p-8 text-center\">\n          <div className=\"flex flex-col items-center gap-3\">\n            <XCircle className=\"size-8 text-status-error-text\" />\n            <div>\n              <p className=\"font-medium text-text-primary mb-1\">Build failed</p>\n              {compileRevision.errorMessage && (\n                <p className=\"text-sm text-status-error-text bg-status-error-bg rounded px-3 py-2 text-left max-w-md mx-auto mb-3\">\n                  {compileRevision.errorMessage}\n                </p>\n              )}\n              <p className=\"text-sm text-text-muted\">\n                Fix your pages in the editor and try compiling again.\n              </p>\n            </div>\n            <div className=\"flex gap-2\">\n              <button\n                type=\"button\"\n                onClick={onEdit}\n                className=\"px-4 py-2 bg-bg-sunken text-text-primary rounded-md text-sm hover:bg-bg-sunken/80 transition-colors\"\n              >\n                Edit Pages\n              </button>\n              <button\n                type=\"button\"\n                onClick={onCompile}\n                disabled={compiling}\n                className=\"px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md text-sm hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50\"\n              >\n                Retry Compile\n              </button>\n            </div>\n          </div>\n        </Card>\n      );\n    }\n\n    // No revision yet — prompt to start editing\n    return (\n      <Card className=\"p-8 text-center\">\n        <p className=\"text-text-secondary mb-1 font-medium\">\n          {tr('vibecontrols.docs.preview.noPublished', 'No published documentation yet')}\n        </p>\n        <p className=\"text-sm text-text-muted mb-4\">\n          Add pages in the editor, then click <strong>Compile</strong> to build and publish your\n          docs site. Compiled output is stored and served from S3 — compiling takes 1–3 minutes.\n        </p>\n        <button\n          type=\"button\"\n          onClick={onEdit}\n          className=\"px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors\"\n        >\n          {tr('vibecontrols.docs.preview.startEditing', 'Start Editing')}\n        </button>\n      </Card>\n    );\n  };\n\n  return (\n    <div className=\"space-y-4\">\n      {/* Action bar */}\n      <div className=\"flex items-center justify-between flex-wrap gap-2\">\n        <div className=\"flex items-center gap-3\">\n          <h3 className=\"font-semibold text-text-primary\">{site.name}</h3>\n          {currentRev && (\n            <span className=\"text-xs text-text-muted bg-bg-sunken px-2 py-0.5 rounded\">\n              Rev #{currentRev.revisionNumber}\n            </span>\n          )}\n          <div className=\"relative\">\n            <DocsCompileStatus revision={compileRevision} onPoll={onPollRevision} />\n          </div>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {currentRev && onGetShareUrl && (\n            <button\n              type=\"button\"\n              onClick={handleCopyLink}\n              disabled={copying}\n              className=\"flex items-center gap-1.5 px-3 py-1.5 text-sm bg-bg-sunken text-text-primary rounded-md hover:bg-bg-sunken/80 transition-colors disabled:opacity-50\"\n              title={\n                site.visibility === 'PUBLIC' ? 'Copy public link' : 'Copy signed link (expires)'\n              }\n            >\n              {copied ? (\n                <Check className=\"size-3.5 text-status-success-text\" />\n              ) : copying ? (\n                <Loader2 className=\"size-3.5 animate-spin\" />\n              ) : (\n                <Link2 className=\"size-3.5\" />\n              )}\n              {copied ? 'Copied!' : tr('vibecontrols.docs.preview.copyLink', 'Copy Link')}\n            </button>\n          )}\n          {currentRev && (\n            <button\n              type=\"button\"\n              onClick={onOpenFullScreen}\n              className=\"flex items-center gap-1.5 px-3 py-1.5 text-sm bg-bg-sunken text-text-primary rounded-md hover:bg-bg-sunken/80 transition-colors\"\n            >\n              <ExternalLink className=\"size-3.5\" />\n              {tr('vibecontrols.docs.preview.openFullScreen', 'Open Full Screen')}\n            </button>\n          )}\n          <button\n            type=\"button\"\n            onClick={onEdit}\n            className=\"flex items-center gap-1.5 px-3 py-1.5 text-sm bg-bg-sunken text-text-primary rounded-md hover:bg-bg-sunken/80 transition-colors\"\n          >\n            <Edit3 className=\"size-3.5\" />\n            {tr('vibecontrols.docs.preview.edit', 'Edit')}\n          </button>\n          <button\n            type=\"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={`size-3.5 ${compiling ? 'animate-spin' : ''}`} />\n            {tr('vibecontrols.docs.preview.compileDocs', 'Compile Docs')}\n          </button>\n          <button\n            type=\"button\"\n            onClick={onSettings}\n            className=\"p-1.5 text-text-secondary hover:text-text-primary transition-colors\"\n            title=\"Site settings\"\n          >\n            <Settings className=\"size-4\" />\n          </button>\n        </div>\n      </div>\n\n      {/* Page navigation tabs — shown when there are multiple compiled pages */}\n      {pages.length > 1 && currentRev && (\n        <div className=\"flex items-center gap-1 overflow-x-auto pb-1 border-b border-border-primary\">\n          {pages.map((page, i) => {\n            const isSelected = i === 0 ? selectedPageSlug === '' : selectedPageSlug === page.slug;\n            return (\n              <button\n                type=\"button\"\n                key={page.id}\n                onClick={() => onSelectPage?.(i === 0 ? '' : page.slug)}\n                className={`shrink-0 px-3 py-1.5 text-sm rounded-t-md whitespace-nowrap transition-colors ${\n                  isSelected\n                    ? 'bg-action-primary-bg text-action-primary-text'\n                    : 'text-text-secondary hover:text-text-primary hover:bg-bg-sunken'\n                }`}\n              >\n                {page.title}\n              </button>\n            );\n          })}\n        </div>\n      )}\n\n      {renderPreviewArea()}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAoCA,SAAgB,EAAiB,EAC/B,SACA,WAAQ,EAAE,EACV,sBAAmB,IACnB,iBACA,gBACA,aACA,uBACA,WACA,cACA,eACA,kBACA,qBACA,oBACA,mBACA,gBACwB;CACxB,IAAM,IAAK,GAAO,EACZ,IAAa,EAAK,iBAClB,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAQ,KAAa,EAAS,GAAM,EAErC,IAAiB,YAAY;AAC5B,SACL;KAAW,GAAK;AAChB,OAAI;IACF,IAAM,IAAM,MAAM,GAAe;AACjC,IAAI,MACF,MAAM,UAAU,UAAU,UAAU,EAAI,EACxC,EAAU,GAAK,EACf,iBAAiB,EAAU,GAAM,EAAE,IAAK;aAElC;AACR,MAAW,GAAM;;;IAGf,IAAc,IAAW,EAAsB,EAAS,GAAG;AAqHjE,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GAEE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,MAAD;OAAI,WAAU;iBAAmC,EAAK;OAAU,CAAA;MAC/D,KACC,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CAA2E,SACnE,EAAW,eACZ;;MAET,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,GAAD;QAAmB,UAAU;QAAiB,QAAQ;QAAkB,CAAA;OACpE,CAAA;MACF;QACN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACG,KAAc,KACb,kBAAC,UAAD;OACE,MAAK;OACL,SAAS;OACT,UAAU;OACV,WAAU;OACV,OACE,EAAK,eAAe,WAAW,qBAAqB;iBANxD,CASG,IACC,kBAAC,GAAD,EAAO,WAAU,qCAAsC,CAAA,GACrD,IACF,kBAAC,GAAD,EAAS,WAAU,yBAA0B,CAAA,GAE7C,kBAAC,GAAD,EAAO,WAAU,YAAa,CAAA,EAE/B,IAAS,YAAY,EAAG,sCAAsC,YAAY,CACpE;;MAEV,KACC,kBAAC,UAAD;OACE,MAAK;OACL,SAAS;OACT,WAAU;iBAHZ,CAKE,kBAAC,GAAD,EAAc,WAAU,YAAa,CAAA,EACpC,EAAG,4CAA4C,mBAAmB,CAC5D;;MAEX,kBAAC,UAAD;OACE,MAAK;OACL,SAAS;OACT,WAAU;iBAHZ,CAKE,kBAAC,GAAD,EAAO,WAAU,YAAa,CAAA,EAC7B,EAAG,kCAAkC,OAAO,CACtC;;MACT,kBAAC,UAAD;OACE,MAAK;OACL,SAAS;OACT,UAAU;OACV,WAAU;iBAJZ,CAME,kBAAC,GAAD,EAAW,WAAW,YAAY,IAAY,iBAAiB,MAAQ,CAAA,EACtE,EAAG,yCAAyC,eAAe,CACrD;;MACT,kBAAC,UAAD;OACE,MAAK;OACL,SAAS;OACT,WAAU;OACV,OAAM;iBAEN,kBAAC,GAAD,EAAU,WAAU,UAAW,CAAA;OACxB,CAAA;MACL;OACF;;GAGL,EAAM,SAAS,KAAK,KACnB,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAM,KAAK,GAAM,MAGd,kBAAC,UAAD;KACE,MAAK;KAEL,eAAe,IAAe,MAAM,IAAI,KAAK,EAAK,KAAK;KACvD,WAAW,kFANI,MAAM,IAAI,MAAqB,KAAK,MAAqB,EAAK,QAQvE,kDACA;eAGL,EAAK;KACC,EATF,EAAK,GASH,CAEX;IACE,CAAA;GA5MN,KAAe,IAEf,kBAAC,GAAD;IAAM,WAAU;cACd,kBAAC,UAAD;KAEE,QAAQ;KACR,WAAU;KACV,OAAO;MAAE,QAAQ;MAAuB,WAAW;MAAS;KAC5D,OAAM;KACN,SAAQ;KACR,EANK,GAAG,EAAW,GAAG,GAAG,IAMzB;IACG,CAAA,GAKP,KAAc,IAEd,kBAAC,GAAD;IAAM,WAAU;cACd,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAS,WAAU,uBAAwB,CAAA,EAC3C,kBAAC,KAAD;MAAG,WAAU;gBAAU;MAAkC,CAAA,CACrD;;IACD,CAAA,GAKP,KAAc,CAAC,KAAsB,CAAC,IAEtC,kBAAC,GAAD;IAAM,WAAU;cACd,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD,EAAe,WAAU,mCAAoC,CAAA;MAC7D,kBAAC,KAAD;OAAG,WAAU;iBAAU;OAGnB,CAAA;MACJ,kBAAC,UAAD;OACE,MAAK;OACL,SAAS;OACT,UAAU;OACV,WAAU;iBACX;OAEQ,CAAA;MACL;;IACD,CAAA,GAKP,GAAiB,WAAW,WAE5B,kBAAC,GAAD;IAAM,WAAU;cACd,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD,EAAS,WAAU,iCAAkC,CAAA;MACrD,kBAAC,OAAD,EAAA,UAAA;OACE,kBAAC,KAAD;QAAG,WAAU;kBAAqC;QAAgB,CAAA;OACjE,EAAgB,gBACf,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAgB;QACf,CAAA;OAEN,kBAAC,KAAD;QAAG,WAAU;kBAA0B;QAEnC,CAAA;OACA,EAAA,CAAA;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,UAAD;QACE,MAAK;QACL,SAAS;QACT,WAAU;kBACX;QAEQ,CAAA,EACT,kBAAC,UAAD;QACE,MAAK;QACL,SAAS;QACT,UAAU;QACV,WAAU;kBACX;QAEQ,CAAA,CACL;;MACF;;IACD,CAAA,GAMT,kBAAC,GAAD;IAAM,WAAU;cAAhB;KACE,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAG,yCAAyC,iCAAiC;MAC5E,CAAA;KACJ,kBAAC,KAAD;MAAG,WAAU;gBAAb;OAA4C;OACN,kBAAC,UAAD,EAAA,UAAQ,WAAgB,CAAA;;OAE1D;;KACJ,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,WAAU;gBAET,EAAG,0CAA0C,gBAAgB;MACvD,CAAA;KACJ;;GAsGH"}
+{"version":3,"file":"DocsPreviewPanel.js","names":[],"sources":["../../../src/components/docs/DocsPreviewPanel.tsx"],"sourcesContent":["import { useState, type ReactNode } from 'react';\nimport {\n  Edit3,\n  RefreshCw,\n  Settings,\n  ExternalLink,\n  Loader2,\n  AlertTriangle,\n  XCircle,\n  Link2,\n  Check,\n} from 'lucide-react';\nimport { Card } from '@/components/shared';\nimport { DocsCompileStatus } from './DocsCompileStatus';\nimport { createDocsPreviewHtml } from './previewHtml';\nimport type { DocsSite, DocsRevision, DocsPage } from './types';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface DocsPreviewPanelProps {\n  site: DocsSite;\n  pages?: DocsPage[];\n  selectedPageSlug?: string;\n  onSelectPage?: (slug: string) => void;\n  docsBaseUrl: string | null;\n  docsHtml: string | null;\n  docsContentLoading?: boolean;\n  onEdit: () => void;\n  onCompile: () => void;\n  onSettings: () => void;\n  onGetShareUrl?: () => Promise<string | null>;\n  onOpenFullScreen: () => void;\n  compileRevision: DocsRevision | null;\n  onPollRevision?: (id: string) => Promise<DocsRevision | null>;\n  compiling: boolean;\n  /** Generic grant-based Share affordance (owner-keyed; supplied by the host). */\n  shareSlot?: ReactNode;\n}\n\nexport function DocsPreviewPanel({\n  site,\n  pages = [],\n  selectedPageSlug = '',\n  onSelectPage,\n  docsBaseUrl,\n  docsHtml,\n  docsContentLoading,\n  onEdit,\n  onCompile,\n  onSettings,\n  onGetShareUrl,\n  onOpenFullScreen,\n  compileRevision,\n  onPollRevision,\n  compiling,\n  shareSlot,\n}: DocsPreviewPanelProps) {\n  const tr = useTr();\n  const currentRev = site.currentRevision;\n  const [copying, setCopying] = useState(false);\n  const [copied, setCopied] = useState(false);\n\n  const handleCopyLink = async () => {\n    if (!onGetShareUrl) return;\n    setCopying(true);\n    try {\n      const url = await onGetShareUrl();\n      if (url) {\n        await navigator.clipboard.writeText(url);\n        setCopied(true);\n        setTimeout(() => setCopied(false), 2000);\n      }\n    } finally {\n      setCopying(false);\n    }\n  };\n  const previewHtml = docsHtml ? createDocsPreviewHtml(docsHtml) : null;\n\n  const renderPreviewArea = () => {\n    // Inline srcDoc preview: extracts prose content from the compiled HTML and renders\n    // it with self-contained typography styles in a sandboxed iframe. The gateway src\n    // approach requires the full gateway stack (not available in local dev) and cannot\n    // send auth headers from a browser iframe, so srcdoc is the reliable path.\n    if (previewHtml && currentRev) {\n      return (\n        <Card className=\"overflow-hidden\">\n          <iframe\n            key={`${currentRev.id}-${selectedPageSlug}`}\n            srcDoc={previewHtml}\n            className=\"w-full border-0\"\n            style={{ height: 'calc(100vh - 380px)', minHeight: '400px' }}\n            title=\"Documentation Preview\"\n            sandbox=\"allow-same-origin allow-forms allow-popups\"\n          />\n        </Card>\n      );\n    }\n\n    // Revision exists but content is still loading\n    if (currentRev && docsContentLoading) {\n      return (\n        <Card className=\"p-8 text-center\">\n          <div className=\"flex flex-col items-center gap-2 text-text-muted\">\n            <Loader2 className=\"size-5 animate-spin\" />\n            <p className=\"text-sm\">Loading documentation preview…</p>\n          </div>\n        </Card>\n      );\n    }\n\n    // Revision exists but content failed to load (not loading, not available)\n    if (currentRev && !docsContentLoading && !docsHtml) {\n      return (\n        <Card className=\"p-8 text-center\">\n          <div className=\"flex flex-col items-center gap-3 text-text-secondary\">\n            <AlertTriangle className=\"size-5 text-status-warning-text\" />\n            <p className=\"text-sm\">\n              The preview could not be loaded. The site may still be processing, or the build\n              artifact may have expired.\n            </p>\n            <button\n              type=\"button\"\n              onClick={onCompile}\n              disabled={compiling}\n              className=\"px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md text-sm hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50\"\n            >\n              Recompile Docs\n            </button>\n          </div>\n        </Card>\n      );\n    }\n\n    // Last compile failed with no prior successful revision — show failure prominently\n    if (compileRevision?.status === 'FAILED') {\n      return (\n        <Card className=\"p-8 text-center\">\n          <div className=\"flex flex-col items-center gap-3\">\n            <XCircle className=\"size-8 text-status-error-text\" />\n            <div>\n              <p className=\"font-medium text-text-primary mb-1\">Build failed</p>\n              {compileRevision.errorMessage && (\n                <p className=\"text-sm text-status-error-text bg-status-error-bg rounded px-3 py-2 text-left max-w-md mx-auto mb-3\">\n                  {compileRevision.errorMessage}\n                </p>\n              )}\n              <p className=\"text-sm text-text-muted\">\n                Fix your pages in the editor and try compiling again.\n              </p>\n            </div>\n            <div className=\"flex gap-2\">\n              <button\n                type=\"button\"\n                onClick={onEdit}\n                className=\"px-4 py-2 bg-bg-sunken text-text-primary rounded-md text-sm hover:bg-bg-sunken/80 transition-colors\"\n              >\n                Edit Pages\n              </button>\n              <button\n                type=\"button\"\n                onClick={onCompile}\n                disabled={compiling}\n                className=\"px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md text-sm hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50\"\n              >\n                Retry Compile\n              </button>\n            </div>\n          </div>\n        </Card>\n      );\n    }\n\n    // No revision yet — prompt to start editing\n    return (\n      <Card className=\"p-8 text-center\">\n        <p className=\"text-text-secondary mb-1 font-medium\">\n          {tr('vibecontrols.docs.preview.noPublished', 'No published documentation yet')}\n        </p>\n        <p className=\"text-sm text-text-muted mb-4\">\n          Add pages in the editor, then click <strong>Compile</strong> to build and publish your\n          docs site. Compiled output is stored and served from S3 — compiling takes 1–3 minutes.\n        </p>\n        <button\n          type=\"button\"\n          onClick={onEdit}\n          className=\"px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors\"\n        >\n          {tr('vibecontrols.docs.preview.startEditing', 'Start Editing')}\n        </button>\n      </Card>\n    );\n  };\n\n  return (\n    <div className=\"space-y-4\">\n      {/* Action bar */}\n      <div className=\"flex items-center justify-between flex-wrap gap-2\">\n        <div className=\"flex items-center gap-3\">\n          <h3 className=\"font-semibold text-text-primary\">{site.name}</h3>\n          {currentRev && (\n            <span className=\"text-xs text-text-muted bg-bg-sunken px-2 py-0.5 rounded\">\n              Rev #{currentRev.revisionNumber}\n            </span>\n          )}\n          <div className=\"relative\">\n            <DocsCompileStatus revision={compileRevision} onPoll={onPollRevision} />\n          </div>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {shareSlot}\n          {currentRev && onGetShareUrl && (\n            <button\n              type=\"button\"\n              onClick={handleCopyLink}\n              disabled={copying}\n              className=\"flex items-center gap-1.5 px-3 py-1.5 text-sm bg-bg-sunken text-text-primary rounded-md hover:bg-bg-sunken/80 transition-colors disabled:opacity-50\"\n              title={\n                site.visibility === 'PUBLIC' ? 'Copy public link' : 'Copy signed link (expires)'\n              }\n            >\n              {copied ? (\n                <Check className=\"size-3.5 text-status-success-text\" />\n              ) : copying ? (\n                <Loader2 className=\"size-3.5 animate-spin\" />\n              ) : (\n                <Link2 className=\"size-3.5\" />\n              )}\n              {copied ? 'Copied!' : tr('vibecontrols.docs.preview.copyLink', 'Copy Link')}\n            </button>\n          )}\n          {currentRev && (\n            <button\n              type=\"button\"\n              onClick={onOpenFullScreen}\n              className=\"flex items-center gap-1.5 px-3 py-1.5 text-sm bg-bg-sunken text-text-primary rounded-md hover:bg-bg-sunken/80 transition-colors\"\n            >\n              <ExternalLink className=\"size-3.5\" />\n              {tr('vibecontrols.docs.preview.openFullScreen', 'Open Full Screen')}\n            </button>\n          )}\n          <button\n            type=\"button\"\n            onClick={onEdit}\n            className=\"flex items-center gap-1.5 px-3 py-1.5 text-sm bg-bg-sunken text-text-primary rounded-md hover:bg-bg-sunken/80 transition-colors\"\n          >\n            <Edit3 className=\"size-3.5\" />\n            {tr('vibecontrols.docs.preview.edit', 'Edit')}\n          </button>\n          <button\n            type=\"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={`size-3.5 ${compiling ? 'animate-spin' : ''}`} />\n            {tr('vibecontrols.docs.preview.compileDocs', 'Compile Docs')}\n          </button>\n          <button\n            type=\"button\"\n            onClick={onSettings}\n            className=\"p-1.5 text-text-secondary hover:text-text-primary transition-colors\"\n            title=\"Site settings\"\n          >\n            <Settings className=\"size-4\" />\n          </button>\n        </div>\n      </div>\n\n      {/* Page navigation tabs — shown when there are multiple compiled pages */}\n      {pages.length > 1 && currentRev && (\n        <div className=\"flex items-center gap-1 overflow-x-auto pb-1 border-b border-border-primary\">\n          {pages.map((page, i) => {\n            const isSelected = i === 0 ? selectedPageSlug === '' : selectedPageSlug === page.slug;\n            return (\n              <button\n                type=\"button\"\n                key={page.id}\n                onClick={() => onSelectPage?.(i === 0 ? '' : page.slug)}\n                className={`shrink-0 px-3 py-1.5 text-sm rounded-t-md whitespace-nowrap transition-colors ${\n                  isSelected\n                    ? 'bg-action-primary-bg text-action-primary-text'\n                    : 'text-text-secondary hover:text-text-primary hover:bg-bg-sunken'\n                }`}\n              >\n                {page.title}\n              </button>\n            );\n          })}\n        </div>\n      )}\n\n      {renderPreviewArea()}\n    </div>\n  );\n}\n"],"mappings":"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"}