@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/pages/ai/AgentManagerPage.js

@@ -0,0 +1,159 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { useVibeNavigate as t } from "../../providers/VibeControlsProvider.js";
+import { useVibeControlsStore as n } from "../../store/vibeControlsStore.js";
+import r from "../../hooks/useCachedInitialData.js";
+import { LoadingState as i } from "../../components/shared/LoadingState.js";
+import { ErrorState as a } from "../../components/shared/ErrorState.js";
+import { isNative as o, nativeNotify as s } from "../../utils/nativeBridge.js";
+import { EmptyState as c } from "../../components/shared/EmptyState.js";
+import { usePluginAvailability as l } from "../../hooks/usePluginAvailability.js";
+import { AI_CORE_PACKAGE as u, AI_PROVIDER_PACKAGES as d } from "../../constants/pluginCatalog.js";
+import { PluginGate as f } from "../../components/shared/PluginGate.js";
+import { RequireAgentReachable as p } from "../../components/shared/RequireAgentReachable.js";
+import { AgentSelector as m } from "../../components/shared/AgentSelector.js";
+import "../../components/shared/index.js";
+import { bulkDeleteSessions as h, terminateSession as g } from "../../services/aiApi.js";
+import { ClaudeCredentialsCard as _ } from "../../components/ai/ClaudeCredentialsCard.js";
+import { BridleConfigPanel as v } from "../../components/agent-manager/BridleConfigPanel.js";
+import { useAgentManagerStore as y } from "../../store/agentManagerStore.js";
+import { useAgentManagerKeyboard as b } from "../../hooks/useAgentManagerKeyboard.js";
+import { AgentManagerLayout as x } from "../../components/agent-manager/AgentManagerLayout.js";
+import { AgentManagerSidebar as S } from "../../components/agent-manager/AgentManagerSidebar.js";
+import { AgentManagerCenter as C } from "../../components/agent-manager/AgentManagerCenter.js";
+import { AgentManagerDetailPanel as w } from "../../components/agent-manager/AgentManagerDetailPanel.js";
+import { Suspense as T, useCallback as E, useEffect as D, useMemo as O } from "react";
+import { MessagesSquare as k } from "lucide-react";
+import { useParams as A } from "react-router-dom";
+import { jsx as j, jsxs as M } from "react/jsx-runtime";
+import { MotionPage as N } from "@burdenoff/fe-libs/shared/motion";
+//#region src/pages/ai/AgentManagerPage.tsx
+function P() {
+	let { tab: P, sessionId: F } = A(), I = e(), L = t(), { agents: R, loading: z, error: B } = r(), V = n((e) => e.activeAgentId), H = O(() => {
+		if (V) {
+			let e = R.find((e) => e.id === V);
+			if (e) return e;
+		}
+		return R.find((e) => e.isActive && e.tunnelUrl && e.agentApiKey) ?? null;
+	}, [R, V])?.id ?? "", U = y((e) => e.openSession), W = y((e) => e.activeTabSessionId), { initialLoading: G } = l(O(() => [u, ...d], []), H || null);
+	D(() => {
+		F && H && U(F, `Session ${F.slice(0, 8)}`);
+	}, [
+		F,
+		H,
+		U
+	]);
+	let K = E(async (e) => {
+		if (H) try {
+			await g(H, e), o() && s("success");
+		} catch {
+			o() && s("error");
+		}
+	}, [H]), q = E(async (e) => {
+		if (H) try {
+			await h(H, e), o() && s("success");
+		} catch {
+			o() && s("error");
+		}
+	}, [H]);
+	return b(), z || H && G ? /* @__PURE__ */ j(N, {
+		className: "flex items-center justify-center h-full bg-bg-surface",
+		children: /* @__PURE__ */ j(i, { message: I("vibecontrols.pages.ai.detectingAgent", "Detecting agent and plugin availability…") })
+	}) : B ? /* @__PURE__ */ j(N, {
+		className: "flex items-center justify-center h-full bg-bg-surface",
+		children: /* @__PURE__ */ j(a, {
+			title: "Failed to load agents",
+			message: B.message
+		})
+	}) : R.length === 0 ? /* @__PURE__ */ j(N, {
+		className: "flex items-center justify-center h-full bg-bg-surface p-8",
+		children: /* @__PURE__ */ j(c, {
+			icon: /* @__PURE__ */ j(k, { className: "w-8 h-8 text-text-secondary" }),
+			title: I("vibecontrols.pages.ai.noActiveAgentAvailable", "No agents available"),
+			description: I("vibecontrols.pages.ai.agentManagerRequiresAgent", "The Agent Manager needs at least one vibecontrols agent. Add one or start an existing one."),
+			action: /* @__PURE__ */ j("button", {
+				onClick: () => L("/agents"),
+				className: "px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors text-sm",
+				children: I("vibecontrols.pages.ai.goToAgents", "Go to Agents")
+			})
+		})
+	}) : P === "config" ? /* @__PURE__ */ M(N, {
+		className: "flex flex-col h-[calc(100vh-6.5rem)] bg-bg-surface overflow-hidden",
+		children: [/* @__PURE__ */ M("div", {
+			className: "flex items-center justify-between gap-3 border-b border-border-default px-4 sm:px-6 py-3",
+			children: [/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+				className: "text-xs uppercase tracking-wide text-text-secondary",
+				children: I("vibecontrols.pages.ai.contextLabel", "Active context")
+			}), /* @__PURE__ */ j("h2", {
+				className: "text-sm font-semibold text-text-primary mt-0.5",
+				children: I("vibecontrols.pages.ai.configHeading", "AI configuration")
+			})] }), /* @__PURE__ */ j(m, {
+				label: I("vibecontrols.pages.ai.agentSelectorLabel", "Agent"),
+				compact: !0
+			})]
+		}), /* @__PURE__ */ j("div", {
+			className: "flex-1 overflow-auto p-4 sm:p-6 space-y-6",
+			children: /* @__PURE__ */ M(p, {
+				agentId: H || null,
+				children: [/* @__PURE__ */ j(_, { agentId: H }), /* @__PURE__ */ j(v, { agentId: H })]
+			})
+		})]
+	}) : /* @__PURE__ */ M(N, {
+		className: "flex flex-col h-[calc(100vh-6.5rem)] bg-bg-surface overflow-hidden",
+		children: [/* @__PURE__ */ M("div", {
+			className: "flex items-center justify-between gap-3 border-b border-border-default px-4 sm:px-6 py-3",
+			children: [/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+				className: "text-xs uppercase tracking-wide text-text-secondary",
+				children: I("vibecontrols.pages.ai.contextLabel", "Active context")
+			}), /* @__PURE__ */ j("h2", {
+				className: "text-sm font-semibold text-text-primary mt-0.5",
+				children: I("vibecontrols.pages.ai.contextHeading", "AI workbench")
+			})] }), /* @__PURE__ */ j(m, {
+				label: I("vibecontrols.pages.ai.agentSelectorLabel", "Agent"),
+				compact: !0
+			})]
+		}), /* @__PURE__ */ j("div", {
+			className: "flex-1 min-h-0 overflow-auto p-4 sm:p-6 lg:p-0",
+			children: /* @__PURE__ */ j(p, {
+				agentId: H || null,
+				children: /* @__PURE__ */ j(f, {
+					agentId: H || null,
+					requirements: [{
+						packages: [u],
+						mode: "all",
+						eyebrow: I("vibecontrols.pages.ai.pluginRequiredEyebrow", "AI plugin required"),
+						title: I("vibecontrols.pages.ai.coreTitle", "Install the AI orchestrator"),
+						description: I("vibecontrols.pages.ai.coreDescription", "The AI page routes prompts and sessions through the AI orchestrator plugin on your agent. Install it to continue.")
+					}, {
+						packages: d,
+						mode: "any",
+						eyebrow: I("vibecontrols.pages.ai.providerEyebrow", "AI provider required"),
+						title: I("vibecontrols.pages.ai.providerTitle", "Install at least one AI provider"),
+						description: I("vibecontrols.pages.ai.providerDescription", "Pick the AI harness you want to use. You can install more providers later from the Plugins tab on your agent.")
+					}],
+					children: /* @__PURE__ */ j(T, {
+						fallback: /* @__PURE__ */ j("div", {
+							className: "flex items-center justify-center h-full",
+							children: /* @__PURE__ */ j(i, { message: "Loading..." })
+						}),
+						children: /* @__PURE__ */ j(x, {
+							sidebar: /* @__PURE__ */ j(S, {
+								agentId: H,
+								onDeleteSession: K,
+								onDeleteSelected: q
+							}),
+							detailPanel: W ? /* @__PURE__ */ j(w, {
+								sessionId: W,
+								agentId: H
+							}) : void 0,
+							children: /* @__PURE__ */ j(C, { agentId: H })
+						})
+					})
+				})
+			})
+		})]
+	});
+}
+//#endregion
+export { P as AgentManagerPage };
+
+//# sourceMappingURL=AgentManagerPage.js.map

