@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/components/catalog/CatalogForm.js

@@ -0,0 +1,152 @@
+import { useRef as e, useState as t } from "react";
+import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { X as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/catalog/CatalogForm.tsx
+var o = ({ isOpen: o, onClose: s, onSubmit: c, initialData: l, title: u }) => {
+	let { t: d } = n(), f = (e, t) => {
+		let n = d(e);
+		return n === e ? t : n;
+	}, p = e(null), m = e(null), h = e(null), g = e(null), _ = e(null), [v, y] = t(!1), [b, x] = t(null), [S, C] = t({});
+	return o ? /* @__PURE__ */ i("div", {
+		className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4",
+		children: /* @__PURE__ */ a("div", {
+			className: "bg-bg-surface rounded-lg p-6 w-full max-w-lg",
+			children: [
+				/* @__PURE__ */ a("div", {
+					className: "flex items-center justify-between mb-4",
+					children: [/* @__PURE__ */ i("h2", {
+						className: "text-lg font-semibold text-text-primary",
+						children: u || f("catalog.createCatalog", "Create Catalog")
+					}), /* @__PURE__ */ i("button", {
+						onClick: s,
+						className: "p-1 rounded hover:bg-bg-sunken transition-colors text-text-secondary",
+						children: /* @__PURE__ */ i(r, { className: "w-5 h-5" })
+					})]
+				}),
+				/* @__PURE__ */ a("div", {
+					className: "space-y-4",
+					children: [
+						b && /* @__PURE__ */ i("div", {
+							className: "p-3 bg-status-error-bg text-status-error-text text-sm rounded-md",
+							children: b
+						}),
+						/* @__PURE__ */ a("div", { children: [
+							/* @__PURE__ */ i("label", {
+								className: "block text-sm font-medium text-text-primary mb-1",
+								children: f("catalog.nameLabel", "Name *")
+							}),
+							/* @__PURE__ */ i("input", {
+								ref: p,
+								type: "text",
+								defaultValue: l?.name || "",
+								placeholder: f("catalog.namePlaceholder", "My Catalog"),
+								onChange: () => S.name && C((e) => ({
+									...e,
+									name: void 0
+								})),
+								className: `w-full px-3 py-2 bg-bg-sunken border rounded-md text-text-primary placeholder:text-text-placeholder ${S.name ? "border-status-error-border" : "border-border-default"}`
+							}),
+							S.name && /* @__PURE__ */ i("p", {
+								className: "mt-1 text-xs text-status-error-text",
+								children: S.name
+							})
+						] }),
+						/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
+							className: "block text-sm font-medium text-text-primary mb-1",
+							children: f("catalog.descriptionLabel", "Description")
+						}), /* @__PURE__ */ i("textarea", {
+							ref: m,
+							defaultValue: l?.description || "",
+							placeholder: f("catalog.descriptionPlaceholder", "Describe this catalog..."),
+							rows: 3,
+							className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder resize-none"
+						})] }),
+						/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
+							className: "block text-sm font-medium text-text-primary mb-1",
+							children: f("catalog.visibilityLabel", "Visibility")
+						}), /* @__PURE__ */ a("select", {
+							ref: h,
+							defaultValue: l?.visibility || "PRIVATE",
+							className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary",
+							children: [
+								/* @__PURE__ */ i("option", {
+									value: "PRIVATE",
+									children: f("catalog.visibilityPrivate", "Private")
+								}),
+								/* @__PURE__ */ i("option", {
+									value: "INTERNAL",
+									children: f("catalog.visibilityInternal", "Internal")
+								}),
+								/* @__PURE__ */ i("option", {
+									value: "PUBLIC",
+									children: f("catalog.visibilityPublic", "Public")
+								})
+							]
+						})] }),
+						/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
+							className: "block text-sm font-medium text-text-primary mb-1",
+							children: f("catalog.ownerLabel", "Owner")
+						}), /* @__PURE__ */ i("input", {
+							ref: g,
+							type: "text",
+							defaultValue: l?.owner || "",
+							placeholder: f("catalog.ownerPlaceholder", "team-name"),
+							className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder"
+						})] }),
+						/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
+							className: "block text-sm font-medium text-text-primary mb-1",
+							children: f("catalog.tagsLabel", "Tags (comma-separated)")
+						}), /* @__PURE__ */ i("input", {
+							ref: _,
+							type: "text",
+							defaultValue: l?.tags?.join(", ") || "",
+							placeholder: f("catalog.tagsPlaceholder", "frontend, microservice, api"),
+							className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder"
+						})] })
+					]
+				}),
+				/* @__PURE__ */ a("div", {
+					className: "flex flex-col sm:flex-row justify-end gap-3 mt-6",
+					children: [/* @__PURE__ */ i("button", {
+						onClick: s,
+						disabled: v,
+						className: "px-4 py-2 text-text-primary hover:bg-bg-sunken rounded-md transition-colors disabled:opacity-50",
+						children: f("common.cancel", "Cancel")
+					}), /* @__PURE__ */ i("button", {
+						onClick: async () => {
+							let e = p.current?.value?.trim();
+							if (!e) {
+								C({ name: f("catalog.nameRequired", "Name is required") }), x(f("catalog.fillRequired", "Please fill in all required fields"));
+								return;
+							}
+							C({});
+							let t = {
+								name: e,
+								description: m.current?.value?.trim() || "",
+								visibility: h.current?.value || "PRIVATE",
+								owner: g.current?.value?.trim() || "",
+								tags: _.current?.value ? _.current.value.split(",").map((e) => e.trim()).filter(Boolean) : []
+							};
+							y(!0), x(null);
+							try {
+								await c(t), s();
+							} catch (e) {
+								x(e instanceof Error ? e.message : f("catalog.failedSave", "Failed to save catalog"));
+							} finally {
+								y(!1);
+							}
+						},
+						disabled: v,
+						className: "px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50",
+						children: v ? f("common.saving", "Saving...") : l?.name ? f("common.save", "Save") : f("catalog.createCatalog", "Create Catalog")
+					})]
+				})
+			]
+		})
+	}) : null;
+};
+//#endregion
+export { o as CatalogForm };
+
+//# sourceMappingURL=CatalogForm.js.map

