@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/pages/tunnels/tabs/TunnelUsageTab.js

@@ -0,0 +1,127 @@
+import { useTr as e } from "../../../shared/hooks/useTr.js";
+import { useGetTunnelUsageQuery as t } from "../../../generated/wspace-operations.js";
+import { LoadingState as n } from "../../../components/shared/LoadingState.js";
+import { EmptyState as r } from "../../../components/shared/EmptyState.js";
+import { useMemo as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/pages/tunnels/tabs/TunnelUsageTab.tsx
+function s({ tunnelId: s }) {
+	let u = e(), [d, f] = i(() => {
+		let e = /* @__PURE__ */ new Date();
+		return [(/* @__PURE__ */ new Date(e.getTime() - 1440 * 60 * 1e3)).toISOString(), e.toISOString()];
+	}, []), { data: p, loading: m } = t({ variables: {
+		tunnelId: s,
+		from: d,
+		to: f
+	} }), h = p?.tunnelUsage ?? [], g = h.reduce((e, t) => ({
+		bytesIn: e.bytesIn + Number(t.bytesIn),
+		bytesOut: e.bytesOut + Number(t.bytesOut),
+		requests: e.requests + Number(t.requests),
+		connections: e.connections + Number(t.connections)
+	}), {
+		bytesIn: 0,
+		bytesOut: 0,
+		requests: 0,
+		connections: 0
+	});
+	return m ? /* @__PURE__ */ a(n, { message: "Loading usage" }) : h.length === 0 ? /* @__PURE__ */ a(r, {
+		title: u("vibecontrols.tunnels.usage.emptyUsageTitle", "No usage yet"),
+		description: u("vibecontrols.tunnels.usage.emptyUsageDescription", "Usage appears once the tunnel receives traffic. The backend rolls up hourly buckets.")
+	}) : /* @__PURE__ */ o("div", {
+		className: "max-w-4xl",
+		children: [/* @__PURE__ */ o("div", {
+			className: "grid grid-cols-2 md:grid-cols-4 gap-4 mb-6",
+			children: [
+				/* @__PURE__ */ a(c, {
+					label: "Bytes in",
+					value: l(g.bytesIn)
+				}),
+				/* @__PURE__ */ a(c, {
+					label: "Bytes out",
+					value: l(g.bytesOut)
+				}),
+				/* @__PURE__ */ a(c, {
+					label: "Requests",
+					value: g.requests.toLocaleString()
+				}),
+				/* @__PURE__ */ a(c, {
+					label: "Connections",
+					value: g.connections.toLocaleString()
+				})
+			]
+		}), /* @__PURE__ */ a("div", {
+			className: "rounded-lg border border-border-subtle bg-bg-surface",
+			children: /* @__PURE__ */ o("table", {
+				className: "w-full text-sm",
+				children: [/* @__PURE__ */ a("thead", {
+					className: "border-b border-border-subtle bg-bg-sunken text-text-secondary",
+					children: /* @__PURE__ */ o("tr", { children: [
+						/* @__PURE__ */ a("th", {
+							className: "px-4 py-2 text-left font-medium",
+							children: "Hour"
+						}),
+						/* @__PURE__ */ a("th", {
+							className: "px-4 py-2 text-right font-medium",
+							children: "Bytes in"
+						}),
+						/* @__PURE__ */ a("th", {
+							className: "px-4 py-2 text-right font-medium",
+							children: "Bytes out"
+						}),
+						/* @__PURE__ */ a("th", {
+							className: "px-4 py-2 text-right font-medium",
+							children: "Requests"
+						}),
+						/* @__PURE__ */ a("th", {
+							className: "px-4 py-2 text-right font-medium",
+							children: "Connections"
+						})
+					] })
+				}), /* @__PURE__ */ a("tbody", { children: h.map((e) => /* @__PURE__ */ o("tr", {
+					className: "border-b border-border-subtle last:border-b-0",
+					children: [
+						/* @__PURE__ */ a("td", {
+							className: "px-4 py-2 text-text-secondary",
+							children: new Date(e.hourBucket).toLocaleString()
+						}),
+						/* @__PURE__ */ a("td", {
+							className: "px-4 py-2 text-right text-text-primary",
+							children: l(Number(e.bytesIn))
+						}),
+						/* @__PURE__ */ a("td", {
+							className: "px-4 py-2 text-right text-text-primary",
+							children: l(Number(e.bytesOut))
+						}),
+						/* @__PURE__ */ a("td", {
+							className: "px-4 py-2 text-right text-text-primary",
+							children: Number(e.requests).toLocaleString()
+						}),
+						/* @__PURE__ */ a("td", {
+							className: "px-4 py-2 text-right text-text-primary",
+							children: Number(e.connections).toLocaleString()
+						})
+					]
+				}, e.hourBucket)) })]
+			})
+		})]
+	});
+}
+function c({ label: e, value: t }) {
+	return /* @__PURE__ */ o("div", {
+		className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
+		children: [/* @__PURE__ */ a("div", {
+			className: "text-xs text-text-muted",
+			children: e
+		}), /* @__PURE__ */ a("div", {
+			className: "text-xl font-semibold text-text-primary mt-1",
+			children: t
+		})]
+	});
+}
+function l(e) {
+	return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KiB` : e < 1024 * 1024 * 1024 ? `${(e / 1024 / 1024).toFixed(1)} MiB` : `${(e / 1024 / 1024 / 1024).toFixed(2)} GiB`;
+}
+//#endregion
+export { s as TunnelUsageTab };
+
+//# sourceMappingURL=TunnelUsageTab.js.map

package/dist/pages/tunnels/tabs/TunnelUsageTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TunnelUsageTab.js","names":[],"sources":["../../../../src/pages/tunnels/tabs/TunnelUsageTab.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useGetTunnelUsageQuery, type GetTunnelUsageQuery } from '@/generated/wspace-operations';\nimport { LoadingState } from '@/components/shared/LoadingState';\nimport { EmptyState } from '@/components/shared/EmptyState';\nimport { useTr } from '../../../shared/hooks/useTr';\n\ntype UsageBucket = GetTunnelUsageQuery['tunnelUsage'][number];\n\nexport function TunnelUsageTab({ tunnelId }: { tunnelId: string }) {\n  const tr = useTr();\n  const [from, to] = useMemo(() => {\n    const end = new Date();\n    const start = new Date(end.getTime() - 24 * 60 * 60 * 1000);\n    return [start.toISOString(), end.toISOString()];\n  }, []);\n\n  const { data, loading } = useGetTunnelUsageQuery({\n    variables: { tunnelId, from, to },\n  });\n\n  const buckets: UsageBucket[] = data?.tunnelUsage ?? [];\n  const totals = buckets.reduce(\n    (acc, b) => ({\n      bytesIn: acc.bytesIn + Number(b.bytesIn),\n      bytesOut: acc.bytesOut + Number(b.bytesOut),\n      requests: acc.requests + Number(b.requests),\n      connections: acc.connections + Number(b.connections),\n    }),\n    { bytesIn: 0, bytesOut: 0, requests: 0, connections: 0 }\n  );\n\n  if (loading) return <LoadingState message=\"Loading usage\" />;\n  if (buckets.length === 0) {\n    return (\n      <EmptyState\n        title={tr('vibecontrols.tunnels.usage.emptyUsageTitle', 'No usage yet')}\n        description={tr(\n          'vibecontrols.tunnels.usage.emptyUsageDescription',\n          'Usage appears once the tunnel receives traffic. The backend rolls up hourly buckets.'\n        )}\n      />\n    );\n  }\n\n  return (\n    <div className=\"max-w-4xl\">\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4 mb-6\">\n        <Stat label=\"Bytes in\" value={formatBytes(totals.bytesIn)} />\n        <Stat label=\"Bytes out\" value={formatBytes(totals.bytesOut)} />\n        <Stat label=\"Requests\" value={totals.requests.toLocaleString()} />\n        <Stat label=\"Connections\" value={totals.connections.toLocaleString()} />\n      </div>\n\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-2 text-left font-medium\">Hour</th>\n              <th className=\"px-4 py-2 text-right font-medium\">Bytes in</th>\n              <th className=\"px-4 py-2 text-right font-medium\">Bytes out</th>\n              <th className=\"px-4 py-2 text-right font-medium\">Requests</th>\n              <th className=\"px-4 py-2 text-right font-medium\">Connections</th>\n            </tr>\n          </thead>\n          <tbody>\n            {buckets.map((b) => (\n              <tr key={b.hourBucket} className=\"border-b border-border-subtle last:border-b-0\">\n                <td className=\"px-4 py-2 text-text-secondary\">\n                  {new Date(b.hourBucket).toLocaleString()}\n                </td>\n                <td className=\"px-4 py-2 text-right text-text-primary\">\n                  {formatBytes(Number(b.bytesIn))}\n                </td>\n                <td className=\"px-4 py-2 text-right text-text-primary\">\n                  {formatBytes(Number(b.bytesOut))}\n                </td>\n                <td className=\"px-4 py-2 text-right text-text-primary\">\n                  {Number(b.requests).toLocaleString()}\n                </td>\n                <td className=\"px-4 py-2 text-right text-text-primary\">\n                  {Number(b.connections).toLocaleString()}\n                </td>\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </div>\n    </div>\n  );\n}\n\nfunction Stat({ label, value }: { label: string; value: string }) {\n  return (\n    <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4\">\n      <div className=\"text-xs text-text-muted\">{label}</div>\n      <div className=\"text-xl font-semibold text-text-primary mt-1\">{value}</div>\n    </div>\n  );\n}\n\nfunction formatBytes(n: number): string {\n  if (n < 1024) return `${n} B`;\n  if (n < 1024 * 1024) return `${(n / 1024).toFixed(1)} KiB`;\n  if (n < 1024 * 1024 * 1024) return `${(n / 1024 / 1024).toFixed(1)} MiB`;\n  return `${(n / 1024 / 1024 / 1024).toFixed(2)} GiB`;\n}\n"],"mappings":"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"}

package/dist/plugin.d.ts

@@ -0,0 +1,4 @@
+import { UIPlugin } from '../../../fe-libs/src/shared/plugins/index.ts';
+
+export declare const vibeControlsPlugin: UIPlugin;
+//# sourceMappingURL=plugin.d.ts.map

package/dist/plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAGlE,eAAO,MAAM,kBAAkB,EAAE,QAuFhC,CAAC"}

package/dist/plugin.js

@@ -0,0 +1,84 @@
+import { Bot as e, BotMessageSquare as t, Terminal as n, Zap as r } from "lucide-react";
+//#region src/plugin.tsx
+var i = {
+	manifest: {
+		id: "vibecontrols",
+		name: "VibeControls",
+		version: "2026.328.1",
+		description: "Development environment management — agents, sessions, tunnels, vibes",
+		activationEvents: [{ type: "eager" }],
+		contributes: { commands: [
+			{
+				id: "vc:go-to-agents",
+				pluginId: "vibecontrols",
+				label: "Go to Agents",
+				description: "View all connected agents",
+				icon: e,
+				keywords: [
+					"agents",
+					"vibecontrols",
+					"dev"
+				],
+				shortcut: "g a",
+				section: "VibeControls",
+				execute: () => {}
+			},
+			{
+				id: "vc:go-to-vibes",
+				pluginId: "vibecontrols",
+				label: "Go to Vibes",
+				description: "View all vibes (dev environments)",
+				icon: r,
+				keywords: [
+					"vibes",
+					"environments",
+					"dev"
+				],
+				shortcut: "g v",
+				section: "VibeControls",
+				execute: () => {}
+			},
+			{
+				id: "vc:go-to-sessions",
+				pluginId: "vibecontrols",
+				label: "Go to Sessions",
+				description: "View terminal sessions",
+				icon: n,
+				keywords: [
+					"sessions",
+					"terminal",
+					"shell"
+				],
+				section: "VibeControls",
+				execute: () => {}
+			},
+			{
+				id: "vc:toggle-ai-assistant",
+				pluginId: "vibecontrols",
+				label: "Toggle AI Assistant",
+				description: "Open or close the AI assistant panel",
+				icon: t,
+				keywords: [
+					"ai",
+					"assistant",
+					"chat",
+					"help"
+				],
+				shortcut: "Ctrl+Shift+A",
+				section: "VibeControls",
+				execute: () => {}
+			}
+		] }
+	},
+	activate(e) {
+		let t = e.commands.getByPlugin("vibecontrols");
+		for (let n of t) n.id === "vc:go-to-agents" ? n.execute = () => e.shell.navigate("/vibecontrols/agents") : n.id === "vc:go-to-vibes" ? n.execute = () => e.shell.navigate("/vibecontrols/vibes") : n.id === "vc:go-to-sessions" ? n.execute = () => e.shell.navigate("/vibecontrols/sessions") : n.id === "vc:toggle-ai-assistant" && (n.execute = () => {
+			window.dispatchEvent(new CustomEvent("vc:toggle-ai-assistant"));
+		});
+		e.events.on("context:workspace-changed", () => {});
+	}
+};
+//#endregion
+export { i as vibeControlsPlugin };
+
+//# sourceMappingURL=plugin.js.map

package/dist/plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.js","names":[],"sources":["../src/plugin.tsx"],"sourcesContent":["/**\n * VibeControls UI Plugin.\n *\n * Exports the UIPlugin for the VibeControls microfrontend,\n * declaring its contributions to the app shell (navigation, commands,\n * settings, status bar indicators).\n *\n * This is the plugin counterpart to the VibeControlsRoot component.\n * Both can coexist — the Root handles rendering while the plugin\n * handles shell integration.\n *\n * @module @burdenoff/microfe-vibecontrols/plugin\n *\n * @example\n * ```tsx\n * // In vibecontrols-app/src/plugins/index.ts\n * import { vibeControlsPlugin } from '@burdenoff/microfe-vibecontrols/plugin';\n *\n * export const PLUGINS = [vibeControlsPlugin];\n * ```\n */\n\nimport type { UIPlugin } from '@burdenoff/fe-libs/shared/plugins';\nimport { Terminal, Bot, BotMessageSquare, Zap } from 'lucide-react';\n\nexport const vibeControlsPlugin: UIPlugin = {\n  manifest: {\n    id: 'vibecontrols',\n    name: 'VibeControls',\n    version: '2026.328.1',\n    description: 'Development environment management — agents, sessions, tunnels, vibes',\n    activationEvents: [{ type: 'eager' }],\n\n    contributes: {\n      // Nav items are registered by the app shell (productNav.tsx) and\n      // VibeControlsRoot; do not duplicate them here.\n\n      // Commands for the command palette (Cmd+K)\n      commands: [\n        {\n          id: 'vc:go-to-agents',\n          pluginId: 'vibecontrols',\n          label: 'Go to Agents',\n          description: 'View all connected agents',\n          icon: Bot,\n          keywords: ['agents', 'vibecontrols', 'dev'],\n          shortcut: 'g a',\n          section: 'VibeControls',\n          execute: () => {\n            // Will be wired by shell navigate\n          },\n        },\n        {\n          id: 'vc:go-to-vibes',\n          pluginId: 'vibecontrols',\n          label: 'Go to Vibes',\n          description: 'View all vibes (dev environments)',\n          icon: Zap,\n          keywords: ['vibes', 'environments', 'dev'],\n          shortcut: 'g v',\n          section: 'VibeControls',\n          execute: () => {},\n        },\n        {\n          id: 'vc:go-to-sessions',\n          pluginId: 'vibecontrols',\n          label: 'Go to Sessions',\n          description: 'View terminal sessions',\n          icon: Terminal,\n          keywords: ['sessions', 'terminal', 'shell'],\n          section: 'VibeControls',\n          execute: () => {},\n        },\n        {\n          id: 'vc:toggle-ai-assistant',\n          pluginId: 'vibecontrols',\n          label: 'Toggle AI Assistant',\n          description: 'Open or close the AI assistant panel',\n          icon: BotMessageSquare,\n          keywords: ['ai', 'assistant', 'chat', 'help'],\n          shortcut: 'Ctrl+Shift+A',\n          section: 'VibeControls',\n          execute: () => {},\n        },\n      ],\n    },\n  },\n\n  activate(ctx) {\n    // Wire command navigation to use shell.navigate\n    const commands = ctx.commands.getByPlugin('vibecontrols');\n    for (const cmd of commands) {\n      if (cmd.id === 'vc:go-to-agents') {\n        cmd.execute = () => ctx.shell.navigate('/vibecontrols/agents');\n      } else if (cmd.id === 'vc:go-to-vibes') {\n        cmd.execute = () => ctx.shell.navigate('/vibecontrols/vibes');\n      } else if (cmd.id === 'vc:go-to-sessions') {\n        cmd.execute = () => ctx.shell.navigate('/vibecontrols/sessions');\n      } else if (cmd.id === 'vc:toggle-ai-assistant') {\n        // Toggle is handled by AssistantPanelContext in the app shell\n        // Dispatch a DOM event that the context provider listens for\n        cmd.execute = () => {\n          window.dispatchEvent(new CustomEvent('vc:toggle-ai-assistant'));\n        };\n      }\n    }\n\n    // Listen for workspace changes to refresh data\n    ctx.events.on('context:workspace-changed', () => {\n      // Plugin can refresh agent list, session state, etc.\n    });\n  },\n};\n"],"mappings":";;AAyBA,IAAa,IAA+B;CAC1C,UAAU;EACR,IAAI;EACJ,MAAM;EACN,SAAS;EACT,aAAa;EACb,kBAAkB,CAAC,EAAE,MAAM,SAAS,CAAC;EAErC,aAAa,EAKX,UAAU;GACR;IACE,IAAI;IACJ,UAAU;IACV,OAAO;IACP,aAAa;IACb,MAAM;IACN,UAAU;KAAC;KAAU;KAAgB;KAAM;IAC3C,UAAU;IACV,SAAS;IACT,eAAe;IAGhB;GACD;IACE,IAAI;IACJ,UAAU;IACV,OAAO;IACP,aAAa;IACb,MAAM;IACN,UAAU;KAAC;KAAS;KAAgB;KAAM;IAC1C,UAAU;IACV,SAAS;IACT,eAAe;IAChB;GACD;IACE,IAAI;IACJ,UAAU;IACV,OAAO;IACP,aAAa;IACb,MAAM;IACN,UAAU;KAAC;KAAY;KAAY;KAAQ;IAC3C,SAAS;IACT,eAAe;IAChB;GACD;IACE,IAAI;IACJ,UAAU;IACV,OAAO;IACP,aAAa;IACb,MAAM;IACN,UAAU;KAAC;KAAM;KAAa;KAAQ;KAAO;IAC7C,UAAU;IACV,SAAS;IACT,eAAe;IAChB;GACF,EACF;EACF;CAED,SAAS,GAAK;EAEZ,IAAM,IAAW,EAAI,SAAS,YAAY,eAAe;AACzD,OAAK,IAAM,KAAO,EAChB,CAAI,EAAI,OAAO,oBACb,EAAI,gBAAgB,EAAI,MAAM,SAAS,uBAAuB,GACrD,EAAI,OAAO,mBACpB,EAAI,gBAAgB,EAAI,MAAM,SAAS,sBAAsB,GACpD,EAAI,OAAO,sBACpB,EAAI,gBAAgB,EAAI,MAAM,SAAS,yBAAyB,GACvD,EAAI,OAAO,6BAGpB,EAAI,gBAAgB;AAClB,UAAO,cAAc,IAAI,YAAY,yBAAyB,CAAC;;AAMrE,IAAI,OAAO,GAAG,mCAAmC,GAE/C;;CAEL"}

package/dist/providers/AgentEventsProvider.d.ts

@@ -0,0 +1,79 @@
+import { FC, PropsWithChildren } from 'react';
+import { AiToolNotification, ConnectionStatus } from '../hooks/useAgentEvents';
+
+/**
+ * Context value for agent events
+ */
+interface AgentEventsContextValue {
+    /**
+     * Current agent id being monitored
+     */
+    agentId: string | null;
+    /**
+     * Set the agent id to connect to
+     */
+    setAgentId: (agentId: string | null) => void;
+    /**
+     * WebSocket connection status
+     */
+    connectionStatus: ConnectionStatus;
+    /**
+     * Connection error message
+     */
+    connectionError: string | null;
+    /**
+     * Recent notifications
+     */
+    notifications: AiToolNotification[];
+    /**
+     * Clear all notifications
+     */
+    clearNotifications: () => void;
+    /**
+     * Dismiss a specific notification
+     */
+    dismissNotification: (id: string) => void;
+    /**
+     * Reconnect to the agent event poller
+     */
+    reconnect: () => void;
+    /**
+     * Whether notifications are enabled
+     */
+    notificationsEnabled: boolean;
+    /**
+     * Enable/disable notifications
+     */
+    setNotificationsEnabled: (enabled: boolean) => void;
+}
+/**
+ * Hook to access agent events context
+ */
+export declare const useAgentEventsContext: () => AgentEventsContextValue;
+/**
+ * Props for the AgentEventsProvider
+ */
+interface AgentEventsProviderProps {
+    /**
+     * Position for toast notifications
+     */
+    toastPosition?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+    /**
+     * Auto-dismiss delay in milliseconds
+     */
+    autoDismissDelay?: number;
+    /**
+     * Maximum visible toasts
+     */
+    maxVisibleToasts?: number;
+    /**
+     * Initial notifications enabled state
+     */
+    initialNotificationsEnabled?: boolean;
+}
+/**
+ * Provider component for agent events and notifications
+ */
+export declare const AgentEventsProvider: FC<PropsWithChildren<AgentEventsProviderProps>>;
+export default AgentEventsProvider;
+//# sourceMappingURL=AgentEventsProvider.d.ts.map

package/dist/providers/AgentEventsProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentEventsProvider.d.ts","sourceRoot":"","sources":["../../src/providers/AgentEventsProvider.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAGpF;;GAEG;AACH,UAAU,uBAAuB;IAC/B;;OAEG;IACH,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAEvB;;OAEG;IACH,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAE7C;;OAEG;IACH,gBAAgB,EAAE,gBAAgB,CAAC;IAEnC;;OAEG;IACH,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAE/B;;OAEG;IACH,aAAa,EAAE,kBAAkB,EAAE,CAAC;IAEpC;;OAEG;IACH,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAE/B;;OAEG;IACH,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C;;OAEG;IACH,SAAS,EAAE,MAAM,IAAI,CAAC;IAEtB;;OAEG;IACH,oBAAoB,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,uBAAuB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACrD;AAID;;GAEG;AACH,eAAO,MAAM,qBAAqB,+BAMjC,CAAC;AAEF;;GAEG;AACH,UAAU,wBAAwB;IAChC;;OAEG;IACH,aAAa,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CAAC;IAE1E;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC;AAED;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,iBAAiB,CAAC,wBAAwB,CAAC,CA6D/E,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/providers/AgentEventsProvider.js

@@ -0,0 +1,42 @@
+import { useAgentEvents as e } from "../hooks/useAgentEvents.js";
+import { NotificationToastContainer as t } from "../components/shared/NotificationToast.js";
+import { createContext as n, useCallback as r, useContext as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/providers/AgentEventsProvider.tsx
+var c = n(null), l = () => {
+	let e = i(c);
+	if (!e) throw Error("useAgentEventsContext must be used within AgentEventsProvider");
+	return e;
+}, u = ({ children: n, toastPosition: i = "bottom-right", autoDismissDelay: l = 5e3, maxVisibleToasts: u = 3, initialNotificationsEnabled: d = !0 }) => {
+	let [f, p] = a(null), [m, h] = a(d), { status: g, error: _, notifications: v, reconnect: y, clearNotifications: b, dismissNotification: x } = e({
+		agentId: f,
+		enabled: m && !!f
+	}), S = {
+		agentId: f,
+		setAgentId: p,
+		connectionStatus: g,
+		connectionError: _,
+		notifications: v,
+		clearNotifications: b,
+		dismissNotification: x,
+		reconnect: y,
+		notificationsEnabled: m,
+		setNotificationsEnabled: h
+	}, C = r((e) => {
+		x(e);
+	}, [x]);
+	return /* @__PURE__ */ s(c.Provider, {
+		value: S,
+		children: [n, m && /* @__PURE__ */ o(t, {
+			notifications: v,
+			onDismiss: C,
+			position: i,
+			autoDismissDelay: l,
+			maxVisible: u
+		})]
+	});
+};
+//#endregion
+export { u as default, l as useAgentEventsContext };
+
+//# sourceMappingURL=AgentEventsProvider.js.map

package/dist/providers/AgentEventsProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentEventsProvider.js","names":[],"sources":["../../src/providers/AgentEventsProvider.tsx"],"sourcesContent":["/**\n * AgentEventsProvider\n *\n * Provides near-real-time AI tool notifications from the active agent.\n * Polls workspace GraphQL for recent AI tool events and displays toast notifications.\n */\nimport type { FC, PropsWithChildren } from 'react';\nimport { createContext, useCallback, useContext, useState } from 'react';\nimport { useAgentEvents } from '../hooks/useAgentEvents';\nimport type { AiToolNotification, ConnectionStatus } from '../hooks/useAgentEvents';\nimport { NotificationToastContainer } from '../components/shared/NotificationToast';\n\n/**\n * Context value for agent events\n */\ninterface AgentEventsContextValue {\n  /**\n   * Current agent id being monitored\n   */\n  agentId: string | null;\n\n  /**\n   * Set the agent id to connect to\n   */\n  setAgentId: (agentId: string | null) => void;\n\n  /**\n   * WebSocket connection status\n   */\n  connectionStatus: ConnectionStatus;\n\n  /**\n   * Connection error message\n   */\n  connectionError: string | null;\n\n  /**\n   * Recent notifications\n   */\n  notifications: AiToolNotification[];\n\n  /**\n   * Clear all notifications\n   */\n  clearNotifications: () => void;\n\n  /**\n   * Dismiss a specific notification\n   */\n  dismissNotification: (id: string) => void;\n\n  /**\n   * Reconnect to the agent event poller\n   */\n  reconnect: () => void;\n\n  /**\n   * Whether notifications are enabled\n   */\n  notificationsEnabled: boolean;\n\n  /**\n   * Enable/disable notifications\n   */\n  setNotificationsEnabled: (enabled: boolean) => void;\n}\n\nconst AgentEventsContext = createContext<AgentEventsContextValue | null>(null);\n\n/**\n * Hook to access agent events context\n */\nexport const useAgentEventsContext = () => {\n  const context = useContext(AgentEventsContext);\n  if (!context) {\n    throw new Error('useAgentEventsContext must be used within AgentEventsProvider');\n  }\n  return context;\n};\n\n/**\n * Props for the AgentEventsProvider\n */\ninterface AgentEventsProviderProps {\n  /**\n   * Position for toast notifications\n   */\n  toastPosition?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';\n\n  /**\n   * Auto-dismiss delay in milliseconds\n   */\n  autoDismissDelay?: number;\n\n  /**\n   * Maximum visible toasts\n   */\n  maxVisibleToasts?: number;\n\n  /**\n   * Initial notifications enabled state\n   */\n  initialNotificationsEnabled?: boolean;\n}\n\n/**\n * Provider component for agent events and notifications\n */\nexport const AgentEventsProvider: FC<PropsWithChildren<AgentEventsProviderProps>> = ({\n  children,\n  toastPosition = 'bottom-right',\n  autoDismissDelay = 5000,\n  maxVisibleToasts = 3,\n  initialNotificationsEnabled = true,\n}) => {\n  const [agentId, setAgentId] = useState<string | null>(null);\n  const [notificationsEnabled, setNotificationsEnabled] = useState(initialNotificationsEnabled);\n\n  // Use the agent events hook\n  const {\n    status: connectionStatus,\n    error: connectionError,\n    notifications,\n    reconnect,\n    clearNotifications,\n    dismissNotification,\n  } = useAgentEvents({\n    agentId,\n    enabled: notificationsEnabled && !!agentId,\n  });\n\n  // Memoized context value\n  const contextValue: AgentEventsContextValue = {\n    agentId,\n    setAgentId,\n    connectionStatus,\n    connectionError,\n    notifications,\n    clearNotifications,\n    dismissNotification,\n    reconnect,\n    notificationsEnabled,\n    setNotificationsEnabled,\n  };\n\n  // Handler for dismissing notifications\n  const handleDismiss = useCallback(\n    (id: string) => {\n      dismissNotification(id);\n    },\n    [dismissNotification]\n  );\n\n  return (\n    <AgentEventsContext.Provider value={contextValue}>\n      {children}\n\n      {/* Toast notifications overlay */}\n      {notificationsEnabled && (\n        <NotificationToastContainer\n          notifications={notifications}\n          onDismiss={handleDismiss}\n          position={toastPosition}\n          autoDismissDelay={autoDismissDelay}\n          maxVisible={maxVisibleToasts}\n        />\n      )}\n    </AgentEventsContext.Provider>\n  );\n};\n\nexport default AgentEventsProvider;\n"],"mappings":";;;;;AAmEA,IAAM,IAAqB,EAA8C,KAAK,EAKjE,UAA8B;CACzC,IAAM,IAAU,EAAW,EAAmB;AAC9C,KAAI,CAAC,EACH,OAAU,MAAM,gEAAgE;AAElF,QAAO;GA+BI,KAAwE,EACnF,aACA,mBAAgB,gBAChB,sBAAmB,KACnB,sBAAmB,GACnB,iCAA8B,SAC1B;CACJ,IAAM,CAAC,GAAS,KAAc,EAAwB,KAAK,EACrD,CAAC,GAAsB,KAA2B,EAAS,EAA4B,EAGvF,EACJ,QAAQ,GACR,OAAO,GACP,kBACA,cACA,uBACA,2BACE,EAAe;EACjB;EACA,SAAS,KAAwB,CAAC,CAAC;EACpC,CAAC,EAGI,IAAwC;EAC5C;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,EAGK,IAAgB,GACnB,MAAe;AACd,IAAoB,EAAG;IAEzB,CAAC,EAAoB,CACtB;AAED,QACE,kBAAC,EAAmB,UAApB;EAA6B,OAAO;YAApC,CACG,GAGA,KACC,kBAAC,GAAD;GACiB;GACf,WAAW;GACX,UAAU;GACQ;GAClB,YAAY;GACZ,CAAA,CAEwB"}

package/dist/providers/VibeControlsProvider.d.ts

@@ -0,0 +1,29 @@
+import { FC, PropsWithChildren } from 'react';
+import { VibeControlsRootProps } from '../types';
+
+/**
+ * Hook to access VibeControls context
+ */
+export declare const useVibeControls: () => VibeControlsRootProps;
+/**
+ * Hook for navigation within the VibeControls microfrontend.
+ * Uses the shell's navigate function if available, falling back to
+ * React Router's useNavigate. Automatically prepends basePath.
+ *
+ * Usage:
+ *   const navigate = useVibeNavigate();
+ *   navigate('/agents/123');  // navigates to /vibecontrols/agents/123
+ */
+export declare const useVibeNavigate: () => (path: string) => void;
+/**
+ * Provider component for VibeControls microfrontend
+ * Sets up routing, Apollo Client with auth error detection, and context.
+ *
+ * The Apollo Client is configured with:
+ * - An onError link that detects UNAUTHENTICATED / FORBIDDEN responses and
+ *   invokes the `onAuthError` prop so the host shell can trigger logout.
+ * - A dynamic auth link that reads the token per-request (not baked in at
+ *   client creation time), so token refreshes take effect immediately.
+ */
+export declare const VibeControlsProvider: FC<PropsWithChildren<VibeControlsRootProps>>;
+//# sourceMappingURL=VibeControlsProvider.d.ts.map

package/dist/providers/VibeControlsProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VibeControlsProvider.d.ts","sourceRoot":"","sources":["../../src/providers/VibeControlsProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAqBnD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AA8CtD;;GAEG;AACH,eAAO,MAAM,eAAe,6BAM3B,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,eAKjB,MAAM,SAUhB,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC,qBAAqB,CAAC,CA4K7E,CAAC"}

package/dist/providers/VibeControlsProvider.js

@@ -0,0 +1,126 @@
+import { CombinedGraphQLErrors as e } from "../node_modules/@apollo/client/errors/CombinedGraphQLErrors.js";
+import t from "./AgentEventsProvider.js";
+import n from "../hooks/useInitialDataLoader.js";
+import { createContext as r, useCallback as i, useContext as a, useEffect as o, useMemo as s, useRef as c, useState as l } from "react";
+import { MemoryRouter as u, useNavigate as d } from "react-router-dom";
+import { ApolloClient as f, HttpLink as p, InMemoryCache as m, from as h } from "@apollo/client";
+import { onError as g } from "@apollo/client/link/error";
+import { setContext as _ } from "@apollo/client/link/context";
+import { ApolloProvider as v } from "@apollo/client/react";
+import { QueryClient as y, QueryClientProvider as b } from "@tanstack/react-query";
+import { getStoredAuthToken as x, getStoredWorkspaceToken as S } from "@burdenoff/fe-libs/shared/graphql";
+import { getStoredWorkspaceId as C } from "@burdenoff/fe-libs/shared/graphql/fetch";
+import { PermissionProvider as w } from "@burdenoff/fe-libs/shared/providers/shell";
+import { isAuthNetworkError as T } from "@burdenoff/fe-libs/shared/utils";
+import { Fragment as E, jsx as D } from "react/jsx-runtime";
+//#region src/providers/VibeControlsProvider.tsx
+function O(e = []) {
+	return e.some((e) => {
+		let t = typeof e.extensions?.code == "string" ? e.extensions.code : "", n = typeof e.extensions?.errorCode == "string" ? e.extensions.errorCode : "", r = (e.message ?? "").toLowerCase();
+		return t === "UNAUTHENTICATED" || n === "TOKEN_EXPIRED" || r.includes("token_expired") || r.includes("token expired") || r.includes("session expired") || r.includes("unauthorized") || r.includes("unauthenticated") || r.includes("authentication required") || r.includes("workspace context missing");
+	});
+}
+var k = ({ workspaceId: e, children: t }) => (n({ workspaceId: e }), /* @__PURE__ */ D(E, { children: t })), A = r(null), j = () => {
+	let e = a(A);
+	if (!e) throw Error("useVibeControls must be used within VibeControlsProvider");
+	return e;
+}, M = () => {
+	let { navigate: e, basePath: t } = j(), n = d();
+	return i((r) => {
+		let i = t && t !== "/" ? `${t}${r}` : r;
+		e ? e(i) : n(i);
+	}, [
+		e,
+		t,
+		n
+	]);
+}, N = ({ children: n, basePath: r, navigate: i, currentUser: a, workspaceId: d, tenantId: E, apiGatewayUrl: j, authToken: M, workspaceToken: N, onAgentSelect: P, onSessionStart: F, onVibeActivate: I, defaultView: L, registerNavItems: R, registerFooterItems: z, onAuthError: B }) => {
+	let [V] = l(() => new y({ defaultOptions: { queries: {
+		staleTime: 300 * 1e3,
+		retry: 2
+	} } })), H = c(M), U = c(N), W = c(d), G = c(B);
+	o(() => {
+		H.current = M;
+	}, [M]), o(() => {
+		U.current = N;
+	}, [N]), o(() => {
+		W.current = d;
+	}, [d]), o(() => {
+		G.current = B;
+	}, [B]);
+	let K = s(() => new f({
+		link: h([
+			g(({ error: t }) => {
+				if (e.is(t) && O(t.errors)) {
+					console.warn("[VibeControls] Auth error detected — notifying host shell"), G.current?.();
+					return;
+				}
+				t instanceof Error && T(t) && (console.warn("[VibeControls] Auth network error — notifying host shell"), G.current?.());
+			}),
+			_((e, { headers: t }) => {
+				let n = H.current ?? x(), r = U.current ?? S(), i = W.current || C();
+				return { headers: {
+					...t,
+					...n ? { Authorization: `Bearer ${n}` } : {},
+					...r ? { "X-Workspace-Authorization": `Bearer ${r}` } : {},
+					...i ? { "x-workspace-id": i } : {}
+				} };
+			}),
+			new p({ uri: j ? `${j}/workspaces/graphql` : "/workspaces/graphql" })
+		]),
+		cache: new m(),
+		defaultOptions: {
+			watchQuery: {
+				fetchPolicy: "cache-first",
+				errorPolicy: "all"
+			},
+			query: { errorPolicy: "all" },
+			mutate: { errorPolicy: "all" }
+		}
+	}), [j]), q = {
+		basePath: r,
+		navigate: i,
+		currentUser: a,
+		workspaceId: d,
+		tenantId: E,
+		apiGatewayUrl: j,
+		authToken: M,
+		workspaceToken: N,
+		onAgentSelect: P,
+		onSessionStart: F,
+		onVibeActivate: I,
+		defaultView: L,
+		registerNavItems: R,
+		registerFooterItems: z,
+		onAuthError: B
+	}, J = typeof window < "u" && /^\/vibecontrols\/(share|deck)\//.test(window.location.pathname) ? n : /* @__PURE__ */ D(k, {
+		workspaceId: d,
+		children: /* @__PURE__ */ D(w, {
+			scopeId: d ?? null,
+			gateway: "workspace",
+			children: /* @__PURE__ */ D(t, {
+				toastPosition: "bottom-right",
+				autoDismissDelay: 5e3,
+				maxVisibleToasts: 3,
+				children: n
+			})
+		})
+	}), Y = /* @__PURE__ */ D(b, {
+		client: V,
+		children: r ? /* @__PURE__ */ D(A.Provider, {
+			value: q,
+			children: J
+		}) : /* @__PURE__ */ D(v, {
+			client: K,
+			children: /* @__PURE__ */ D(A.Provider, {
+				value: q,
+				children: J
+			})
+		})
+	});
+	return r ? Y : /* @__PURE__ */ D(u, { children: Y });
+};
+//#endregion
+export { N as VibeControlsProvider, j as useVibeControls, M as useVibeNavigate };
+
+//# sourceMappingURL=VibeControlsProvider.js.map

package/dist/providers/VibeControlsProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VibeControlsProvider.js","names":[],"sources":["../../src/providers/VibeControlsProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from 'react';\nimport {\n  createContext,\n  useContext,\n  useMemo,\n  useCallback,\n  useRef,\n  useEffect,\n  useState,\n} from 'react';\nimport { MemoryRouter, useNavigate as useRouterNavigate } from 'react-router-dom';\nimport { ApolloClient, InMemoryCache, HttpLink, from } from '@apollo/client';\nimport { onError } from '@apollo/client/link/error';\nimport { CombinedGraphQLErrors } from '@apollo/client/errors';\nimport { setContext } from '@apollo/client/link/context';\nimport { ApolloProvider } from '@apollo/client/react';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport { getStoredAuthToken, getStoredWorkspaceToken } from '@burdenoff/fe-libs/shared/graphql';\nimport { getStoredWorkspaceId } from '@burdenoff/fe-libs/shared/graphql/fetch';\nimport { PermissionProvider } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { isAuthNetworkError } from '@burdenoff/fe-libs/shared/utils';\nimport type { VibeControlsRootProps } from '../types';\nimport { AgentEventsProvider } from './AgentEventsProvider';\nimport { useInitialDataLoader } from '../hooks/useInitialDataLoader';\n\nfunction hasSessionAuthErrors(\n  errors: ReadonlyArray<{ message?: string; extensions?: Record<string, unknown> }> = []\n): boolean {\n  return errors.some((error) => {\n    const code = typeof error.extensions?.code === 'string' ? error.extensions.code : '';\n    const errorCode =\n      typeof error.extensions?.errorCode === 'string' ? error.extensions.errorCode : '';\n    const message = (error.message ?? '').toLowerCase();\n\n    return (\n      code === 'UNAUTHENTICATED' ||\n      errorCode === 'TOKEN_EXPIRED' ||\n      message.includes('token_expired') ||\n      message.includes('token expired') ||\n      message.includes('session expired') ||\n      message.includes('unauthorized') ||\n      message.includes('unauthenticated') ||\n      message.includes('authentication required') ||\n      message.includes('workspace context missing')\n    );\n  });\n}\n\n/**\n * Runs the initial data query inside the ApolloProvider tree so the result\n * lands in the MFE's own Apollo cache (not the shell's).\n */\nconst InitialDataPrefetcher: FC<PropsWithChildren<{ workspaceId?: string | null }>> = ({\n  workspaceId,\n  children,\n}) => {\n  useInitialDataLoader({ workspaceId });\n  return <>{children}</>;\n};\n\n/**\n * Context value for VibeControls microfrontend\n */\ntype VibeControlsContextValue = VibeControlsRootProps;\n\nconst VibeControlsContext = createContext<VibeControlsContextValue | null>(null);\n\n/**\n * Hook to access VibeControls context\n */\nexport const useVibeControls = () => {\n  const context = useContext(VibeControlsContext);\n  if (!context) {\n    throw new Error('useVibeControls must be used within VibeControlsProvider');\n  }\n  return context;\n};\n\n/**\n * Hook for navigation within the VibeControls microfrontend.\n * Uses the shell's navigate function if available, falling back to\n * React Router's useNavigate. Automatically prepends basePath.\n *\n * Usage:\n *   const navigate = useVibeNavigate();\n *   navigate('/agents/123');  // navigates to /vibecontrols/agents/123\n */\nexport const useVibeNavigate = () => {\n  const { navigate: shellNavigate, basePath } = useVibeControls();\n  const routerNavigate = useRouterNavigate();\n\n  return useCallback(\n    (path: string) => {\n      const fullPath = basePath && basePath !== '/' ? `${basePath}${path}` : path;\n      if (shellNavigate) {\n        shellNavigate(fullPath);\n      } else {\n        routerNavigate(fullPath);\n      }\n    },\n    [shellNavigate, basePath, routerNavigate]\n  );\n};\n\n/**\n * Provider component for VibeControls microfrontend\n * Sets up routing, Apollo Client with auth error detection, and context.\n *\n * The Apollo Client is configured with:\n * - An onError link that detects UNAUTHENTICATED / FORBIDDEN responses and\n *   invokes the `onAuthError` prop so the host shell can trigger logout.\n * - A dynamic auth link that reads the token per-request (not baked in at\n *   client creation time), so token refreshes take effect immediately.\n */\nexport const VibeControlsProvider: FC<PropsWithChildren<VibeControlsRootProps>> = ({\n  children,\n  basePath,\n  navigate,\n  currentUser,\n  workspaceId,\n  tenantId,\n  apiGatewayUrl,\n  authToken,\n  workspaceToken,\n  onAgentSelect,\n  onSessionStart,\n  onVibeActivate,\n  defaultView,\n  registerNavItems,\n  registerFooterItems,\n  onAuthError,\n}) => {\n  // Per-instance QueryClient so multiple MFE mounts don't share cache\n  const [queryClient] = useState(\n    () =>\n      new QueryClient({\n        defaultOptions: {\n          queries: {\n            staleTime: 5 * 60 * 1000, // 5 minutes\n            retry: 2,\n          },\n        },\n      })\n  );\n\n  // Store tokens and callbacks in refs so the Apollo Client (and its cache)\n  // survives token refreshes. The setContext auth link reads from refs\n  // per-request, so refreshed tokens take effect immediately without\n  // destroying the InMemoryCache.\n  const authTokenRef = useRef(authToken);\n  const workspaceTokenRef = useRef(workspaceToken);\n  const workspaceIdRef = useRef(workspaceId);\n  const onAuthErrorRef = useRef(onAuthError);\n  useEffect(() => {\n    authTokenRef.current = authToken;\n  }, [authToken]);\n  useEffect(() => {\n    workspaceTokenRef.current = workspaceToken;\n  }, [workspaceToken]);\n  useEffect(() => {\n    workspaceIdRef.current = workspaceId;\n  }, [workspaceId]);\n  useEffect(() => {\n    onAuthErrorRef.current = onAuthError;\n  }, [onAuthError]);\n\n  // Build Apollo Client with error link + dynamic auth link.\n  // Only recreated when apiGatewayUrl changes (different endpoint = different client).\n  const apolloClient = useMemo(() => {\n    // Error link (Apollo v4 pattern): detect authentication failures\n    const errorLink = onError(({ error }) => {\n      if (CombinedGraphQLErrors.is(error) && hasSessionAuthErrors(error.errors)) {\n        console.warn('[VibeControls] Auth error detected — notifying host shell');\n        onAuthErrorRef.current?.();\n        return;\n      }\n\n      if (error instanceof Error && isAuthNetworkError(error)) {\n        console.warn('[VibeControls] Auth network error — notifying host shell');\n        onAuthErrorRef.current?.();\n      }\n    });\n\n    // Auth link: dynamically attach dual-token auth and workspace context per-request.\n    // Reads from refs so token refreshes don't recreate the client.\n    const authLink = setContext((_, { headers }) => {\n      const resolvedAuthToken = authTokenRef.current ?? getStoredAuthToken();\n      const resolvedWorkspaceToken = workspaceTokenRef.current ?? getStoredWorkspaceToken();\n      // Fall back to storage when workspaceId prop is empty (e.g. during initial render\n      // before ActiveContextProvider has propagated the value through workspaceBaseProps)\n      const resolvedWorkspaceId = workspaceIdRef.current || getStoredWorkspaceId();\n\n      return {\n        headers: {\n          ...headers,\n          ...(resolvedAuthToken ? { Authorization: `Bearer ${resolvedAuthToken}` } : {}),\n          ...(resolvedWorkspaceToken\n            ? { 'X-Workspace-Authorization': `Bearer ${resolvedWorkspaceToken}` }\n            : {}),\n          ...(resolvedWorkspaceId ? { 'x-workspace-id': resolvedWorkspaceId } : {}),\n        },\n      };\n    });\n\n    const httpLink = new HttpLink({\n      uri: apiGatewayUrl ? `${apiGatewayUrl}/workspaces/graphql` : '/workspaces/graphql',\n    });\n\n    return new ApolloClient({\n      link: from([errorLink, authLink, httpLink]),\n      cache: new InMemoryCache(),\n      defaultOptions: {\n        watchQuery: { fetchPolicy: 'cache-first', errorPolicy: 'all' },\n        query: { errorPolicy: 'all' },\n        mutate: { errorPolicy: 'all' },\n      },\n    });\n  }, [apiGatewayUrl]);\n\n  const contextValue: VibeControlsContextValue = {\n    basePath,\n    navigate,\n    currentUser,\n    workspaceId,\n    tenantId,\n    apiGatewayUrl,\n    authToken,\n    workspaceToken,\n    onAgentSelect,\n    onSessionStart,\n    onVibeActivate,\n    defaultView,\n    registerNavItems,\n    registerFooterItems,\n    onAuthError,\n  };\n\n  const isPublicLinkRoute =\n    typeof window !== 'undefined' &&\n    /^\\/vibecontrols\\/(share|deck)\\//.test(window.location.pathname);\n\n  // Core providers that wrap the children\n  // PermissionProvider requires AuthProvider which is provided by the shell.\n  // It fetches permissions from wspace-rbac-svc via the workspace gateway.\n  // AgentEventsProvider manages WebSocket connections to agents for real-time notifications.\n  const routedChildren = isPublicLinkRoute ? (\n    children\n  ) : (\n    <InitialDataPrefetcher workspaceId={workspaceId}>\n      <PermissionProvider scopeId={workspaceId ?? null} gateway=\"workspace\">\n        <AgentEventsProvider\n          toastPosition=\"bottom-right\"\n          autoDismissDelay={5000}\n          maxVisibleToasts={3}\n        >\n          {children}\n        </AgentEventsProvider>\n      </PermissionProvider>\n    </InitialDataPrefetcher>\n  );\n\n  const coreProviders = (\n    <QueryClientProvider client={queryClient}>\n      {basePath ? (\n        <VibeControlsContext.Provider value={contextValue}>\n          {routedChildren}\n        </VibeControlsContext.Provider>\n      ) : (\n        <ApolloProvider client={apolloClient}>\n          <VibeControlsContext.Provider value={contextValue}>\n            {routedChildren}\n          </VibeControlsContext.Provider>\n        </ApolloProvider>\n      )}\n    </QueryClientProvider>\n  );\n\n  // When integrated into a shell (basePath provided), the shell already has a router\n  // so we don't create another one. When standalone (no basePath), use MemoryRouter.\n  if (basePath) {\n    // Integrated mode: shell already has BrowserRouter, don't create nested router\n    return coreProviders;\n  }\n\n  // Standalone mode: create MemoryRouter for independent operation\n  return <MemoryRouter>{coreProviders}</MemoryRouter>;\n};\n"],"mappings":"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"}