package/dist/pages/ai/AgentManagerPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentManagerPage.js","names":[],"sources":["../../../src/pages/ai/AgentManagerPage.tsx"],"sourcesContent":["/**\n * AgentManagerPage — top-level page for the multi-session Agent Manager.\n *\n * Reads URL params (:tab, :sessionId), resolves the active agent via\n * useCachedInitialData(), auto-opens a session tab if the URL has a\n * sessionId, and renders the three-pane layout.\n */\n\nimport { Suspense, useCallback, useEffect, useMemo } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { MessagesSquare } from 'lucide-react';\nimport { isNative, nativeNotify } from '../../utils/nativeBridge';\nimport { MotionPage } from '@burdenoff/fe-libs/shared/motion';\nimport {\n  LoadingState,\n  EmptyState,\n  ErrorState,\n  PluginGate,\n  AgentSelector,\n  RequireAgentReachable,\n} from '@/components/shared';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { useVibeNavigate } from '@/providers/VibeControlsProvider';\nimport { useCachedInitialData } from '@/hooks/useCachedInitialData';\nimport { usePluginAvailability } from '@/hooks/usePluginAvailability';\nimport { useVibeControlsStore } from '@/store/vibeControlsStore';\nimport { useAgentManagerStore } from '@/store/agentManagerStore';\nimport { useAgentManagerKeyboard } from '@/hooks/useAgentManagerKeyboard';\nimport { terminateSession, bulkDeleteSessions } from '@/services/aiApi';\nimport { AgentManagerLayout } from '@/components/agent-manager/AgentManagerLayout';\nimport { AgentManagerSidebar } from '@/components/agent-manager/AgentManagerSidebar';\nimport { AgentManagerCenter } from '@/components/agent-manager/AgentManagerCenter';\nimport { AgentManagerDetailPanel } from '@/components/agent-manager/AgentManagerDetailPanel';\nimport { BridleConfigPanel } from '@/components/agent-manager/BridleConfigPanel';\nimport { ClaudeCredentialsCard } from '@/components/ai/ClaudeCredentialsCard';\nimport { AI_CORE_PACKAGE, AI_PROVIDER_PACKAGES } from '@/constants/pluginCatalog';\n\ninterface AgentManagerParams {\n  tab?: string;\n  sessionId?: string;\n}\n\nexport function AgentManagerPage() {\n  const { tab: tabParam, sessionId: sessionIdParam } = useParams<\n    AgentManagerParams & Record<string, string | undefined>\n  >();\n  const tr = useTr();\n  const handleNavigate = useVibeNavigate();\n\n  const { agents, loading: agentsLoading, error: agentsError } = useCachedInitialData();\n  const selectedAgentId = useVibeControlsStore((s) => s.activeAgentId);\n\n  // Prefer the user-selected agent from the store; fall back to the first\n  // healthy one so the page works on first visit before the selector commits.\n  const activeAgent = useMemo(() => {\n    if (selectedAgentId) {\n      const match = agents.find((a) => a.id === selectedAgentId);\n      if (match) return match;\n    }\n    return agents.find((a) => a.isActive && a.tunnelUrl && a.agentApiKey) ?? null;\n  }, [agents, selectedAgentId]);\n\n  const agentId = activeAgent?.id ?? '';\n  const openSession = useAgentManagerStore((s) => s.openSession);\n  const activeTabSessionId = useAgentManagerStore((s) => s.activeTabSessionId);\n\n  // Pre-fetch plugin availability at the page level so the detection phase\n  // overlaps with the agents query's resolution. This collapses the two\n  // sequential loading states (\"Loading agents...\" → \"Checking plugin\n  // availability...\") into one unified wait, eliminating the flicker the\n  // user saw between them.\n  const detectionPackages = useMemo(() => [AI_CORE_PACKAGE, ...AI_PROVIDER_PACKAGES], []);\n  const { initialLoading: pluginsInitialLoading } = usePluginAvailability(\n    detectionPackages,\n    agentId || null\n  );\n\n  // Auto-open session from URL param\n  useEffect(() => {\n    if (sessionIdParam && agentId) {\n      openSession(sessionIdParam, `Session ${sessionIdParam.slice(0, 8)}`);\n    }\n  }, [sessionIdParam, agentId, openSession]);\n\n  const handleDeleteSession = useCallback(\n    async (sessionId: string) => {\n      if (!agentId) return;\n      try {\n        await terminateSession(agentId, sessionId);\n        if (isNative()) void nativeNotify('success');\n      } catch {\n        if (isNative()) void nativeNotify('error');\n      }\n    },\n    [agentId]\n  );\n\n  const handleDeleteSelected = useCallback(\n    async (sessionIds: string[]) => {\n      if (!agentId) return;\n      try {\n        await bulkDeleteSessions(agentId, sessionIds);\n        if (isNative()) void nativeNotify('success');\n      } catch {\n        if (isNative()) void nativeNotify('error');\n      }\n    },\n    [agentId]\n  );\n\n  // Activate keyboard shortcuts (Ctrl+Shift+N, Ctrl+K, Ctrl+F, Escape)\n  useAgentManagerKeyboard();\n\n  // Single unified wait: show one LoadingState while either the agents\n  // query or the plugin-availability probe is still in flight. Prevents\n  // the two-step \"Loading agents...\" → \"Checking plugin availability...\"\n  // cascade. `agentId && pluginsInitialLoading` also catches the case\n  // where agents resolved but the plugin probe hasn't fired/settled yet.\n  if (agentsLoading || (agentId && pluginsInitialLoading)) {\n    return (\n      <MotionPage className=\"flex items-center justify-center h-full bg-bg-surface\">\n        <LoadingState\n          message={tr(\n            'vibecontrols.pages.ai.detectingAgent',\n            'Detecting agent and plugin availability…'\n          )}\n        />\n      </MotionPage>\n    );\n  }\n\n  if (agentsError) {\n    return (\n      <MotionPage className=\"flex items-center justify-center h-full bg-bg-surface\">\n        <ErrorState title=\"Failed to load agents\" message={agentsError.message} />\n      </MotionPage>\n    );\n  }\n\n  if (agents.length === 0) {\n    return (\n      <MotionPage className=\"flex items-center justify-center h-full bg-bg-surface p-8\">\n        <EmptyState\n          icon={<MessagesSquare className=\"w-8 h-8 text-text-secondary\" />}\n          title={tr('vibecontrols.pages.ai.noActiveAgentAvailable', 'No agents available')}\n          description={tr(\n            'vibecontrols.pages.ai.agentManagerRequiresAgent',\n            'The Agent Manager needs at least one vibecontrols agent. Add one or start an existing one.'\n          )}\n          action={\n            <button\n              onClick={() => handleNavigate('/agents')}\n              className=\"px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors text-sm\"\n            >\n              {tr('vibecontrols.pages.ai.goToAgents', 'Go to Agents')}\n            </button>\n          }\n        />\n      </MotionPage>\n    );\n  }\n\n  if (tabParam === 'config') {\n    return (\n      <MotionPage className=\"flex flex-col h-[calc(100vh-6.5rem)] bg-bg-surface overflow-hidden\">\n        <div className=\"flex items-center justify-between gap-3 border-b border-border-default px-4 sm:px-6 py-3\">\n          <div>\n            <p className=\"text-xs uppercase tracking-wide text-text-secondary\">\n              {tr('vibecontrols.pages.ai.contextLabel', 'Active context')}\n            </p>\n            <h2 className=\"text-sm font-semibold text-text-primary mt-0.5\">\n              {tr('vibecontrols.pages.ai.configHeading', 'AI configuration')}\n            </h2>\n          </div>\n          <AgentSelector label={tr('vibecontrols.pages.ai.agentSelectorLabel', 'Agent')} compact />\n        </div>\n\n        <div className=\"flex-1 overflow-auto p-4 sm:p-6 space-y-6\">\n          <RequireAgentReachable agentId={agentId || null}>\n            <ClaudeCredentialsCard agentId={agentId} />\n            <BridleConfigPanel agentId={agentId} />\n          </RequireAgentReachable>\n        </div>\n      </MotionPage>\n    );\n  }\n\n  return (\n    <MotionPage className=\"flex flex-col h-[calc(100vh-6.5rem)] bg-bg-surface overflow-hidden\">\n      <div className=\"flex items-center justify-between gap-3 border-b border-border-default px-4 sm:px-6 py-3\">\n        <div>\n          <p className=\"text-xs uppercase tracking-wide text-text-secondary\">\n            {tr('vibecontrols.pages.ai.contextLabel', 'Active context')}\n          </p>\n          <h2 className=\"text-sm font-semibold text-text-primary mt-0.5\">\n            {tr('vibecontrols.pages.ai.contextHeading', 'AI workbench')}\n          </h2>\n        </div>\n        <AgentSelector label={tr('vibecontrols.pages.ai.agentSelectorLabel', 'Agent')} compact />\n      </div>\n\n      <div className=\"flex-1 min-h-0 overflow-auto p-4 sm:p-6 lg:p-0\">\n        <RequireAgentReachable agentId={agentId || null}>\n          <PluginGate\n            agentId={agentId || null}\n            requirements={[\n              {\n                packages: [AI_CORE_PACKAGE],\n                mode: 'all',\n                eyebrow: tr('vibecontrols.pages.ai.pluginRequiredEyebrow', 'AI plugin required'),\n                title: tr('vibecontrols.pages.ai.coreTitle', 'Install the AI orchestrator'),\n                description: tr(\n                  'vibecontrols.pages.ai.coreDescription',\n                  'The AI page routes prompts and sessions through the AI orchestrator plugin on your agent. Install it to continue.'\n                ),\n              },\n              {\n                packages: AI_PROVIDER_PACKAGES,\n                mode: 'any',\n                eyebrow: tr('vibecontrols.pages.ai.providerEyebrow', 'AI provider required'),\n                title: tr(\n                  'vibecontrols.pages.ai.providerTitle',\n                  'Install at least one AI provider'\n                ),\n                description: tr(\n                  'vibecontrols.pages.ai.providerDescription',\n                  'Pick the AI harness you want to use. You can install more providers later from the Plugins tab on your agent.'\n                ),\n              },\n            ]}\n          >\n            <Suspense\n              fallback={\n                <div className=\"flex items-center justify-center h-full\">\n                  <LoadingState message=\"Loading...\" />\n                </div>\n              }\n            >\n              <AgentManagerLayout\n                sidebar={\n                  <AgentManagerSidebar\n                    agentId={agentId}\n                    onDeleteSession={handleDeleteSession}\n                    onDeleteSelected={handleDeleteSelected}\n                  />\n                }\n                detailPanel={\n                  activeTabSessionId ? (\n                    <AgentManagerDetailPanel sessionId={activeTabSessionId} agentId={agentId} />\n                  ) : undefined\n                }\n              >\n                <AgentManagerCenter agentId={agentId} />\n              </AgentManagerLayout>\n            </Suspense>\n          </PluginGate>\n        </RequireAgentReachable>\n      </div>\n    </MotionPage>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/index.d.ts

@@ -0,0 +1,17 @@
+export { OverviewPage } from './OverviewPage';
+export { AgentsPage } from './AgentsPage';
+export { AgentDetailsPage } from './AgentDetailsPage';
+export { VibesPage } from './VibesPage';
+export { VibeDetailsPage } from './VibeDetailsPage';
+export { SessionsPage } from './SessionsPage';
+export { SessionDetailsPage } from './SessionDetailsPage';
+export { SharedSessionPage } from './SharedSessionPage';
+export { SettingsPage } from './SettingsPage';
+export { WebhooksPage } from './WebhooksPage';
+export { HealthPage } from './HealthPage';
+export { VibeCalendarPage } from './VibeCalendarPage';
+export { VibeTaskDetailPage } from './VibeTaskDetailPage';
+export { VibeAuditPage } from './VibeAuditPage';
+export { TargetsPage } from './TargetsPage';
+export { ActionsPage } from './ActionsPage';
+//# sourceMappingURL=index.d.ts.map

package/dist/pages/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/pages/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/pages/tunnels/AuditTab.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Workspace-wide tunnel audit timeline. Per-tunnel audit entries are
+ * available on the tunnel details page; the workspace-wide timeline
+ * reuses the existing VibeAuditLog query with resource-type filters
+ * once the audit module exposes a tunnel-filter option.
+ */
+export declare function AuditTab(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AuditTab.d.ts.map

package/dist/pages/tunnels/AuditTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuditTab.d.ts","sourceRoot":"","sources":["../../../src/pages/tunnels/AuditTab.tsx"],"names":[],"mappings":"AAIA;;;;;GAKG;AACH,wBAAgB,QAAQ,4CAoBvB"}

package/dist/pages/tunnels/AuditTab.js

@@ -0,0 +1,22 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { PageHeader as t } from "../../components/shared/PageHeader.js";
+import { EmptyState as n } from "../../components/shared/EmptyState.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/pages/tunnels/AuditTab.tsx
+function a() {
+	let a = e();
+	return /* @__PURE__ */ i("div", {
+		className: "p-6 max-w-7xl mx-auto",
+		children: [/* @__PURE__ */ r(t, {
+			title: a("vibecontrols.tunnels.audit.title", "Audit"),
+			description: a("vibecontrols.tunnels.audit.description", "Operations recorded across every tunnel in the workspace.")
+		}), /* @__PURE__ */ r(n, {
+			title: a("vibecontrols.tunnels.audit.emptyTitle", "Open a tunnel to see its audit trail"),
+			description: a("vibecontrols.tunnels.audit.emptyDescription", "Per-tunnel audit entries are captured on create, start, stop, rotate, attach, detach, verify, and delete operations.")
+		})]
+	});
+}
+//#endregion
+export { a as AuditTab };
+
+//# sourceMappingURL=AuditTab.js.map

package/dist/pages/tunnels/AuditTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuditTab.js","names":[],"sources":["../../../src/pages/tunnels/AuditTab.tsx"],"sourcesContent":["import { PageHeader } from '@/components/shared/PageHeader';\nimport { EmptyState } from '@/components/shared/EmptyState';\nimport { useTr } from '../../shared/hooks/useTr';\n\n/**\n * Workspace-wide tunnel audit timeline. Per-tunnel audit entries are\n * available on the tunnel details page; the workspace-wide timeline\n * reuses the existing VibeAuditLog query with resource-type filters\n * once the audit module exposes a tunnel-filter option.\n */\nexport function AuditTab() {\n  const tr = useTr();\n  return (\n    <div className=\"p-6 max-w-7xl mx-auto\">\n      <PageHeader\n        title={tr('vibecontrols.tunnels.audit.title', 'Audit')}\n        description={tr(\n          'vibecontrols.tunnels.audit.description',\n          'Operations recorded across every tunnel in the workspace.'\n        )}\n      />\n      <EmptyState\n        title={tr('vibecontrols.tunnels.audit.emptyTitle', 'Open a tunnel to see its audit trail')}\n        description={tr(\n          'vibecontrols.tunnels.audit.emptyDescription',\n          'Per-tunnel audit entries are captured on create, start, stop, rotate, attach, detach, verify, and delete operations.'\n        )}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;AAUA,SAAgB,IAAW;CACzB,IAAM,IAAK,GAAO;AAClB,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACE,OAAO,EAAG,oCAAoC,QAAQ;GACtD,aAAa,EACX,0CACA,4DACD;GACD,CAAA,EACF,kBAAC,GAAD;GACE,OAAO,EAAG,yCAAyC,uCAAuC;GAC1F,aAAa,EACX,+CACA,uHACD;GACD,CAAA,CACE"}

package/dist/pages/tunnels/DomainsTab.d.ts

@@ -0,0 +1,2 @@
+export declare function DomainsTab(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DomainsTab.d.ts.map

package/dist/pages/tunnels/DomainsTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DomainsTab.d.ts","sourceRoot":"","sources":["../../../src/pages/tunnels/DomainsTab.tsx"],"names":[],"mappings":"AAcA,wBAAgB,UAAU,4CAyGzB"}

package/dist/pages/tunnels/DomainsTab.js

@@ -0,0 +1,110 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { useDeleteTunnelDomainMutation as t, useListTunnelDomainsQuery as n, useVerifyTunnelDomainMutation as r } from "../../generated/wspace-operations.js";
+import { PageHeader as i } from "../../components/shared/PageHeader.js";
+import { LoadingState as a } from "../../components/shared/LoadingState.js";
+import { ErrorState as o } from "../../components/shared/ErrorState.js";
+import { TunnelDomainType as s, TunnelDomainVerificationStatus as c } from "../../generated/wspace-types.js";
+import { EmptyState as l } from "../../components/shared/EmptyState.js";
+import { DomainVerificationBadge as u } from "../../components/tunnels/DomainVerificationBadge.js";
+import { useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/pages/tunnels/DomainsTab.tsx
+function m() {
+	let m = e(), [h, g] = d(null), { data: _, loading: v, error: y, refetch: b } = n({
+		variables: { pagination: { limit: 50 } },
+		fetchPolicy: "cache-and-network"
+	}), [x] = r({ onCompleted: () => {
+		g(null), b();
+	} }), [S] = t({ onCompleted: () => void b() }), C = _?.tunnelDomains?.items ?? [];
+	return /* @__PURE__ */ p("div", {
+		className: "p-6 max-w-7xl mx-auto",
+		children: [
+			/* @__PURE__ */ f(i, {
+				title: m("vibecontrols.tunnels.domains.title", "Domains"),
+				description: m("vibecontrols.tunnels.domains.description", "Managed *.vibetunnels.com subdomains and custom user-owned domains.")
+			}),
+			v && !_ && /* @__PURE__ */ f(a, { message: "Loading domains" }),
+			y && /* @__PURE__ */ f(o, {
+				title: "Failed to load domains",
+				message: y.message,
+				onRetry: () => b()
+			}),
+			_ && C.length === 0 && /* @__PURE__ */ f(l, {
+				title: m("vibecontrols.tunnels.domains.emptyTitle", "No domains yet"),
+				description: m("vibecontrols.tunnels.domains.emptyDescription", "Reserve a *.vibetunnels.com subdomain or register a custom domain from the Tunnels tab.")
+			}),
+			C.length > 0 && /* @__PURE__ */ f("div", {
+				className: "rounded-lg border border-border-subtle bg-bg-surface",
+				children: /* @__PURE__ */ p("table", {
+					className: "w-full text-sm",
+					children: [/* @__PURE__ */ f("thead", {
+						className: "border-b border-border-subtle bg-bg-sunken text-text-secondary",
+						children: /* @__PURE__ */ p("tr", { children: [
+							/* @__PURE__ */ f("th", {
+								className: "px-4 py-3 text-left font-medium",
+								children: "Hostname"
+							}),
+							/* @__PURE__ */ f("th", {
+								className: "px-4 py-3 text-left font-medium",
+								children: "Type"
+							}),
+							/* @__PURE__ */ f("th", {
+								className: "px-4 py-3 text-left font-medium",
+								children: "Status"
+							}),
+							/* @__PURE__ */ f("th", {
+								className: "px-4 py-3 text-left font-medium",
+								children: "Tunnel"
+							}),
+							/* @__PURE__ */ f("th", {
+								className: "px-4 py-3 text-right font-medium",
+								children: "Actions"
+							})
+						] })
+					}), /* @__PURE__ */ f("tbody", { children: C.map((e) => /* @__PURE__ */ p("tr", {
+						className: "border-b border-border-subtle last:border-b-0 hover:bg-bg-sunken",
+						children: [
+							/* @__PURE__ */ f("td", {
+								className: "px-4 py-3 font-medium text-text-primary",
+								children: e.hostname
+							}),
+							/* @__PURE__ */ f("td", {
+								className: "px-4 py-3 text-text-secondary",
+								children: e.type === s.ManagedSubdomain ? "Managed" : "Custom"
+							}),
+							/* @__PURE__ */ f("td", {
+								className: "px-4 py-3",
+								children: /* @__PURE__ */ f(u, { status: e.verificationStatus })
+							}),
+							/* @__PURE__ */ f("td", {
+								className: "px-4 py-3 text-text-muted",
+								children: e.tunnelId ?? "—"
+							}),
+							/* @__PURE__ */ p("td", {
+								className: "px-4 py-3 text-right",
+								children: [e.verificationStatus === c.Pending && /* @__PURE__ */ f("button", {
+									type: "button",
+									disabled: h === e.id,
+									onClick: () => {
+										g(e.id), x({ variables: { domainId: e.id } });
+									},
+									className: "mr-2 rounded-md border border-border-default px-3 py-1 text-xs text-text-primary hover:bg-bg-elevated",
+									children: h === e.id ? "Checking…" : "Verify now"
+								}), /* @__PURE__ */ f("button", {
+									type: "button",
+									onClick: () => void S({ variables: { domainId: e.id } }),
+									className: "rounded-md border border-border-default px-3 py-1 text-xs text-status-error-fg hover:bg-status-error-bg",
+									children: "Delete"
+								})]
+							})
+						]
+					}, e.id)) })]
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { m as DomainsTab };
+
+//# sourceMappingURL=DomainsTab.js.map

package/dist/pages/tunnels/DomainsTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DomainsTab.js","names":[],"sources":["../../../src/pages/tunnels/DomainsTab.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { PageHeader } from '@/components/shared/PageHeader';\nimport { LoadingState } from '@/components/shared/LoadingState';\nimport { ErrorState } from '@/components/shared/ErrorState';\nimport { EmptyState } from '@/components/shared/EmptyState';\nimport { DomainVerificationBadge } from '@/components/tunnels/DomainVerificationBadge';\nimport { TunnelDomainType, TunnelDomainVerificationStatus } from '@/generated/wspace-types';\nimport {\n  useListTunnelDomainsQuery,\n  useVerifyTunnelDomainMutation,\n  useDeleteTunnelDomainMutation,\n} from '@/generated/wspace-operations';\n\nexport function DomainsTab() {\n  const tr = useTr();\n  const [verifyingId, setVerifyingId] = useState<string | null>(null);\n  const { data, loading, error, refetch } = useListTunnelDomainsQuery({\n    variables: { pagination: { limit: 50 } },\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const [verifyDomain] = useVerifyTunnelDomainMutation({\n    onCompleted: () => {\n      setVerifyingId(null);\n      void refetch();\n    },\n  });\n  const [deleteDomain] = useDeleteTunnelDomainMutation({\n    onCompleted: () => void refetch(),\n  });\n\n  const domains = data?.tunnelDomains?.items ?? [];\n\n  return (\n    <div className=\"p-6 max-w-7xl mx-auto\">\n      <PageHeader\n        title={tr('vibecontrols.tunnels.domains.title', 'Domains')}\n        description={tr(\n          'vibecontrols.tunnels.domains.description',\n          'Managed *.vibetunnels.com subdomains and custom user-owned domains.'\n        )}\n      />\n\n      {loading && !data && <LoadingState message=\"Loading domains\" />}\n      {error && (\n        <ErrorState\n          title=\"Failed to load domains\"\n          message={error.message}\n          onRetry={() => refetch()}\n        />\n      )}\n\n      {data && domains.length === 0 && (\n        <EmptyState\n          title={tr('vibecontrols.tunnels.domains.emptyTitle', 'No domains yet')}\n          description={tr(\n            'vibecontrols.tunnels.domains.emptyDescription',\n            'Reserve a *.vibetunnels.com subdomain or register a custom domain from the Tunnels tab.'\n          )}\n        />\n      )}\n\n      {domains.length > 0 && (\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface\">\n          <table className=\"w-full text-sm\">\n            <thead className=\"border-b border-border-subtle bg-bg-sunken text-text-secondary\">\n              <tr>\n                <th className=\"px-4 py-3 text-left font-medium\">Hostname</th>\n                <th className=\"px-4 py-3 text-left font-medium\">Type</th>\n                <th className=\"px-4 py-3 text-left font-medium\">Status</th>\n                <th className=\"px-4 py-3 text-left font-medium\">Tunnel</th>\n                <th className=\"px-4 py-3 text-right font-medium\">Actions</th>\n              </tr>\n            </thead>\n            <tbody>\n              {domains.map((domain: any) => (\n                <tr\n                  key={domain.id}\n                  className=\"border-b border-border-subtle last:border-b-0 hover:bg-bg-sunken\"\n                >\n                  <td className=\"px-4 py-3 font-medium text-text-primary\">{domain.hostname}</td>\n                  <td className=\"px-4 py-3 text-text-secondary\">\n                    {domain.type === TunnelDomainType.ManagedSubdomain ? 'Managed' : 'Custom'}\n                  </td>\n                  <td className=\"px-4 py-3\">\n                    <DomainVerificationBadge status={domain.verificationStatus} />\n                  </td>\n                  <td className=\"px-4 py-3 text-text-muted\">{domain.tunnelId ?? '—'}</td>\n                  <td className=\"px-4 py-3 text-right\">\n                    {domain.verificationStatus === TunnelDomainVerificationStatus.Pending && (\n                      <button\n                        type=\"button\"\n                        disabled={verifyingId === domain.id}\n                        onClick={() => {\n                          setVerifyingId(domain.id);\n                          void verifyDomain({ variables: { domainId: domain.id } });\n                        }}\n                        className=\"mr-2 rounded-md border border-border-default px-3 py-1 text-xs text-text-primary hover:bg-bg-elevated\"\n                      >\n                        {verifyingId === domain.id ? 'Checking…' : 'Verify now'}\n                      </button>\n                    )}\n                    <button\n                      type=\"button\"\n                      onClick={() => void deleteDomain({ variables: { domainId: domain.id } })}\n                      className=\"rounded-md border border-border-default px-3 py-1 text-xs text-status-error-fg hover:bg-status-error-bg\"\n                    >\n                      Delete\n                    </button>\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAcA,SAAgB,IAAa;CAC3B,IAAM,IAAK,GAAO,EACZ,CAAC,GAAa,KAAkB,EAAwB,KAAK,EAC7D,EAAE,SAAM,YAAS,UAAO,eAAY,EAA0B;EAClE,WAAW,EAAE,YAAY,EAAE,OAAO,IAAI,EAAE;EACxC,aAAa;EACd,CAAC,EAEI,CAAC,KAAgB,EAA8B,EACnD,mBAAmB;AAEZ,EADL,EAAe,KAAK,EACf,GAAS;IAEjB,CAAC,EACI,CAAC,KAAgB,EAA8B,EACnD,mBAAmB,KAAK,GAAS,EAClC,CAAC,EAEI,IAAU,GAAM,eAAe,SAAS,EAAE;AAEhD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD;IACE,OAAO,EAAG,sCAAsC,UAAU;IAC1D,aAAa,EACX,4CACA,sEACD;IACD,CAAA;GAED,KAAW,CAAC,KAAQ,kBAAC,GAAD,EAAc,SAAQ,mBAAoB,CAAA;GAC9D,KACC,kBAAC,GAAD;IACE,OAAM;IACN,SAAS,EAAM;IACf,eAAe,GAAS;IACxB,CAAA;GAGH,KAAQ,EAAQ,WAAW,KAC1B,kBAAC,GAAD;IACE,OAAO,EAAG,2CAA2C,iBAAiB;IACtE,aAAa,EACX,iDACA,0FACD;IACD,CAAA;GAGH,EAAQ,SAAS,KAChB,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,SAAD;KAAO,WAAU;eAAjB,CACE,kBAAC,SAAD;MAAO,WAAU;gBACf,kBAAC,MAAD,EAAA,UAAA;OACE,kBAAC,MAAD;QAAI,WAAU;kBAAkC;QAAa,CAAA;OAC7D,kBAAC,MAAD;QAAI,WAAU;kBAAkC;QAAS,CAAA;OACzD,kBAAC,MAAD;QAAI,WAAU;kBAAkC;QAAW,CAAA;OAC3D,kBAAC,MAAD;QAAI,WAAU;kBAAkC;QAAW,CAAA;OAC3D,kBAAC,MAAD;QAAI,WAAU;kBAAmC;QAAY,CAAA;OAC1D,EAAA,CAAA;MACC,CAAA,EACR,kBAAC,SAAD,EAAA,UACG,EAAQ,KAAK,MACZ,kBAAC,MAAD;MAEE,WAAU;gBAFZ;OAIE,kBAAC,MAAD;QAAI,WAAU;kBAA2C,EAAO;QAAc,CAAA;OAC9E,kBAAC,MAAD;QAAI,WAAU;kBACX,EAAO,SAAS,EAAiB,mBAAmB,YAAY;QAC9D,CAAA;OACL,kBAAC,MAAD;QAAI,WAAU;kBACZ,kBAAC,GAAD,EAAyB,QAAQ,EAAO,oBAAsB,CAAA;QAC3D,CAAA;OACL,kBAAC,MAAD;QAAI,WAAU;kBAA6B,EAAO,YAAY;QAAS,CAAA;OACvE,kBAAC,MAAD;QAAI,WAAU;kBAAd,CACG,EAAO,uBAAuB,EAA+B,WAC5D,kBAAC,UAAD;SACE,MAAK;SACL,UAAU,MAAgB,EAAO;SACjC,eAAe;AAER,UADL,EAAe,EAAO,GAAG,EACpB,EAAa,EAAE,WAAW,EAAE,UAAU,EAAO,IAAI,EAAE,CAAC;;SAE3D,WAAU;mBAET,MAAgB,EAAO,KAAK,cAAc;SACpC,CAAA,EAEX,kBAAC,UAAD;SACE,MAAK;SACL,eAAe,KAAK,EAAa,EAAE,WAAW,EAAE,UAAU,EAAO,IAAI,EAAE,CAAC;SACxE,WAAU;mBACX;SAEQ,CAAA,CACN;;OACF;QAjCE,EAAO,GAiCT,CACL,EACI,CAAA,CACF;;IACJ,CAAA;GAEJ"}

package/dist/pages/tunnels/ProvidersTab.d.ts

@@ -0,0 +1,2 @@
+export declare function ProvidersTab(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProvidersTab.d.ts.map

package/dist/pages/tunnels/ProvidersTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProvidersTab.d.ts","sourceRoot":"","sources":["../../../src/pages/tunnels/ProvidersTab.tsx"],"names":[],"mappings":"AAOA,wBAAgB,YAAY,4CA+F3B"}

package/dist/pages/tunnels/ProvidersTab.js

@@ -0,0 +1,111 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { useListTunnelProvidersQuery as t } from "../../generated/wspace-operations.js";
+import { PageHeader as n } from "../../components/shared/PageHeader.js";
+import { LoadingState as r } from "../../components/shared/LoadingState.js";
+import { ErrorState as i } from "../../components/shared/ErrorState.js";
+import { EmptyState as a } from "../../components/shared/EmptyState.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/pages/tunnels/ProvidersTab.tsx
+function c() {
+	let c = e(), { data: u, loading: d, error: f, refetch: p } = t({ fetchPolicy: "cache-and-network" }), m = [...u?.tunnelProviders ?? []].sort((e, t) => {
+		let n = (e) => e === "VIBETUNNELS" ? 0 : e === "CLOUDFLARE" ? 1 : 2, r = n(e.key) - n(t.key);
+		return r === 0 ? e.key.localeCompare(t.key) : r;
+	});
+	return /* @__PURE__ */ s("div", {
+		className: "p-6 max-w-7xl mx-auto",
+		children: [
+			/* @__PURE__ */ o(n, {
+				title: c("vibecontrols.tunnels.providers.title", "Providers"),
+				description: c("vibecontrols.tunnels.providers.description", "Tunnel providers registered for this workspace with their capabilities.")
+			}),
+			d && !u && /* @__PURE__ */ o(r, { message: "Loading providers" }),
+			f && /* @__PURE__ */ o(i, {
+				title: "Failed to load providers",
+				message: f.message,
+				onRetry: () => p()
+			}),
+			u && m.length === 0 && /* @__PURE__ */ o(a, {
+				title: c("vibecontrols.tunnels.providers.emptyTitle", "No providers registered"),
+				description: c("vibecontrols.tunnels.providers.emptyDescription", "Contact your workspace admin to enable VibeTunnels or Cloudflare providers.")
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "grid gap-4 md:grid-cols-2",
+				children: m.map((e) => {
+					let t = e.capabilities;
+					return /* @__PURE__ */ s("div", {
+						className: `rounded-lg border p-4 ${e.isEnabled ? "border-border-default bg-bg-surface" : "border-border-subtle bg-bg-sunken opacity-60"}`,
+						children: [
+							/* @__PURE__ */ s("div", {
+								className: "flex items-start justify-between gap-3 mb-3",
+								children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h3", {
+									className: "text-lg font-semibold text-text-primary",
+									children: e.displayName
+								}), /* @__PURE__ */ o("p", {
+									className: "text-xs text-text-muted",
+									children: e.key
+								})] }), /* @__PURE__ */ o("span", {
+									className: `rounded-full px-2 py-0.5 text-xs ${e.isEnabled ? "bg-status-success-bg text-status-success-fg" : "bg-bg-sunken text-text-muted"}`,
+									children: e.isEnabled ? "Enabled" : "Disabled"
+								})]
+							}),
+							e.description && /* @__PURE__ */ o("p", {
+								className: "text-sm text-text-secondary mb-3",
+								children: e.description
+							}),
+							/* @__PURE__ */ s("dl", {
+								className: "grid grid-cols-2 gap-1 text-xs",
+								children: [
+									/* @__PURE__ */ o(l, {
+										label: "HTTP",
+										value: t.supportsHttp
+									}),
+									/* @__PURE__ */ o(l, {
+										label: "HTTPS",
+										value: t.supportsHttps
+									}),
+									/* @__PURE__ */ o(l, {
+										label: "TCP",
+										value: t.supportsTcp
+									}),
+									/* @__PURE__ */ o(l, {
+										label: "Custom domains",
+										value: t.supportsCustomDomains
+									}),
+									/* @__PURE__ */ o(l, {
+										label: "Managed subdomains",
+										value: t.supportsManagedSubdomains
+									}),
+									/* @__PURE__ */ o(l, {
+										label: "Live logs",
+										value: t.supportsLiveLogs
+									}),
+									/* @__PURE__ */ o(l, {
+										label: "Usage metrics",
+										value: t.supportsUsageMetrics
+									}),
+									/* @__PURE__ */ o(l, {
+										label: "Credential rotation",
+										value: t.supportsRotateCredentials
+									})
+								]
+							})
+						]
+					}, e.id);
+				})
+			})
+		]
+	});
+}
+function l({ label: e, value: t }) {
+	return /* @__PURE__ */ s("div", {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ o("span", { className: `inline-block w-2 h-2 rounded-full ${t ? "bg-status-success-bg" : "bg-border-default"}` }), /* @__PURE__ */ o("dt", {
+			className: "text-text-secondary",
+			children: e
+		})]
+	});
+}
+//#endregion
+export { c as ProvidersTab };
+
+//# sourceMappingURL=ProvidersTab.js.map

package/dist/pages/tunnels/ProvidersTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProvidersTab.js","names":[],"sources":["../../../src/pages/tunnels/ProvidersTab.tsx"],"sourcesContent":["import { PageHeader } from '@/components/shared/PageHeader';\nimport { LoadingState } from '@/components/shared/LoadingState';\nimport { ErrorState } from '@/components/shared/ErrorState';\nimport { EmptyState } from '@/components/shared/EmptyState';\nimport { useListTunnelProvidersQuery } from '@/generated/wspace-operations';\nimport { useTr } from '../../shared/hooks/useTr';\n\nexport function ProvidersTab() {\n  const tr = useTr();\n  const { data, loading, error, refetch } = useListTunnelProvidersQuery({\n    fetchPolicy: 'cache-and-network',\n  });\n\n  // Show VibeTunnels first (preferred default), then Cloudflare, then any\n  // future providers alphabetically. This matches the ordering used in the\n  // tunnels list filter and the create wizard's provider selector.\n  const providers = [...(data?.tunnelProviders ?? [])].sort(\n    (a: { key: string }, b: { key: string }) => {\n      const rank = (key: string) => (key === 'VIBETUNNELS' ? 0 : key === 'CLOUDFLARE' ? 1 : 2);\n      const diff = rank(a.key) - rank(b.key);\n      if (diff !== 0) return diff;\n      return a.key.localeCompare(b.key);\n    }\n  );\n\n  return (\n    <div className=\"p-6 max-w-7xl mx-auto\">\n      <PageHeader\n        title={tr('vibecontrols.tunnels.providers.title', 'Providers')}\n        description={tr(\n          'vibecontrols.tunnels.providers.description',\n          'Tunnel providers registered for this workspace with their capabilities.'\n        )}\n      />\n\n      {loading && !data && <LoadingState message=\"Loading providers\" />}\n      {error && (\n        <ErrorState\n          title=\"Failed to load providers\"\n          message={error.message}\n          onRetry={() => refetch()}\n        />\n      )}\n\n      {data && providers.length === 0 && (\n        <EmptyState\n          title={tr('vibecontrols.tunnels.providers.emptyTitle', 'No providers registered')}\n          description={tr(\n            'vibecontrols.tunnels.providers.emptyDescription',\n            'Contact your workspace admin to enable VibeTunnels or Cloudflare providers.'\n          )}\n        />\n      )}\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        {providers.map((provider: any) => {\n          const caps = provider.capabilities;\n          return (\n            <div\n              key={provider.id}\n              className={`rounded-lg border p-4 ${\n                provider.isEnabled\n                  ? 'border-border-default bg-bg-surface'\n                  : 'border-border-subtle bg-bg-sunken opacity-60'\n              }`}\n            >\n              <div className=\"flex items-start justify-between gap-3 mb-3\">\n                <div>\n                  <h3 className=\"text-lg font-semibold text-text-primary\">\n                    {provider.displayName}\n                  </h3>\n                  <p className=\"text-xs text-text-muted\">{provider.key}</p>\n                </div>\n                <span\n                  className={`rounded-full px-2 py-0.5 text-xs ${\n                    provider.isEnabled\n                      ? 'bg-status-success-bg text-status-success-fg'\n                      : 'bg-bg-sunken text-text-muted'\n                  }`}\n                >\n                  {provider.isEnabled ? 'Enabled' : 'Disabled'}\n                </span>\n              </div>\n              {provider.description && (\n                <p className=\"text-sm text-text-secondary mb-3\">{provider.description}</p>\n              )}\n              <dl className=\"grid grid-cols-2 gap-1 text-xs\">\n                <Capability label=\"HTTP\" value={caps.supportsHttp} />\n                <Capability label=\"HTTPS\" value={caps.supportsHttps} />\n                <Capability label=\"TCP\" value={caps.supportsTcp} />\n                <Capability label=\"Custom domains\" value={caps.supportsCustomDomains} />\n                <Capability label=\"Managed subdomains\" value={caps.supportsManagedSubdomains} />\n                <Capability label=\"Live logs\" value={caps.supportsLiveLogs} />\n                <Capability label=\"Usage metrics\" value={caps.supportsUsageMetrics} />\n                <Capability label=\"Credential rotation\" value={caps.supportsRotateCredentials} />\n              </dl>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nfunction Capability({ label, value }: { label: string; value: boolean }) {\n  return (\n    <div className=\"flex items-center gap-2\">\n      <span\n        className={`inline-block w-2 h-2 rounded-full ${\n          value ? 'bg-status-success-bg' : 'bg-border-default'\n        }`}\n      />\n      <dt className=\"text-text-secondary\">{label}</dt>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAgB,IAAe;CAC7B,IAAM,IAAK,GAAO,EACZ,EAAE,SAAM,YAAS,UAAO,eAAY,EAA4B,EACpE,aAAa,qBACd,CAAC,EAKI,IAAY,CAAC,GAAI,GAAM,mBAAmB,EAAE,CAAE,CAAC,MAClD,GAAoB,MAAuB;EAC1C,IAAM,KAAQ,MAAiB,MAAQ,gBAAgB,IAAI,MAAQ,eAAe,IAAI,GAChF,IAAO,EAAK,EAAE,IAAI,GAAG,EAAK,EAAE,IAAI;AAEtC,SADI,MAAS,IACN,EAAE,IAAI,cAAc,EAAE,IAAI,GADV;GAG1B;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD;IACE,OAAO,EAAG,wCAAwC,YAAY;IAC9D,aAAa,EACX,8CACA,0EACD;IACD,CAAA;GAED,KAAW,CAAC,KAAQ,kBAAC,GAAD,EAAc,SAAQ,qBAAsB,CAAA;GAChE,KACC,kBAAC,GAAD;IACE,OAAM;IACN,SAAS,EAAM;IACf,eAAe,GAAS;IACxB,CAAA;GAGH,KAAQ,EAAU,WAAW,KAC5B,kBAAC,GAAD;IACE,OAAO,EAAG,6CAA6C,0BAA0B;IACjF,aAAa,EACX,mDACA,8EACD;IACD,CAAA;GAGJ,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAU,KAAK,MAAkB;KAChC,IAAM,IAAO,EAAS;AACtB,YACE,kBAAC,OAAD;MAEE,WAAW,yBACT,EAAS,YACL,wCACA;gBALR;OAQE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;SAAI,WAAU;mBACX,EAAS;SACP,CAAA,EACL,kBAAC,KAAD;SAAG,WAAU;mBAA2B,EAAS;SAAQ,CAAA,CACrD,EAAA,CAAA,EACN,kBAAC,QAAD;SACE,WAAW,oCACT,EAAS,YACL,gDACA;mBAGL,EAAS,YAAY,YAAY;SAC7B,CAAA,CACH;;OACL,EAAS,eACR,kBAAC,KAAD;QAAG,WAAU;kBAAoC,EAAS;QAAgB,CAAA;OAE5E,kBAAC,MAAD;QAAI,WAAU;kBAAd;SACE,kBAAC,GAAD;UAAY,OAAM;UAAO,OAAO,EAAK;UAAgB,CAAA;SACrD,kBAAC,GAAD;UAAY,OAAM;UAAQ,OAAO,EAAK;UAAiB,CAAA;SACvD,kBAAC,GAAD;UAAY,OAAM;UAAM,OAAO,EAAK;UAAe,CAAA;SACnD,kBAAC,GAAD;UAAY,OAAM;UAAiB,OAAO,EAAK;UAAyB,CAAA;SACxE,kBAAC,GAAD;UAAY,OAAM;UAAqB,OAAO,EAAK;UAA6B,CAAA;SAChF,kBAAC,GAAD;UAAY,OAAM;UAAY,OAAO,EAAK;UAAoB,CAAA;SAC9D,kBAAC,GAAD;UAAY,OAAM;UAAgB,OAAO,EAAK;UAAwB,CAAA;SACtE,kBAAC,GAAD;UAAY,OAAM;UAAsB,OAAO,EAAK;UAA6B,CAAA;SAC9E;;OACD;QArCC,EAAS,GAqCV;MAER;IACE,CAAA;GACF;;;AAIV,SAAS,EAAW,EAAE,UAAO,YAA4C;AACvE,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,QAAD,EACE,WAAW,qCACT,IAAQ,yBAAyB,uBAEnC,CAAA,EACF,kBAAC,MAAD;GAAI,WAAU;aAAuB;GAAW,CAAA,CAC5C"}

package/dist/pages/tunnels/SessionsTab.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Workspace-wide sessions view. Currently shows the most recent active
+ * sessions per tunnel by reading the tunnels list (activeSessions is
+ * resolved in the Tunnel type). For a scrollable per-session feed, open
+ * a tunnel's details page and visit its Sessions tab.
+ */
+export declare function SessionsTab(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SessionsTab.d.ts.map

package/dist/pages/tunnels/SessionsTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionsTab.d.ts","sourceRoot":"","sources":["../../../src/pages/tunnels/SessionsTab.tsx"],"names":[],"mappings":"AAOA;;;;;GAKG;AACH,wBAAgB,WAAW,4CA2D1B"}

package/dist/pages/tunnels/SessionsTab.js

@@ -0,0 +1,63 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { useListTunnelsQuery as t } from "../../generated/wspace-operations.js";
+import { PageHeader as n } from "../../components/shared/PageHeader.js";
+import { LoadingState as r } from "../../components/shared/LoadingState.js";
+import { ErrorState as i } from "../../components/shared/ErrorState.js";
+import { EmptyState as a } from "../../components/shared/EmptyState.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/pages/tunnels/SessionsTab.tsx
+function c() {
+	let c = e(), { data: l, loading: u, error: d, refetch: f } = t({
+		variables: {
+			filter: { status: ["ACTIVE"] },
+			pagination: { limit: 50 }
+		},
+		fetchPolicy: "cache-and-network"
+	}), p = l?.tunnels?.items ?? [];
+	return /* @__PURE__ */ s("div", {
+		className: "p-6 max-w-7xl mx-auto",
+		children: [
+			/* @__PURE__ */ o(n, {
+				title: c("vibecontrols.tunnels.sessions.title", "Sessions"),
+				description: c("vibecontrols.tunnels.sessions.description", "Active sessions across every tunnel in the workspace.")
+			}),
+			u && !l && /* @__PURE__ */ o(r, { message: "Loading sessions" }),
+			d && /* @__PURE__ */ o(i, {
+				title: "Failed to load sessions",
+				message: d.message,
+				onRetry: () => f()
+			}),
+			l && p.length === 0 && /* @__PURE__ */ o(a, {
+				title: c("vibecontrols.tunnels.sessions.emptyTitle", "No active sessions"),
+				description: c("vibecontrols.tunnels.sessions.emptyDescription", "Start a tunnel to issue a session.")
+			}),
+			p.length > 0 && /* @__PURE__ */ o("div", {
+				className: "rounded-lg border border-border-subtle bg-bg-surface divide-y divide-border-subtle",
+				children: p.map((e) => /* @__PURE__ */ o("div", {
+					className: "px-4 py-3",
+					children: /* @__PURE__ */ s("div", {
+						className: "flex items-center justify-between gap-3",
+						children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("div", {
+							className: "font-medium text-text-primary",
+							children: e.name
+						}), /* @__PURE__ */ s("div", {
+							className: "text-xs text-text-muted",
+							children: [
+								e.slug,
+								" · ",
+								e.providerKey
+							]
+						})] }), /* @__PURE__ */ o("div", {
+							className: "text-xs text-text-secondary",
+							children: e.primaryDomain?.hostname ?? "—"
+						})]
+					})
+				}, e.id))
+			})
+		]
+	});
+}
+//#endregion
+export { c as SessionsTab };
+
+//# sourceMappingURL=SessionsTab.js.map

package/dist/pages/tunnels/SessionsTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionsTab.js","names":[],"sources":["../../../src/pages/tunnels/SessionsTab.tsx"],"sourcesContent":["import { PageHeader } from '@/components/shared/PageHeader';\nimport { LoadingState } from '@/components/shared/LoadingState';\nimport { ErrorState } from '@/components/shared/ErrorState';\nimport { EmptyState } from '@/components/shared/EmptyState';\nimport { useListTunnelsQuery } from '@/generated/wspace-operations';\nimport { useTr } from '../../shared/hooks/useTr';\n\n/**\n * Workspace-wide sessions view. Currently shows the most recent active\n * sessions per tunnel by reading the tunnels list (activeSessions is\n * resolved in the Tunnel type). For a scrollable per-session feed, open\n * a tunnel's details page and visit its Sessions tab.\n */\nexport function SessionsTab() {\n  const tr = useTr();\n  const { data, loading, error, refetch } = useListTunnelsQuery({\n    variables: { filter: { status: ['ACTIVE'] }, pagination: { limit: 50 } },\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const tunnels = data?.tunnels?.items ?? [];\n\n  return (\n    <div className=\"p-6 max-w-7xl mx-auto\">\n      <PageHeader\n        title={tr('vibecontrols.tunnels.sessions.title', 'Sessions')}\n        description={tr(\n          'vibecontrols.tunnels.sessions.description',\n          'Active sessions across every tunnel in the workspace.'\n        )}\n      />\n\n      {loading && !data && <LoadingState message=\"Loading sessions\" />}\n      {error && (\n        <ErrorState\n          title=\"Failed to load sessions\"\n          message={error.message}\n          onRetry={() => refetch()}\n        />\n      )}\n\n      {data && tunnels.length === 0 && (\n        <EmptyState\n          title={tr('vibecontrols.tunnels.sessions.emptyTitle', 'No active sessions')}\n          description={tr(\n            'vibecontrols.tunnels.sessions.emptyDescription',\n            'Start a tunnel to issue a session.'\n          )}\n        />\n      )}\n\n      {tunnels.length > 0 && (\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface divide-y divide-border-subtle\">\n          {tunnels.map((tunnel: any) => (\n            <div key={tunnel.id} className=\"px-4 py-3\">\n              <div className=\"flex items-center justify-between gap-3\">\n                <div>\n                  <div className=\"font-medium text-text-primary\">{tunnel.name}</div>\n                  <div className=\"text-xs text-text-muted\">\n                    {tunnel.slug} · {tunnel.providerKey}\n                  </div>\n                </div>\n                <div className=\"text-xs text-text-secondary\">\n                  {tunnel.primaryDomain?.hostname ?? '—'}\n                </div>\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAaA,SAAgB,IAAc;CAC5B,IAAM,IAAK,GAAO,EACZ,EAAE,SAAM,YAAS,UAAO,eAAY,EAAoB;EAC5D,WAAW;GAAE,QAAQ,EAAE,QAAQ,CAAC,SAAS,EAAE;GAAE,YAAY,EAAE,OAAO,IAAI;GAAE;EACxE,aAAa;EACd,CAAC,EAEI,IAAU,GAAM,SAAS,SAAS,EAAE;AAE1C,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD;IACE,OAAO,EAAG,uCAAuC,WAAW;IAC5D,aAAa,EACX,6CACA,wDACD;IACD,CAAA;GAED,KAAW,CAAC,KAAQ,kBAAC,GAAD,EAAc,SAAQ,oBAAqB,CAAA;GAC/D,KACC,kBAAC,GAAD;IACE,OAAM;IACN,SAAS,EAAM;IACf,eAAe,GAAS;IACxB,CAAA;GAGH,KAAQ,EAAQ,WAAW,KAC1B,kBAAC,GAAD;IACE,OAAO,EAAG,4CAA4C,qBAAqB;IAC3E,aAAa,EACX,kDACA,qCACD;IACD,CAAA;GAGH,EAAQ,SAAS,KAChB,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAQ,KAAK,MACZ,kBAAC,OAAD;KAAqB,WAAU;eAC7B,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAiC,EAAO;OAAW,CAAA,EAClE,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACG,EAAO;QAAK;QAAI,EAAO;QACpB;SACF,EAAA,CAAA,EACN,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAO,eAAe,YAAY;OAC/B,CAAA,CACF;;KACF,EAZI,EAAO,GAYX,CACN;IACE,CAAA;GAEJ"}

package/dist/pages/tunnels/TunnelDetailsPage.d.ts

@@ -0,0 +1,2 @@
+export declare function TunnelDetailsPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TunnelDetailsPage.d.ts.map

package/dist/pages/tunnels/TunnelDetailsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TunnelDetailsPage.d.ts","sourceRoot":"","sources":["../../../src/pages/tunnels/TunnelDetailsPage.tsx"],"names":[],"mappings":"AAqBA,wBAAgB,iBAAiB,4CAkGhC"}