package/dist/components/catalog/CatalogForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CatalogForm.js","names":[],"sources":["../../../src/components/catalog/CatalogForm.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\nimport type { FC } from 'react';\nimport { X } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\nexport interface CatalogFormData {\n  name: string;\n  description: string;\n  visibility: 'PRIVATE' | 'INTERNAL' | 'PUBLIC';\n  owner: string;\n  tags: string[];\n}\n\nexport interface CatalogFormProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onSubmit: (data: CatalogFormData) => Promise<void>;\n  initialData?: Partial<CatalogFormData>;\n  title?: string;\n}\n\nexport const CatalogForm: FC<CatalogFormProps> = ({\n  isOpen,\n  onClose,\n  onSubmit,\n  initialData,\n  title,\n}) => {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string) => {\n    const v = t(key);\n    return v === key ? fallback : v;\n  };\n\n  const nameRef = useRef<HTMLInputElement>(null);\n  const descriptionRef = useRef<HTMLTextAreaElement>(null);\n  const visibilityRef = useRef<HTMLSelectElement>(null);\n  const ownerRef = useRef<HTMLInputElement>(null);\n  const tagsRef = useRef<HTMLInputElement>(null);\n\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [fieldErrors, setFieldErrors] = useState<{ name?: string }>({});\n\n  if (!isOpen) return null;\n\n  const handleSubmit = async () => {\n    const name = nameRef.current?.value?.trim();\n    if (!name) {\n      setFieldErrors({ name: tr('catalog.nameRequired', 'Name is required') });\n      setError(tr('catalog.fillRequired', 'Please fill in all required fields'));\n      return;\n    }\n    setFieldErrors({});\n\n    const data: CatalogFormData = {\n      name,\n      description: descriptionRef.current?.value?.trim() || '',\n      visibility: (visibilityRef.current?.value as CatalogFormData['visibility']) || 'PRIVATE',\n      owner: ownerRef.current?.value?.trim() || '',\n      tags: tagsRef.current?.value\n        ? tagsRef.current.value\n            .split(',')\n            .map((s) => s.trim())\n            .filter(Boolean)\n        : [],\n    };\n\n    setLoading(true);\n    setError(null);\n    try {\n      await onSubmit(data);\n      onClose();\n    } catch (err) {\n      setError(\n        err instanceof Error ? err.message : tr('catalog.failedSave', 'Failed to save catalog')\n      );\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <div className=\"fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4\">\n      <div className=\"bg-bg-surface rounded-lg p-6 w-full max-w-lg\">\n        <div className=\"flex items-center justify-between mb-4\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">\n            {title || tr('catalog.createCatalog', 'Create Catalog')}\n          </h2>\n          <button\n            onClick={onClose}\n            className=\"p-1 rounded hover:bg-bg-sunken transition-colors text-text-secondary\"\n          >\n            <X className=\"w-5 h-5\" />\n          </button>\n        </div>\n        <div className=\"space-y-4\">\n          {error && (\n            <div className=\"p-3 bg-status-error-bg text-status-error-text text-sm rounded-md\">\n              {error}\n            </div>\n          )}\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary mb-1\">\n              {tr('catalog.nameLabel', 'Name *')}\n            </label>\n            <input\n              ref={nameRef}\n              type=\"text\"\n              defaultValue={initialData?.name || ''}\n              placeholder={tr('catalog.namePlaceholder', 'My Catalog')}\n              onChange={() =>\n                fieldErrors.name && setFieldErrors((e) => ({ ...e, name: undefined }))\n              }\n              className={`w-full px-3 py-2 bg-bg-sunken border rounded-md text-text-primary placeholder:text-text-placeholder ${fieldErrors.name ? 'border-status-error-border' : 'border-border-default'}`}\n            />\n            {fieldErrors.name && (\n              <p className=\"mt-1 text-xs text-status-error-text\">{fieldErrors.name}</p>\n            )}\n          </div>\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary mb-1\">\n              {tr('catalog.descriptionLabel', 'Description')}\n            </label>\n            <textarea\n              ref={descriptionRef}\n              defaultValue={initialData?.description || ''}\n              placeholder={tr('catalog.descriptionPlaceholder', 'Describe this catalog...')}\n              rows={3}\n              className=\"w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder resize-none\"\n            />\n          </div>\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary mb-1\">\n              {tr('catalog.visibilityLabel', 'Visibility')}\n            </label>\n            <select\n              ref={visibilityRef}\n              defaultValue={initialData?.visibility || 'PRIVATE'}\n              className=\"w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary\"\n            >\n              <option value=\"PRIVATE\">{tr('catalog.visibilityPrivate', 'Private')}</option>\n              <option value=\"INTERNAL\">{tr('catalog.visibilityInternal', 'Internal')}</option>\n              <option value=\"PUBLIC\">{tr('catalog.visibilityPublic', 'Public')}</option>\n            </select>\n          </div>\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary mb-1\">\n              {tr('catalog.ownerLabel', 'Owner')}\n            </label>\n            <input\n              ref={ownerRef}\n              type=\"text\"\n              defaultValue={initialData?.owner || ''}\n              placeholder={tr('catalog.ownerPlaceholder', 'team-name')}\n              className=\"w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder\"\n            />\n          </div>\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary mb-1\">\n              {tr('catalog.tagsLabel', 'Tags (comma-separated)')}\n            </label>\n            <input\n              ref={tagsRef}\n              type=\"text\"\n              defaultValue={initialData?.tags?.join(', ') || ''}\n              placeholder={tr('catalog.tagsPlaceholder', 'frontend, microservice, api')}\n              className=\"w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder\"\n            />\n          </div>\n        </div>\n        <div className=\"flex flex-col sm:flex-row justify-end gap-3 mt-6\">\n          <button\n            onClick={onClose}\n            disabled={loading}\n            className=\"px-4 py-2 text-text-primary hover:bg-bg-sunken rounded-md transition-colors disabled:opacity-50\"\n          >\n            {tr('common.cancel', 'Cancel')}\n          </button>\n          <button\n            onClick={handleSubmit}\n            disabled={loading}\n            className=\"px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50\"\n          >\n            {loading\n              ? tr('common.saving', 'Saving...')\n              : initialData?.name\n                ? tr('common.save', 'Save')\n                : tr('catalog.createCatalog', 'Create Catalog')}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;AAqBA,IAAa,KAAqC,EAChD,WACA,YACA,aACA,gBACA,eACI;CACJ,IAAM,EAAE,SAAM,GAAS,EACjB,KAAM,GAAa,MAAqB;EAC5C,IAAM,IAAI,EAAE,EAAI;AAChB,SAAO,MAAM,IAAM,IAAW;IAG1B,IAAU,EAAyB,KAAK,EACxC,IAAiB,EAA4B,KAAK,EAClD,IAAgB,EAA0B,KAAK,EAC/C,IAAW,EAAyB,KAAK,EACzC,IAAU,EAAyB,KAAK,EAExC,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAO,KAAY,EAAwB,KAAK,EACjD,CAAC,GAAa,KAAkB,EAA4B,EAAE,CAAC;AAwCrE,QAtCK,IAuCH,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,MAAD;MAAI,WAAU;gBACX,KAAS,EAAG,yBAAyB,iBAAiB;MACpD,CAAA,EACL,kBAAC,UAAD;MACE,SAAS;MACT,WAAU;gBAEV,kBAAC,GAAD,EAAG,WAAU,WAAY,CAAA;MAClB,CAAA,CACL;;IACN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACG,KACC,kBAAC,OAAD;OAAK,WAAU;iBACZ;OACG,CAAA;MAER,kBAAC,OAAD,EAAA,UAAA;OACE,kBAAC,SAAD;QAAO,WAAU;kBACd,EAAG,qBAAqB,SAAS;QAC5B,CAAA;OACR,kBAAC,SAAD;QACE,KAAK;QACL,MAAK;QACL,cAAc,GAAa,QAAQ;QACnC,aAAa,EAAG,2BAA2B,aAAa;QACxD,gBACE,EAAY,QAAQ,GAAgB,OAAO;SAAE,GAAG;SAAG,MAAM,KAAA;SAAW,EAAE;QAExE,WAAW,uGAAuG,EAAY,OAAO,+BAA+B;QACpK,CAAA;OACD,EAAY,QACX,kBAAC,KAAD;QAAG,WAAU;kBAAuC,EAAY;QAAS,CAAA;OAEvE,EAAA,CAAA;MACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,WAAU;iBACd,EAAG,4BAA4B,cAAc;OACxC,CAAA,EACR,kBAAC,YAAD;OACE,KAAK;OACL,cAAc,GAAa,eAAe;OAC1C,aAAa,EAAG,kCAAkC,2BAA2B;OAC7E,MAAM;OACN,WAAU;OACV,CAAA,CACE,EAAA,CAAA;MACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,WAAU;iBACd,EAAG,2BAA2B,aAAa;OACtC,CAAA,EACR,kBAAC,UAAD;OACE,KAAK;OACL,cAAc,GAAa,cAAc;OACzC,WAAU;iBAHZ;QAKE,kBAAC,UAAD;SAAQ,OAAM;mBAAW,EAAG,6BAA6B,UAAU;SAAU,CAAA;QAC7E,kBAAC,UAAD;SAAQ,OAAM;mBAAY,EAAG,8BAA8B,WAAW;SAAU,CAAA;QAChF,kBAAC,UAAD;SAAQ,OAAM;mBAAU,EAAG,4BAA4B,SAAS;SAAU,CAAA;QACnE;SACL,EAAA,CAAA;MACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,WAAU;iBACd,EAAG,sBAAsB,QAAQ;OAC5B,CAAA,EACR,kBAAC,SAAD;OACE,KAAK;OACL,MAAK;OACL,cAAc,GAAa,SAAS;OACpC,aAAa,EAAG,4BAA4B,YAAY;OACxD,WAAU;OACV,CAAA,CACE,EAAA,CAAA;MACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,WAAU;iBACd,EAAG,qBAAqB,yBAAyB;OAC5C,CAAA,EACR,kBAAC,SAAD;OACE,KAAK;OACL,MAAK;OACL,cAAc,GAAa,MAAM,KAAK,KAAK,IAAI;OAC/C,aAAa,EAAG,2BAA2B,8BAA8B;OACzE,WAAU;OACV,CAAA,CACE,EAAA,CAAA;MACF;;IACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,UAAD;MACE,SAAS;MACT,UAAU;MACV,WAAU;gBAET,EAAG,iBAAiB,SAAS;MACvB,CAAA,EACT,kBAAC,UAAD;MACE,SAtIW,YAAY;OAC/B,IAAM,IAAO,EAAQ,SAAS,OAAO,MAAM;AAC3C,WAAI,CAAC,GAAM;AAET,QADA,EAAe,EAAE,MAAM,EAAG,wBAAwB,mBAAmB,EAAE,CAAC,EACxE,EAAS,EAAG,wBAAwB,qCAAqC,CAAC;AAC1E;;AAEF,SAAe,EAAE,CAAC;OAElB,IAAM,IAAwB;QAC5B;QACA,aAAa,EAAe,SAAS,OAAO,MAAM,IAAI;QACtD,YAAa,EAAc,SAAS,SAA2C;QAC/E,OAAO,EAAS,SAAS,OAAO,MAAM,IAAI;QAC1C,MAAM,EAAQ,SAAS,QACnB,EAAQ,QAAQ,MACb,MAAM,IAAI,CACV,KAAK,MAAM,EAAE,MAAM,CAAC,CACpB,OAAO,QAAQ,GAClB,EAAE;QACP;AAGD,OADA,EAAW,GAAK,EAChB,EAAS,KAAK;AACd,WAAI;AAEF,QADA,MAAM,EAAS,EAAK,EACpB,GAAS;gBACF,GAAK;AACZ,UACE,aAAe,QAAQ,EAAI,UAAU,EAAG,sBAAsB,yBAAyB,CACxF;iBACO;AACR,UAAW,GAAM;;;MAuGX,UAAU;MACV,WAAU;gBAET,IACG,EAAG,iBAAiB,YAAY,GAChC,GAAa,OACX,EAAG,eAAe,OAAO,GACzB,EAAG,yBAAyB,iBAAiB;MAC5C,CAAA,CACL;;IACF;;EACF,CAAA,GApJY"}

package/dist/components/catalog/index.d.ts

@@ -0,0 +1,5 @@
+export { CatalogCard } from './CatalogCard';
+export type { CatalogCardData, CatalogCardProps } from './CatalogCard';
+export { CatalogForm } from './CatalogForm';
+export type { CatalogFormData, CatalogFormProps } from './CatalogForm';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/catalog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/catalog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/catalog/index.js

@@ -0,0 +1,2 @@
+import "./CatalogCard.js";
+import "./CatalogForm.js";

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

@@ -0,0 +1,9 @@
+import { DocsRevision } from './types';
+
+interface DocsCompileStatusProps {
+    revision: DocsRevision | null;
+    onPoll?: (revisionId: string) => Promise<DocsRevision | null>;
+}
+export declare function DocsCompileStatus({ revision, onPoll }: DocsCompileStatusProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=DocsCompileStatus.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DocsCompileStatus.d.ts","sourceRoot":"","sources":["../../../src/components/docs/DocsCompileStatus.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAG5C,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,YAAY,GAAG,IAAI,CAAC;IAC9B,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;CAC/D;AAED,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,sBAAsB,kDAmH7E"}

package/dist/components/docs/DocsCompileStatus.js

@@ -0,0 +1,106 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { useEffect as t, useState as n } from "react";
+import { Check as r, Loader2 as i, X as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/docs/DocsCompileStatus.tsx
+function c({ revision: c, onPoll: l }) {
+	let u = e(), [d, f] = n(c), [p, m] = n(!1);
+	t(() => {
+		f(c);
+	}, [c]);
+	let h = d?.id, g = d?.status, _ = [
+		"COMPILE_REQUESTED",
+		"VALIDATING_SITE",
+		"VALIDATING_RUNTIME",
+		"PREPARING_WORKSPACE",
+		"STARTING_SANDBOX",
+		"BUILDING",
+		"COLLECTING_OUTPUT",
+		"UPLOADING"
+	];
+	if (t(() => {
+		if (!h || !g || !l || !_.includes(g)) return;
+		let e = setInterval(async () => {
+			let t = await l(h);
+			t && (f(t), _.includes(t.status) || clearInterval(e));
+		}, 2e3);
+		return () => clearInterval(e);
+	}, [
+		h,
+		g,
+		l
+	]), !d) return null;
+	let { status: v } = d, y = {
+		COMPILE_REQUESTED: "Queued",
+		VALIDATING_SITE: "Validating site",
+		VALIDATING_RUNTIME: "Validating runtime",
+		PREPARING_WORKSPACE: "Preparing workspace",
+		STARTING_SANDBOX: "Starting sandbox",
+		BUILDING: "Building",
+		COLLECTING_OUTPUT: "Collecting output",
+		UPLOADING: "Uploading"
+	};
+	if (v in y) return /* @__PURE__ */ s("span", {
+		className: "flex items-center gap-1.5 text-sm text-status-info-text",
+		"data-testid": `docs-compile-status-${v}`,
+		children: [
+			/* @__PURE__ */ o(i, { className: "w-3.5 h-3.5 animate-spin" }),
+			y[v],
+			"..."
+		]
+	});
+	if (v === "SUCCEEDED" || v === "PUBLISHED") return /* @__PURE__ */ s("span", {
+		className: "flex items-center gap-1.5 text-sm text-status-success-text",
+		"data-testid": `docs-compile-status-${v}`,
+		children: [
+			/* @__PURE__ */ o(r, { className: "w-3.5 h-3.5" }),
+			v === "PUBLISHED" ? u("vibecontrols.docs.compile.published", "Published") : u("vibecontrols.docs.compile.built", "Built"),
+			d.buildDurationMs && /* @__PURE__ */ s("span", {
+				className: "text-text-muted",
+				children: [
+					"(",
+					Math.round(d.buildDurationMs / 1e3),
+					"s)"
+				]
+			})
+		]
+	});
+	if (v === "FAILED") {
+		let e = d.errorCategory;
+		return /* @__PURE__ */ s("div", {
+			className: "flex items-center gap-1.5 relative",
+			"data-testid": "docs-compile-status-FAILED",
+			children: [
+				/* @__PURE__ */ s("span", {
+					className: "flex items-center gap-1.5 text-sm text-status-error-text",
+					children: [
+						/* @__PURE__ */ o(a, { className: "w-3.5 h-3.5" }),
+						u("vibecontrols.docs.compile.failed", "Failed"),
+						e && /* @__PURE__ */ s("span", {
+							className: "text-[10px] text-text-muted",
+							children: [
+								"(",
+								e,
+								")"
+							]
+						})
+					]
+				}),
+				d.errorMessage && /* @__PURE__ */ o("button", {
+					onClick: () => m(!p),
+					className: "text-xs text-text-muted hover:text-text-secondary underline",
+					children: p ? "Hide" : "Details"
+				}),
+				p && d.errorMessage && /* @__PURE__ */ o("div", {
+					className: "absolute top-full right-0 mt-1 z-10 w-96 p-2 bg-bg-sunken rounded text-xs font-mono text-text-secondary max-h-48 overflow-auto",
+					children: d.errorMessage
+				})
+			]
+		});
+	}
+	return null;
+}
+//#endregion
+export { c as DocsCompileStatus };
+
+//# sourceMappingURL=DocsCompileStatus.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DocsCompileStatus.js","names":[],"sources":["../../../src/components/docs/DocsCompileStatus.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { Loader2, Check, X } from 'lucide-react';\nimport type { DocsRevision } from './types';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface DocsCompileStatusProps {\n  revision: DocsRevision | null;\n  onPoll?: (revisionId: string) => Promise<DocsRevision | null>;\n}\n\nexport function DocsCompileStatus({ revision, onPoll }: DocsCompileStatusProps) {\n  const tr = useTr();\n  const [currentRevision, setCurrentRevision] = useState<DocsRevision | null>(revision);\n  const [showError, setShowError] = useState(false);\n\n  useEffect(() => {\n    setCurrentRevision(revision);\n  }, [revision]);\n\n  const currentRevisionId = currentRevision?.id;\n  const currentRevisionStatus = currentRevision?.status;\n\n  const ACTIVE_STATUSES = [\n    'COMPILE_REQUESTED',\n    'VALIDATING_SITE',\n    'VALIDATING_RUNTIME',\n    'PREPARING_WORKSPACE',\n    'STARTING_SANDBOX',\n    'BUILDING',\n    'COLLECTING_OUTPUT',\n    'UPLOADING',\n  ];\n\n  // Poll for status updates\n  useEffect(() => {\n    if (!currentRevisionId || !currentRevisionStatus || !onPoll) return;\n    const isActive = ACTIVE_STATUSES.includes(currentRevisionStatus);\n    if (!isActive) return;\n\n    const interval = setInterval(async () => {\n      const updated = await onPoll(currentRevisionId);\n      if (updated) {\n        setCurrentRevision(updated);\n        if (!ACTIVE_STATUSES.includes(updated.status)) {\n          clearInterval(interval);\n        }\n      }\n    }, 2000);\n\n    return () => clearInterval(interval);\n  }, [currentRevisionId, currentRevisionStatus, onPoll]);\n\n  if (!currentRevision) return null;\n\n  const { status } = currentRevision;\n\n  const STATUS_LABELS: Record<string, string> = {\n    COMPILE_REQUESTED: 'Queued',\n    VALIDATING_SITE: 'Validating site',\n    VALIDATING_RUNTIME: 'Validating runtime',\n    PREPARING_WORKSPACE: 'Preparing workspace',\n    STARTING_SANDBOX: 'Starting sandbox',\n    BUILDING: 'Building',\n    COLLECTING_OUTPUT: 'Collecting output',\n    UPLOADING: 'Uploading',\n  };\n\n  if (status in STATUS_LABELS) {\n    return (\n      <span\n        className=\"flex items-center gap-1.5 text-sm text-status-info-text\"\n        data-testid={`docs-compile-status-${status}`}\n      >\n        <Loader2 className=\"w-3.5 h-3.5 animate-spin\" />\n        {STATUS_LABELS[status]}...\n      </span>\n    );\n  }\n\n  if (status === 'SUCCEEDED' || status === 'PUBLISHED') {\n    return (\n      <span\n        className=\"flex items-center gap-1.5 text-sm text-status-success-text\"\n        data-testid={`docs-compile-status-${status}`}\n      >\n        <Check className=\"w-3.5 h-3.5\" />\n        {status === 'PUBLISHED'\n          ? tr('vibecontrols.docs.compile.published', 'Published')\n          : tr('vibecontrols.docs.compile.built', 'Built')}\n        {currentRevision.buildDurationMs && (\n          <span className=\"text-text-muted\">\n            ({Math.round(currentRevision.buildDurationMs / 1000)}s)\n          </span>\n        )}\n      </span>\n    );\n  }\n\n  if (status === 'FAILED') {\n    const category = (currentRevision as { errorCategory?: string }).errorCategory;\n    return (\n      <div className=\"flex items-center gap-1.5 relative\" data-testid=\"docs-compile-status-FAILED\">\n        <span className=\"flex items-center gap-1.5 text-sm text-status-error-text\">\n          <X className=\"w-3.5 h-3.5\" />\n          {tr('vibecontrols.docs.compile.failed', 'Failed')}\n          {category && <span className=\"text-[10px] text-text-muted\">({category})</span>}\n        </span>\n        {currentRevision.errorMessage && (\n          <button\n            onClick={() => setShowError(!showError)}\n            className=\"text-xs text-text-muted hover:text-text-secondary underline\"\n          >\n            {showError ? 'Hide' : 'Details'}\n          </button>\n        )}\n        {showError && currentRevision.errorMessage && (\n          <div className=\"absolute top-full right-0 mt-1 z-10 w-96 p-2 bg-bg-sunken rounded text-xs font-mono text-text-secondary max-h-48 overflow-auto\">\n            {currentRevision.errorMessage}\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  return null;\n}\n"],"mappings":";;;;;AAUA,SAAgB,EAAkB,EAAE,aAAU,aAAkC;CAC9E,IAAM,IAAK,GAAO,EACZ,CAAC,GAAiB,KAAsB,EAA8B,EAAS,EAC/E,CAAC,GAAW,KAAgB,EAAS,GAAM;AAEjD,SAAgB;AACd,IAAmB,EAAS;IAC3B,CAAC,EAAS,CAAC;CAEd,IAAM,IAAoB,GAAiB,IACrC,IAAwB,GAAiB,QAEzC,IAAkB;EACtB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;AAqBD,KAlBA,QAAgB;AAGd,MAFI,CAAC,KAAqB,CAAC,KAAyB,CAAC,KAEjD,CADa,EAAgB,SAAS,EAAsB,CACjD;EAEf,IAAM,IAAW,YAAY,YAAY;GACvC,IAAM,IAAU,MAAM,EAAO,EAAkB;AAC/C,GAAI,MACF,EAAmB,EAAQ,EACtB,EAAgB,SAAS,EAAQ,OAAO,IAC3C,cAAc,EAAS;KAG1B,IAAK;AAER,eAAa,cAAc,EAAS;IACnC;EAAC;EAAmB;EAAuB;EAAO,CAAC,EAElD,CAAC,EAAiB,QAAO;CAE7B,IAAM,EAAE,cAAW,GAEb,IAAwC;EAC5C,mBAAmB;EACnB,iBAAiB;EACjB,oBAAoB;EACpB,qBAAqB;EACrB,kBAAkB;EAClB,UAAU;EACV,mBAAmB;EACnB,WAAW;EACZ;AAED,KAAI,KAAU,EACZ,QACE,kBAAC,QAAD;EACE,WAAU;EACV,eAAa,uBAAuB;YAFtC;GAIE,kBAAC,GAAD,EAAS,WAAU,4BAA6B,CAAA;GAC/C,EAAc;GAAQ;GAClB;;AAIX,KAAI,MAAW,eAAe,MAAW,YACvC,QACE,kBAAC,QAAD;EACE,WAAU;EACV,eAAa,uBAAuB;YAFtC;GAIE,kBAAC,GAAD,EAAO,WAAU,eAAgB,CAAA;GAChC,MAAW,cACR,EAAG,uCAAuC,YAAY,GACtD,EAAG,mCAAmC,QAAQ;GACjD,EAAgB,mBACf,kBAAC,QAAD;IAAM,WAAU;cAAhB;KAAkC;KAC9B,KAAK,MAAM,EAAgB,kBAAkB,IAAK;KAAC;KAChD;;GAEJ;;AAIX,KAAI,MAAW,UAAU;EACvB,IAAM,IAAY,EAA+C;AACjE,SACE,kBAAC,OAAD;GAAK,WAAU;GAAqC,eAAY;aAAhE;IACE,kBAAC,QAAD;KAAM,WAAU;eAAhB;MACE,kBAAC,GAAD,EAAG,WAAU,eAAgB,CAAA;MAC5B,EAAG,oCAAoC,SAAS;MAChD,KAAY,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QAA8C;QAAE;QAAS;QAAQ;;MACzE;;IACN,EAAgB,gBACf,kBAAC,UAAD;KACE,eAAe,EAAa,CAAC,EAAU;KACvC,WAAU;eAET,IAAY,SAAS;KACf,CAAA;IAEV,KAAa,EAAgB,gBAC5B,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAgB;KACb,CAAA;IAEJ;;;AAIV,QAAO"}

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

@@ -0,0 +1,26 @@
+import { DocsSite, DocsPage, DocsRevision } from './types';
+
+interface DocsEditPanelProps {
+    site: DocsSite;
+    pages: DocsPage[];
+    onBack: () => void;
+    onSavePage: (id: string, data: {
+        title?: string;
+        content?: string;
+        slug?: string;
+    }) => Promise<void>;
+    onAddPage: (parentId?: string, category?: string) => void;
+    onDeletePage: (pageId: string) => void;
+    onCompile: () => void;
+    onSaveSettings: (data: {
+        name?: string;
+        visibility?: 'PRIVATE' | 'PUBLIC';
+        docusaurusConfig?: Record<string, unknown>;
+    }) => Promise<void>;
+    compileRevision: DocsRevision | null;
+    onPollRevision?: (id: string) => Promise<DocsRevision | null>;
+    compiling: boolean;
+}
+export declare function DocsEditPanel({ site, pages, onBack, onSavePage, onAddPage, onDeletePage, onCompile, onSaveSettings, compileRevision, onPollRevision, compiling, }: DocsEditPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DocsEditPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DocsEditPanel.d.ts","sourceRoot":"","sources":["../../../src/components/docs/DocsEditPanel.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAGhE,UAAU,kBAAkB;IAC1B,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,EAAE,CACV,EAAE,EAAE,MAAM,EACV,IAAI,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,KACtD,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,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;IACvC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,EAAE,CAAC,IAAI,EAAE;QACrB,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;IACpB,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,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,MAAM,EACN,UAAU,EACV,SAAS,EACT,YAAY,EACZ,SAAS,EACT,cAAc,EACd,eAAe,EACf,cAAc,EACd,SAAS,GACV,EAAE,kBAAkB,2CAmFpB"}

package/dist/components/docs/DocsEditPanel.js

@@ -0,0 +1,97 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+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";
+//#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);
+			return;
+		}
+		(!w || !p.some((e) => e.id === w)) && T(p[0].id);
+	}, [p, w]), /* @__PURE__ */ d("div", {
+		className: "flex flex-col h-full",
+		style: { minHeight: "calc(100vh - 380px)" },
+		children: [
+			/* @__PURE__ */ d("div", {
+				className: "flex items-center justify-between px-4 py-2 border-b border-border-default bg-bg-surface",
+				children: [/* @__PURE__ */ d("div", {
+					className: "flex items-center gap-3",
+					children: [
+						/* @__PURE__ */ d("button", {
+							onClick: m,
+							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")]
+						}),
+						/* @__PURE__ */ u("span", {
+							className: "text-text-muted",
+							children: "|"
+						}),
+						/* @__PURE__ */ u("span", {
+							className: "text-sm font-medium text-text-primary",
+							children: f.name
+						})
+					]
+				}), /* @__PURE__ */ d("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ u("div", {
+							className: "relative",
+							children: /* @__PURE__ */ u(t, {
+								revision: b,
+								onPoll: x
+							})
+						}),
+						/* @__PURE__ */ d("button", {
+							onClick: v,
+							disabled: S,
+							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")]
+						}),
+						/* @__PURE__ */ u("button", {
+							onClick: () => D(!0),
+							className: "p-1.5 text-text-secondary hover:text-text-primary transition-colors",
+							title: "Settings",
+							children: /* @__PURE__ */ u(l, { className: "w-4 h-4" })
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "flex-1 grid grid-cols-[260px_1fr] min-h-0",
+				children: [/* @__PURE__ */ u("div", {
+					className: "border-r border-border-default overflow-hidden",
+					children: /* @__PURE__ */ u(n, {
+						pages: p,
+						selectedPageId: w,
+						onSelectPage: T,
+						onAddPage: g,
+						onDeletePage: _
+					})
+				}), /* @__PURE__ */ u("div", {
+					className: "overflow-hidden",
+					children: /* @__PURE__ */ u(r, {
+						page: O,
+						onSave: h
+					})
+				})]
+			}),
+			/* @__PURE__ */ u(i, {
+				site: f,
+				open: E,
+				onClose: () => D(!1),
+				onSave: y
+			})
+		]
+	});
+}
+//#endregion
+export { f as DocsEditPanel };
+
+//# sourceMappingURL=DocsEditPanel.js.map

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

@@ -0,0 +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    docusaurusConfig?: 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":";;;;;;;;;AA8BA,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"}

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

@@ -0,0 +1,7 @@
+interface DocsEmptyStateProps {
+    onCreate: () => void;
+    loading?: boolean;
+}
+export declare function DocsEmptyState({ onCreate, loading }: DocsEmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DocsEmptyState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DocsEmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/docs/DocsEmptyState.tsx"],"names":[],"mappings":"AAIA,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,mBAAmB,2CAsBxE"}

package/dist/components/docs/DocsEmptyState.js

@@ -0,0 +1,24 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { EmptyState as t } from "../shared/EmptyState.js";
+import "../shared/index.js";
+import { BookOpen as n, Plus as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/docs/DocsEmptyState.tsx
+function o({ onCreate: o, loading: s }) {
+	let c = e();
+	return /* @__PURE__ */ i(t, {
+		icon: /* @__PURE__ */ i(n, { className: "w-8 h-8 text-text-secondary" }),
+		title: c("vibecontrols.docs.empty.title", "No documentation yet"),
+		description: c("vibecontrols.docs.empty.description", "Create a documentation site for this vibe to start writing docs with Docusaurus"),
+		action: /* @__PURE__ */ a("button", {
+			onClick: o,
+			disabled: s,
+			className: "flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50",
+			children: [/* @__PURE__ */ i(r, { className: "w-4 h-4" }), c("vibecontrols.docs.empty.createDocs", "Create Documentation")]
+		})
+	});
+}
+//#endregion
+export { o as DocsEmptyState };
+
+//# sourceMappingURL=DocsEmptyState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DocsEmptyState.js","names":[],"sources":["../../../src/components/docs/DocsEmptyState.tsx"],"sourcesContent":["import { BookOpen, Plus } from 'lucide-react';\nimport { EmptyState } from '@/components/shared';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface DocsEmptyStateProps {\n  onCreate: () => void;\n  loading?: boolean;\n}\n\nexport function DocsEmptyState({ onCreate, loading }: DocsEmptyStateProps) {\n  const tr = useTr();\n  return (\n    <EmptyState\n      icon={<BookOpen className=\"w-8 h-8 text-text-secondary\" />}\n      title={tr('vibecontrols.docs.empty.title', 'No documentation yet')}\n      description={tr(\n        'vibecontrols.docs.empty.description',\n        'Create a documentation site for this vibe to start writing docs with Docusaurus'\n      )}\n      action={\n        <button\n          onClick={onCreate}\n          disabled={loading}\n          className=\"flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50\"\n        >\n          <Plus className=\"w-4 h-4\" />\n          {tr('vibecontrols.docs.empty.createDocs', 'Create Documentation')}\n        </button>\n      }\n    />\n  );\n}\n"],"mappings":";;;;;;AASA,SAAgB,EAAe,EAAE,aAAU,cAAgC;CACzE,IAAM,IAAK,GAAO;AAClB,QACE,kBAAC,GAAD;EACE,MAAM,kBAAC,GAAD,EAAU,WAAU,+BAAgC,CAAA;EAC1D,OAAO,EAAG,iCAAiC,uBAAuB;EAClE,aAAa,EACX,uCACA,kFACD;EACD,QACE,kBAAC,UAAD;GACE,SAAS;GACT,UAAU;GACV,WAAU;aAHZ,CAKE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAC3B,EAAG,sCAAsC,uBAAuB,CAC1D;;EAEX,CAAA"}

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

@@ -0,0 +1,13 @@
+import { DocsPage } from './types';
+
+interface DocsPageEditorProps {
+    page: DocsPage | null;
+    onSave: (id: string, data: {
+        title?: string;
+        content?: string;
+        slug?: string;
+    }) => Promise<void>;
+}
+export declare function DocsPageEditor({ page, onSave }: DocsPageEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DocsPageEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DocsPageEditor.d.ts","sourceRoot":"","sources":["../../../src/components/docs/DocsPageEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGxC,UAAU,mBAAmB;IAC3B,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAClG;AAED,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,mBAAmB,2CA8GnE"}

package/dist/components/docs/DocsPageEditor.js

@@ -0,0 +1,83 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { useCallback as t, useEffect as n, useRef as r, useState as i } from "react";
+import { Check as a, Loader2 as o, Save as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/docs/DocsPageEditor.tsx
+function u({ page: u, onSave: d }) {
+	let f = e(), [p, m] = i(""), [h, g] = i(""), [_, v] = i("saved"), y = r(null);
+	n(() => {
+		u && (m(u.content), g(u.title), v("saved"));
+	}, [u?.id]);
+	let b = t((e, t) => {
+		y.current && clearTimeout(y.current), v("unsaved"), y.current = setTimeout(async () => {
+			v("saving");
+			try {
+				await d(e, t), v("saved");
+			} catch {
+				v("unsaved");
+			}
+		}, 800);
+	}, [d]), x = (e) => {
+		m(e), u && b(u.id, { content: e });
+	}, S = (e) => {
+		g(e), u && b(u.id, { title: e });
+	};
+	return u ? /* @__PURE__ */ l("div", {
+		className: "flex flex-col h-full",
+		children: [/* @__PURE__ */ l("div", {
+			className: "flex items-center gap-3 px-4 py-2 border-b border-border-default",
+			children: [
+				/* @__PURE__ */ c("input", {
+					type: "text",
+					value: h,
+					onChange: (e) => S(e.target.value),
+					className: "flex-1 text-lg font-semibold bg-transparent text-text-primary border-none outline-none",
+					placeholder: f("vibecontrols.docs.editor.pageTitle", "Page title")
+				}),
+				/* @__PURE__ */ c("span", {
+					className: "text-xs text-text-muted font-mono",
+					children: u.slug
+				}),
+				/* @__PURE__ */ l("span", {
+					className: "flex items-center gap-1 text-xs",
+					children: [
+						_ === "saved" && /* @__PURE__ */ l("span", {
+							className: "flex items-center gap-1 text-status-success-text",
+							children: [/* @__PURE__ */ c(a, { className: "w-3 h-3" }), " Saved"]
+						}),
+						_ === "saving" && /* @__PURE__ */ l("span", {
+							className: "flex items-center gap-1 text-text-muted",
+							children: [/* @__PURE__ */ c(o, { className: "w-3 h-3 animate-spin" }), " Saving..."]
+						}),
+						_ === "unsaved" && /* @__PURE__ */ l("span", {
+							className: "flex items-center gap-1 text-status-warning-text",
+							children: [/* @__PURE__ */ c(s, { className: "w-3 h-3" }), " Unsaved"]
+						})
+					]
+				})
+			]
+		}), /* @__PURE__ */ c("textarea", {
+			value: p,
+			onChange: (e) => x(e.target.value),
+			onKeyDown: (e) => {
+				if (e.key === "Tab") {
+					e.preventDefault();
+					let t = e.currentTarget, n = t.selectionStart, r = t.selectionEnd, i = p.substring(0, n) + "  " + p.substring(r);
+					m(i), requestAnimationFrame(() => {
+						t.selectionStart = t.selectionEnd = n + 2;
+					}), u && b(u.id, { content: i });
+				}
+			},
+			className: "flex-1 w-full p-4 bg-bg-sunken text-text-primary font-mono text-sm resize-none outline-none leading-relaxed",
+			placeholder: f("vibecontrols.docs.editor.contentPlaceholder", "Write your documentation in MDX format..."),
+			spellCheck: !1
+		})]
+	}) : /* @__PURE__ */ c("div", {
+		className: "flex items-center justify-center h-full text-text-muted",
+		children: /* @__PURE__ */ c("p", { children: f("vibecontrols.docs.editor.selectPage", "Select a page to edit") })
+	});
+}
+//#endregion
+export { u as DocsPageEditor };
+
+//# sourceMappingURL=DocsPageEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DocsPageEditor.js","names":[],"sources":["../../../src/components/docs/DocsPageEditor.tsx"],"sourcesContent":["import { useState, useEffect, useRef, useCallback } from 'react';\nimport { Save, Check, Loader2 } from 'lucide-react';\nimport type { DocsPage } from './types';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface DocsPageEditorProps {\n  page: DocsPage | null;\n  onSave: (id: string, data: { title?: string; content?: string; slug?: string }) => Promise<void>;\n}\n\nexport function DocsPageEditor({ page, onSave }: DocsPageEditorProps) {\n  const tr = useTr();\n  const [content, setContent] = useState('');\n  const [title, setTitle] = useState('');\n  const [saveStatus, setSaveStatus] = useState<'saved' | 'saving' | 'unsaved'>('saved');\n  const debounceRef = useRef<ReturnType<typeof setTimeout>>(null);\n\n  useEffect(() => {\n    if (page) {\n      setContent(page.content);\n      setTitle(page.title);\n      setSaveStatus('saved');\n    }\n  }, [page?.id]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const debouncedSave = useCallback(\n    (id: string, data: { title?: string; content?: string }) => {\n      if (debounceRef.current) clearTimeout(debounceRef.current);\n      setSaveStatus('unsaved');\n      debounceRef.current = setTimeout(async () => {\n        setSaveStatus('saving');\n        try {\n          await onSave(id, data);\n          setSaveStatus('saved');\n        } catch {\n          setSaveStatus('unsaved');\n        }\n      }, 800);\n    },\n    [onSave]\n  );\n\n  const handleContentChange = (value: string) => {\n    setContent(value);\n    if (page) debouncedSave(page.id, { content: value });\n  };\n\n  const handleTitleChange = (value: string) => {\n    setTitle(value);\n    if (page) debouncedSave(page.id, { title: value });\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === 'Tab') {\n      e.preventDefault();\n      const target = e.currentTarget;\n      const start = target.selectionStart;\n      const end = target.selectionEnd;\n      const newValue = content.substring(0, start) + '  ' + content.substring(end);\n      setContent(newValue);\n      requestAnimationFrame(() => {\n        target.selectionStart = target.selectionEnd = start + 2;\n      });\n      if (page) debouncedSave(page.id, { content: newValue });\n    }\n  };\n\n  if (!page) {\n    return (\n      <div className=\"flex items-center justify-center h-full text-text-muted\">\n        <p>{tr('vibecontrols.docs.editor.selectPage', 'Select a page to edit')}</p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col h-full\">\n      {/* Title bar */}\n      <div className=\"flex items-center gap-3 px-4 py-2 border-b border-border-default\">\n        <input\n          type=\"text\"\n          value={title}\n          onChange={(e) => handleTitleChange(e.target.value)}\n          className=\"flex-1 text-lg font-semibold bg-transparent text-text-primary border-none outline-none\"\n          placeholder={tr('vibecontrols.docs.editor.pageTitle', 'Page title')}\n        />\n        <span className=\"text-xs text-text-muted font-mono\">{page.slug}</span>\n        <span className=\"flex items-center gap-1 text-xs\">\n          {saveStatus === 'saved' && (\n            <span className=\"flex items-center gap-1 text-status-success-text\">\n              <Check className=\"w-3 h-3\" /> Saved\n            </span>\n          )}\n          {saveStatus === 'saving' && (\n            <span className=\"flex items-center gap-1 text-text-muted\">\n              <Loader2 className=\"w-3 h-3 animate-spin\" /> Saving...\n            </span>\n          )}\n          {saveStatus === 'unsaved' && (\n            <span className=\"flex items-center gap-1 text-status-warning-text\">\n              <Save className=\"w-3 h-3\" /> Unsaved\n            </span>\n          )}\n        </span>\n      </div>\n\n      {/* Editor */}\n      <textarea\n        value={content}\n        onChange={(e) => handleContentChange(e.target.value)}\n        onKeyDown={handleKeyDown}\n        className=\"flex-1 w-full p-4 bg-bg-sunken text-text-primary font-mono text-sm resize-none outline-none leading-relaxed\"\n        placeholder={tr(\n          'vibecontrols.docs.editor.contentPlaceholder',\n          'Write your documentation in MDX format...'\n        )}\n        spellCheck={false}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;AAUA,SAAgB,EAAe,EAAE,SAAM,aAA+B;CACpE,IAAM,IAAK,GAAO,EACZ,CAAC,GAAS,KAAc,EAAS,GAAG,EACpC,CAAC,GAAO,KAAY,EAAS,GAAG,EAChC,CAAC,GAAY,KAAiB,EAAyC,QAAQ,EAC/E,IAAc,EAAsC,KAAK;AAE/D,SAAgB;AACd,EAAI,MACF,EAAW,EAAK,QAAQ,EACxB,EAAS,EAAK,MAAM,EACpB,EAAc,QAAQ;IAEvB,CAAC,GAAM,GAAG,CAAC;CAEd,IAAM,IAAgB,GACnB,GAAY,MAA+C;AAG1D,EAFI,EAAY,WAAS,aAAa,EAAY,QAAQ,EAC1D,EAAc,UAAU,EACxB,EAAY,UAAU,WAAW,YAAY;AAC3C,KAAc,SAAS;AACvB,OAAI;AAEF,IADA,MAAM,EAAO,GAAI,EAAK,EACtB,EAAc,QAAQ;WAChB;AACN,MAAc,UAAU;;KAEzB,IAAI;IAET,CAAC,EAAO,CACT,EAEK,KAAuB,MAAkB;AAE7C,EADA,EAAW,EAAM,EACb,KAAM,EAAc,EAAK,IAAI,EAAE,SAAS,GAAO,CAAC;IAGhD,KAAqB,MAAkB;AAE3C,EADA,EAAS,EAAM,EACX,KAAM,EAAc,EAAK,IAAI,EAAE,OAAO,GAAO,CAAC;;AA0BpD,QARK,IASH,kBAAC,OAAD;EAAK,WAAU;YAAf,CAEE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,SAAD;KACE,MAAK;KACL,OAAO;KACP,WAAW,MAAM,EAAkB,EAAE,OAAO,MAAM;KAClD,WAAU;KACV,aAAa,EAAG,sCAAsC,aAAa;KACnE,CAAA;IACF,kBAAC,QAAD;KAAM,WAAU;eAAqC,EAAK;KAAY,CAAA;IACtE,kBAAC,QAAD;KAAM,WAAU;eAAhB;MACG,MAAe,WACd,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,EAAA,SACxB;;MAER,MAAe,YACd,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CACE,kBAAC,GAAD,EAAS,WAAU,wBAAyB,CAAA,EAAA,aACvC;;MAER,MAAe,aACd,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,WACvB;;MAEJ;;IACH;MAGN,kBAAC,YAAD;GACE,OAAO;GACP,WAAW,MAAM,EAAoB,EAAE,OAAO,MAAM;GACpD,YA1DiB,MAAgD;AACrE,QAAI,EAAE,QAAQ,OAAO;AACnB,OAAE,gBAAgB;KAClB,IAAM,IAAS,EAAE,eACX,IAAQ,EAAO,gBACf,IAAM,EAAO,cACb,IAAW,EAAQ,UAAU,GAAG,EAAM,GAAG,OAAO,EAAQ,UAAU,EAAI;AAK5E,KAJA,EAAW,EAAS,EACpB,4BAA4B;AAC1B,QAAO,iBAAiB,EAAO,eAAe,IAAQ;OACtD,EACE,KAAM,EAAc,EAAK,IAAI,EAAE,SAAS,GAAU,CAAC;;;GAgDrD,WAAU;GACV,aAAa,EACX,+CACA,4CACD;GACD,YAAY;GACZ,CAAA,CACE;MAjDJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,KAAD,EAAA,UAAI,EAAG,uCAAuC,wBAAwB,EAAK,CAAA;EACvE,CAAA"}