@burdenoff/microfe-vibecontrols 2026.528.7 → 2026.528.8

package/dist/VibeControlsRoot.js

@@ -2,6 +2,7 @@ import { VibeControlsProvider as e } from "./providers/VibeControlsProvider.js";
 import { VibeControlsRoutes as t } from "./VibeControlsRoutes.js";
 import n from "./components/shared/AgentEventsConnector.js";
 /* empty css                    */
+/* empty css             */
 import { useEffect as r } from "react";
 import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { useRecordProductVisit as a } from "@burdenoff/fe-libs/shared/hooks";

package/dist/VibeControlsRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"VibeControlsRoot.js","names":[],"sources":["../src/VibeControlsRoot.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useEffect, useMemo } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useRecordProductVisit } from '@burdenoff/fe-libs/shared/hooks';\nimport {\n  LayoutDashboard,\n  Bot,\n  Terminal,\n  Zap,\n  Globe,\n  Settings,\n  Activity,\n  Rocket,\n  LayoutGrid,\n  CalendarClock,\n  Shield,\n  Server,\n  GitBranch,\n  Brain,\n  Bookmark,\n  PlayCircle,\n  BarChart2,\n  BookOpen,\n  Box,\n  FileCode,\n  Plug,\n  Puzzle,\n} from 'lucide-react';\nimport { VibeControlsProvider } from './providers/VibeControlsProvider';\nimport { FeatureFlagProvider } from '@burdenoff/fe-libs/shared/feature-flags';\nimport type { NavItem, VibeControlsRootProps } from './types';\nimport { VibeControlsRoutes } from './VibeControlsRoutes';\nimport { AgentEventsConnector } from './components/shared/AgentEventsConnector';\nimport './styles/vibecontrols.css';\n\n/**\n * Root component for the VibeControls microfrontend.\n *\n * This is the main entry point that host applications import and render.\n * It sets up the necessary providers and renders the internal routing.\n * Automatically registers navigation items with the shell if registration functions are provided.\n *\n * @example\n * ```tsx\n * import { VibeControlsRoot, type VibeControlsRootProps } from '@burdenoff/microfe-vibecontrols';\n *\n * function App() {\n *   const props: VibeControlsRootProps = {\n *     basePath: '/vibecontrols',\n *     navigate: (path) => router.push(path),\n *     currentUser: { id: '1', email: 'user@example.com', firstName: 'John', lastName: 'Doe' },\n *     workspaceId: 'ws-123',\n *     tenantId: 'tenant-123',\n *     apiGatewayUrl: 'https://api.example.com',\n *     authToken: 'token',\n *     defaultView: 'agents',\n *     onAgentSelect: (agent) => console.log('Agent selected:', agent),\n *     onSessionStart: (session) => console.log('Session started:', session),\n *     onVibeActivate: (vibe) => console.log('Vibe activated:', vibe),\n *     registerNavItems: (items) => { return () => {}; },\n *   };\n *\n *   return <VibeControlsRoot {...props} />;\n * }\n * ```\n */\nexport const VibeControlsRoot: FC<VibeControlsRootProps> = (props) => {\n  const { registerNavItems, registerFooterItems, basePath = '/', workspaceId } = props;\n  const { t, locale } = useI18n();\n\n  const isPublicLinkRoute =\n    typeof window !== 'undefined' &&\n    /^\\/vibecontrols\\/(share|deck)\\//.test(window.location.pathname);\n\n  useRecordProductVisit({ productSlug: 'vibecontrols', enabled: !isPublicLinkRoute });\n\n  // Helper to join paths correctly, avoiding double slashes\n  const joinPath = (base: string, path: string): string => {\n    const cleanBase = base.endsWith('/') ? base.slice(0, -1) : base;\n    const cleanPath = path.startsWith('/') ? path : `/${path}`;\n    return cleanBase + cleanPath;\n  };\n\n  // Register navigation items with the shell\n  useEffect(() => {\n    if (!registerNavItems || isPublicLinkRoute) return;\n\n    const navItems: NavItem[] = [\n      // Main navigation\n      {\n        id: 'vibecontrols-overview',\n        label: t('nav.overview'),\n        path: basePath === '/' ? '/' : basePath,\n        icon: <LayoutDashboard size={20} />,\n        order: 10,\n        group: 'vibecontrols',\n      },\n\n      // Targets first — the primary entity\n      {\n        id: 'vibecontrols-targets',\n        label: t('nav.targets'),\n        path: joinPath(basePath, 'targets'),\n        icon: <Server size={20} />,\n        order: 12,\n        group: 'vibecontrols',\n      },\n      {\n        id: 'vibecontrols-agents',\n        label: t('nav.agents'),\n        path: joinPath(basePath, 'agents'),\n        icon: <Bot size={20} />,\n        order: 14,\n        group: 'vibecontrols',\n      },\n      {\n        id: 'vibecontrols-agent-graph',\n        label: t('nav.agentGraph'),\n        path: joinPath(basePath, 'agent-graph'),\n        icon: <GitBranch size={20} />,\n        order: 16,\n        group: 'vibecontrols',\n      },\n      {\n        id: 'vibecontrols-vibes',\n        label: t('nav.vibes'),\n        path: joinPath(basePath, 'vibes'),\n        icon: <Zap size={20} />,\n        order: 20,\n        group: 'vibecontrols',\n      },\n      {\n        id: 'vibecontrols-catalogs',\n        label: t('nav.catalogs') === 'nav.catalogs' ? 'Catalogs' : t('nav.catalogs'),\n        path: joinPath(basePath, 'catalogs'),\n        icon: <BookOpen size={20} />,\n        order: 21,\n        group: 'vibecontrols',\n      },\n      {\n        id: 'vibecontrols-components',\n        label: t('nav.components') === 'nav.components' ? 'Components' : t('nav.components'),\n        path: joinPath(basePath, 'components'),\n        icon: <Box size={20} />,\n        order: 22,\n        group: 'vibecontrols',\n      },\n      {\n        id: 'vibecontrols-templates',\n        label: t('nav.templates') === 'nav.templates' ? 'Templates' : t('nav.templates'),\n        path: joinPath(basePath, 'templates'),\n        icon: <FileCode size={20} />,\n        order: 23,\n        group: 'vibecontrols',\n      },\n      {\n        id: 'vibecontrols-plugins',\n        label: t('nav.plugins') === 'nav.plugins' ? 'Plugins' : t('nav.plugins'),\n        path: joinPath(basePath, 'plugins'),\n        icon: <Puzzle size={20} />,\n        order: 24,\n        group: 'vibecontrols',\n      },\n      {\n        id: 'vibecontrols-vibedeck',\n        label: t('nav.vibeDeck'),\n        path: joinPath(basePath, 'vibedeck'),\n        icon: <LayoutGrid size={20} />,\n        order: 25,\n        group: 'vibecontrols',\n      },\n      {\n        id: 'vibecontrols-sessions',\n        label: t('nav.sessions'),\n        path: joinPath(basePath, 'sessions'),\n        icon: <Terminal size={20} />,\n        order: 30,\n        group: 'vibecontrols',\n      },\n      {\n        id: 'vibecontrols-vibecalendar',\n        label: t('nav.vibeCalendar'),\n        path: joinPath(basePath, 'calendar'),\n        icon: <CalendarClock size={20} />,\n        order: 35,\n        group: 'vibecontrols',\n      },\n      // AI Vibecoding\n      {\n        id: 'vibecontrols-ai',\n        label: t('nav.ai'),\n        path: joinPath(basePath, 'ai'),\n        icon: <Brain size={20} />,\n        order: 38,\n        group: 'vibecontrols',\n      },\n      {\n        id: 'vibecontrols-ai-bookmarks',\n        label: t('nav.aiBookmarks'),\n        path: joinPath(basePath, 'ai/bookmarks'),\n        icon: <Bookmark size={20} />,\n        order: 38.5,\n        group: 'vibecontrols',\n      },\n\n      // Actions\n      {\n        id: 'vibecontrols-actions',\n        label: t('nav.actions'),\n        path: joinPath(basePath, 'actions'),\n        icon: <PlayCircle size={20} />,\n        order: 40,\n        group: 'vibecontrols',\n      },\n\n      {\n        id: 'vibecontrols-getting-started',\n        label: t('nav.gettingStarted'),\n        path: joinPath(basePath, 'getting-started'),\n        icon: <Rocket size={20} />,\n        order: 50,\n        group: 'vibecontrols',\n      },\n\n      // Connection management\n      {\n        id: 'vibecontrols-tunnels',\n        label: t('nav.tunnels'),\n        path: joinPath(basePath, 'tunnels'),\n        icon: <Globe size={20} />,\n        order: 47,\n        group: 'vibecontrols',\n      },\n\n      {\n        id: 'vibecontrols-analytics',\n        label: t('nav.analytics'),\n        path: joinPath(basePath, 'analytics'),\n        icon: <BarChart2 size={20} />,\n        order: 55.5,\n        group: 'vibecontrols-system',\n      },\n      {\n        id: 'vibecontrols-audit',\n        label: t('nav.vibeAudit'),\n        path: joinPath(basePath, 'audit'),\n        icon: <Shield size={20} />,\n        order: 56,\n        group: 'vibecontrols-system',\n      },\n\n      // Settings & System\n      {\n        id: 'vibecontrols-health',\n        label: t('nav.health'),\n        path: joinPath(basePath, 'health'),\n        icon: <Activity size={20} />,\n        order: 110,\n        group: 'vibecontrols-system',\n      },\n      {\n        id: 'vibecontrols-integrations',\n        label:\n          t('nav.integrations') === 'nav.integrations' ? 'Integrations' : t('nav.integrations'),\n        // Absolute path — links out to the host shell's /integrations route\n        // (microfe-integrations, mounted by vibecontrols-app). Keeps the\n        // VibeControls MFE compliant with the no-cross-MFE-import rule.\n        path: '/integrations',\n        icon: <Plug size={20} />,\n        order: 115,\n        group: 'vibecontrols-system',\n      },\n      {\n        id: 'vibecontrols-settings',\n        label: t('nav.settings'),\n        path: joinPath(basePath, 'settings'),\n        icon: <Settings size={20} />,\n        order: 120,\n        group: 'vibecontrols-system',\n      },\n    ];\n\n    // Register and get cleanup function\n    const cleanup = registerNavItems(navItems);\n\n    // Return cleanup function to unregister on unmount\n    return cleanup;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [registerNavItems, basePath, t, locale, isPublicLinkRoute]);\n\n  // Register footer items (example: status indicator in left section)\n  useEffect(() => {\n    if (!registerFooterItems || isPublicLinkRoute) return;\n\n    const footerItems = [\n      {\n        id: 'vibecontrols-status',\n        label: 'VibeControls Ready',\n        type: 'status' as const,\n        order: 10,\n        section: 'left' as const,\n      },\n    ];\n\n    const cleanup = registerFooterItems(footerItems);\n    return cleanup;\n  }, [registerFooterItems, isPublicLinkRoute]);\n\n  return (\n    <FeatureFlagProvider workspaceId={workspaceId ?? null} gateway=\"global\" defaultEnabled={true}>\n      <VibeControlsProvider {...props}>\n        {!isPublicLinkRoute ? (\n          /* Agent events connector - syncs active agent to WebSocket */\n          <AgentEventsConnector />\n        ) : null}\n        <VibeControlsRoutes />\n      </VibeControlsProvider>\n    </FeatureFlagProvider>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"VibeControlsRoot.js","names":[],"sources":["../src/VibeControlsRoot.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useEffect, useMemo } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useRecordProductVisit } from '@burdenoff/fe-libs/shared/hooks';\nimport {\n  LayoutDashboard,\n  Bot,\n  Terminal,\n  Zap,\n  Globe,\n  Settings,\n  Activity,\n  Rocket,\n  LayoutGrid,\n  CalendarClock,\n  Shield,\n  Server,\n  GitBranch,\n  Brain,\n  Bookmark,\n  PlayCircle,\n  BarChart2,\n  BookOpen,\n  Box,\n  FileCode,\n  Plug,\n  Puzzle,\n} from 'lucide-react';\nimport { VibeControlsProvider } from './providers/VibeControlsProvider';\nimport { FeatureFlagProvider } from '@burdenoff/fe-libs/shared/feature-flags';\nimport type { NavItem, VibeControlsRootProps } from './types';\nimport { VibeControlsRoutes } from './VibeControlsRoutes';\nimport { AgentEventsConnector } from './components/shared/AgentEventsConnector';\nimport './styles/vibecontrols.css';\nimport './styles/print.css';\n\n/**\n * Root component for the VibeControls microfrontend.\n *\n * This is the main entry point that host applications import and render.\n * It sets up the necessary providers and renders the internal routing.\n * Automatically registers navigation items with the shell if registration functions are provided.\n *\n * @example\n * ```tsx\n * import { VibeControlsRoot, type VibeControlsRootProps } from '@burdenoff/microfe-vibecontrols';\n *\n * function App() {\n *   const props: VibeControlsRootProps = {\n *     basePath: '/vibecontrols',\n *     navigate: (path) => router.push(path),\n *     currentUser: { id: '1', email: 'user@example.com', firstName: 'John', lastName: 'Doe' },\n *     workspaceId: 'ws-123',\n *     tenantId: 'tenant-123',\n *     apiGatewayUrl: 'https://api.example.com',\n *     authToken: 'token',\n *     defaultView: 'agents',\n *     onAgentSelect: (agent) => console.log('Agent selected:', agent),\n *     onSessionStart: (session) => console.log('Session started:', session),\n *     onVibeActivate: (vibe) => console.log('Vibe activated:', vibe),\n *     registerNavItems: (items) => { return () => {}; },\n *   };\n *\n *   return <VibeControlsRoot {...props} />;\n * }\n * ```\n */\nexport const VibeControlsRoot: FC<VibeControlsRootProps> = (props) => {\n  const { registerNavItems, registerFooterItems, basePath = '/', workspaceId } = props;\n  const { t, locale } = useI18n();\n\n  const isPublicLinkRoute =\n    typeof window !== 'undefined' &&\n    /^\\/vibecontrols\\/(share|deck)\\//.test(window.location.pathname);\n\n  useRecordProductVisit({ productSlug: 'vibecontrols', enabled: !isPublicLinkRoute });\n\n  // Helper to join paths correctly, avoiding double slashes\n  const joinPath = (base: string, path: string): string => {\n    const cleanBase = base.endsWith('/') ? base.slice(0, -1) : base;\n    const cleanPath = path.startsWith('/') ? path : `/${path}`;\n    return cleanBase + cleanPath;\n  };\n\n  // Register navigation items with the shell\n  useEffect(() => {\n    if (!registerNavItems || isPublicLinkRoute) return;\n\n    const navItems: NavItem[] = [\n      // Main navigation\n      {\n        id: 'vibecontrols-overview',\n        label: t('nav.overview'),\n        path: basePath === '/' ? '/' : basePath,\n        icon: <LayoutDashboard size={20} />,\n        order: 10,\n        group: 'vibecontrols',\n      },\n\n      // Targets first — the primary entity\n      {\n        id: 'vibecontrols-targets',\n        label: t('nav.targets'),\n        path: joinPath(basePath, 'targets'),\n        icon: <Server size={20} />,\n        order: 12,\n        group: 'vibecontrols',\n      },\n      {\n        id: 'vibecontrols-agents',\n        label: t('nav.agents'),\n        path: joinPath(basePath, 'agents'),\n        icon: <Bot size={20} />,\n        order: 14,\n        group: 'vibecontrols',\n      },\n      {\n        id: 'vibecontrols-agent-graph',\n        label: t('nav.agentGraph'),\n        path: joinPath(basePath, 'agent-graph'),\n        icon: <GitBranch size={20} />,\n        order: 16,\n        group: 'vibecontrols',\n      },\n      {\n        id: 'vibecontrols-vibes',\n        label: t('nav.vibes'),\n        path: joinPath(basePath, 'vibes'),\n        icon: <Zap size={20} />,\n        order: 20,\n        group: 'vibecontrols',\n      },\n      {\n        id: 'vibecontrols-catalogs',\n        label: t('nav.catalogs') === 'nav.catalogs' ? 'Catalogs' : t('nav.catalogs'),\n        path: joinPath(basePath, 'catalogs'),\n        icon: <BookOpen size={20} />,\n        order: 21,\n        group: 'vibecontrols',\n      },\n      {\n        id: 'vibecontrols-components',\n        label: t('nav.components') === 'nav.components' ? 'Components' : t('nav.components'),\n        path: joinPath(basePath, 'components'),\n        icon: <Box size={20} />,\n        order: 22,\n        group: 'vibecontrols',\n      },\n      {\n        id: 'vibecontrols-templates',\n        label: t('nav.templates') === 'nav.templates' ? 'Templates' : t('nav.templates'),\n        path: joinPath(basePath, 'templates'),\n        icon: <FileCode size={20} />,\n        order: 23,\n        group: 'vibecontrols',\n      },\n      {\n        id: 'vibecontrols-plugins',\n        label: t('nav.plugins') === 'nav.plugins' ? 'Plugins' : t('nav.plugins'),\n        path: joinPath(basePath, 'plugins'),\n        icon: <Puzzle size={20} />,\n        order: 24,\n        group: 'vibecontrols',\n      },\n      {\n        id: 'vibecontrols-vibedeck',\n        label: t('nav.vibeDeck'),\n        path: joinPath(basePath, 'vibedeck'),\n        icon: <LayoutGrid size={20} />,\n        order: 25,\n        group: 'vibecontrols',\n      },\n      {\n        id: 'vibecontrols-sessions',\n        label: t('nav.sessions'),\n        path: joinPath(basePath, 'sessions'),\n        icon: <Terminal size={20} />,\n        order: 30,\n        group: 'vibecontrols',\n      },\n      {\n        id: 'vibecontrols-vibecalendar',\n        label: t('nav.vibeCalendar'),\n        path: joinPath(basePath, 'calendar'),\n        icon: <CalendarClock size={20} />,\n        order: 35,\n        group: 'vibecontrols',\n      },\n      // AI Vibecoding\n      {\n        id: 'vibecontrols-ai',\n        label: t('nav.ai'),\n        path: joinPath(basePath, 'ai'),\n        icon: <Brain size={20} />,\n        order: 38,\n        group: 'vibecontrols',\n      },\n      {\n        id: 'vibecontrols-ai-bookmarks',\n        label: t('nav.aiBookmarks'),\n        path: joinPath(basePath, 'ai/bookmarks'),\n        icon: <Bookmark size={20} />,\n        order: 38.5,\n        group: 'vibecontrols',\n      },\n\n      // Actions\n      {\n        id: 'vibecontrols-actions',\n        label: t('nav.actions'),\n        path: joinPath(basePath, 'actions'),\n        icon: <PlayCircle size={20} />,\n        order: 40,\n        group: 'vibecontrols',\n      },\n\n      {\n        id: 'vibecontrols-getting-started',\n        label: t('nav.gettingStarted'),\n        path: joinPath(basePath, 'getting-started'),\n        icon: <Rocket size={20} />,\n        order: 50,\n        group: 'vibecontrols',\n      },\n\n      // Connection management\n      {\n        id: 'vibecontrols-tunnels',\n        label: t('nav.tunnels'),\n        path: joinPath(basePath, 'tunnels'),\n        icon: <Globe size={20} />,\n        order: 47,\n        group: 'vibecontrols',\n      },\n\n      {\n        id: 'vibecontrols-analytics',\n        label: t('nav.analytics'),\n        path: joinPath(basePath, 'analytics'),\n        icon: <BarChart2 size={20} />,\n        order: 55.5,\n        group: 'vibecontrols-system',\n      },\n      {\n        id: 'vibecontrols-audit',\n        label: t('nav.vibeAudit'),\n        path: joinPath(basePath, 'audit'),\n        icon: <Shield size={20} />,\n        order: 56,\n        group: 'vibecontrols-system',\n      },\n\n      // Settings & System\n      {\n        id: 'vibecontrols-health',\n        label: t('nav.health'),\n        path: joinPath(basePath, 'health'),\n        icon: <Activity size={20} />,\n        order: 110,\n        group: 'vibecontrols-system',\n      },\n      {\n        id: 'vibecontrols-integrations',\n        label:\n          t('nav.integrations') === 'nav.integrations' ? 'Integrations' : t('nav.integrations'),\n        // Absolute path — links out to the host shell's /integrations route\n        // (microfe-integrations, mounted by vibecontrols-app). Keeps the\n        // VibeControls MFE compliant with the no-cross-MFE-import rule.\n        path: '/integrations',\n        icon: <Plug size={20} />,\n        order: 115,\n        group: 'vibecontrols-system',\n      },\n      {\n        id: 'vibecontrols-settings',\n        label: t('nav.settings'),\n        path: joinPath(basePath, 'settings'),\n        icon: <Settings size={20} />,\n        order: 120,\n        group: 'vibecontrols-system',\n      },\n    ];\n\n    // Register and get cleanup function\n    const cleanup = registerNavItems(navItems);\n\n    // Return cleanup function to unregister on unmount\n    return cleanup;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [registerNavItems, basePath, t, locale, isPublicLinkRoute]);\n\n  // Register footer items (example: status indicator in left section)\n  useEffect(() => {\n    if (!registerFooterItems || isPublicLinkRoute) return;\n\n    const footerItems = [\n      {\n        id: 'vibecontrols-status',\n        label: 'VibeControls Ready',\n        type: 'status' as const,\n        order: 10,\n        section: 'left' as const,\n      },\n    ];\n\n    const cleanup = registerFooterItems(footerItems);\n    return cleanup;\n  }, [registerFooterItems, isPublicLinkRoute]);\n\n  return (\n    <FeatureFlagProvider workspaceId={workspaceId ?? null} gateway=\"global\" defaultEnabled={true}>\n      <VibeControlsProvider {...props}>\n        {!isPublicLinkRoute ? (\n          /* Agent events connector - syncs active agent to WebSocket */\n          <AgentEventsConnector />\n        ) : null}\n        <VibeControlsRoutes />\n      </VibeControlsProvider>\n    </FeatureFlagProvider>\n  );\n};\n"],"mappings":"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"}

package/dist/components/audit/AuditLogFilters.js

@@ -4,169 +4,193 @@ import "../shared/index.js";
 import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/audit/AuditLogFilters.tsx
-function a({ searchQuery: a, onSearchChange: o, actionFilter: s, onActionChange: c, resourceTypeFilter: l, onResourceTypeChange: u, statusFilter: d, onStatusChange: f, hasCommandFilter: p, onHasCommandChange: m }) {
-	let { t: h } = n(), g = (e, t) => {
-		let n = h(e);
+function a({ searchQuery: a, onSearchChange: o, actionFilter: s, onActionChange: c, resourceTypeFilter: l, onResourceTypeChange: u, statusFilter: d, onStatusChange: f, hasCommandFilter: p, onHasCommandChange: m, agentFilter: h, onAgentChange: g, agents: _, vibeFilter: v, onVibeChange: y, vibes: b }) {
+	let { t: x } = n(), S = (e, t) => {
+		let n = x(e);
 		return n === e ? t : n;
-	}, _ = [
+	}, C = [
 		{
 			value: "all",
-			label: g("audit.allActions", "All Actions")
+			label: S("audit.allActions", "All Actions")
 		},
 		{
 			value: "CREATE",
-			label: g("audit.actionCreate", "Create")
+			label: S("audit.actionCreate", "Create")
 		},
 		{
 			value: "UPDATE",
-			label: g("audit.actionUpdate", "Update")
+			label: S("audit.actionUpdate", "Update")
 		},
 		{
 			value: "DELETE",
-			label: g("audit.actionDelete", "Delete")
+			label: S("audit.actionDelete", "Delete")
 		},
 		{
 			value: "EXECUTE",
-			label: g("audit.actionExecute", "Execute")
+			label: S("audit.actionExecute", "Execute")
 		},
 		{
 			value: "EXPORT",
-			label: g("audit.actionExport", "Export")
+			label: S("audit.actionExport", "Export")
 		},
 		{
 			value: "SHARE",
-			label: g("audit.actionShare", "Share")
+			label: S("audit.actionShare", "Share")
 		},
 		{
 			value: "REVOKE",
-			label: g("audit.actionRevoke", "Revoke")
+			label: S("audit.actionRevoke", "Revoke")
 		},
 		{
 			value: "ARCHIVE",
-			label: g("audit.actionArchive", "Archive")
+			label: S("audit.actionArchive", "Archive")
 		},
 		{
 			value: "RESTORE",
-			label: g("audit.actionRestore", "Restore")
+			label: S("audit.actionRestore", "Restore")
 		}
-	], v = [
+	], w = [
 		{
 			value: "all",
-			label: g("audit.allResources", "All Resources")
+			label: S("audit.allResources", "All Resources")
 		},
 		{
 			value: "AGENT",
-			label: g("audit.resourceAgent", "Agent")
+			label: S("audit.resourceAgent", "Agent")
 		},
 		{
 			value: "VIBE",
-			label: g("audit.resourceVibe", "Vibe")
+			label: S("audit.resourceVibe", "Vibe")
 		},
 		{
 			value: "SESSION",
-			label: g("audit.resourceSession", "Session")
+			label: S("audit.resourceSession", "Session")
 		},
 		{
 			value: "VIBE_DECK",
-			label: g("audit.resourceVibeDeck", "Vibe Deck")
+			label: S("audit.resourceVibeDeck", "Vibe Deck")
 		},
 		{
 			value: "VIBE_DECK_BUTTON",
-			label: g("audit.resourceDeckButton", "Deck Button")
+			label: S("audit.resourceDeckButton", "Deck Button")
 		},
 		{
 			value: "NOTE",
-			label: g("audit.resourceNote", "Note")
+			label: S("audit.resourceNote", "Note")
 		},
 		{
 			value: "CONFIGURATION",
-			label: g("audit.resourceConfiguration", "Configuration")
+			label: S("audit.resourceConfiguration", "Configuration")
 		},
 		{
 			value: "WEBHOOK",
-			label: g("audit.resourceWebhook", "Webhook")
+			label: S("audit.resourceWebhook", "Webhook")
 		},
 		{
 			value: "SESSION_SHARE",
-			label: g("audit.resourceSessionShare", "Session Share")
+			label: S("audit.resourceSessionShare", "Session Share")
 		},
 		{
 			value: "AI_TOOL_EVENT",
-			label: g("audit.resourceAiToolEvent", "AI Tool Event")
+			label: S("audit.resourceAiToolEvent", "AI Tool Event")
 		},
 		{
 			value: "AUDIT_LOG",
-			label: g("audit.resourceAuditLog", "Audit Log")
+			label: S("audit.resourceAuditLog", "Audit Log")
 		},
 		{
 			value: "CALENDAR_TASK",
-			label: g("audit.resourceCalendarTask", "Calendar Task")
+			label: S("audit.resourceCalendarTask", "Calendar Task")
 		},
 		{
 			value: "TARGET",
-			label: g("audit.resourceTarget", "Target")
+			label: S("audit.resourceTarget", "Target")
 		},
 		{
 			value: "AGENT_CONNECTION",
-			label: g("audit.resourceAgentConnection", "Agent Connection")
+			label: S("audit.resourceAgentConnection", "Agent Connection")
 		},
 		{
 			value: "UI_SESSION",
-			label: g("audit.resourceUiSession", "UI Session")
+			label: S("audit.resourceUiSession", "UI Session")
 		},
 		{
 			value: "SESSION_SHARE_LINK",
-			label: g("audit.resourceShareLink", "Share Link")
+			label: S("audit.resourceShareLink", "Share Link")
 		}
-	], y = [
+	], T = [
 		{
 			value: "all",
-			label: g("audit.allStatuses", "All Statuses")
+			label: S("audit.allStatuses", "All Statuses")
 		},
 		{
 			value: "SUCCESS",
-			label: g("audit.statusSuccess", "Success")
+			label: S("audit.statusSuccess", "Success")
 		},
 		{
 			value: "FAILURE",
-			label: g("audit.statusFailure", "Failure")
+			label: S("audit.statusFailure", "Failure")
 		},
 		{
 			value: "DENIED",
-			label: g("audit.statusDenied", "Denied")
+			label: S("audit.statusDenied", "Denied")
 		},
 		{
 			value: "ERROR",
-			label: g("audit.statusError", "Error")
+			label: S("audit.statusError", "Error")
 		}
-	];
+	], E = [{
+		value: "all",
+		label: S("audit.allAgents", "All Agents")
+	}, ...(_ ?? []).map((e) => ({
+		value: e.id,
+		label: e.name
+	}))], D = [{
+		value: "all",
+		label: S("audit.allVibes", "All Vibes")
+	}, ...(b ?? []).map((e) => ({
+		value: e.id,
+		label: e.name
+	}))];
 	return /* @__PURE__ */ i("div", {
 		className: "mb-4 flex flex-col gap-3 sm:flex-row sm:flex-wrap sm:items-center",
 		children: [
 			/* @__PURE__ */ r(e, {
 				value: a,
 				onChange: o,
-				placeholder: g("audit.searchPlaceholder", "Search audit logs..."),
+				placeholder: S("audit.searchPlaceholder", "Search audit logs..."),
 				className: "w-full sm:w-64"
 			}),
 			/* @__PURE__ */ r(t, {
-				label: g("audit.action", "Action"),
-				options: _,
+				label: S("audit.action", "Action"),
+				options: C,
 				value: s,
 				onChange: c
 			}),
 			/* @__PURE__ */ r(t, {
-				label: g("audit.resource", "Resource"),
-				options: v,
+				label: S("audit.resource", "Resource"),
+				options: w,
 				value: l,
 				onChange: u
 			}),
 			/* @__PURE__ */ r(t, {
-				label: g("audit.status", "Status"),
-				options: y,
+				label: S("audit.status", "Status"),
+				options: T,
 				value: d,
 				onChange: f
 			}),
+			g && /* @__PURE__ */ r(t, {
+				label: S("audit.agent", "Agent"),
+				options: E,
+				value: h ?? "all",
+				onChange: g
+			}),
+			y && /* @__PURE__ */ r(t, {
+				label: S("audit.vibe", "Vibe"),
+				options: D,
+				value: v ?? "all",
+				onChange: y
+			}),
 			/* @__PURE__ */ i("label", {
 				className: "flex items-center gap-2 text-sm text-text-secondary cursor-pointer",
 				children: [/* @__PURE__ */ r("input", {
@@ -175,7 +199,7 @@ function a({ searchQuery: a, onSearchChange: o, actionFilter: s, onActionChange:
 					checked: p,
 					onChange: (e) => m(e.target.checked),
 					className: "rounded border-border-primary"
-				}), g("audit.commandsOnly", "Commands only")]
+				}), S("audit.commandsOnly", "Commands only")]
 			})
 		]
 	});

package/dist/components/audit/AuditLogFilters.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuditLogFilters.js","names":[],"sources":["../../../src/components/audit/AuditLogFilters.tsx"],"sourcesContent":["import { SearchInput, FilterDropdown } from '@/components/shared';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\ninterface AuditLogFiltersProps {\n  searchQuery: string;\n  onSearchChange: (query: string) => void;\n  actionFilter: string | null;\n  onActionChange: (value: string) => void;\n  resourceTypeFilter: string | null;\n  onResourceTypeChange: (value: string) => void;\n  statusFilter: string | null;\n  onStatusChange: (value: string) => void;\n  hasCommandFilter: boolean;\n  onHasCommandChange: (value: boolean) => void;\n}\n\nexport function AuditLogFilters({\n  searchQuery,\n  onSearchChange,\n  actionFilter,\n  onActionChange,\n  resourceTypeFilter,\n  onResourceTypeChange,\n  statusFilter,\n  onStatusChange,\n  hasCommandFilter,\n  onHasCommandChange,\n}: AuditLogFiltersProps) {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string) => {\n    const v = t(key);\n    return v === key ? fallback : v;\n  };\n\n  const actionOptions = [\n    { value: 'all', label: tr('audit.allActions', 'All Actions') },\n    { value: 'CREATE', label: tr('audit.actionCreate', 'Create') },\n    { value: 'UPDATE', label: tr('audit.actionUpdate', 'Update') },\n    { value: 'DELETE', label: tr('audit.actionDelete', 'Delete') },\n    { value: 'EXECUTE', label: tr('audit.actionExecute', 'Execute') },\n    { value: 'EXPORT', label: tr('audit.actionExport', 'Export') },\n    { value: 'SHARE', label: tr('audit.actionShare', 'Share') },\n    { value: 'REVOKE', label: tr('audit.actionRevoke', 'Revoke') },\n    { value: 'ARCHIVE', label: tr('audit.actionArchive', 'Archive') },\n    { value: 'RESTORE', label: tr('audit.actionRestore', 'Restore') },\n  ];\n\n  const resourceTypeOptions = [\n    { value: 'all', label: tr('audit.allResources', 'All Resources') },\n    { value: 'AGENT', label: tr('audit.resourceAgent', 'Agent') },\n    { value: 'VIBE', label: tr('audit.resourceVibe', 'Vibe') },\n    { value: 'SESSION', label: tr('audit.resourceSession', 'Session') },\n    { value: 'VIBE_DECK', label: tr('audit.resourceVibeDeck', 'Vibe Deck') },\n    { value: 'VIBE_DECK_BUTTON', label: tr('audit.resourceDeckButton', 'Deck Button') },\n    { value: 'NOTE', label: tr('audit.resourceNote', 'Note') },\n    { value: 'CONFIGURATION', label: tr('audit.resourceConfiguration', 'Configuration') },\n    { value: 'WEBHOOK', label: tr('audit.resourceWebhook', 'Webhook') },\n    { value: 'SESSION_SHARE', label: tr('audit.resourceSessionShare', 'Session Share') },\n    { value: 'AI_TOOL_EVENT', label: tr('audit.resourceAiToolEvent', 'AI Tool Event') },\n    { value: 'AUDIT_LOG', label: tr('audit.resourceAuditLog', 'Audit Log') },\n    { value: 'CALENDAR_TASK', label: tr('audit.resourceCalendarTask', 'Calendar Task') },\n    { value: 'TARGET', label: tr('audit.resourceTarget', 'Target') },\n    { value: 'AGENT_CONNECTION', label: tr('audit.resourceAgentConnection', 'Agent Connection') },\n    { value: 'UI_SESSION', label: tr('audit.resourceUiSession', 'UI Session') },\n    { value: 'SESSION_SHARE_LINK', label: tr('audit.resourceShareLink', 'Share Link') },\n  ];\n\n  const statusOptions = [\n    { value: 'all', label: tr('audit.allStatuses', 'All Statuses') },\n    { value: 'SUCCESS', label: tr('audit.statusSuccess', 'Success') },\n    { value: 'FAILURE', label: tr('audit.statusFailure', 'Failure') },\n    { value: 'DENIED', label: tr('audit.statusDenied', 'Denied') },\n    { value: 'ERROR', label: tr('audit.statusError', 'Error') },\n  ];\n\n  return (\n    <div className=\"mb-4 flex flex-col gap-3 sm:flex-row sm:flex-wrap sm:items-center\">\n      <SearchInput\n        value={searchQuery}\n        onChange={onSearchChange}\n        placeholder={tr('audit.searchPlaceholder', 'Search audit logs...')}\n        className=\"w-full sm:w-64\"\n      />\n      <FilterDropdown\n        label={tr('audit.action', 'Action')}\n        options={actionOptions}\n        value={actionFilter}\n        onChange={onActionChange}\n      />\n      <FilterDropdown\n        label={tr('audit.resource', 'Resource')}\n        options={resourceTypeOptions}\n        value={resourceTypeFilter}\n        onChange={onResourceTypeChange}\n      />\n      <FilterDropdown\n        label={tr('audit.status', 'Status')}\n        options={statusOptions}\n        value={statusFilter}\n        onChange={onStatusChange}\n      />\n      <label className=\"flex items-center gap-2 text-sm text-text-secondary cursor-pointer\">\n        <input\n          aria-label=\"control\"\n          type=\"checkbox\"\n          checked={hasCommandFilter}\n          onChange={(e) => onHasCommandChange(e.target.checked)}\n          className=\"rounded border-border-primary\"\n        />\n        {tr('audit.commandsOnly', 'Commands only')}\n      </label>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AuditLogFilters.js","names":[],"sources":["../../../src/components/audit/AuditLogFilters.tsx"],"sourcesContent":["import { SearchInput, FilterDropdown } from '@/components/shared';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\ninterface AgentOption {\n  id: string;\n  name: string;\n}\n\ninterface VibeOption {\n  id: string;\n  name: string;\n}\n\ninterface AuditLogFiltersProps {\n  searchQuery: string;\n  onSearchChange: (query: string) => void;\n  actionFilter: string | null;\n  onActionChange: (value: string) => void;\n  resourceTypeFilter: string | null;\n  onResourceTypeChange: (value: string) => void;\n  statusFilter: string | null;\n  onStatusChange: (value: string) => void;\n  hasCommandFilter: boolean;\n  onHasCommandChange: (value: boolean) => void;\n  agentFilter?: string | null;\n  onAgentChange?: (value: string) => void;\n  agents?: AgentOption[];\n  vibeFilter?: string | null;\n  onVibeChange?: (value: string) => void;\n  vibes?: VibeOption[];\n}\n\nexport function AuditLogFilters({\n  searchQuery,\n  onSearchChange,\n  actionFilter,\n  onActionChange,\n  resourceTypeFilter,\n  onResourceTypeChange,\n  statusFilter,\n  onStatusChange,\n  hasCommandFilter,\n  onHasCommandChange,\n  agentFilter,\n  onAgentChange,\n  agents,\n  vibeFilter,\n  onVibeChange,\n  vibes,\n}: AuditLogFiltersProps) {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string) => {\n    const v = t(key);\n    return v === key ? fallback : v;\n  };\n\n  const actionOptions = [\n    { value: 'all', label: tr('audit.allActions', 'All Actions') },\n    { value: 'CREATE', label: tr('audit.actionCreate', 'Create') },\n    { value: 'UPDATE', label: tr('audit.actionUpdate', 'Update') },\n    { value: 'DELETE', label: tr('audit.actionDelete', 'Delete') },\n    { value: 'EXECUTE', label: tr('audit.actionExecute', 'Execute') },\n    { value: 'EXPORT', label: tr('audit.actionExport', 'Export') },\n    { value: 'SHARE', label: tr('audit.actionShare', 'Share') },\n    { value: 'REVOKE', label: tr('audit.actionRevoke', 'Revoke') },\n    { value: 'ARCHIVE', label: tr('audit.actionArchive', 'Archive') },\n    { value: 'RESTORE', label: tr('audit.actionRestore', 'Restore') },\n  ];\n\n  const resourceTypeOptions = [\n    { value: 'all', label: tr('audit.allResources', 'All Resources') },\n    { value: 'AGENT', label: tr('audit.resourceAgent', 'Agent') },\n    { value: 'VIBE', label: tr('audit.resourceVibe', 'Vibe') },\n    { value: 'SESSION', label: tr('audit.resourceSession', 'Session') },\n    { value: 'VIBE_DECK', label: tr('audit.resourceVibeDeck', 'Vibe Deck') },\n    { value: 'VIBE_DECK_BUTTON', label: tr('audit.resourceDeckButton', 'Deck Button') },\n    { value: 'NOTE', label: tr('audit.resourceNote', 'Note') },\n    { value: 'CONFIGURATION', label: tr('audit.resourceConfiguration', 'Configuration') },\n    { value: 'WEBHOOK', label: tr('audit.resourceWebhook', 'Webhook') },\n    { value: 'SESSION_SHARE', label: tr('audit.resourceSessionShare', 'Session Share') },\n    { value: 'AI_TOOL_EVENT', label: tr('audit.resourceAiToolEvent', 'AI Tool Event') },\n    { value: 'AUDIT_LOG', label: tr('audit.resourceAuditLog', 'Audit Log') },\n    { value: 'CALENDAR_TASK', label: tr('audit.resourceCalendarTask', 'Calendar Task') },\n    { value: 'TARGET', label: tr('audit.resourceTarget', 'Target') },\n    { value: 'AGENT_CONNECTION', label: tr('audit.resourceAgentConnection', 'Agent Connection') },\n    { value: 'UI_SESSION', label: tr('audit.resourceUiSession', 'UI Session') },\n    { value: 'SESSION_SHARE_LINK', label: tr('audit.resourceShareLink', 'Share Link') },\n  ];\n\n  const statusOptions = [\n    { value: 'all', label: tr('audit.allStatuses', 'All Statuses') },\n    { value: 'SUCCESS', label: tr('audit.statusSuccess', 'Success') },\n    { value: 'FAILURE', label: tr('audit.statusFailure', 'Failure') },\n    { value: 'DENIED', label: tr('audit.statusDenied', 'Denied') },\n    { value: 'ERROR', label: tr('audit.statusError', 'Error') },\n  ];\n\n  const agentOptions = [\n    { value: 'all', label: tr('audit.allAgents', 'All Agents') },\n    ...(agents ?? []).map((a) => ({ value: a.id, label: a.name })),\n  ];\n\n  const vibeOptions = [\n    { value: 'all', label: tr('audit.allVibes', 'All Vibes') },\n    ...(vibes ?? []).map((v) => ({ value: v.id, label: v.name })),\n  ];\n\n  return (\n    <div className=\"mb-4 flex flex-col gap-3 sm:flex-row sm:flex-wrap sm:items-center\">\n      <SearchInput\n        value={searchQuery}\n        onChange={onSearchChange}\n        placeholder={tr('audit.searchPlaceholder', 'Search audit logs...')}\n        className=\"w-full sm:w-64\"\n      />\n      <FilterDropdown\n        label={tr('audit.action', 'Action')}\n        options={actionOptions}\n        value={actionFilter}\n        onChange={onActionChange}\n      />\n      <FilterDropdown\n        label={tr('audit.resource', 'Resource')}\n        options={resourceTypeOptions}\n        value={resourceTypeFilter}\n        onChange={onResourceTypeChange}\n      />\n      <FilterDropdown\n        label={tr('audit.status', 'Status')}\n        options={statusOptions}\n        value={statusFilter}\n        onChange={onStatusChange}\n      />\n      {onAgentChange && (\n        <FilterDropdown\n          label={tr('audit.agent', 'Agent')}\n          options={agentOptions}\n          value={agentFilter ?? 'all'}\n          onChange={onAgentChange}\n        />\n      )}\n      {onVibeChange && (\n        <FilterDropdown\n          label={tr('audit.vibe', 'Vibe')}\n          options={vibeOptions}\n          value={vibeFilter ?? 'all'}\n          onChange={onVibeChange}\n        />\n      )}\n      <label className=\"flex items-center gap-2 text-sm text-text-secondary cursor-pointer\">\n        <input\n          aria-label=\"control\"\n          type=\"checkbox\"\n          checked={hasCommandFilter}\n          onChange={(e) => onHasCommandChange(e.target.checked)}\n          className=\"rounded border-border-primary\"\n        />\n        {tr('audit.commandsOnly', 'Commands only')}\n      </label>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/shared/AgentSetupBanner.js

@@ -6,31 +6,32 @@ import { Check as o, Copy as s, Download as c, ExternalLink as l, Terminal as u,
 import { getProfileScopedKey as f } from "@burdenoff/fe-libs/shared/utils";
 import { AnimatePresence as p, motion as m } from "framer-motion";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Button as _ } from "@burdenoff/fe-libs/ui";
 //#region src/components/shared/AgentSetupBanner.tsx
-var _ = "https://www.npmjs.com/package/@vibecontrols/agent";
-function v() {
+var v = "https://www.npmjs.com/package/@vibecontrols/agent";
+function y() {
 	return typeof window > "u" ? "curl -fsSL https://app.vibecontrols.com/install | bash" : `curl -fsSL https://${window.__VIBECONTROLS_HOST__ ?? window.location.host}/install | bash`;
 }
-function y({ variant: y = "compact", dismissible: b = !0, dismissKey: x = "vibecontrols-setup-banner-dismissed", className: S = "" }) {
-	let C = e(), w = t(), T = i(() => v(), []), [E, D] = a(!1), [O, k] = a(() => {
+function b({ variant: b = "compact", dismissible: x = !0, dismissKey: S = "vibecontrols-setup-banner-dismissed", className: C = "" }) {
+	let w = e(), T = t(), E = i(() => y(), []), [D, O] = a(!1), [k, A] = a(() => {
 		try {
-			return localStorage.getItem(f(x)) === "true";
+			return localStorage.getItem(f(S)) === "true";
 		} catch {
 			return !1;
 		}
-	}), A = r(async (e) => {
+	}), j = r(async (e) => {
 		try {
-			await navigator.clipboard.writeText(e), D(!0), setTimeout(() => D(!1), 2e3);
+			await navigator.clipboard.writeText(e), O(!0), setTimeout(() => O(!1), 2e3);
 		} catch {
 			let t = document.createElement("textarea");
-			t.value = e, document.body.appendChild(t), t.select(), document.execCommand("copy"), document.body.removeChild(t), D(!0), setTimeout(() => D(!1), 2e3);
+			t.value = e, document.body.appendChild(t), t.select(), document.execCommand("copy"), document.body.removeChild(t), O(!0), setTimeout(() => O(!1), 2e3);
 		}
-	}, []), j = r(() => {
-		k(!0);
+	}, []), M = r(() => {
+		A(!0);
 		try {
-			localStorage.setItem(f(x), "true");
+			localStorage.setItem(f(S), "true");
 		} catch {}
-	}, [x]), M = {
+	}, [S]), N = {
 		duration: .3,
 		ease: [
 			.4,
@@ -39,7 +40,7 @@ function y({ variant: y = "compact", dismissible: b = !0, dismissKey: x = "vibec
 			1
 		]
 	};
-	return y === "compact" ? /* @__PURE__ */ h(p, { children: !O && /* @__PURE__ */ g(m.div, {
+	return b === "compact" ? /* @__PURE__ */ h(p, { children: !k && /* @__PURE__ */ g(m.div, {
 		initial: {
 			opacity: 0,
 			y: -8,
@@ -55,8 +56,8 @@ function y({ variant: y = "compact", dismissible: b = !0, dismissKey: x = "vibec
 			y: -8,
 			height: 0
 		},
-		transition: M,
-		className: `relative flex flex-col items-start gap-3 px-4 py-3 bg-accent-purple-subtle border border-accent-purple/20 rounded-lg sm:flex-row sm:items-center ${S}`,
+		transition: N,
+		className: `relative flex flex-col items-start gap-3 px-4 py-3 bg-accent-purple-subtle border border-accent-purple/20 rounded-lg sm:flex-row sm:items-center ${C}`,
 		children: [
 			/* @__PURE__ */ h(c, { className: "size-5 text-accent-purple flex-shrink-0" }),
 			/* @__PURE__ */ g("div", {
@@ -64,42 +65,42 @@ function y({ variant: y = "compact", dismissible: b = !0, dismissKey: x = "vibec
 				children: [
 					/* @__PURE__ */ h("span", {
 						className: "text-sm font-medium text-text-primary",
-						children: C("vibecontrols.shared.agentSetupBanner.installPrompt", "Install the VibeControls Agent CLI to get started")
+						children: w("vibecontrols.shared.agentSetupBanner.installPrompt", "Install the VibeControls Agent CLI to get started")
 					}),
 					/* @__PURE__ */ g("code", {
 						className: "inline-flex min-w-0 max-w-full items-center gap-1.5 rounded border border-border-default bg-bg-sunken px-2.5 py-1 font-mono text-xs text-text-primary transition-colors hover:bg-bg-elevated",
-						onClick: () => A(T),
-						title: C("vibecontrols.shared.agentSetupBanner.clickToCopy", "Click to copy"),
+						onClick: () => j(E),
+						title: w("vibecontrols.shared.agentSetupBanner.clickToCopy", "Click to copy"),
 						children: [
 							/* @__PURE__ */ h(u, { className: "size-3" }),
 							/* @__PURE__ */ h("span", {
 								className: "min-w-0 break-all",
-								children: T
+								children: E
 							}),
-							E ? /* @__PURE__ */ h(o, { className: "size-3 text-status-success-text" }) : /* @__PURE__ */ h(s, { className: "size-3 text-text-muted" })
+							D ? /* @__PURE__ */ h(o, { className: "size-3 text-status-success-text" }) : /* @__PURE__ */ h(s, { className: "size-3 text-text-muted" })
 						]
 					}),
 					/* @__PURE__ */ g("button", {
 						type: "button",
-						onClick: () => w("/getting-started"),
+						onClick: () => T("/getting-started"),
 						className: "text-sm text-accent-purple hover:underline flex items-center gap-1",
 						children: [
-							C("vibecontrols.shared.agentSetupBanner.setupGuide", "Setup guide"),
+							w("vibecontrols.shared.agentSetupBanner.setupGuide", "Setup guide"),
 							" ",
 							/* @__PURE__ */ h(l, { className: "size-3" })
 						]
 					})
 				]
 			}),
-			b && /* @__PURE__ */ h("button", {
+			x && /* @__PURE__ */ h("button", {
 				type: "button",
-				onClick: j,
+				onClick: M,
 				className: "flex-shrink-0 p-1 text-text-muted hover:text-text-secondary rounded transition-colors",
-				title: C("vibecontrols.shared.agentSetupBanner.dismiss", "Dismiss"),
+				title: w("vibecontrols.shared.agentSetupBanner.dismiss", "Dismiss"),
 				children: /* @__PURE__ */ h(d, { className: "size-4" })
 			})
 		]
-	}) }) : /* @__PURE__ */ h(p, { children: !O && /* @__PURE__ */ g(m.div, {
+	}) }) : /* @__PURE__ */ h(p, { children: !k && /* @__PURE__ */ g(m.div, {
 		initial: {
 			opacity: 0,
 			y: -8,
@@ -115,13 +116,13 @@ function y({ variant: y = "compact", dismissible: b = !0, dismissKey: x = "vibec
 			y: -8,
 			height: 0
 		},
-		transition: M,
-		className: `relative border border-accent-purple/20 bg-accent-purple-subtle rounded-lg overflow-hidden ${S}`,
-		children: [b && /* @__PURE__ */ h("button", {
+		transition: N,
+		className: `relative border border-accent-purple/20 bg-accent-purple-subtle rounded-lg overflow-hidden ${C}`,
+		children: [x && /* @__PURE__ */ h("button", {
 			type: "button",
-			onClick: j,
+			onClick: M,
 			className: "absolute top-3 right-3 p-1 text-text-muted hover:text-text-secondary rounded transition-colors z-10",
-			title: C("vibecontrols.shared.agentSetupBanner.dismiss", "Dismiss"),
+			title: w("vibecontrols.shared.agentSetupBanner.dismiss", "Dismiss"),
 			children: /* @__PURE__ */ h(d, { className: "size-4" })
 		}), /* @__PURE__ */ g("div", {
 			className: "p-5 sm:p-6",
@@ -133,10 +134,10 @@ function y({ variant: y = "compact", dismissible: b = !0, dismissKey: x = "vibec
 						children: /* @__PURE__ */ h(c, { className: "size-5 text-accent-purple" })
 					}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("h3", {
 						className: "text-base font-semibold text-text-primary",
-						children: C("vibecontrols.shared.agentSetupBanner.title", "Get Started with VibeControls Agent")
+						children: w("vibecontrols.shared.agentSetupBanner.title", "Get Started with VibeControls Agent")
 					}), /* @__PURE__ */ h("p", {
 						className: "text-sm text-text-secondary mt-0.5",
-						children: C("vibecontrols.shared.agentSetupBanner.description", "Install the CLI on any machine you want to manage. The only prerequisite is bun — the curl script installs it for you.")
+						children: w("vibecontrols.shared.agentSetupBanner.description", "Install the CLI on any machine you want to manage. The only prerequisite is bun — the curl script installs it for you.")
 					})] })]
 				}),
 				/* @__PURE__ */ h("div", {
@@ -145,17 +146,21 @@ function y({ variant: y = "compact", dismissible: b = !0, dismissKey: x = "vibec
 				}),
 				/* @__PURE__ */ g("div", {
 					className: "flex flex-wrap items-center gap-3 mt-5 ml-0 sm:ml-13",
-					children: [/* @__PURE__ */ g("button", {
-						type: "button",
-						onClick: () => w("/getting-started"),
-						className: "inline-flex items-center gap-2 px-4 py-2 text-sm bg-accent-purple text-text-inverse rounded-md hover:bg-accent-purple/90 transition-colors",
-						children: [C("vibecontrols.shared.agentSetupBanner.viewFullSetupGuide", "View full setup guide"), /* @__PURE__ */ h(l, { className: "size-3.5" })]
-					}), /* @__PURE__ */ g("a", {
-						href: _,
-						target: "_blank",
-						rel: "noopener noreferrer",
-						className: "inline-flex items-center gap-2 px-4 py-2 text-sm border border-border-default text-text-primary rounded-md hover:bg-bg-sunken transition-colors",
-						children: [C("vibecontrols.shared.agentSetupBanner.npmPackage", "npm package"), /* @__PURE__ */ h(l, { className: "size-3.5" })]
+					children: [/* @__PURE__ */ g(_, {
+						variant: "default",
+						onClick: () => T("/getting-started"),
+						className: "gap-2",
+						children: [w("vibecontrols.shared.agentSetupBanner.viewFullSetupGuide", "View full setup guide"), /* @__PURE__ */ h(l, { className: "size-3.5" })]
+					}), /* @__PURE__ */ h(_, {
+						variant: "outline",
+						asChild: !0,
+						className: "gap-2",
+						children: /* @__PURE__ */ g("a", {
+							href: v,
+							target: "_blank",
+							rel: "noopener noreferrer",
+							children: [w("vibecontrols.shared.agentSetupBanner.npmPackage", "npm package"), /* @__PURE__ */ h(l, { className: "size-3.5" })]
+						})
 					})]
 				})
 			]
@@ -163,6 +168,6 @@ function y({ variant: y = "compact", dismissible: b = !0, dismissKey: x = "vibec
 	}) });
 }
 //#endregion
-export { y as AgentSetupBanner };
+export { b as AgentSetupBanner };
 
 //# sourceMappingURL=AgentSetupBanner.js.map