@burdenoff/microfe-vibecontrols 2026.601.2 → 2026.601.3

package/dist/components/agent-manager/dialogs/NewSessionDialog.js

@@ -34,7 +34,7 @@ function v(e) {
 function y({ agent: _, isOpen: y, onClose: b }) {
 	let [x, S] = u(""), [C, w] = u("claude"), [T, E] = u(o), [D, O] = u([]), k = (e) => {
 		w(e), s(_, e, T).then(E).catch(() => E(T || "default"));
-	}, [A, j] = u(""), [M, N] = u("sdk"), [P, F] = u(!1), [I, L] = u(null), R = r((e) => e.openSession), z = r((e) => e.activeChatContext), B = r((e) => e.setSessionSdk), V = r((e) => e.setSessionModel), H = r((e) => e.setSessionMode), U = m(), W = e();
+	}, [A, j] = u(""), [M, N] = u("sdk"), [P, F] = u(!1), [I, L] = u(null), R = r((e) => e.openSession), z = r((e) => e.bumpSessionsRefresh), B = r((e) => e.activeChatContext), V = r((e) => e.setSessionSdk), H = r((e) => e.setSessionModel), U = r((e) => e.setSessionMode), W = m(), G = e();
 	l(() => {
 		if (!y) return;
 		let e = !1;
@@ -73,7 +73,7 @@ function y({ agent: _, isOpen: y, onClose: b }) {
 		y,
 		C
 	]);
-	let G = c(async () => {
+	let K = c(async () => {
 		if (x.trim()) {
 			F(!0), L(null);
 			try {
@@ -87,10 +87,10 @@ function y({ agent: _, isOpen: y, onClose: b }) {
 						tags: A.split(",").map((e) => e.trim()).filter(Boolean)
 					},
 					agentId: _.id,
-					contextLevel: z.contextLevel,
-					vibeId: z.vibeId
+					contextLevel: B.contextLevel,
+					vibeId: B.vibeId
 				});
-				R(e.id, e.name), B(e.id, C), V(e.id, T), H(e.id, M), S(""), w("claude"), E(o), N("sdk"), j(""), b();
+				R(e.id, e.name), z(), V(e.id, C), H(e.id, T), U(e.id, M), S(""), w("claude"), E(o), N("sdk"), j(""), b();
 			} catch (e) {
 				L(e instanceof Error ? e.message : "Failed to create session");
 			} finally {
@@ -109,20 +109,21 @@ function y({ agent: _, isOpen: y, onClose: b }) {
 		B,
 		V,
 		H,
+		U,
 		b
 	]);
 	return y ? /* @__PURE__ */ h(f, { children: y && /* @__PURE__ */ g("div", {
 		className: "fixed inset-0 z-50 flex items-center justify-center",
 		children: [/* @__PURE__ */ h(p.div, {
 			className: "absolute inset-0 bg-bg-overlay",
-			initial: U ? void 0 : { opacity: 0 },
+			initial: W ? void 0 : { opacity: 0 },
 			animate: { opacity: 1 },
 			exit: { opacity: 0 },
 			transition: { duration: .2 },
 			onClick: b
 		}), /* @__PURE__ */ g(p.div, {
 			className: "relative w-full max-w-md mx-4 rounded-lg border border-border-default bg-bg-surface shadow-xl",
-			initial: U ? void 0 : {
+			initial: W ? void 0 : {
 				opacity: 0,
 				scale: .95,
 				y: 8
@@ -151,7 +152,7 @@ function y({ agent: _, isOpen: y, onClose: b }) {
 					className: "flex items-center justify-between px-6 py-4 border-b border-border-default",
 					children: [/* @__PURE__ */ h("h3", {
 						className: "text-lg font-semibold text-text-primary",
-						children: W("vibecontrols.agentManager.dialogs.newSession", "New Session")
+						children: G("vibecontrols.agentManager.dialogs.newSession", "New Session")
 					}), /* @__PURE__ */ h("button", {
 						type: "button",
 						onClick: b,
@@ -164,7 +165,7 @@ function y({ agent: _, isOpen: y, onClose: b }) {
 					children: [
 						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
 							className: "block text-sm font-medium text-text-primary mb-1",
-							children: W("vibecontrols.agentManager.dialogs.name", "Name")
+							children: G("vibecontrols.agentManager.dialogs.name", "Name")
 						}), /* @__PURE__ */ h("input", {
 							"aria-label": "My session",
 							type: "text",
@@ -175,7 +176,7 @@ function y({ agent: _, isOpen: y, onClose: b }) {
 						})] }),
 						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
 							className: "block text-sm font-medium text-text-primary mb-1",
-							children: W("vibecontrols.agentManager.dialogs.sdkAndMode", "SDK & Mode")
+							children: G("vibecontrols.agentManager.dialogs.sdkAndMode", "SDK & Mode")
 						}), /* @__PURE__ */ h(a, {
 							sdk: C,
 							mode: M,
@@ -185,7 +186,7 @@ function y({ agent: _, isOpen: y, onClose: b }) {
 						})] }),
 						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
 							className: "block text-sm font-medium text-text-primary mb-1",
-							children: W("vibecontrols.agentManager.dialogs.model", "Model")
+							children: G("vibecontrols.agentManager.dialogs.model", "Model")
 						}), /* @__PURE__ */ h(i, {
 							value: T,
 							onChange: E,
@@ -195,7 +196,7 @@ function y({ agent: _, isOpen: y, onClose: b }) {
 						})] }),
 						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
 							className: "block text-sm font-medium text-text-primary mb-1",
-							children: W("vibecontrols.agentManager.dialogs.tagsLabel", "Tags (comma-separated)")
+							children: G("vibecontrols.agentManager.dialogs.tagsLabel", "Tags (comma-separated)")
 						}), /* @__PURE__ */ h("input", {
 							"aria-label": "e.g. frontend, bugfix, prototype",
 							type: "text",
@@ -217,13 +218,13 @@ function y({ agent: _, isOpen: y, onClose: b }) {
 						onClick: b,
 						disabled: P,
 						className: "px-4 py-2 text-sm font-medium text-text-primary bg-bg-surface border border-border-default rounded-md hover:bg-bg-elevated transition-colors disabled:opacity-50",
-						children: W("vibecontrols.agentManager.dialogs.cancel", "Cancel")
+						children: G("vibecontrols.agentManager.dialogs.cancel", "Cancel")
 					}), /* @__PURE__ */ h("button", {
 						type: "button",
-						onClick: G,
+						onClick: K,
 						disabled: P || !x.trim(),
 						className: "px-4 py-2 text-sm font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed",
-						children: P ? W("vibecontrols.agentManager.dialogs.creating", "Creating...") : W("vibecontrols.agentManager.dialogs.create", "Create")
+						children: P ? G("vibecontrols.agentManager.dialogs.creating", "Creating...") : G("vibecontrols.agentManager.dialogs.create", "Create")
 					})]
 				})
 			]

package/dist/components/agent-manager/dialogs/NewSessionDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"NewSessionDialog.js","names":[],"sources":["../../../../src/components/agent-manager/dialogs/NewSessionDialog.tsx"],"sourcesContent":["/**\n * New session creation dialog.\n *\n * Modal overlay with fields for session name, SDK, model, and mode.\n * Creates a session via aiApi and opens it as a new tab.\n */\n\nimport { useState, useCallback, useEffect } from 'react';\nimport { X } from 'lucide-react';\nimport { motion, AnimatePresence, useReducedMotion } from 'framer-motion';\nimport { createSession, fetchProviders, type AIProvider, type AgentRef } from '@/services/aiApi';\nimport { useAgentManagerStore } from '@/store/agentManagerStore';\nimport { ModelSelector } from '../controls/ModelSelector';\nimport { SdkSelector } from '../controls/SdkSelector';\nimport { GENERIC_MODEL_FALLBACK, resolveProviderDefaultModel } from '../modelDefaults';\nimport type { AgentSdkType, ProviderMode } from '@/types/agentManager';\nimport { useTr } from '../../../shared/hooks/useTr';\n\ninterface NewSessionDialogProps {\n  agent: AgentRef;\n  isOpen: boolean;\n  onClose: () => void;\n}\n\nconst SDK_VALUES = new Set<string>([\n  'claude',\n  'codex',\n  'gemini',\n  'opencode',\n  'cursor',\n  'openrouter',\n  'minimax',\n  'ollama',\n  'openai-compat',\n  'goose',\n  'amp',\n  'copilot',\n  'crush',\n  'pi',\n  'aider',\n  'plandex',\n]);\n\nfunction providerSdk(provider: AIProvider): AgentSdkType | null {\n  const value = (provider.name || provider.pluginName).replace(/^ai-/, '');\n  return SDK_VALUES.has(value) ? (value as AgentSdkType) : null;\n}\n\nexport function NewSessionDialog({ agent, isOpen, onClose }: NewSessionDialogProps) {\n  const [name, setName] = useState('');\n  const [sdk, setSdk] = useState<AgentSdkType>('claude');\n  const [model, setModel] = useState(GENERIC_MODEL_FALLBACK);\n  const [providers, setProviders] = useState<AIProvider[]>([]);\n\n  // Auto-update default model when SDK changes\n  const handleSdkChange = (newSdk: AgentSdkType) => {\n    setSdk(newSdk);\n    void resolveProviderDefaultModel(agent, newSdk, model)\n      .then(setModel)\n      .catch(() => setModel(model || GENERIC_MODEL_FALLBACK));\n  };\n  const [tags, setTags] = useState('');\n  const [mode, setMode] = useState<ProviderMode>('sdk');\n  const [creating, setCreating] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const openSession = useAgentManagerStore((s) => s.openSession);\n  const activeChatContext = useAgentManagerStore((s) => s.activeChatContext);\n  const setSessionSdk = useAgentManagerStore((s) => s.setSessionSdk);\n  const setSessionModel = useAgentManagerStore((s) => s.setSessionModel);\n  const setSessionMode = useAgentManagerStore((s) => s.setSessionMode);\n  const shouldReduceMotion = useReducedMotion();\n  const tr = useTr();\n\n  useEffect(() => {\n    if (!isOpen) return;\n\n    let cancelled = false;\n    void fetchProviders(agent)\n      .then((items) => {\n        if (!cancelled) setProviders(items);\n      })\n      .catch(() => {\n        if (!cancelled) setProviders([]);\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [agent, isOpen]);\n\n  useEffect(() => {\n    if (!isOpen || providers.length === 0) return;\n\n    const current = providers.find((provider) => providerSdk(provider) === sdk);\n    const fallback = providers.find((provider) => provider.isDefault) ?? providers[0];\n    const nextProvider = current ?? fallback;\n    if (!nextProvider) return;\n\n    const nextSdk = providerSdk(nextProvider);\n    if (nextSdk && !current) {\n      setSdk(nextSdk);\n    }\n\n    const supportedModes = nextProvider.supportedModes ?? [];\n    if (supportedModes.length > 0 && !supportedModes.includes(mode)) {\n      setMode(nextProvider.defaultMode ?? nextProvider.currentMode ?? supportedModes[0] ?? 'cli');\n    }\n  }, [isOpen, mode, providers, sdk]);\n\n  useEffect(() => {\n    if (!isOpen) return;\n\n    let cancelled = false;\n    void resolveProviderDefaultModel(agent, sdk, GENERIC_MODEL_FALLBACK)\n      .then((nextModel) => {\n        if (!cancelled) setModel(nextModel);\n      })\n      .catch(() => {\n        if (!cancelled) setModel((current) => current || GENERIC_MODEL_FALLBACK);\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [agent, isOpen, sdk]);\n\n  const handleCreate = useCallback(async () => {\n    if (!name.trim()) return;\n    setCreating(true);\n    setError(null);\n    try {\n      const session = await createSession(agent, {\n        name: name.trim(),\n        agentType: sdk,\n        config: {\n          model,\n          mode,\n          // New sessions default to the safe autonomy level; users adjust it\n          // per-session via the Autonomy control in the chat toolbar.\n          permissionMode: 'acceptEdits',\n          tags: tags\n            .split(',')\n            .map((t) => t.trim())\n            .filter(Boolean),\n        },\n        // Stamp the active \"bucket\" context (agent/vibe) onto the session.\n        agentId: agent.id,\n        contextLevel: activeChatContext.contextLevel,\n        vibeId: activeChatContext.vibeId,\n      });\n      openSession(session.id, session.name);\n      setSessionSdk(session.id, sdk);\n      setSessionModel(session.id, model);\n      setSessionMode(session.id, mode);\n      // Reset form\n      setName('');\n      setSdk('claude');\n      setModel(GENERIC_MODEL_FALLBACK);\n      setMode('sdk');\n      setTags('');\n      onClose();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to create session');\n    } finally {\n      setCreating(false);\n    }\n  }, [\n    agent,\n    name,\n    sdk,\n    model,\n    mode,\n    tags,\n    openSession,\n    activeChatContext,\n    setSessionSdk,\n    setSessionModel,\n    setSessionMode,\n    onClose,\n  ]);\n\n  if (!isOpen) return null;\n\n  return (\n    <AnimatePresence>\n      {isOpen && (\n        <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n          <motion.div\n            className=\"absolute inset-0 bg-bg-overlay\"\n            initial={shouldReduceMotion ? undefined : { opacity: 0 }}\n            animate={{ opacity: 1 }}\n            exit={{ opacity: 0 }}\n            transition={{ duration: 0.2 }}\n            onClick={onClose}\n          />\n          <motion.div\n            className=\"relative w-full max-w-md mx-4 rounded-lg border border-border-default bg-bg-surface shadow-xl\"\n            initial={shouldReduceMotion ? undefined : { opacity: 0, scale: 0.95, y: 8 }}\n            animate={{ opacity: 1, scale: 1, y: 0 }}\n            exit={{ opacity: 0, scale: 0.95, y: 8 }}\n            transition={{ duration: 0.2, ease: [0.2, 0, 0, 1] }}\n          >\n            {/* Header */}\n            <div className=\"flex items-center justify-between px-6 py-4 border-b border-border-default\">\n              <h3 className=\"text-lg font-semibold text-text-primary\">\n                {tr('vibecontrols.agentManager.dialogs.newSession', 'New Session')}\n              </h3>\n              <button\n                type=\"button\"\n                onClick={onClose}\n                className=\"p-1 rounded hover:bg-bg-sunken transition-colors\"\n              >\n                <X className=\"size-5 text-text-secondary\" />\n              </button>\n            </div>\n\n            {/* Body */}\n            <div className=\"px-6 py-4 space-y-4\">\n              {/* Name */}\n              <div>\n                <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                  {tr('vibecontrols.agentManager.dialogs.name', 'Name')}\n                </label>\n                <input\n                  aria-label=\"My session\"\n                  type=\"text\"\n                  value={name}\n                  onChange={(e) => setName(e.target.value)}\n                  placeholder=\"My session\"\n                  className=\"w-full rounded-md border border-border-default bg-bg-primary px-3 py-2 text-sm text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong transition-colors\"\n                />\n              </div>\n\n              {/* SDK + Mode */}\n              <div>\n                <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                  {tr('vibecontrols.agentManager.dialogs.sdkAndMode', 'SDK & Mode')}\n                </label>\n                <SdkSelector\n                  sdk={sdk}\n                  mode={mode}\n                  providers={providers}\n                  onSdkChange={handleSdkChange}\n                  onModeChange={setMode}\n                />\n              </div>\n\n              {/* Model */}\n              <div>\n                <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                  {tr('vibecontrols.agentManager.dialogs.model', 'Model')}\n                </label>\n                <ModelSelector\n                  value={model}\n                  onChange={setModel}\n                  provider={sdk}\n                  agentId={agent.id}\n                  profile={agent.profile}\n                />\n              </div>\n\n              {/* Tags */}\n              <div>\n                <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                  {tr('vibecontrols.agentManager.dialogs.tagsLabel', 'Tags (comma-separated)')}\n                </label>\n                <input\n                  aria-label=\"e.g. frontend, bugfix, prototype\"\n                  type=\"text\"\n                  value={tags}\n                  onChange={(e) => setTags(e.target.value)}\n                  placeholder=\"e.g. frontend, bugfix, prototype\"\n                  className=\"w-full rounded-md border border-border-default bg-bg-primary px-3 py-2 text-sm text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong transition-colors\"\n                />\n              </div>\n\n              {error && <p className=\"text-xs text-status-error-text\">{error}</p>}\n            </div>\n\n            {/* Footer */}\n            <div className=\"flex items-center justify-end gap-3 px-6 py-4 border-t border-border-default bg-bg-sunken rounded-b-lg\">\n              <button\n                type=\"button\"\n                onClick={onClose}\n                disabled={creating}\n                className=\"px-4 py-2 text-sm font-medium text-text-primary bg-bg-surface border border-border-default rounded-md hover:bg-bg-elevated transition-colors disabled:opacity-50\"\n              >\n                {tr('vibecontrols.agentManager.dialogs.cancel', 'Cancel')}\n              </button>\n              <button\n                type=\"button\"\n                onClick={handleCreate}\n                disabled={creating || !name.trim()}\n                className=\"px-4 py-2 text-sm font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed\"\n              >\n                {creating\n                  ? tr('vibecontrols.agentManager.dialogs.creating', 'Creating...')\n                  : tr('vibecontrols.agentManager.dialogs.create', 'Create')}\n              </button>\n            </div>\n          </motion.div>\n        </div>\n      )}\n    </AnimatePresence>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"NewSessionDialog.js","names":[],"sources":["../../../../src/components/agent-manager/dialogs/NewSessionDialog.tsx"],"sourcesContent":["/**\n * New session creation dialog.\n *\n * Modal overlay with fields for session name, SDK, model, and mode.\n * Creates a session via aiApi and opens it as a new tab.\n */\n\nimport { useState, useCallback, useEffect } from 'react';\nimport { X } from 'lucide-react';\nimport { motion, AnimatePresence, useReducedMotion } from 'framer-motion';\nimport { createSession, fetchProviders, type AIProvider, type AgentRef } from '@/services/aiApi';\nimport { useAgentManagerStore } from '@/store/agentManagerStore';\nimport { ModelSelector } from '../controls/ModelSelector';\nimport { SdkSelector } from '../controls/SdkSelector';\nimport { GENERIC_MODEL_FALLBACK, resolveProviderDefaultModel } from '../modelDefaults';\nimport type { AgentSdkType, ProviderMode } from '@/types/agentManager';\nimport { useTr } from '../../../shared/hooks/useTr';\n\ninterface NewSessionDialogProps {\n  agent: AgentRef;\n  isOpen: boolean;\n  onClose: () => void;\n}\n\nconst SDK_VALUES = new Set<string>([\n  'claude',\n  'codex',\n  'gemini',\n  'opencode',\n  'cursor',\n  'openrouter',\n  'minimax',\n  'ollama',\n  'openai-compat',\n  'goose',\n  'amp',\n  'copilot',\n  'crush',\n  'pi',\n  'aider',\n  'plandex',\n]);\n\nfunction providerSdk(provider: AIProvider): AgentSdkType | null {\n  const value = (provider.name || provider.pluginName).replace(/^ai-/, '');\n  return SDK_VALUES.has(value) ? (value as AgentSdkType) : null;\n}\n\nexport function NewSessionDialog({ agent, isOpen, onClose }: NewSessionDialogProps) {\n  const [name, setName] = useState('');\n  const [sdk, setSdk] = useState<AgentSdkType>('claude');\n  const [model, setModel] = useState(GENERIC_MODEL_FALLBACK);\n  const [providers, setProviders] = useState<AIProvider[]>([]);\n\n  // Auto-update default model when SDK changes\n  const handleSdkChange = (newSdk: AgentSdkType) => {\n    setSdk(newSdk);\n    void resolveProviderDefaultModel(agent, newSdk, model)\n      .then(setModel)\n      .catch(() => setModel(model || GENERIC_MODEL_FALLBACK));\n  };\n  const [tags, setTags] = useState('');\n  const [mode, setMode] = useState<ProviderMode>('sdk');\n  const [creating, setCreating] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const openSession = useAgentManagerStore((s) => s.openSession);\n  const bumpSessionsRefresh = useAgentManagerStore((s) => s.bumpSessionsRefresh);\n  const activeChatContext = useAgentManagerStore((s) => s.activeChatContext);\n  const setSessionSdk = useAgentManagerStore((s) => s.setSessionSdk);\n  const setSessionModel = useAgentManagerStore((s) => s.setSessionModel);\n  const setSessionMode = useAgentManagerStore((s) => s.setSessionMode);\n  const shouldReduceMotion = useReducedMotion();\n  const tr = useTr();\n\n  useEffect(() => {\n    if (!isOpen) return;\n\n    let cancelled = false;\n    void fetchProviders(agent)\n      .then((items) => {\n        if (!cancelled) setProviders(items);\n      })\n      .catch(() => {\n        if (!cancelled) setProviders([]);\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [agent, isOpen]);\n\n  useEffect(() => {\n    if (!isOpen || providers.length === 0) return;\n\n    const current = providers.find((provider) => providerSdk(provider) === sdk);\n    const fallback = providers.find((provider) => provider.isDefault) ?? providers[0];\n    const nextProvider = current ?? fallback;\n    if (!nextProvider) return;\n\n    const nextSdk = providerSdk(nextProvider);\n    if (nextSdk && !current) {\n      setSdk(nextSdk);\n    }\n\n    const supportedModes = nextProvider.supportedModes ?? [];\n    if (supportedModes.length > 0 && !supportedModes.includes(mode)) {\n      setMode(nextProvider.defaultMode ?? nextProvider.currentMode ?? supportedModes[0] ?? 'cli');\n    }\n  }, [isOpen, mode, providers, sdk]);\n\n  useEffect(() => {\n    if (!isOpen) return;\n\n    let cancelled = false;\n    void resolveProviderDefaultModel(agent, sdk, GENERIC_MODEL_FALLBACK)\n      .then((nextModel) => {\n        if (!cancelled) setModel(nextModel);\n      })\n      .catch(() => {\n        if (!cancelled) setModel((current) => current || GENERIC_MODEL_FALLBACK);\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [agent, isOpen, sdk]);\n\n  const handleCreate = useCallback(async () => {\n    if (!name.trim()) return;\n    setCreating(true);\n    setError(null);\n    try {\n      const session = await createSession(agent, {\n        name: name.trim(),\n        agentType: sdk,\n        config: {\n          model,\n          mode,\n          // New sessions default to the safe autonomy level; users adjust it\n          // per-session via the Autonomy control in the chat toolbar.\n          permissionMode: 'acceptEdits',\n          tags: tags\n            .split(',')\n            .map((t) => t.trim())\n            .filter(Boolean),\n        },\n        // Stamp the active \"bucket\" context (agent/vibe) onto the session.\n        agentId: agent.id,\n        contextLevel: activeChatContext.contextLevel,\n        vibeId: activeChatContext.vibeId,\n      });\n      openSession(session.id, session.name);\n      bumpSessionsRefresh();\n      setSessionSdk(session.id, sdk);\n      setSessionModel(session.id, model);\n      setSessionMode(session.id, mode);\n      // Reset form\n      setName('');\n      setSdk('claude');\n      setModel(GENERIC_MODEL_FALLBACK);\n      setMode('sdk');\n      setTags('');\n      onClose();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to create session');\n    } finally {\n      setCreating(false);\n    }\n  }, [\n    agent,\n    name,\n    sdk,\n    model,\n    mode,\n    tags,\n    openSession,\n    bumpSessionsRefresh,\n    activeChatContext,\n    setSessionSdk,\n    setSessionModel,\n    setSessionMode,\n    onClose,\n  ]);\n\n  if (!isOpen) return null;\n\n  return (\n    <AnimatePresence>\n      {isOpen && (\n        <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n          <motion.div\n            className=\"absolute inset-0 bg-bg-overlay\"\n            initial={shouldReduceMotion ? undefined : { opacity: 0 }}\n            animate={{ opacity: 1 }}\n            exit={{ opacity: 0 }}\n            transition={{ duration: 0.2 }}\n            onClick={onClose}\n          />\n          <motion.div\n            className=\"relative w-full max-w-md mx-4 rounded-lg border border-border-default bg-bg-surface shadow-xl\"\n            initial={shouldReduceMotion ? undefined : { opacity: 0, scale: 0.95, y: 8 }}\n            animate={{ opacity: 1, scale: 1, y: 0 }}\n            exit={{ opacity: 0, scale: 0.95, y: 8 }}\n            transition={{ duration: 0.2, ease: [0.2, 0, 0, 1] }}\n          >\n            {/* Header */}\n            <div className=\"flex items-center justify-between px-6 py-4 border-b border-border-default\">\n              <h3 className=\"text-lg font-semibold text-text-primary\">\n                {tr('vibecontrols.agentManager.dialogs.newSession', 'New Session')}\n              </h3>\n              <button\n                type=\"button\"\n                onClick={onClose}\n                className=\"p-1 rounded hover:bg-bg-sunken transition-colors\"\n              >\n                <X className=\"size-5 text-text-secondary\" />\n              </button>\n            </div>\n\n            {/* Body */}\n            <div className=\"px-6 py-4 space-y-4\">\n              {/* Name */}\n              <div>\n                <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                  {tr('vibecontrols.agentManager.dialogs.name', 'Name')}\n                </label>\n                <input\n                  aria-label=\"My session\"\n                  type=\"text\"\n                  value={name}\n                  onChange={(e) => setName(e.target.value)}\n                  placeholder=\"My session\"\n                  className=\"w-full rounded-md border border-border-default bg-bg-primary px-3 py-2 text-sm text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong transition-colors\"\n                />\n              </div>\n\n              {/* SDK + Mode */}\n              <div>\n                <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                  {tr('vibecontrols.agentManager.dialogs.sdkAndMode', 'SDK & Mode')}\n                </label>\n                <SdkSelector\n                  sdk={sdk}\n                  mode={mode}\n                  providers={providers}\n                  onSdkChange={handleSdkChange}\n                  onModeChange={setMode}\n                />\n              </div>\n\n              {/* Model */}\n              <div>\n                <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                  {tr('vibecontrols.agentManager.dialogs.model', 'Model')}\n                </label>\n                <ModelSelector\n                  value={model}\n                  onChange={setModel}\n                  provider={sdk}\n                  agentId={agent.id}\n                  profile={agent.profile}\n                />\n              </div>\n\n              {/* Tags */}\n              <div>\n                <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                  {tr('vibecontrols.agentManager.dialogs.tagsLabel', 'Tags (comma-separated)')}\n                </label>\n                <input\n                  aria-label=\"e.g. frontend, bugfix, prototype\"\n                  type=\"text\"\n                  value={tags}\n                  onChange={(e) => setTags(e.target.value)}\n                  placeholder=\"e.g. frontend, bugfix, prototype\"\n                  className=\"w-full rounded-md border border-border-default bg-bg-primary px-3 py-2 text-sm text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong transition-colors\"\n                />\n              </div>\n\n              {error && <p className=\"text-xs text-status-error-text\">{error}</p>}\n            </div>\n\n            {/* Footer */}\n            <div className=\"flex items-center justify-end gap-3 px-6 py-4 border-t border-border-default bg-bg-sunken rounded-b-lg\">\n              <button\n                type=\"button\"\n                onClick={onClose}\n                disabled={creating}\n                className=\"px-4 py-2 text-sm font-medium text-text-primary bg-bg-surface border border-border-default rounded-md hover:bg-bg-elevated transition-colors disabled:opacity-50\"\n              >\n                {tr('vibecontrols.agentManager.dialogs.cancel', 'Cancel')}\n              </button>\n              <button\n                type=\"button\"\n                onClick={handleCreate}\n                disabled={creating || !name.trim()}\n                className=\"px-4 py-2 text-sm font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed\"\n              >\n                {creating\n                  ? tr('vibecontrols.agentManager.dialogs.creating', 'Creating...')\n                  : tr('vibecontrols.agentManager.dialogs.create', 'Create')}\n              </button>\n            </div>\n          </motion.div>\n        </div>\n      )}\n    </AnimatePresence>\n  );\n}\n"],"mappings":"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"}

package/dist/components/docs/DocsTabPanel.js

@@ -58,10 +58,13 @@ function w({ vibeId: w, ownerType: le, ownerId: ue }) {
 			throw e;
 		}
 	}, Ne = async (e, t) => {
-		await Ee({ variables: {
-			id: e,
-			input: t
-		} });
+		await Ee({
+			variables: {
+				id: e,
+				input: t
+			},
+			context: { autoRefreshAfterMutation: !1 }
+		});
 	}, Pe = async (e, t) => {
 		if (!K) return;
 		let n = q.length, r = `page-${n + 1}`;

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

@@ -1 +1 @@
-{"version":3,"file":"DocsTabPanel.js","names":[],"sources":["../../../src/components/docs/DocsTabPanel.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport { AlertCircle, X } from 'lucide-react';\nimport { LoadingState, ErrorState, QuotaExhaustedDialog } from '@/components/shared';\nimport { useVibeNavigate } from '@/providers/VibeControlsProvider';\nimport { resolveGatewayUrls } from '@burdenoff/fe-libs/shared/config';\nimport { DocsEmptyState } from './DocsEmptyState';\nimport { DocsPreviewPanel } from './DocsPreviewPanel';\nimport { DocsEditPanel } from './DocsEditPanel';\nimport type { DocsSite, DocsRevision } from './types';\nimport {\n  isQuotaExhaustedError,\n  markQuotaHandledLocally,\n  getQuotaDialogContent,\n} from '@/utils/quotaUtils';\nimport { useTr } from '../../shared/hooks/useTr';\nimport {\n  useGetDocsSiteQuery,\n  useCreateDocsSiteMutation,\n  useUpdateDocsSiteMutation,\n  useUpdateDocsSiteVisibilityMutation,\n  useCreateDocsPageMutation,\n  useUpdateDocsPageMutation,\n  useDeleteDocsPageMutation,\n  useCompileDocsSiteMutation,\n  useDocsContentQuery,\n  useGetDocsRevisionLazyQuery,\n  useGenerateDocsSignedUrlMutation,\n  useRollbackDocsRevisionMutation,\n  useDeleteDocsSiteMutation,\n} from '@/generated/wspace-operations';\n\ninterface DocsTabPanelProps {\n  vibeId?: string;\n  ownerType?: string;\n  ownerId?: string;\n}\n\nexport function DocsTabPanel({ vibeId, ownerType, ownerId }: DocsTabPanelProps) {\n  const tr = useTr();\n  const effectiveOwnerType = ownerType || 'VIBE';\n  const effectiveOwnerId = ownerId || vibeId || '';\n  const [mode, setMode] = useState<'preview' | 'edit'>('preview');\n  const [compileRevision, setCompileRevision] = useState<DocsRevision | null>(null);\n  const [compiling, setCompiling] = useState(false);\n  const [compileError, setCompileError] = useState<string | null>(null);\n  const [selectedPageSlug, setSelectedPageSlug] = useState('');\n  const [rollingBack, setRollingBack] = useState<string | null>(null);\n  const navigate = useVibeNavigate();\n  const [showQuotaExhausted, setShowQuotaExhausted] = useState(false);\n  const [showCompileQuotaExhausted, setShowCompileQuotaExhausted] = useState(false);\n\n  // Queries\n  const { data, loading, error, refetch } = useGetDocsSiteQuery({\n    variables: { ownerType: effectiveOwnerType as any, ownerId: effectiveOwnerId },\n    skip: !effectiveOwnerId,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const site = (data?.vibecontrolsDocsSiteByOwner ?? null) as DocsSite | null;\n  const pages = site?.pages || [];\n\n  const {\n    data: docsContentData,\n    loading: docsContentLoading,\n    refetch: refetchDocsContent,\n  } = useDocsContentQuery({\n    variables: { siteId: site?.id || '', path: selectedPageSlug },\n    skip: !site?.id || !site.currentRevisionId,\n    fetchPolicy: 'network-only',\n  });\n  const docsHtml = docsContentData?.docsContent?.html ?? null;\n\n  // Re-fetch docs content whenever currentRevisionId changes (compile finished or first publish).\n  // This runs post-render so skip:false is guaranteed — imperative calls during async handlers\n  // are no-ops when skip is still true in the closure.\n  const prevRevisionIdRef = useRef<string | null | undefined>(undefined);\n  useEffect(() => {\n    const currentId = site?.currentRevisionId ?? null;\n    if (prevRevisionIdRef.current === undefined) {\n      prevRevisionIdRef.current = currentId;\n      return;\n    }\n    if (currentId && currentId !== prevRevisionIdRef.current) {\n      prevRevisionIdRef.current = currentId;\n      refetchDocsContent();\n    }\n  }, [site?.currentRevisionId]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  // Compute gateway docs URL for iframe src (workspaceId prefix for isolation)\n  const gatewayUrls = resolveGatewayUrls();\n  const docsBaseUrl = site?.workspaceId\n    ? `${gatewayUrls.workspaceBaseUrl}/workspaces/static/${site.workspaceId}/docs/${effectiveOwnerId}/`\n    : null;\n\n  // Mutations\n  const [createSiteMutation, { loading: creating }] = useCreateDocsSiteMutation();\n  const [updateSiteMutation] = useUpdateDocsSiteMutation();\n  const [updateVisibilityMutation] = useUpdateDocsSiteVisibilityMutation();\n  const [createPageMutation, { loading: pageAdding }] = useCreateDocsPageMutation();\n  const [updatePageMutation] = useUpdateDocsPageMutation();\n  const [deletePageMutation] = useDeleteDocsPageMutation();\n  const [compileMutation] = useCompileDocsSiteMutation();\n  const [generateSignedUrl] = useGenerateDocsSignedUrlMutation();\n  const [rollbackRevision] = useRollbackDocsRevisionMutation();\n  const [deleteSiteMutation] = useDeleteDocsSiteMutation();\n  const [fetchRevision] = useGetDocsRevisionLazyQuery({\n    fetchPolicy: 'network-only',\n  });\n\n  // Handlers\n  const handleCreateSite = async (\n    provider: 'DOCUSAURUS' | 'MKDOCS' | 'VITEPRESS' = 'DOCUSAURUS'\n  ) => {\n    try {\n      await createSiteMutation({\n        variables: {\n          input: {\n            ownerType: effectiveOwnerType as any,\n            ownerId: effectiveOwnerId,\n            name: 'Documentation',\n            provider: provider as any,\n          },\n        },\n        refetchQueries: ['GetDocsSite'],\n        awaitRefetchQueries: true,\n      });\n      setMode('edit');\n    } catch (err) {\n      if (isQuotaExhaustedError(err)) {\n        markQuotaHandledLocally();\n        setShowQuotaExhausted(true);\n        return;\n      }\n      throw err;\n    }\n  };\n\n  const handleSavePage = async (\n    id: string,\n    data: { title?: string; content?: string; slug?: string }\n  ) => {\n    await updatePageMutation({ variables: { id, input: data } });\n  };\n\n  const handleAddPage = async (parentId?: string, category?: string) => {\n    if (!site) return;\n    const pageCount = pages.length;\n    const slug = `page-${pageCount + 1}`;\n    await createPageMutation({\n      variables: {\n        input: {\n          siteId: site.id,\n          parentId: parentId || null,\n          slug,\n          title: `New Page ${pageCount + 1}`,\n          content: '# New Page\\n\\nStart writing here...',\n          status: 'DRAFT',\n          sidebarPosition: pageCount,\n          category: category || null,\n        },\n      },\n    });\n    await refetch();\n  };\n\n  const handleDeletePage = async (pageId: string) => {\n    if (!confirm('Delete this page?')) return;\n    await deletePageMutation({ variables: { id: pageId } });\n    await refetch();\n  };\n\n  const handleCompile = async () => {\n    if (!site) return;\n    setCompiling(true);\n    setCompileError(null);\n    try {\n      const result = await compileMutation({\n        variables: { siteId: site.id, publish: true },\n      });\n      if (result.error && isQuotaExhaustedError(result.error)) {\n        markQuotaHandledLocally();\n        setCompiling(false);\n        setShowCompileQuotaExhausted(true);\n        return;\n      }\n      if (result.data?.compileDocsSite) {\n        setCompileRevision(result.data.compileDocsSite as DocsRevision);\n      } else {\n        setCompiling(false);\n        setCompileError(\n          'Build could not be started — the server returned an empty response. Please try again.'\n        );\n      }\n    } catch (err) {\n      setCompiling(false);\n      if (isQuotaExhaustedError(err)) {\n        markQuotaHandledLocally();\n        setShowCompileQuotaExhausted(true);\n        return;\n      }\n      setCompileError(\n        err instanceof Error ? err.message : 'Failed to start the build. Please try again.'\n      );\n    }\n  };\n\n  const handlePollRevision = async (revisionId: string): Promise<DocsRevision | null> => {\n    const { data: revData } = await fetchRevision({ variables: { id: revisionId } });\n    const rev = revData?.docsRevision as DocsRevision | null;\n    if (rev) {\n      setCompileRevision(rev);\n      const done = ['SUCCEEDED', 'PUBLISHED', 'FAILED'].includes(rev.status);\n      if (done) {\n        setCompiling(false);\n        if (rev.status === 'PUBLISHED' || rev.status === 'SUCCEEDED') {\n          setSelectedPageSlug('');\n          await refetch();\n        }\n      }\n    }\n    return rev;\n  };\n\n  const handleSaveSettings = async (data: {\n    name?: string;\n    visibility?: 'PRIVATE' | 'PUBLIC';\n    provider?: 'DOCUSAURUS' | 'MKDOCS' | 'VITEPRESS';\n    providerConfig?: Record<string, unknown>;\n  }) => {\n    if (!site) return;\n    if (data.visibility && data.visibility !== site.visibility) {\n      await updateVisibilityMutation({ variables: { id: site.id, visibility: data.visibility } });\n    }\n    const rest = {\n      name: data.name,\n      provider: data.provider,\n      providerConfig: data.providerConfig,\n    };\n    if (Object.keys(rest).length > 0) {\n      await updateSiteMutation({ variables: { id: site.id, input: rest } });\n    }\n    await refetch();\n  };\n\n  const handleGetShareUrl = async (): Promise<string | null> => {\n    if (!site?.currentRevisionId) return null;\n    try {\n      const { data: urlData } = await generateSignedUrl({ variables: { siteId: site.id } });\n      return urlData?.generateDocsSignedUrl?.url ?? null;\n    } catch {\n      return null;\n    }\n  };\n\n  const handleRollback = async (revisionId: string) => {\n    if (!site) return;\n    if (!confirm('Roll back to this revision? The current published docs will be replaced.'))\n      return;\n    setRollingBack(revisionId);\n    try {\n      await rollbackRevision({ variables: { siteId: site.id, revisionId } });\n      await refetch();\n    } finally {\n      setRollingBack(null);\n    }\n  };\n\n  const handleDeleteSite = async () => {\n    if (!site) return;\n    if (!confirm('Delete this docs site and all its pages and revisions? This cannot be undone.'))\n      return;\n    await deleteSiteMutation({ variables: { id: site.id } });\n    await refetch();\n  };\n\n  // Loading / Error states\n  if (loading && !site) {\n    return (\n      <LoadingState message={tr('vibecontrols.docs.tab.loading', 'Loading documentation...')} />\n    );\n  }\n\n  if (error && !site) {\n    return (\n      <ErrorState\n        title={tr('vibecontrols.docs.tab.loadFailed', 'Failed to load docs')}\n        message={error.message}\n        onRetry={() => refetch()}\n      />\n    );\n  }\n\n  // No site yet\n  if (!site) {\n    return (\n      <>\n        <DocsEmptyState onCreate={handleCreateSite} loading={creating} />\n        <QuotaExhaustedDialog\n          isOpen={showQuotaExhausted}\n          onClose={() => setShowQuotaExhausted(false)}\n          onConfirm={() => {\n            setShowQuotaExhausted(false);\n            navigate('/billing/plans');\n          }}\n          title=\"Docs Site Quota Reached\"\n          message=\"You have reached the documentation site limit for your current plan. Upgrade to create more docs sites.\"\n        />\n      </>\n    );\n  }\n\n  const compileErrorBanner = compileError ? (\n    <div className=\"flex items-center gap-2 px-4 py-2 mb-2 bg-status-error-bg text-status-error-text text-sm rounded-md\">\n      <AlertCircle className=\"size-4 shrink-0\" />\n      <span className=\"flex-1\">{compileError}</span>\n      <button\n        type=\"button\"\n        onClick={() => setCompileError(null)}\n        className=\"p-0.5 hover:opacity-70\"\n      >\n        <X className=\"size-3.5\" />\n      </button>\n    </div>\n  ) : null;\n\n  const compileQuotaDialog = (\n    <QuotaExhaustedDialog\n      isOpen={showCompileQuotaExhausted}\n      onClose={() => setShowCompileQuotaExhausted(false)}\n      onConfirm={() => {\n        setShowCompileQuotaExhausted(false);\n        navigate('/billing/plans');\n      }}\n      title={getQuotaDialogContent('docs-compilation').title}\n      message={getQuotaDialogContent('docs-compilation').message}\n    />\n  );\n\n  // Edit mode\n  if (mode === 'edit') {\n    return (\n      <>\n        {compileErrorBanner}\n        {compileQuotaDialog}\n        <DocsEditPanel\n          site={site}\n          pages={pages}\n          onBack={() => setMode('preview')}\n          onSavePage={handleSavePage}\n          onAddPage={handleAddPage}\n          pageAdding={pageAdding}\n          onDeletePage={handleDeletePage}\n          onCompile={handleCompile}\n          onSaveSettings={handleSaveSettings}\n          onRollback={handleRollback}\n          onDeleteSite={handleDeleteSite}\n          rollingBack={rollingBack}\n          compileRevision={compileRevision}\n          onPollRevision={handlePollRevision}\n          compiling={compiling}\n        />\n      </>\n    );\n  }\n\n  // Preview mode\n  return (\n    <>\n      {compileErrorBanner}\n      {compileQuotaDialog}\n      <DocsPreviewPanel\n        site={site}\n        pages={pages}\n        selectedPageSlug={selectedPageSlug}\n        onSelectPage={setSelectedPageSlug}\n        docsBaseUrl={site.currentRevisionId ? (docsBaseUrl ?? null) : null}\n        docsHtml={site.currentRevisionId ? docsHtml : null}\n        docsContentLoading={docsContentLoading}\n        onEdit={() => setMode('edit')}\n        onCompile={handleCompile}\n        onSettings={() => setMode('edit')}\n        onGetShareUrl={handleGetShareUrl}\n        onOpenFullScreen={() => {\n          const pathMap: Record<string, string> = {\n            VIBE: 'vibes',\n            CATALOG: 'catalogs',\n            COMPONENT: 'components',\n          };\n          const segment = pathMap[effectiveOwnerType] || 'vibes';\n          navigate(`/${segment}/${effectiveOwnerId}/docs`);\n        }}\n        compileRevision={compileRevision}\n        onPollRevision={handlePollRevision}\n        compiling={compiling}\n      />\n      <QuotaExhaustedDialog\n        isOpen={showQuotaExhausted}\n        onClose={() => setShowQuotaExhausted(false)}\n        onConfirm={() => {\n          setShowQuotaExhausted(false);\n          navigate('/billing/plans');\n        }}\n        title=\"Docs Site Quota Reached\"\n        message=\"You have reached the documentation site limit for your current plan. Upgrade to create more docs sites.\"\n      />\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DocsTabPanel.js","names":[],"sources":["../../../src/components/docs/DocsTabPanel.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport { AlertCircle, X } from 'lucide-react';\nimport { LoadingState, ErrorState, QuotaExhaustedDialog } from '@/components/shared';\nimport { useVibeNavigate } from '@/providers/VibeControlsProvider';\nimport { resolveGatewayUrls } from '@burdenoff/fe-libs/shared/config';\nimport { DocsEmptyState } from './DocsEmptyState';\nimport { DocsPreviewPanel } from './DocsPreviewPanel';\nimport { DocsEditPanel } from './DocsEditPanel';\nimport type { DocsSite, DocsRevision } from './types';\nimport {\n  isQuotaExhaustedError,\n  markQuotaHandledLocally,\n  getQuotaDialogContent,\n} from '@/utils/quotaUtils';\nimport { useTr } from '../../shared/hooks/useTr';\nimport {\n  useGetDocsSiteQuery,\n  useCreateDocsSiteMutation,\n  useUpdateDocsSiteMutation,\n  useUpdateDocsSiteVisibilityMutation,\n  useCreateDocsPageMutation,\n  useUpdateDocsPageMutation,\n  useDeleteDocsPageMutation,\n  useCompileDocsSiteMutation,\n  useDocsContentQuery,\n  useGetDocsRevisionLazyQuery,\n  useGenerateDocsSignedUrlMutation,\n  useRollbackDocsRevisionMutation,\n  useDeleteDocsSiteMutation,\n} from '@/generated/wspace-operations';\n\ninterface DocsTabPanelProps {\n  vibeId?: string;\n  ownerType?: string;\n  ownerId?: string;\n}\n\nexport function DocsTabPanel({ vibeId, ownerType, ownerId }: DocsTabPanelProps) {\n  const tr = useTr();\n  const effectiveOwnerType = ownerType || 'VIBE';\n  const effectiveOwnerId = ownerId || vibeId || '';\n  const [mode, setMode] = useState<'preview' | 'edit'>('preview');\n  const [compileRevision, setCompileRevision] = useState<DocsRevision | null>(null);\n  const [compiling, setCompiling] = useState(false);\n  const [compileError, setCompileError] = useState<string | null>(null);\n  const [selectedPageSlug, setSelectedPageSlug] = useState('');\n  const [rollingBack, setRollingBack] = useState<string | null>(null);\n  const navigate = useVibeNavigate();\n  const [showQuotaExhausted, setShowQuotaExhausted] = useState(false);\n  const [showCompileQuotaExhausted, setShowCompileQuotaExhausted] = useState(false);\n\n  // Queries\n  const { data, loading, error, refetch } = useGetDocsSiteQuery({\n    variables: { ownerType: effectiveOwnerType as any, ownerId: effectiveOwnerId },\n    skip: !effectiveOwnerId,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const site = (data?.vibecontrolsDocsSiteByOwner ?? null) as DocsSite | null;\n  const pages = site?.pages || [];\n\n  const {\n    data: docsContentData,\n    loading: docsContentLoading,\n    refetch: refetchDocsContent,\n  } = useDocsContentQuery({\n    variables: { siteId: site?.id || '', path: selectedPageSlug },\n    skip: !site?.id || !site.currentRevisionId,\n    fetchPolicy: 'network-only',\n  });\n  const docsHtml = docsContentData?.docsContent?.html ?? null;\n\n  // Re-fetch docs content whenever currentRevisionId changes (compile finished or first publish).\n  // This runs post-render so skip:false is guaranteed — imperative calls during async handlers\n  // are no-ops when skip is still true in the closure.\n  const prevRevisionIdRef = useRef<string | null | undefined>(undefined);\n  useEffect(() => {\n    const currentId = site?.currentRevisionId ?? null;\n    if (prevRevisionIdRef.current === undefined) {\n      prevRevisionIdRef.current = currentId;\n      return;\n    }\n    if (currentId && currentId !== prevRevisionIdRef.current) {\n      prevRevisionIdRef.current = currentId;\n      refetchDocsContent();\n    }\n  }, [site?.currentRevisionId]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  // Compute gateway docs URL for iframe src (workspaceId prefix for isolation)\n  const gatewayUrls = resolveGatewayUrls();\n  const docsBaseUrl = site?.workspaceId\n    ? `${gatewayUrls.workspaceBaseUrl}/workspaces/static/${site.workspaceId}/docs/${effectiveOwnerId}/`\n    : null;\n\n  // Mutations\n  const [createSiteMutation, { loading: creating }] = useCreateDocsSiteMutation();\n  const [updateSiteMutation] = useUpdateDocsSiteMutation();\n  const [updateVisibilityMutation] = useUpdateDocsSiteVisibilityMutation();\n  const [createPageMutation, { loading: pageAdding }] = useCreateDocsPageMutation();\n  const [updatePageMutation] = useUpdateDocsPageMutation();\n  const [deletePageMutation] = useDeleteDocsPageMutation();\n  const [compileMutation] = useCompileDocsSiteMutation();\n  const [generateSignedUrl] = useGenerateDocsSignedUrlMutation();\n  const [rollbackRevision] = useRollbackDocsRevisionMutation();\n  const [deleteSiteMutation] = useDeleteDocsSiteMutation();\n  const [fetchRevision] = useGetDocsRevisionLazyQuery({\n    fetchPolicy: 'network-only',\n  });\n\n  // Handlers\n  const handleCreateSite = async (\n    provider: 'DOCUSAURUS' | 'MKDOCS' | 'VITEPRESS' = 'DOCUSAURUS'\n  ) => {\n    try {\n      await createSiteMutation({\n        variables: {\n          input: {\n            ownerType: effectiveOwnerType as any,\n            ownerId: effectiveOwnerId,\n            name: 'Documentation',\n            provider: provider as any,\n          },\n        },\n        refetchQueries: ['GetDocsSite'],\n        awaitRefetchQueries: true,\n      });\n      setMode('edit');\n    } catch (err) {\n      if (isQuotaExhaustedError(err)) {\n        markQuotaHandledLocally();\n        setShowQuotaExhausted(true);\n        return;\n      }\n      throw err;\n    }\n  };\n\n  const handleSavePage = async (\n    id: string,\n    data: { title?: string; content?: string; slug?: string }\n  ) => {\n    await updatePageMutation({\n      variables: { id, input: data },\n      context: { autoRefreshAfterMutation: false },\n    });\n  };\n\n  const handleAddPage = async (parentId?: string, category?: string) => {\n    if (!site) return;\n    const pageCount = pages.length;\n    const slug = `page-${pageCount + 1}`;\n    await createPageMutation({\n      variables: {\n        input: {\n          siteId: site.id,\n          parentId: parentId || null,\n          slug,\n          title: `New Page ${pageCount + 1}`,\n          content: '# New Page\\n\\nStart writing here...',\n          status: 'DRAFT',\n          sidebarPosition: pageCount,\n          category: category || null,\n        },\n      },\n    });\n    await refetch();\n  };\n\n  const handleDeletePage = async (pageId: string) => {\n    if (!confirm('Delete this page?')) return;\n    await deletePageMutation({ variables: { id: pageId } });\n    await refetch();\n  };\n\n  const handleCompile = async () => {\n    if (!site) return;\n    setCompiling(true);\n    setCompileError(null);\n    try {\n      const result = await compileMutation({\n        variables: { siteId: site.id, publish: true },\n      });\n      if (result.error && isQuotaExhaustedError(result.error)) {\n        markQuotaHandledLocally();\n        setCompiling(false);\n        setShowCompileQuotaExhausted(true);\n        return;\n      }\n      if (result.data?.compileDocsSite) {\n        setCompileRevision(result.data.compileDocsSite as DocsRevision);\n      } else {\n        setCompiling(false);\n        setCompileError(\n          'Build could not be started — the server returned an empty response. Please try again.'\n        );\n      }\n    } catch (err) {\n      setCompiling(false);\n      if (isQuotaExhaustedError(err)) {\n        markQuotaHandledLocally();\n        setShowCompileQuotaExhausted(true);\n        return;\n      }\n      setCompileError(\n        err instanceof Error ? err.message : 'Failed to start the build. Please try again.'\n      );\n    }\n  };\n\n  const handlePollRevision = async (revisionId: string): Promise<DocsRevision | null> => {\n    const { data: revData } = await fetchRevision({ variables: { id: revisionId } });\n    const rev = revData?.docsRevision as DocsRevision | null;\n    if (rev) {\n      setCompileRevision(rev);\n      const done = ['SUCCEEDED', 'PUBLISHED', 'FAILED'].includes(rev.status);\n      if (done) {\n        setCompiling(false);\n        if (rev.status === 'PUBLISHED' || rev.status === 'SUCCEEDED') {\n          setSelectedPageSlug('');\n          await refetch();\n        }\n      }\n    }\n    return rev;\n  };\n\n  const handleSaveSettings = async (data: {\n    name?: string;\n    visibility?: 'PRIVATE' | 'PUBLIC';\n    provider?: 'DOCUSAURUS' | 'MKDOCS' | 'VITEPRESS';\n    providerConfig?: Record<string, unknown>;\n  }) => {\n    if (!site) return;\n    if (data.visibility && data.visibility !== site.visibility) {\n      await updateVisibilityMutation({ variables: { id: site.id, visibility: data.visibility } });\n    }\n    const rest = {\n      name: data.name,\n      provider: data.provider,\n      providerConfig: data.providerConfig,\n    };\n    if (Object.keys(rest).length > 0) {\n      await updateSiteMutation({ variables: { id: site.id, input: rest } });\n    }\n    await refetch();\n  };\n\n  const handleGetShareUrl = async (): Promise<string | null> => {\n    if (!site?.currentRevisionId) return null;\n    try {\n      const { data: urlData } = await generateSignedUrl({ variables: { siteId: site.id } });\n      return urlData?.generateDocsSignedUrl?.url ?? null;\n    } catch {\n      return null;\n    }\n  };\n\n  const handleRollback = async (revisionId: string) => {\n    if (!site) return;\n    if (!confirm('Roll back to this revision? The current published docs will be replaced.'))\n      return;\n    setRollingBack(revisionId);\n    try {\n      await rollbackRevision({ variables: { siteId: site.id, revisionId } });\n      await refetch();\n    } finally {\n      setRollingBack(null);\n    }\n  };\n\n  const handleDeleteSite = async () => {\n    if (!site) return;\n    if (!confirm('Delete this docs site and all its pages and revisions? This cannot be undone.'))\n      return;\n    await deleteSiteMutation({ variables: { id: site.id } });\n    await refetch();\n  };\n\n  // Loading / Error states\n  if (loading && !site) {\n    return (\n      <LoadingState message={tr('vibecontrols.docs.tab.loading', 'Loading documentation...')} />\n    );\n  }\n\n  if (error && !site) {\n    return (\n      <ErrorState\n        title={tr('vibecontrols.docs.tab.loadFailed', 'Failed to load docs')}\n        message={error.message}\n        onRetry={() => refetch()}\n      />\n    );\n  }\n\n  // No site yet\n  if (!site) {\n    return (\n      <>\n        <DocsEmptyState onCreate={handleCreateSite} loading={creating} />\n        <QuotaExhaustedDialog\n          isOpen={showQuotaExhausted}\n          onClose={() => setShowQuotaExhausted(false)}\n          onConfirm={() => {\n            setShowQuotaExhausted(false);\n            navigate('/billing/plans');\n          }}\n          title=\"Docs Site Quota Reached\"\n          message=\"You have reached the documentation site limit for your current plan. Upgrade to create more docs sites.\"\n        />\n      </>\n    );\n  }\n\n  const compileErrorBanner = compileError ? (\n    <div className=\"flex items-center gap-2 px-4 py-2 mb-2 bg-status-error-bg text-status-error-text text-sm rounded-md\">\n      <AlertCircle className=\"size-4 shrink-0\" />\n      <span className=\"flex-1\">{compileError}</span>\n      <button\n        type=\"button\"\n        onClick={() => setCompileError(null)}\n        className=\"p-0.5 hover:opacity-70\"\n      >\n        <X className=\"size-3.5\" />\n      </button>\n    </div>\n  ) : null;\n\n  const compileQuotaDialog = (\n    <QuotaExhaustedDialog\n      isOpen={showCompileQuotaExhausted}\n      onClose={() => setShowCompileQuotaExhausted(false)}\n      onConfirm={() => {\n        setShowCompileQuotaExhausted(false);\n        navigate('/billing/plans');\n      }}\n      title={getQuotaDialogContent('docs-compilation').title}\n      message={getQuotaDialogContent('docs-compilation').message}\n    />\n  );\n\n  // Edit mode\n  if (mode === 'edit') {\n    return (\n      <>\n        {compileErrorBanner}\n        {compileQuotaDialog}\n        <DocsEditPanel\n          site={site}\n          pages={pages}\n          onBack={() => setMode('preview')}\n          onSavePage={handleSavePage}\n          onAddPage={handleAddPage}\n          pageAdding={pageAdding}\n          onDeletePage={handleDeletePage}\n          onCompile={handleCompile}\n          onSaveSettings={handleSaveSettings}\n          onRollback={handleRollback}\n          onDeleteSite={handleDeleteSite}\n          rollingBack={rollingBack}\n          compileRevision={compileRevision}\n          onPollRevision={handlePollRevision}\n          compiling={compiling}\n        />\n      </>\n    );\n  }\n\n  // Preview mode\n  return (\n    <>\n      {compileErrorBanner}\n      {compileQuotaDialog}\n      <DocsPreviewPanel\n        site={site}\n        pages={pages}\n        selectedPageSlug={selectedPageSlug}\n        onSelectPage={setSelectedPageSlug}\n        docsBaseUrl={site.currentRevisionId ? (docsBaseUrl ?? null) : null}\n        docsHtml={site.currentRevisionId ? docsHtml : null}\n        docsContentLoading={docsContentLoading}\n        onEdit={() => setMode('edit')}\n        onCompile={handleCompile}\n        onSettings={() => setMode('edit')}\n        onGetShareUrl={handleGetShareUrl}\n        onOpenFullScreen={() => {\n          const pathMap: Record<string, string> = {\n            VIBE: 'vibes',\n            CATALOG: 'catalogs',\n            COMPONENT: 'components',\n          };\n          const segment = pathMap[effectiveOwnerType] || 'vibes';\n          navigate(`/${segment}/${effectiveOwnerId}/docs`);\n        }}\n        compileRevision={compileRevision}\n        onPollRevision={handlePollRevision}\n        compiling={compiling}\n      />\n      <QuotaExhaustedDialog\n        isOpen={showQuotaExhausted}\n        onClose={() => setShowQuotaExhausted(false)}\n        onConfirm={() => {\n          setShowQuotaExhausted(false);\n          navigate('/billing/plans');\n        }}\n        title=\"Docs Site Quota Reached\"\n        message=\"You have reached the documentation site limit for your current plan. Upgrade to create more docs sites.\"\n      />\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAqCA,SAAgB,EAAa,EAAE,WAAQ,eAAW,eAA8B;CAC9E,IAAM,IAAK,IAAO,EACZ,IAAqB,MAAa,QAClC,IAAmB,MAAW,KAAU,IACxC,CAAC,IAAM,KAAW,EAA6B,UAAU,EACzD,CAAC,GAAiB,KAAsB,EAA8B,KAAK,EAC3E,CAAC,GAAW,KAAgB,EAAS,GAAM,EAC3C,CAAC,GAAc,KAAmB,EAAwB,KAAK,EAC/D,CAAC,GAAkB,KAAuB,EAAS,GAAG,EACtD,CAAC,GAAa,KAAkB,EAAwB,KAAK,EAC7D,IAAW,GAAiB,EAC5B,CAAC,GAAoB,KAAyB,EAAS,GAAM,EAC7D,CAAC,GAA2B,KAAgC,EAAS,GAAM,EAG3E,EAAE,UAAM,aAAS,UAAO,eAAY,EAAoB;EAC5D,WAAW;GAAE,WAAW;GAA2B,SAAS;GAAkB;EAC9E,MAAM,CAAC;EACP,aAAa;EACd,CAAC,EAEI,IAAQ,IAAM,+BAA+B,MAC7C,IAAQ,GAAM,SAAS,EAAE,EAEzB,EACJ,MAAM,IACN,SAAS,IACT,SAAS,OACP,GAAoB;EACtB,WAAW;GAAE,QAAQ,GAAM,MAAM;GAAI,MAAM;GAAkB;EAC7D,MAAM,CAAC,GAAM,MAAM,CAAC,EAAK;EACzB,aAAa;EACd,CAAC,EACI,KAAW,IAAiB,aAAa,QAAQ,MAKjD,IAAoB,EAAkC,KAAA,EAAU;AACtE,SAAgB;EACd,IAAM,IAAY,GAAM,qBAAqB;AAC7C,MAAI,EAAkB,YAAY,KAAA,GAAW;AAC3C,KAAkB,UAAU;AAC5B;;AAEF,EAAI,KAAa,MAAc,EAAkB,YAC/C,EAAkB,UAAU,GAC5B,IAAoB;IAErB,CAAC,GAAM,kBAAkB,CAAC;CAG7B,IAAM,KAAc,IAAoB,EAClC,KAAc,GAAM,cACtB,GAAG,GAAY,iBAAiB,qBAAqB,EAAK,YAAY,QAAQ,EAAiB,KAC/F,MAGE,CAAC,IAAoB,EAAE,SAAS,QAAc,GAA2B,EACzE,CAAC,MAAsB,IAA2B,EAClD,CAAC,MAA4B,IAAqC,EAClE,CAAC,IAAoB,EAAE,SAAS,QAAgB,GAA2B,EAC3E,CAAC,MAAsB,IAA2B,EAClD,CAAC,MAAsB,GAA2B,EAClD,CAAC,MAAmB,GAA4B,EAChD,CAAC,MAAqB,IAAkC,EACxD,CAAC,MAAoB,IAAiC,EACtD,CAAC,MAAsB,IAA2B,EAClD,CAAC,KAAiB,EAA4B,EAClD,aAAa,gBACd,CAAC,EAGI,KAAmB,OACvB,IAAkD,iBAC/C;AACH,MAAI;AAaF,GAZA,MAAM,GAAmB;IACvB,WAAW,EACT,OAAO;KACL,WAAW;KACX,SAAS;KACT,MAAM;KACI;KACX,EACF;IACD,gBAAgB,CAAC,cAAc;IAC/B,qBAAqB;IACtB,CAAC,EACF,EAAQ,OAAO;WACR,GAAK;AACZ,OAAI,EAAsB,EAAI,EAAE;AAE9B,IADA,GAAyB,EACzB,EAAsB,GAAK;AAC3B;;AAEF,SAAM;;IAIJ,KAAiB,OACrB,GACA,MACG;AACH,QAAM,GAAmB;GACvB,WAAW;IAAE;IAAI,OAAO;IAAM;GAC9B,SAAS,EAAE,0BAA0B,IAAO;GAC7C,CAAC;IAGE,KAAgB,OAAO,GAAmB,MAAsB;AACpE,MAAI,CAAC,EAAM;EACX,IAAM,IAAY,EAAM,QAClB,IAAO,QAAQ,IAAY;AAejC,EAdA,MAAM,GAAmB,EACvB,WAAW,EACT,OAAO;GACL,QAAQ,EAAK;GACb,UAAU,KAAY;GACtB;GACA,OAAO,YAAY,IAAY;GAC/B,SAAS;GACT,QAAQ;GACR,iBAAiB;GACjB,UAAU,KAAY;GACvB,EACF,EACF,CAAC,EACF,MAAM,GAAS;IAGX,KAAmB,OAAO,MAAmB;AAC5C,UAAQ,oBAAoB,KACjC,MAAM,GAAmB,EAAE,WAAW,EAAE,IAAI,GAAQ,EAAE,CAAC,EACvD,MAAM,GAAS;IAGX,IAAgB,YAAY;AAC3B,SAEL;GADA,EAAa,GAAK,EAClB,EAAgB,KAAK;AACrB,OAAI;IACF,IAAM,IAAS,MAAM,GAAgB,EACnC,WAAW;KAAE,QAAQ,EAAK;KAAI,SAAS;KAAM,EAC9C,CAAC;AACF,QAAI,EAAO,SAAS,EAAsB,EAAO,MAAM,EAAE;AAGvD,KAFA,GAAyB,EACzB,EAAa,GAAM,EACnB,EAA6B,GAAK;AAClC;;AAEF,IAAI,EAAO,MAAM,kBACf,EAAmB,EAAO,KAAK,gBAAgC,IAE/D,EAAa,GAAM,EACnB,EACE,wFACD;YAEI,GAAK;AAEZ,QADA,EAAa,GAAM,EACf,EAAsB,EAAI,EAAE;AAE9B,KADA,GAAyB,EACzB,EAA6B,GAAK;AAClC;;AAEF,MACE,aAAe,QAAQ,EAAI,UAAU,+CACtC;;;IAIC,IAAqB,OAAO,MAAqD;EACrF,IAAM,EAAE,MAAM,MAAY,MAAM,EAAc,EAAE,WAAW,EAAE,IAAI,GAAY,EAAE,CAAC,EAC1E,IAAM,GAAS;AAYrB,SAXI,MACF,EAAmB,EAAI,EACV;GAAC;GAAa;GAAa;GAAS,CAAC,SAAS,EAAI,OAAO,KAEpE,EAAa,GAAM,GACf,EAAI,WAAW,eAAe,EAAI,WAAW,iBAC/C,EAAoB,GAAG,EACvB,MAAM,GAAS,KAId;IAGH,KAAqB,OAAO,MAK5B;AACJ,MAAI,CAAC,EAAM;AACX,EAAI,EAAK,cAAc,EAAK,eAAe,EAAK,cAC9C,MAAM,GAAyB,EAAE,WAAW;GAAE,IAAI,EAAK;GAAI,YAAY,EAAK;GAAY,EAAE,CAAC;EAE7F,IAAM,IAAO;GACX,MAAM,EAAK;GACX,UAAU,EAAK;GACf,gBAAgB,EAAK;GACtB;AAID,EAHI,OAAO,KAAK,EAAK,CAAC,SAAS,KAC7B,MAAM,GAAmB,EAAE,WAAW;GAAE,IAAI,EAAK;GAAI,OAAO;GAAM,EAAE,CAAC,EAEvE,MAAM,GAAS;IAGX,KAAoB,YAAoC;AAC5D,MAAI,CAAC,GAAM,kBAAmB,QAAO;AACrC,MAAI;GACF,IAAM,EAAE,MAAM,MAAY,MAAM,GAAkB,EAAE,WAAW,EAAE,QAAQ,EAAK,IAAI,EAAE,CAAC;AACrF,UAAO,GAAS,uBAAuB,OAAO;UACxC;AACN,UAAO;;IAIL,KAAiB,OAAO,MAAuB;AAC9C,WACA,QAAQ,2EAA2E,EAExF;KAAe,EAAW;AAC1B,OAAI;AAEF,IADA,MAAM,GAAiB,EAAE,WAAW;KAAE,QAAQ,EAAK;KAAI;KAAY,EAAE,CAAC,EACtE,MAAM,GAAS;aACP;AACR,MAAe,KAAK;;;IAIlB,KAAmB,YAAY;AAC9B,OACA,QAAQ,gFAAgF,KAE7F,MAAM,GAAmB,EAAE,WAAW,EAAE,IAAI,EAAK,IAAI,EAAE,CAAC,EACxD,MAAM,GAAS;;AAIjB,KAAI,MAAW,CAAC,EACd,QACE,kBAAC,GAAD,EAAc,SAAS,EAAG,iCAAiC,2BAA2B,EAAI,CAAA;AAI9F,KAAI,KAAS,CAAC,EACZ,QACE,kBAAC,GAAD;EACE,OAAO,EAAG,oCAAoC,sBAAsB;EACpE,SAAS,EAAM;EACf,eAAe,GAAS;EACxB,CAAA;AAKN,KAAI,CAAC,EACH,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAgB,UAAU;EAAkB,SAAS;EAAY,CAAA,EACjE,kBAAC,GAAD;EACE,QAAQ;EACR,eAAe,EAAsB,GAAM;EAC3C,iBAAiB;AAEf,GADA,EAAsB,GAAM,EAC5B,EAAS,iBAAiB;;EAE5B,OAAM;EACN,SAAQ;EACR,CAAA,CACD,EAAA,CAAA;CAIP,IAAM,IAAqB,IACzB,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD,EAAa,WAAU,mBAAoB,CAAA;GAC3C,kBAAC,QAAD;IAAM,WAAU;cAAU;IAAoB,CAAA;GAC9C,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAgB,KAAK;IACpC,WAAU;cAEV,kBAAC,GAAD,EAAG,WAAU,YAAa,CAAA;IACnB,CAAA;GACL;MACJ,MAEE,IACJ,kBAAC,GAAD;EACE,QAAQ;EACR,eAAe,EAA6B,GAAM;EAClD,iBAAiB;AAEf,GADA,EAA6B,GAAM,EACnC,EAAS,iBAAiB;;EAE5B,OAAO,EAAsB,mBAAmB,CAAC;EACjD,SAAS,EAAsB,mBAAmB,CAAC;EACnD,CAAA;AA+BJ,QA3BI,OAAS,SAET,kBAAA,GAAA,EAAA,UAAA;EACG;EACA;EACD,kBAAC,GAAD;GACQ;GACC;GACP,cAAc,EAAQ,UAAU;GAChC,YAAY;GACZ,WAAW;GACC;GACZ,cAAc;GACd,WAAW;GACX,gBAAgB;GAChB,YAAY;GACZ,cAAc;GACD;GACI;GACjB,gBAAgB;GACL;GACX,CAAA;EACD,EAAA,CAAA,GAML,kBAAA,GAAA,EAAA,UAAA;EACG;EACA;EACD,kBAAC,GAAD;GACQ;GACC;GACW;GAClB,cAAc;GACd,aAAa,EAAK,oBAAqB,MAAe,OAAQ;GAC9D,UAAU,EAAK,oBAAoB,KAAW;GAC1B;GACpB,cAAc,EAAQ,OAAO;GAC7B,WAAW;GACX,kBAAkB,EAAQ,OAAO;GACjC,eAAe;GACf,wBAAwB;AAOtB,MAAS,IAN+B;KACtC,MAAM;KACN,SAAS;KACT,WAAW;KACZ,CACuB,MAAuB,QAC1B,GAAG,EAAiB,OAAO;;GAEjC;GACjB,gBAAgB;GACL;GACX,CAAA;EACF,kBAAC,GAAD;GACE,QAAQ;GACR,eAAe,EAAsB,GAAM;GAC3C,iBAAiB;AAEf,IADA,EAAsB,GAAM,EAC5B,EAAS,iBAAiB;;GAE5B,OAAM;GACN,SAAQ;GACR,CAAA;EACD,EAAA,CAAA"}

package/dist/pages/VibesPage.js

@@ -137,18 +137,18 @@ function m() {
 			(await mt({ variables: {
 				id: e.id,
 				status: "ACTIVE"
-			} })).data?.updateVibeStatus && m?.({
+			} })).data?.updateVibeStatus && (m?.({
 				id: e.id,
 				name: e.name,
 				type: e.type,
 				status: "ACTIVE"
-			});
+			}), await H());
 		} catch (e) {
 			console.error("Failed to activate vibe:", e);
 		}
 	}, Dt = async (e) => {
 		try {
-			await ht({ variables: { id: e.id } });
+			await ht({ variables: { id: e.id } }), await H();
 		} catch (e) {
 			console.error("Failed to archive vibe:", e);
 		}