@burdenoff/microfe-vibecontrols 2026.511.1

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

@@ -0,0 +1,12 @@
+import { DocsPage } from './types';
+
+interface DocsPageTreeProps {
+    pages: DocsPage[];
+    selectedPageId: string | null;
+    onSelectPage: (pageId: string) => void;
+    onAddPage: (parentId?: string, category?: string) => void;
+    onDeletePage: (pageId: string) => void;
+}
+export declare function DocsPageTree({ pages, selectedPageId, onSelectPage, onAddPage, onDeletePage, }: DocsPageTreeProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DocsPageTree.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DocsPageTree.d.ts","sourceRoot":"","sources":["../../../src/components/docs/DocsPageTree.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGxC,UAAU,iBAAiB;IACzB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAiHD,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,cAAc,EACd,YAAY,EACZ,SAAS,EACT,YAAY,GACb,EAAE,iBAAiB,2CA2DnB"}

package/dist/components/docs/DocsPageTree.js

@@ -0,0 +1,103 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { useState as t } from "react";
+import { ChevronDown as n, ChevronRight as r, FileText as i, FolderOpen as a, Plus as o, Trash2 as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/docs/DocsPageTree.tsx
+function u(e) {
+	let t = /* @__PURE__ */ new Map(), n = [];
+	for (let n of e) t.set(n.id, {
+		page: n,
+		children: []
+	});
+	for (let r of e) {
+		let e = t.get(r.id);
+		r.parentId && t.has(r.parentId) ? t.get(r.parentId).children.push(e) : n.push(e);
+	}
+	return n;
+}
+function d({ node: e, depth: t, selectedPageId: o, onSelectPage: u, onDeletePage: f, expandedIds: p, toggleExpand: m }) {
+	let h = o === e.page.id, g = e.children.length > 0, _ = p.has(e.page.id);
+	return /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ l("div", {
+		className: `flex items-center gap-1 px-2 py-1.5 cursor-pointer rounded text-sm transition-colors group ${h ? "bg-action-primary-bg/10 text-action-primary-bg" : "text-text-secondary hover:bg-bg-sunken hover:text-text-primary"}`,
+		style: { paddingLeft: `${8 + t * 16}px` },
+		onClick: () => u(e.page.id),
+		children: [
+			g ? /* @__PURE__ */ c("button", {
+				onClick: (t) => {
+					t.stopPropagation(), m(e.page.id);
+				},
+				className: "p-0.5 -ml-1",
+				children: c(_ ? n : r, { className: "w-3 h-3" })
+			}) : /* @__PURE__ */ c("span", { className: "w-4" }),
+			e.page.category ? /* @__PURE__ */ c(a, { className: "w-3.5 h-3.5 flex-shrink-0" }) : /* @__PURE__ */ c(i, { className: "w-3.5 h-3.5 flex-shrink-0" }),
+			/* @__PURE__ */ c("span", {
+				className: "truncate flex-1",
+				children: e.page.title
+			}),
+			/* @__PURE__ */ c("button", {
+				onClick: (t) => {
+					t.stopPropagation(), f(e.page.id);
+				},
+				className: "opacity-0 group-hover:opacity-100 p-0.5 text-text-muted hover:text-status-error-text transition-all",
+				title: "Delete",
+				children: /* @__PURE__ */ c(s, { className: "w-3 h-3" })
+			})
+		]
+	}), g && _ && /* @__PURE__ */ c("div", { children: e.children.map((e) => /* @__PURE__ */ c(d, {
+		node: e,
+		depth: t + 1,
+		selectedPageId: o,
+		onSelectPage: u,
+		onDeletePage: f,
+		expandedIds: p,
+		toggleExpand: m
+	}, e.page.id)) })] });
+}
+function f({ pages: n, selectedPageId: r, onSelectPage: i, onAddPage: a, onDeletePage: s }) {
+	let f = e(), [p, m] = t(new Set(n.map((e) => e.id))), h = (e) => {
+		m((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n;
+		});
+	}, g = u(n);
+	return /* @__PURE__ */ l("div", {
+		className: "flex flex-col h-full",
+		children: [/* @__PURE__ */ l("div", {
+			className: "flex items-center justify-between px-3 py-2 border-b border-border-default",
+			children: [/* @__PURE__ */ c("span", {
+				className: "text-xs font-medium text-text-secondary uppercase tracking-wider",
+				children: f("vibecontrols.docs.pageTree.pages", "Pages")
+			}), /* @__PURE__ */ c("button", {
+				onClick: () => a(),
+				className: "p-1 text-text-secondary hover:text-text-primary transition-colors",
+				title: "Add page",
+				children: /* @__PURE__ */ c(o, { className: "w-4 h-4" })
+			})]
+		}), /* @__PURE__ */ c("div", {
+			className: "flex-1 overflow-y-auto py-1",
+			children: g.length > 0 ? g.map((e) => /* @__PURE__ */ c(d, {
+				node: e,
+				depth: 0,
+				selectedPageId: r,
+				onSelectPage: i,
+				onDeletePage: s,
+				expandedIds: p,
+				toggleExpand: h
+			}, e.page.id)) : /* @__PURE__ */ l("div", {
+				className: "p-4 text-center",
+				children: [/* @__PURE__ */ c("p", {
+					className: "text-sm text-text-muted mb-2",
+					children: f("vibecontrols.docs.pageTree.noPages", "No pages yet")
+				}), /* @__PURE__ */ c("button", {
+					onClick: () => a(),
+					className: "text-sm text-action-primary-bg hover:underline",
+					children: f("vibecontrols.docs.pageTree.addFirstPage", "Add your first page")
+				})]
+			})
+		})]
+	});
+}
+//#endregion
+export { f as DocsPageTree };
+
+//# sourceMappingURL=DocsPageTree.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DocsPageTree.js","names":[],"sources":["../../../src/components/docs/DocsPageTree.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { FileText, FolderOpen, Plus, Trash2, ChevronRight, ChevronDown } from 'lucide-react';\nimport type { DocsPage } from './types';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface DocsPageTreeProps {\n  pages: DocsPage[];\n  selectedPageId: string | null;\n  onSelectPage: (pageId: string) => void;\n  onAddPage: (parentId?: string, category?: string) => void;\n  onDeletePage: (pageId: string) => void;\n}\n\ninterface TreeNode {\n  page: DocsPage;\n  children: TreeNode[];\n}\n\nfunction buildTree(pages: DocsPage[]): TreeNode[] {\n  const map = new Map<string, TreeNode>();\n  const roots: TreeNode[] = [];\n\n  for (const page of pages) {\n    map.set(page.id, { page, children: [] });\n  }\n\n  for (const page of pages) {\n    const node = map.get(page.id)!;\n    if (page.parentId && map.has(page.parentId)) {\n      map.get(page.parentId)!.children.push(node);\n    } else {\n      roots.push(node);\n    }\n  }\n\n  return roots;\n}\n\nfunction TreeItem({\n  node,\n  depth,\n  selectedPageId,\n  onSelectPage,\n  onDeletePage,\n  expandedIds,\n  toggleExpand,\n}: {\n  node: TreeNode;\n  depth: number;\n  selectedPageId: string | null;\n  onSelectPage: (id: string) => void;\n  onDeletePage: (id: string) => void;\n  expandedIds: Set<string>;\n  toggleExpand: (id: string) => void;\n}) {\n  const isSelected = selectedPageId === node.page.id;\n  const hasChildren = node.children.length > 0;\n  const isExpanded = expandedIds.has(node.page.id);\n\n  return (\n    <div>\n      <div\n        className={`flex items-center gap-1 px-2 py-1.5 cursor-pointer rounded text-sm transition-colors group ${\n          isSelected\n            ? 'bg-action-primary-bg/10 text-action-primary-bg'\n            : 'text-text-secondary hover:bg-bg-sunken hover:text-text-primary'\n        }`}\n        style={{ paddingLeft: `${8 + depth * 16}px` }}\n        onClick={() => onSelectPage(node.page.id)}\n      >\n        {hasChildren ? (\n          <button\n            onClick={(e) => {\n              e.stopPropagation();\n              toggleExpand(node.page.id);\n            }}\n            className=\"p-0.5 -ml-1\"\n          >\n            {isExpanded ? (\n              <ChevronDown className=\"w-3 h-3\" />\n            ) : (\n              <ChevronRight className=\"w-3 h-3\" />\n            )}\n          </button>\n        ) : (\n          <span className=\"w-4\" />\n        )}\n        {node.page.category ? (\n          <FolderOpen className=\"w-3.5 h-3.5 flex-shrink-0\" />\n        ) : (\n          <FileText className=\"w-3.5 h-3.5 flex-shrink-0\" />\n        )}\n        <span className=\"truncate flex-1\">{node.page.title}</span>\n        <button\n          onClick={(e) => {\n            e.stopPropagation();\n            onDeletePage(node.page.id);\n          }}\n          className=\"opacity-0 group-hover:opacity-100 p-0.5 text-text-muted hover:text-status-error-text transition-all\"\n          title=\"Delete\"\n        >\n          <Trash2 className=\"w-3 h-3\" />\n        </button>\n      </div>\n      {hasChildren && isExpanded && (\n        <div>\n          {node.children.map((child) => (\n            <TreeItem\n              key={child.page.id}\n              node={child}\n              depth={depth + 1}\n              selectedPageId={selectedPageId}\n              onSelectPage={onSelectPage}\n              onDeletePage={onDeletePage}\n              expandedIds={expandedIds}\n              toggleExpand={toggleExpand}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function DocsPageTree({\n  pages,\n  selectedPageId,\n  onSelectPage,\n  onAddPage,\n  onDeletePage,\n}: DocsPageTreeProps) {\n  const tr = useTr();\n  const [expandedIds, setExpandedIds] = useState<Set<string>>(new Set(pages.map((p) => p.id)));\n\n  const toggleExpand = (id: string) => {\n    setExpandedIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(id)) next.delete(id);\n      else next.add(id);\n      return next;\n    });\n  };\n\n  const tree = buildTree(pages);\n\n  return (\n    <div className=\"flex flex-col h-full\">\n      <div className=\"flex items-center justify-between px-3 py-2 border-b border-border-default\">\n        <span className=\"text-xs font-medium text-text-secondary uppercase tracking-wider\">\n          {tr('vibecontrols.docs.pageTree.pages', 'Pages')}\n        </span>\n        <button\n          onClick={() => onAddPage()}\n          className=\"p-1 text-text-secondary hover:text-text-primary transition-colors\"\n          title=\"Add page\"\n        >\n          <Plus className=\"w-4 h-4\" />\n        </button>\n      </div>\n      <div className=\"flex-1 overflow-y-auto py-1\">\n        {tree.length > 0 ? (\n          tree.map((node) => (\n            <TreeItem\n              key={node.page.id}\n              node={node}\n              depth={0}\n              selectedPageId={selectedPageId}\n              onSelectPage={onSelectPage}\n              onDeletePage={onDeletePage}\n              expandedIds={expandedIds}\n              toggleExpand={toggleExpand}\n            />\n          ))\n        ) : (\n          <div className=\"p-4 text-center\">\n            <p className=\"text-sm text-text-muted mb-2\">\n              {tr('vibecontrols.docs.pageTree.noPages', 'No pages yet')}\n            </p>\n            <button\n              onClick={() => onAddPage()}\n              className=\"text-sm text-action-primary-bg hover:underline\"\n            >\n              {tr('vibecontrols.docs.pageTree.addFirstPage', 'Add your first page')}\n            </button>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,17 @@
+import { DocsSite, DocsRevision } from './types';
+
+interface DocsPreviewPanelProps {
+    site: DocsSite;
+    docsBaseUrl: string | null;
+    docsHtml: string | null;
+    onEdit: () => void;
+    onCompile: () => void;
+    onSettings: () => void;
+    onOpenFullScreen: () => void;
+    compileRevision: DocsRevision | null;
+    onPollRevision?: (id: string) => Promise<DocsRevision | null>;
+    compiling: boolean;
+}
+export declare function DocsPreviewPanel({ site, docsBaseUrl, docsHtml, onEdit, onCompile, onSettings, onOpenFullScreen, compileRevision, onPollRevision, compiling, }: DocsPreviewPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DocsPreviewPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DocsPreviewPanel.d.ts","sourceRoot":"","sources":["../../../src/components/docs/DocsPreviewPanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAGtD,UAAU,qBAAqB;IAC7B,IAAI,EAAE,QAAQ,CAAC;IACf,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,eAAe,EAAE,YAAY,GAAG,IAAI,CAAC;IACrC,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;IAC9D,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,MAAM,EACN,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,SAAS,GACV,EAAE,qBAAqB,2CAmGvB"}

package/dist/components/docs/DocsPreviewPanel.js

@@ -0,0 +1,106 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { Card as t } from "../shared/Card.js";
+import "../shared/index.js";
+import { DocsCompileStatus as n } from "./DocsCompileStatus.js";
+import { createDocsPreviewHtml as r } from "./previewHtml.js";
+import { Edit3 as i, ExternalLink as a, RefreshCw as o, Settings as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/docs/DocsPreviewPanel.tsx
+function u({ site: u, docsBaseUrl: d, docsHtml: f, onEdit: p, onCompile: m, onSettings: h, onOpenFullScreen: g, compileRevision: _, onPollRevision: v, compiling: y }) {
+	let b = e(), x = u.currentRevision, S = f ? r(f) : null;
+	return /* @__PURE__ */ l("div", {
+		className: "space-y-4",
+		children: [/* @__PURE__ */ l("div", {
+			className: "flex items-center justify-between flex-wrap gap-2",
+			children: [/* @__PURE__ */ l("div", {
+				className: "flex items-center gap-3",
+				children: [
+					/* @__PURE__ */ c("h3", {
+						className: "font-semibold text-text-primary",
+						children: u.name
+					}),
+					x && /* @__PURE__ */ l("span", {
+						className: "text-xs text-text-muted bg-bg-sunken px-2 py-0.5 rounded",
+						children: ["Rev #", x.revisionNumber]
+					}),
+					/* @__PURE__ */ c("div", {
+						className: "relative",
+						children: /* @__PURE__ */ c(n, {
+							revision: _,
+							onPoll: v
+						})
+					})
+				]
+			}), /* @__PURE__ */ l("div", {
+				className: "flex items-center gap-2",
+				children: [
+					x && /* @__PURE__ */ l("button", {
+						onClick: g,
+						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__ */ c(a, { className: "w-3.5 h-3.5" }), b("vibecontrols.docs.preview.openFullScreen", "Open Full Screen")]
+					}),
+					/* @__PURE__ */ l("button", {
+						onClick: 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",
+						children: [/* @__PURE__ */ c(i, { className: "w-3.5 h-3.5" }), b("vibecontrols.docs.preview.edit", "Edit")]
+					}),
+					/* @__PURE__ */ l("button", {
+						onClick: m,
+						disabled: y,
+						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__ */ c(o, { className: `w-3.5 h-3.5 ${y ? "animate-spin" : ""}` }), b("vibecontrols.docs.preview.compileDocs", "Compile Docs")]
+					}),
+					/* @__PURE__ */ c("button", {
+						onClick: h,
+						className: "p-1.5 text-text-secondary hover:text-text-primary transition-colors",
+						title: "Settings",
+						children: /* @__PURE__ */ c(s, { className: "w-4 h-4" })
+					})
+				]
+			})]
+		}), S && x ? /* @__PURE__ */ c(t, {
+			className: "overflow-hidden",
+			children: /* @__PURE__ */ c("iframe", {
+				srcDoc: S,
+				className: "w-full border-0",
+				style: {
+					height: "calc(100vh - 380px)",
+					minHeight: "400px"
+				},
+				title: "Documentation Preview",
+				sandbox: "allow-same-origin allow-forms allow-popups"
+			}, x.id)
+		}) : d && x ? /* @__PURE__ */ c(t, {
+			className: "overflow-hidden",
+			children: /* @__PURE__ */ c("iframe", {
+				src: d,
+				className: "w-full border-0",
+				style: {
+					height: "calc(100vh - 380px)",
+					minHeight: "400px"
+				},
+				title: "Documentation Preview"
+			}, x.id)
+		}) : x ? /* @__PURE__ */ c(t, {
+			className: "p-8 text-center",
+			children: /* @__PURE__ */ c("p", {
+				className: "text-text-secondary mb-3",
+				children: "Loading documentation preview..."
+			})
+		}) : /* @__PURE__ */ l(t, {
+			className: "p-8 text-center",
+			children: [/* @__PURE__ */ c("p", {
+				className: "text-text-secondary mb-3",
+				children: b("vibecontrols.docs.preview.noPublished", "No published documentation yet. Add some pages and compile to see your docs here.")
+			}), /* @__PURE__ */ c("button", {
+				onClick: p,
+				className: "px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
+				children: b("vibecontrols.docs.preview.startEditing", "Start Editing")
+			})]
+		})]
+	});
+}
+//#endregion
+export { u as DocsPreviewPanel };
+
+//# sourceMappingURL=DocsPreviewPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DocsPreviewPanel.js","names":[],"sources":["../../../src/components/docs/DocsPreviewPanel.tsx"],"sourcesContent":["import { Edit3, RefreshCw, Settings, ExternalLink } from 'lucide-react';\nimport { Card } from '@/components/shared';\nimport { DocsCompileStatus } from './DocsCompileStatus';\nimport { createDocsPreviewHtml } from './previewHtml';\nimport type { DocsSite, DocsRevision } from './types';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface DocsPreviewPanelProps {\n  site: DocsSite;\n  docsBaseUrl: string | null;\n  docsHtml: string | null;\n  onEdit: () => void;\n  onCompile: () => void;\n  onSettings: () => void;\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  docsBaseUrl,\n  docsHtml,\n  onEdit,\n  onCompile,\n  onSettings,\n  onOpenFullScreen,\n  compileRevision,\n  onPollRevision,\n  compiling,\n}: DocsPreviewPanelProps) {\n  const tr = useTr();\n  const currentRev = site.currentRevision;\n  const previewHtml = docsHtml ? createDocsPreviewHtml(docsHtml) : null;\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 && (\n            <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=\"w-3.5 h-3.5\" />\n              {tr('vibecontrols.docs.preview.openFullScreen', 'Open Full Screen')}\n            </button>\n          )}\n          <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=\"w-3.5 h-3.5\" />\n            {tr('vibecontrols.docs.preview.edit', 'Edit')}\n          </button>\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.preview.compileDocs', 'Compile Docs')}\n          </button>\n          <button\n            onClick={onSettings}\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      {/* Docs preview */}\n      {previewHtml && currentRev ? (\n        <Card className=\"overflow-hidden\">\n          <iframe\n            key={currentRev.id}\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      ) : docsBaseUrl && currentRev ? (\n        <Card className=\"overflow-hidden\">\n          <iframe\n            key={currentRev.id}\n            src={docsBaseUrl}\n            className=\"w-full border-0\"\n            style={{ height: 'calc(100vh - 380px)', minHeight: '400px' }}\n            title=\"Documentation Preview\"\n          />\n        </Card>\n      ) : currentRev ? (\n        <Card className=\"p-8 text-center\">\n          <p className=\"text-text-secondary mb-3\">Loading documentation preview...</p>\n        </Card>\n      ) : (\n        <Card className=\"p-8 text-center\">\n          <p className=\"text-text-secondary mb-3\">\n            {tr(\n              'vibecontrols.docs.preview.noPublished',\n              'No published documentation yet. Add some pages and compile to see your docs here.'\n            )}\n          </p>\n          <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    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAoBA,SAAgB,EAAiB,EAC/B,SACA,gBACA,aACA,WACA,cACA,eACA,qBACA,oBACA,mBACA,gBACwB;CACxB,IAAM,IAAK,GAAO,EACZ,IAAa,EAAK,iBAClB,IAAc,IAAW,EAAsB,EAAS,GAAG;AAEjE,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CAEE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,MAAD;MAAI,WAAU;gBAAmC,EAAK;MAAU,CAAA;KAC/D,KACC,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CAA2E,SACnE,EAAW,eACZ;;KAET,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD;OAAmB,UAAU;OAAiB,QAAQ;OAAkB,CAAA;MACpE,CAAA;KACF;OACN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACG,KACC,kBAAC,UAAD;MACE,SAAS;MACT,WAAU;gBAFZ,CAIE,kBAAC,GAAD,EAAc,WAAU,eAAgB,CAAA,EACvC,EAAG,4CAA4C,mBAAmB,CAC5D;;KAEX,kBAAC,UAAD;MACE,SAAS;MACT,WAAU;gBAFZ,CAIE,kBAAC,GAAD,EAAO,WAAU,eAAgB,CAAA,EAChC,EAAG,kCAAkC,OAAO,CACtC;;KACT,kBAAC,UAAD;MACE,SAAS;MACT,UAAU;MACV,WAAU;gBAHZ,CAKE,kBAAC,GAAD,EAAW,WAAW,eAAe,IAAY,iBAAiB,MAAQ,CAAA,EACzE,EAAG,yCAAyC,eAAe,CACrD;;KACT,kBAAC,UAAD;MACE,SAAS;MACT,WAAU;MACV,OAAM;gBAEN,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;MACzB,CAAA;KACL;MACF;MAGL,KAAe,IACd,kBAAC,GAAD;GAAM,WAAU;aACd,kBAAC,UAAD;IAEE,QAAQ;IACR,WAAU;IACV,OAAO;KAAE,QAAQ;KAAuB,WAAW;KAAS;IAC5D,OAAM;IACN,SAAQ;IACR,EANK,EAAW,GAMhB;GACG,CAAA,GACL,KAAe,IACjB,kBAAC,GAAD;GAAM,WAAU;aACd,kBAAC,UAAD;IAEE,KAAK;IACL,WAAU;IACV,OAAO;KAAE,QAAQ;KAAuB,WAAW;KAAS;IAC5D,OAAM;IACN,EALK,EAAW,GAKhB;GACG,CAAA,GACL,IACF,kBAAC,GAAD;GAAM,WAAU;aACd,kBAAC,KAAD;IAAG,WAAU;cAA2B;IAAoC,CAAA;GACvE,CAAA,GAEP,kBAAC,GAAD;GAAM,WAAU;aAAhB,CACE,kBAAC,KAAD;IAAG,WAAU;cACV,EACC,yCACA,oFACD;IACC,CAAA,EACJ,kBAAC,UAAD;IACE,SAAS;IACT,WAAU;cAET,EAAG,0CAA0C,gBAAgB;IACvD,CAAA,CACJ;KAEL"}

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

@@ -0,0 +1,15 @@
+import { DocsSite } from './types';
+
+interface DocsSettingsPanelProps {
+    site: DocsSite;
+    open: boolean;
+    onClose: () => void;
+    onSave: (data: {
+        name?: string;
+        visibility?: 'PRIVATE' | 'PUBLIC';
+        docusaurusConfig?: Record<string, unknown>;
+    }) => Promise<void>;
+}
+export declare function DocsSettingsPanel({ site, open, onClose, onSave }: DocsSettingsPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DocsSettingsPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DocsSettingsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/docs/DocsSettingsPanel.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAexC,UAAU,sBAAsB;IAC9B,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,CAAC,IAAI,EAAE;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,UAAU,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;QAClC,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KAC5C,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACrB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,sBAAsB,2CAifxF"}