@burdenoff/microfe-vibecontrols 2026.511.1 → 2026.512.1

package/dist/hooks/useActiveAgentProfile.js

@@ -0,0 +1,51 @@
+import { useVibeControlsStore as e } from "../store/vibeControlsStore.js";
+import { useEffect as t, useMemo as n } from "react";
+import { gql as r } from "@apollo/client";
+import { useQuery as i } from "@apollo/client/react";
+//#region src/hooks/useActiveAgentProfile.ts
+var a = r`
+  query VibecontrolsAgentProfiles($agentId: ID!) {
+    vibecontrolsAgentProfiles(agentId: $agentId) {
+      id
+      agentId
+      name
+      isDefault
+      port
+      status
+      tunnelUrl
+      createdAt
+      updatedAt
+    }
+  }
+`;
+function o(r) {
+	let o = e((e) => e.setActiveProfile), s = e((e) => r ? e.activeProfilePerAgent[r] ?? null : null), { data: c, loading: l, error: u, refetch: d } = i(a, {
+		variables: { agentId: r ?? "" },
+		skip: !r,
+		fetchPolicy: "cache-and-network",
+		errorPolicy: "ignore"
+	}), f = n(() => c?.vibecontrolsAgentProfiles ?? [], [c]), p = n(() => f.length === 0 ? null : f.find((e) => e.isDefault) ?? f[0] ?? null, [f]), m = s ?? p?.name ?? "default";
+	return t(() => {
+		r && (s || p && p.name !== "default" && o(r, p.name));
+	}, [
+		r,
+		s,
+		p,
+		o
+	]), {
+		profiles: f,
+		active: m,
+		setActive: (e) => {
+			r && o(r, e);
+		},
+		loading: l,
+		error: u ?? null,
+		refetch: () => {
+			d();
+		}
+	};
+}
+//#endregion
+export { a as VIBECONTROLS_AGENT_PROFILES_QUERY, o as useActiveAgentProfile };
+
+//# sourceMappingURL=useActiveAgentProfile.js.map

package/dist/hooks/useActiveAgentProfile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveAgentProfile.js","names":[],"sources":["../../src/hooks/useActiveAgentProfile.ts"],"sourcesContent":["/**\n * useActiveAgentProfile — Phase 5B (multi-profile-per-daemon).\n *\n * Lists `AgentProfile` rows for an agent and tracks the currently-active\n * profile name in the VibeControls Zustand store (`activeProfilePerAgent`).\n *\n * Active-selection rules:\n *   1. If the user has explicitly selected a profile for this agent, use it.\n *   2. Otherwise, fall back to the profile flagged `isDefault`.\n *   3. Otherwise, fall back to the first profile in the list.\n *   4. Otherwise, fall back to the literal string \"default\" so callers can\n *      build canonical paths even before any AgentProfile rows exist\n *      (server-side compatibility shim).\n *\n * NOTE: The Apollo `gql` document is inlined here (not generated) so this\n * hook compiles cleanly even before the Phase 5A svc work has published\n * the AgentProfile schema to Hive. Once published, the inline document\n * can be replaced with the generated `useVibecontrolsAgentProfilesQuery`\n * hook without touching callsites.\n */\n\nimport { useEffect, useMemo } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { useVibeControlsStore } from '@/store/vibeControlsStore';\n\nexport interface AgentProfile {\n  id: string;\n  agentId: string;\n  name: string;\n  isDefault: boolean;\n  port: number | null;\n  status: string | null;\n  tunnelUrl: string | null;\n  createdAt: string;\n  updatedAt: string;\n}\n\ninterface VibecontrolsAgentProfilesData {\n  vibecontrolsAgentProfiles: AgentProfile[];\n}\n\ninterface VibecontrolsAgentProfilesVars {\n  agentId: string;\n}\n\nconst VIBECONTROLS_AGENT_PROFILES_QUERY = gql`\n  query VibecontrolsAgentProfiles($agentId: ID!) {\n    vibecontrolsAgentProfiles(agentId: $agentId) {\n      id\n      agentId\n      name\n      isDefault\n      port\n      status\n      tunnelUrl\n      createdAt\n      updatedAt\n    }\n  }\n`;\n\nexport interface UseActiveAgentProfileResult {\n  /** All profiles for the agent (empty until svc Phase 5A is live). */\n  profiles: AgentProfile[];\n  /** The currently-selected profile name for this agent. */\n  active: string;\n  /** Persist a new active profile for this agent into the store. */\n  setActive: (profile: string) => void;\n  loading: boolean;\n  error: Error | null;\n  refetch: () => void;\n}\n\nexport function useActiveAgentProfile(\n  agentId: string | null | undefined\n): UseActiveAgentProfileResult {\n  const setActiveProfile = useVibeControlsStore((s) => s.setActiveProfile);\n  const storedActive = useVibeControlsStore((s) =>\n    agentId ? (s.activeProfilePerAgent[agentId] ?? null) : null\n  );\n\n  const { data, loading, error, refetch } = useQuery<\n    VibecontrolsAgentProfilesData,\n    VibecontrolsAgentProfilesVars\n  >(VIBECONTROLS_AGENT_PROFILES_QUERY, {\n    variables: { agentId: agentId ?? '' },\n    skip: !agentId,\n    fetchPolicy: 'cache-and-network',\n    // The svc Phase 5A schema may not be published yet; swallow schema\n    // errors so consumers still render with the canonical \"default\"\n    // fallback instead of the whole tree blowing up.\n    errorPolicy: 'ignore',\n  });\n\n  const profiles = useMemo<AgentProfile[]>(() => data?.vibecontrolsAgentProfiles ?? [], [data]);\n\n  const defaultProfile = useMemo<AgentProfile | null>(() => {\n    if (profiles.length === 0) return null;\n    return profiles.find((p) => p.isDefault) ?? profiles[0] ?? null;\n  }, [profiles]);\n\n  const active: string = storedActive ?? defaultProfile?.name ?? 'default';\n\n  // Auto-commit the resolved default into the store the first time we\n  // see profiles for this agent so downstream readers (which prefer\n  // store-first reads via `getActiveProfile`) match the hook's result.\n  useEffect(() => {\n    if (!agentId) return;\n    if (storedActive) return;\n    if (defaultProfile && defaultProfile.name !== 'default') {\n      setActiveProfile(agentId, defaultProfile.name);\n    }\n  }, [agentId, storedActive, defaultProfile, setActiveProfile]);\n\n  const setActive = (profile: string): void => {\n    if (!agentId) return;\n    setActiveProfile(agentId, profile);\n  };\n\n  return {\n    profiles,\n    active,\n    setActive,\n    loading,\n    error: (error as Error | undefined) ?? null,\n    refetch: () => {\n      void refetch();\n    },\n  };\n}\n\nexport { VIBECONTROLS_AGENT_PROFILES_QUERY };\n"],"mappings":";;;;;AA8CA,IAAM,IAAoC,CAAG;;;;;;;;;;;;;;;AA4B7C,SAAgB,EACd,GAC6B;CAC7B,IAAM,IAAmB,GAAsB,MAAM,EAAE,iBAAiB,EAClE,IAAe,GAAsB,MACzC,IAAW,EAAE,sBAAsB,MAAY,OAAQ,KACxD,EAEK,EAAE,SAAM,YAAS,UAAO,eAAY,EAGxC,GAAmC;EACnC,WAAW,EAAE,SAAS,KAAW,IAAI;EACrC,MAAM,CAAC;EACP,aAAa;EAIb,aAAa;EACd,CAAC,EAEI,IAAW,QAA8B,GAAM,6BAA6B,EAAE,EAAE,CAAC,EAAK,CAAC,EAEvF,IAAiB,QACjB,EAAS,WAAW,IAAU,OAC3B,EAAS,MAAM,MAAM,EAAE,UAAU,IAAI,EAAS,MAAM,MAC1D,CAAC,EAAS,CAAC,EAER,IAAiB,KAAgB,GAAgB,QAAQ;AAkB/D,QAbA,QAAgB;AACT,QACD,KACA,KAAkB,EAAe,SAAS,aAC5C,EAAiB,GAAS,EAAe,KAAK;IAE/C;EAAC;EAAS;EAAc;EAAgB;EAAiB,CAAC,EAOtD;EACL;EACA;EACA,YARiB,MAA0B;AACtC,QACL,EAAiB,GAAS,EAAQ;;EAOlC;EACA,OAAQ,KAA+B;EACvC,eAAe;AACR,MAAS;;EAEjB"}

package/dist/hooks/useAgentEvents.js

@@ -1,4 +1,5 @@
 import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
+import "@burdenoff/fe-libs/shared/graphql";
 import { graphqlFetch as i } from "@burdenoff/fe-libs/shared/graphql/fetch";
 //#region src/hooks/useAgentEvents.ts
 var a = 50, o = 3e3, s = 5;

package/dist/hooks/useAgentEvents.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAgentEvents.js","names":[],"sources":["../../src/hooks/useAgentEvents.ts"],"sourcesContent":["/**\n * useAgentEvents Hook\n *\n * Polls recent AI tool events through the workspace gateway instead of opening\n * a direct browser WebSocket to the agent tunnel.\n */\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { getStoredAuthToken, getStoredWorkspaceToken } from '@burdenoff/fe-libs/shared/graphql';\nimport { graphqlFetch } from '@burdenoff/fe-libs/shared/graphql/fetch';\n\nexport type AgentEventType =\n  | 'connected'\n  | 'session:created'\n  | 'session:updated'\n  | 'session:terminated'\n  | 'session:output'\n  | 'tunnel:started'\n  | 'tunnel:stopped'\n  | 'tunnel:error'\n  | 'notification:new'\n  | 'notification:read'\n  | 'file:changed'\n  | 'task:started'\n  | 'task:completed'\n  | 'task:failed'\n  | 'plugin:installed'\n  | 'plugin:removed'\n  | 'plugin:reloaded'\n  | 'agent:heartbeat'\n  | 'log:entry'\n  | 'pong';\n\nexport interface AiToolNotification {\n  id: string;\n  source: string;\n  eventType: string;\n  title: string;\n  message: string;\n  timestamp: string;\n  properties?: Record<string, unknown>;\n}\n\nexport interface AgentEvent<T = unknown> {\n  type: AgentEventType;\n  payload: T;\n  timestamp: string;\n}\n\nexport type ConnectionStatus = 'disconnected' | 'connecting' | 'connected' | 'error';\n\nexport interface UseAgentEventsOptions {\n  agentId: string | null;\n  enabled?: boolean;\n  reconnectDelay?: number;\n  maxReconnectAttempts?: number;\n  onNotification?: (notification: AiToolNotification) => void;\n  onEvent?: (event: AgentEvent) => void;\n  onStatusChange?: (status: ConnectionStatus) => void;\n}\n\nexport interface UseAgentEventsReturn {\n  status: ConnectionStatus;\n  error: string | null;\n  notifications: AiToolNotification[];\n  reconnect: () => void;\n  disconnect: () => void;\n  clearNotifications: () => void;\n  dismissNotification: (id: string) => void;\n}\n\nconst MAX_NOTIFICATIONS = 50;\nconst DEFAULT_RECONNECT_DELAY = 3000;\nconst DEFAULT_MAX_RECONNECT_ATTEMPTS = 5;\n\ninterface RecentAiToolEvent {\n  id: string;\n  source: string;\n  eventType: string;\n  payload?: Record<string, unknown> | null;\n  createdAt: string;\n}\n\nfunction getWorkspaceId(): string {\n  if (typeof window === 'undefined') return '';\n  return new URLSearchParams(window.location.search).get('workspace') || '';\n}\n\nexport function useAgentEvents(options: UseAgentEventsOptions): UseAgentEventsReturn {\n  const {\n    agentId,\n    enabled = true,\n    reconnectDelay = DEFAULT_RECONNECT_DELAY,\n    maxReconnectAttempts = DEFAULT_MAX_RECONNECT_ATTEMPTS,\n    onNotification,\n    onEvent,\n    onStatusChange,\n  } = options;\n\n  const [status, setStatus] = useState<ConnectionStatus>('disconnected');\n  const [error, setError] = useState<string | null>(null);\n  const [notifications, setNotifications] = useState<AiToolNotification[]>([]);\n\n  const seenEventIdsRef = useRef<Set<string>>(new Set());\n  const reconnectAttemptsRef = useRef(0);\n  const intervalRef = useRef<ReturnType<typeof setInterval> | null>(null);\n  const intentionalDisconnectRef = useRef(false);\n\n  const updateStatus = useCallback(\n    (newStatus: ConnectionStatus) => {\n      setStatus(newStatus);\n      onStatusChange?.(newStatus);\n    },\n    [onStatusChange]\n  );\n\n  const clearIntervalRef = useCallback(() => {\n    if (intervalRef.current) {\n      clearInterval(intervalRef.current);\n      intervalRef.current = null;\n    }\n  }, []);\n\n  const clearNotifications = useCallback(() => {\n    setNotifications([]);\n  }, []);\n\n  const dismissNotification = useCallback((id: string) => {\n    setNotifications((prev) => prev.filter((notification) => notification.id !== id));\n  }, []);\n\n  const pollEvents = useCallback(async () => {\n    if (!agentId || !enabled) return;\n\n    const result = await graphqlFetch<{\n      recentAiToolEvents?: RecentAiToolEvent[];\n    }>({\n      gateway: 'workspace',\n      query: `query RecentAiToolEvents($agentId: ID!, $limit: Int) {\n        recentAiToolEvents(agentId: $agentId, limit: $limit) {\n          id\n          source\n          eventType\n          payload\n          createdAt\n        }\n      }`,\n      variables: { agentId, limit: 20 },\n    });\n\n    if (result.errors?.length) {\n      throw new Error(result.errors[0]?.message || 'Failed to poll agent events');\n    }\n\n    const events = result.data?.recentAiToolEvents ?? [];\n    const incoming: AiToolNotification[] = [];\n\n    for (const event of [...events].reverse()) {\n      if (seenEventIdsRef.current.has(event.id)) continue;\n      seenEventIdsRef.current.add(event.id);\n\n      const payload = event.payload ?? {};\n      const notification: AiToolNotification = {\n        id: event.id,\n        source: event.source,\n        eventType: event.eventType,\n        title: typeof payload.title === 'string' ? payload.title : `${event.source} event`,\n        message:\n          typeof payload.message === 'string'\n            ? payload.message\n            : typeof payload.summary === 'string'\n              ? payload.summary\n              : event.eventType,\n        timestamp: event.createdAt,\n        properties: payload,\n      };\n\n      incoming.push(notification);\n      onNotification?.(notification);\n      onEvent?.({ type: 'notification:new', payload: notification, timestamp: event.createdAt });\n    }\n\n    if (incoming.length > 0) {\n      setNotifications((prev) => [...incoming.reverse(), ...prev].slice(0, MAX_NOTIFICATIONS));\n    }\n  }, [agentId, enabled, onEvent, onNotification]);\n\n  const disconnect = useCallback(() => {\n    intentionalDisconnectRef.current = true;\n    clearIntervalRef();\n    reconnectAttemptsRef.current = 0;\n    updateStatus('disconnected');\n  }, [clearIntervalRef, updateStatus]);\n\n  const connect = useCallback(() => {\n    if (!agentId || !enabled) return;\n\n    intentionalDisconnectRef.current = false;\n    clearIntervalRef();\n    updateStatus('connecting');\n    setError(null);\n\n    const runPoll = async () => {\n      try {\n        await pollEvents();\n        reconnectAttemptsRef.current = 0;\n        updateStatus('connected');\n        setError(null);\n      } catch (err) {\n        if (intentionalDisconnectRef.current) {\n          updateStatus('disconnected');\n          return;\n        }\n\n        reconnectAttemptsRef.current += 1;\n        setError(err instanceof Error ? err.message : 'Failed to poll agent events');\n\n        if (reconnectAttemptsRef.current >= maxReconnectAttempts) {\n          updateStatus('error');\n          clearIntervalRef();\n        } else {\n          updateStatus('connecting');\n        }\n      }\n    };\n\n    void runPoll();\n    intervalRef.current = setInterval(() => {\n      void runPoll();\n    }, reconnectDelay);\n  }, [\n    agentId,\n    enabled,\n    clearIntervalRef,\n    maxReconnectAttempts,\n    pollEvents,\n    reconnectDelay,\n    updateStatus,\n  ]);\n\n  const reconnect = useCallback(() => {\n    reconnectAttemptsRef.current = 0;\n    connect();\n  }, [connect]);\n\n  useEffect(() => {\n    if (enabled && agentId) {\n      connect();\n    } else {\n      disconnect();\n    }\n\n    return () => {\n      clearIntervalRef();\n    };\n  }, [agentId, enabled, connect, disconnect, clearIntervalRef]);\n\n  return {\n    status,\n    error,\n    notifications,\n    reconnect,\n    disconnect,\n    clearNotifications,\n    dismissNotification,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"useAgentEvents.js","names":[],"sources":["../../src/hooks/useAgentEvents.ts"],"sourcesContent":["/**\n * useAgentEvents Hook\n *\n * Polls recent AI tool events through the workspace gateway instead of opening\n * a direct browser WebSocket to the agent tunnel.\n */\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport {\n  getStoredAuthToken,\n  getStoredWorkspaceId,\n  getStoredWorkspaceToken,\n} from '@burdenoff/fe-libs/shared/graphql';\nimport { graphqlFetch } from '@burdenoff/fe-libs/shared/graphql/fetch';\n\nexport type AgentEventType =\n  | 'connected'\n  | 'session:created'\n  | 'session:updated'\n  | 'session:terminated'\n  | 'session:output'\n  | 'tunnel:started'\n  | 'tunnel:stopped'\n  | 'tunnel:error'\n  | 'notification:new'\n  | 'notification:read'\n  | 'file:changed'\n  | 'task:started'\n  | 'task:completed'\n  | 'task:failed'\n  | 'plugin:installed'\n  | 'plugin:removed'\n  | 'plugin:reloaded'\n  | 'agent:heartbeat'\n  | 'log:entry'\n  | 'pong';\n\nexport interface AiToolNotification {\n  id: string;\n  source: string;\n  eventType: string;\n  title: string;\n  message: string;\n  timestamp: string;\n  properties?: Record<string, unknown>;\n}\n\nexport interface AgentEvent<T = unknown> {\n  type: AgentEventType;\n  payload: T;\n  timestamp: string;\n}\n\nexport type ConnectionStatus = 'disconnected' | 'connecting' | 'connected' | 'error';\n\nexport interface UseAgentEventsOptions {\n  agentId: string | null;\n  enabled?: boolean;\n  reconnectDelay?: number;\n  maxReconnectAttempts?: number;\n  onNotification?: (notification: AiToolNotification) => void;\n  onEvent?: (event: AgentEvent) => void;\n  onStatusChange?: (status: ConnectionStatus) => void;\n}\n\nexport interface UseAgentEventsReturn {\n  status: ConnectionStatus;\n  error: string | null;\n  notifications: AiToolNotification[];\n  reconnect: () => void;\n  disconnect: () => void;\n  clearNotifications: () => void;\n  dismissNotification: (id: string) => void;\n}\n\nconst MAX_NOTIFICATIONS = 50;\nconst DEFAULT_RECONNECT_DELAY = 3000;\nconst DEFAULT_MAX_RECONNECT_ATTEMPTS = 5;\n\ninterface RecentAiToolEvent {\n  id: string;\n  source: string;\n  eventType: string;\n  payload?: Record<string, unknown> | null;\n  createdAt: string;\n}\n\n// Reads from ActiveContextStorage with URL precedence (mirrors aiApi.ts /\n// schedulerApi.ts). Bare `?workspace=` parsing missed the param across MFE\n// route changes, so the SSE stream connected without workspace context.\nfunction getWorkspaceId(): string {\n  return getStoredWorkspaceId() ?? '';\n}\n\nexport function useAgentEvents(options: UseAgentEventsOptions): UseAgentEventsReturn {\n  const {\n    agentId,\n    enabled = true,\n    reconnectDelay = DEFAULT_RECONNECT_DELAY,\n    maxReconnectAttempts = DEFAULT_MAX_RECONNECT_ATTEMPTS,\n    onNotification,\n    onEvent,\n    onStatusChange,\n  } = options;\n\n  const [status, setStatus] = useState<ConnectionStatus>('disconnected');\n  const [error, setError] = useState<string | null>(null);\n  const [notifications, setNotifications] = useState<AiToolNotification[]>([]);\n\n  const seenEventIdsRef = useRef<Set<string>>(new Set());\n  const reconnectAttemptsRef = useRef(0);\n  const intervalRef = useRef<ReturnType<typeof setInterval> | null>(null);\n  const intentionalDisconnectRef = useRef(false);\n\n  const updateStatus = useCallback(\n    (newStatus: ConnectionStatus) => {\n      setStatus(newStatus);\n      onStatusChange?.(newStatus);\n    },\n    [onStatusChange]\n  );\n\n  const clearIntervalRef = useCallback(() => {\n    if (intervalRef.current) {\n      clearInterval(intervalRef.current);\n      intervalRef.current = null;\n    }\n  }, []);\n\n  const clearNotifications = useCallback(() => {\n    setNotifications([]);\n  }, []);\n\n  const dismissNotification = useCallback((id: string) => {\n    setNotifications((prev) => prev.filter((notification) => notification.id !== id));\n  }, []);\n\n  const pollEvents = useCallback(async () => {\n    if (!agentId || !enabled) return;\n\n    const result = await graphqlFetch<{\n      recentAiToolEvents?: RecentAiToolEvent[];\n    }>({\n      gateway: 'workspace',\n      query: `query RecentAiToolEvents($agentId: ID!, $limit: Int) {\n        recentAiToolEvents(agentId: $agentId, limit: $limit) {\n          id\n          source\n          eventType\n          payload\n          createdAt\n        }\n      }`,\n      variables: { agentId, limit: 20 },\n    });\n\n    if (result.errors?.length) {\n      throw new Error(result.errors[0]?.message || 'Failed to poll agent events');\n    }\n\n    const events = result.data?.recentAiToolEvents ?? [];\n    const incoming: AiToolNotification[] = [];\n\n    for (const event of [...events].reverse()) {\n      if (seenEventIdsRef.current.has(event.id)) continue;\n      seenEventIdsRef.current.add(event.id);\n\n      const payload = event.payload ?? {};\n      const notification: AiToolNotification = {\n        id: event.id,\n        source: event.source,\n        eventType: event.eventType,\n        title: typeof payload.title === 'string' ? payload.title : `${event.source} event`,\n        message:\n          typeof payload.message === 'string'\n            ? payload.message\n            : typeof payload.summary === 'string'\n              ? payload.summary\n              : event.eventType,\n        timestamp: event.createdAt,\n        properties: payload,\n      };\n\n      incoming.push(notification);\n      onNotification?.(notification);\n      onEvent?.({ type: 'notification:new', payload: notification, timestamp: event.createdAt });\n    }\n\n    if (incoming.length > 0) {\n      setNotifications((prev) => [...incoming.reverse(), ...prev].slice(0, MAX_NOTIFICATIONS));\n    }\n  }, [agentId, enabled, onEvent, onNotification]);\n\n  const disconnect = useCallback(() => {\n    intentionalDisconnectRef.current = true;\n    clearIntervalRef();\n    reconnectAttemptsRef.current = 0;\n    updateStatus('disconnected');\n  }, [clearIntervalRef, updateStatus]);\n\n  const connect = useCallback(() => {\n    if (!agentId || !enabled) return;\n\n    intentionalDisconnectRef.current = false;\n    clearIntervalRef();\n    updateStatus('connecting');\n    setError(null);\n\n    const runPoll = async () => {\n      try {\n        await pollEvents();\n        reconnectAttemptsRef.current = 0;\n        updateStatus('connected');\n        setError(null);\n      } catch (err) {\n        if (intentionalDisconnectRef.current) {\n          updateStatus('disconnected');\n          return;\n        }\n\n        reconnectAttemptsRef.current += 1;\n        setError(err instanceof Error ? err.message : 'Failed to poll agent events');\n\n        if (reconnectAttemptsRef.current >= maxReconnectAttempts) {\n          updateStatus('error');\n          clearIntervalRef();\n        } else {\n          updateStatus('connecting');\n        }\n      }\n    };\n\n    void runPoll();\n    intervalRef.current = setInterval(() => {\n      void runPoll();\n    }, reconnectDelay);\n  }, [\n    agentId,\n    enabled,\n    clearIntervalRef,\n    maxReconnectAttempts,\n    pollEvents,\n    reconnectDelay,\n    updateStatus,\n  ]);\n\n  const reconnect = useCallback(() => {\n    reconnectAttemptsRef.current = 0;\n    connect();\n  }, [connect]);\n\n  useEffect(() => {\n    if (enabled && agentId) {\n      connect();\n    } else {\n      disconnect();\n    }\n\n    return () => {\n      clearIntervalRef();\n    };\n  }, [agentId, enabled, connect, disconnect, clearIntervalRef]);\n\n  return {\n    status,\n    error,\n    notifications,\n    reconnect,\n    disconnect,\n    clearNotifications,\n    dismissNotification,\n  };\n}\n"],"mappings":"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"}

package/dist/hooks/useAgentManagerStreaming.js

@@ -5,7 +5,7 @@ import { useCallback as n, useRef as r } from "react";
 function i() {
 	return `${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;
 }
-function a({ agentId: a, sessionId: o }) {
+function a({ agent: a, sessionId: o }) {
 	let s = r(null), c = t((e) => e.addMessage), l = t((e) => e.updateMessage), u = t((e) => e.setSessionStatus), d = t((e) => e.sessionStates[o]), f = d?.status === "streaming" || d?.status === "processing";
 	return {
 		sendMessage: n(async (n) => {

package/dist/hooks/useAgentManagerStreaming.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAgentManagerStreaming.js","names":[],"sources":["../../src/hooks/useAgentManagerStreaming.ts"],"sourcesContent":["/**\n * Hook for streaming management in Agent Manager sessions.\n *\n * Manages the send/receive lifecycle: adds user message to store,\n * creates a placeholder assistant message, calls sendPromptToSession,\n * updates the placeholder with the response, and handles cancellation.\n */\n\nimport { useRef, useCallback } from 'react';\nimport { useAgentManagerStore } from '@/store/agentManagerStore';\nimport { sendPromptToSession } from '@/services/aiApi';\nimport type { AgentManagerMessage } from '@/types/agentManager';\n\ninterface UseAgentManagerStreamingParams {\n  agentId: string;\n  sessionId: string;\n}\n\ninterface UseAgentManagerStreamingReturn {\n  sendMessage: (prompt: string) => Promise<void>;\n  cancelStream: () => void;\n  isStreaming: boolean;\n}\n\nfunction generateId(): string {\n  return `${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;\n}\n\nexport function useAgentManagerStreaming({\n  agentId,\n  sessionId,\n}: UseAgentManagerStreamingParams): UseAgentManagerStreamingReturn {\n  const abortRef = useRef<AbortController | null>(null);\n\n  const addMessage = useAgentManagerStore((s) => s.addMessage);\n  const updateMessage = useAgentManagerStore((s) => s.updateMessage);\n  const setSessionStatus = useAgentManagerStore((s) => s.setSessionStatus);\n  const sessionState = useAgentManagerStore((s) => s.sessionStates[sessionId]);\n\n  const isStreaming = sessionState?.status === 'streaming' || sessionState?.status === 'processing';\n\n  const sendMessage = useCallback(\n    async (prompt: string) => {\n      // Get current session state for SDK, model, and history limit\n      const currentState = useAgentManagerStore.getState().sessionStates[sessionId];\n      const currentSdk = currentState?.sdk;\n      const currentModel = currentState?.model;\n      const currentMode = currentState?.mode;\n      const historyLimit = currentState?.contextHistoryLimit ?? 20;\n\n      // Add user message with SDK info\n      const userMsg: AgentManagerMessage = {\n        id: generateId(),\n        role: 'user',\n        content: prompt,\n        timestamp: new Date().toISOString(),\n        sdk: currentSdk,\n      };\n      addMessage(sessionId, userMsg);\n\n      // Build conversation history from last N messages (excluding the one just added)\n      const messages = currentState?.messages ?? [];\n      const historyMessages = messages\n        .filter((m) => m.role === 'user' || m.role === 'assistant')\n        .slice(-historyLimit)\n        .map((m) => ({ role: m.role, content: m.content }));\n\n      // Add placeholder assistant message\n      const assistantMsgId = generateId();\n      const placeholderMsg: AgentManagerMessage = {\n        id: assistantMsgId,\n        role: 'assistant',\n        content: '',\n        timestamp: new Date().toISOString(),\n        sdk: currentSdk,\n      };\n      addMessage(sessionId, placeholderMsg);\n\n      // Set status to streaming\n      setSessionStatus(sessionId, 'streaming');\n\n      // Create abort controller\n      const controller = new AbortController();\n      abortRef.current = controller;\n\n      try {\n        const result = await sendPromptToSession(agentId, sessionId, prompt, undefined, {\n          agentType: currentSdk,\n          model: currentModel,\n          mode: currentMode,\n          conversationHistory: historyMessages.length > 0 ? historyMessages : undefined,\n        });\n\n        // Check if aborted\n        if (controller.signal.aborted) return;\n\n        // Update the placeholder message with the response\n        updateMessage(sessionId, assistantMsgId, result.response);\n\n        // Patch the assistant message with tokens, model, and SDK used\n        {\n          const store = useAgentManagerStore.getState();\n          const session = store.sessionStates[sessionId];\n          if (session) {\n            const responseModel = (result as Record<string, unknown>).model as string | undefined;\n            const responseSdk = (\n              (result as Record<string, unknown>).metadata as Record<string, unknown>\n            )?.provider as string | undefined;\n            const updatedMessages = session.messages.map((m) =>\n              m.id === assistantMsgId\n                ? {\n                    ...m,\n                    content: result.response,\n                    tokens: result.tokens,\n                    model: responseModel || m.model,\n                    sdk: (responseSdk as AgentManagerMessage['sdk']) || currentSdk,\n                  }\n                : m\n            );\n            useAgentManagerStore.setState((prev) => ({\n              sessionStates: {\n                ...prev.sessionStates,\n                [sessionId]: { ...session, messages: updatedMessages },\n              },\n            }));\n          }\n        }\n\n        setSessionStatus(sessionId, 'idle');\n      } catch (error: unknown) {\n        if (controller.signal.aborted) return;\n\n        const errorMessage = error instanceof Error ? error.message : 'An error occurred';\n\n        updateMessage(sessionId, assistantMsgId, `Error: ${errorMessage}`);\n        setSessionStatus(sessionId, 'error');\n\n        // Reset to idle after a brief period\n        setTimeout(() => {\n          setSessionStatus(sessionId, 'idle');\n        }, 3000);\n      } finally {\n        abortRef.current = null;\n      }\n    },\n    [agentId, sessionId, addMessage, updateMessage, setSessionStatus]\n  );\n\n  const cancelStream = useCallback(() => {\n    if (abortRef.current) {\n      abortRef.current.abort();\n      abortRef.current = null;\n    }\n    setSessionStatus(sessionId, 'idle');\n  }, [sessionId, setSessionStatus]);\n\n  return { sendMessage, cancelStream, isStreaming };\n}\n"],"mappings":";;;;AAwBA,SAAS,IAAqB;AAC5B,QAAO,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE;;AAGhE,SAAgB,EAAyB,EACvC,YACA,gBACiE;CACjE,IAAM,IAAW,EAA+B,KAAK,EAE/C,IAAa,GAAsB,MAAM,EAAE,WAAW,EACtD,IAAgB,GAAsB,MAAM,EAAE,cAAc,EAC5D,IAAmB,GAAsB,MAAM,EAAE,iBAAiB,EAClE,IAAe,GAAsB,MAAM,EAAE,cAAc,GAAW,EAEtE,IAAc,GAAc,WAAW,eAAe,GAAc,WAAW;AAqHrF,QAAO;EAAE,aAnHW,EAClB,OAAO,MAAmB;GAExB,IAAM,IAAe,EAAqB,UAAU,CAAC,cAAc,IAC7D,IAAa,GAAc,KAC3B,IAAe,GAAc,OAC7B,IAAc,GAAc,MAC5B,IAAe,GAAc,uBAAuB;AAU1D,KAAW,GAP0B;IACnC,IAAI,GAAY;IAChB,MAAM;IACN,SAAS;IACT,4BAAW,IAAI,MAAM,EAAC,aAAa;IACnC,KAAK;IACN,CAC6B;GAI9B,IAAM,KADW,GAAc,YAAY,EAAE,EAE1C,QAAQ,MAAM,EAAE,SAAS,UAAU,EAAE,SAAS,YAAY,CAC1D,MAAM,CAAC,EAAa,CACpB,KAAK,OAAO;IAAE,MAAM,EAAE;IAAM,SAAS,EAAE;IAAS,EAAE,EAG/C,IAAiB,GAAY;AAWnC,GAHA,EAAW,GAPiC;IAC1C,IAAI;IACJ,MAAM;IACN,SAAS;IACT,4BAAW,IAAI,MAAM,EAAC,aAAa;IACnC,KAAK;IACN,CACoC,EAGrC,EAAiB,GAAW,YAAY;GAGxC,IAAM,IAAa,IAAI,iBAAiB;AACxC,KAAS,UAAU;AAEnB,OAAI;IACF,IAAM,IAAS,MAAM,EAAoB,GAAS,GAAW,GAAQ,KAAA,GAAW;KAC9E,WAAW;KACX,OAAO;KACP,MAAM;KACN,qBAAqB,EAAgB,SAAS,IAAI,IAAkB,KAAA;KACrE,CAAC;AAGF,QAAI,EAAW,OAAO,QAAS;AAG/B,MAAc,GAAW,GAAgB,EAAO,SAAS;IAGzD;KAEE,IAAM,IADQ,EAAqB,UAAU,CACvB,cAAc;AACpC,SAAI,GAAS;MACX,IAAM,IAAiB,EAAmC,OACpD,IACH,EAAmC,UACnC,UACG,IAAkB,EAAQ,SAAS,KAAK,MAC5C,EAAE,OAAO,IACL;OACE,GAAG;OACH,SAAS,EAAO;OAChB,QAAQ,EAAO;OACf,OAAO,KAAiB,EAAE;OAC1B,KAAM,KAA8C;OACrD,GACD,EACL;AACD,QAAqB,UAAU,OAAU,EACvC,eAAe;OACb,GAAG,EAAK;QACP,IAAY;QAAE,GAAG;QAAS,UAAU;QAAiB;OACvD,EACF,EAAE;;;AAIP,MAAiB,GAAW,OAAO;YAC5B,GAAgB;AACvB,QAAI,EAAW,OAAO,QAAS;AAQ/B,IAJA,EAAc,GAAW,GAAgB,UAFpB,aAAiB,QAAQ,EAAM,UAAU,sBAEI,EAClE,EAAiB,GAAW,QAAQ,EAGpC,iBAAiB;AACf,OAAiB,GAAW,OAAO;OAClC,IAAK;aACA;AACR,MAAS,UAAU;;KAGvB;GAAC;GAAS;GAAW;GAAY;GAAe;GAAiB,CAClE;EAUqB,cARD,QAAkB;AAKrC,GAJA,AAEE,EAAS,aADT,EAAS,QAAQ,OAAO,EACL,OAErB,EAAiB,GAAW,OAAO;KAClC,CAAC,GAAW,EAAiB,CAAC;EAEG;EAAa"}
+{"version":3,"file":"useAgentManagerStreaming.js","names":[],"sources":["../../src/hooks/useAgentManagerStreaming.ts"],"sourcesContent":["/**\n * Hook for streaming management in Agent Manager sessions.\n *\n * Manages the send/receive lifecycle: adds user message to store,\n * creates a placeholder assistant message, calls sendPromptToSession,\n * updates the placeholder with the response, and handles cancellation.\n */\n\nimport { useRef, useCallback } from 'react';\nimport { useAgentManagerStore } from '@/store/agentManagerStore';\nimport { sendPromptToSession, type AgentRef } from '@/services/aiApi';\nimport type { AgentManagerMessage } from '@/types/agentManager';\n\ninterface UseAgentManagerStreamingParams {\n  agent: AgentRef;\n  sessionId: string;\n}\n\ninterface UseAgentManagerStreamingReturn {\n  sendMessage: (prompt: string) => Promise<void>;\n  cancelStream: () => void;\n  isStreaming: boolean;\n}\n\nfunction generateId(): string {\n  return `${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;\n}\n\nexport function useAgentManagerStreaming({\n  agent,\n  sessionId,\n}: UseAgentManagerStreamingParams): UseAgentManagerStreamingReturn {\n  const abortRef = useRef<AbortController | null>(null);\n\n  const addMessage = useAgentManagerStore((s) => s.addMessage);\n  const updateMessage = useAgentManagerStore((s) => s.updateMessage);\n  const setSessionStatus = useAgentManagerStore((s) => s.setSessionStatus);\n  const sessionState = useAgentManagerStore((s) => s.sessionStates[sessionId]);\n\n  const isStreaming = sessionState?.status === 'streaming' || sessionState?.status === 'processing';\n\n  const sendMessage = useCallback(\n    async (prompt: string) => {\n      // Get current session state for SDK, model, and history limit\n      const currentState = useAgentManagerStore.getState().sessionStates[sessionId];\n      const currentSdk = currentState?.sdk;\n      const currentModel = currentState?.model;\n      const currentMode = currentState?.mode;\n      const historyLimit = currentState?.contextHistoryLimit ?? 20;\n\n      // Add user message with SDK info\n      const userMsg: AgentManagerMessage = {\n        id: generateId(),\n        role: 'user',\n        content: prompt,\n        timestamp: new Date().toISOString(),\n        sdk: currentSdk,\n      };\n      addMessage(sessionId, userMsg);\n\n      // Build conversation history from last N messages (excluding the one just added)\n      const messages = currentState?.messages ?? [];\n      const historyMessages = messages\n        .filter((m) => m.role === 'user' || m.role === 'assistant')\n        .slice(-historyLimit)\n        .map((m) => ({ role: m.role, content: m.content }));\n\n      // Add placeholder assistant message\n      const assistantMsgId = generateId();\n      const placeholderMsg: AgentManagerMessage = {\n        id: assistantMsgId,\n        role: 'assistant',\n        content: '',\n        timestamp: new Date().toISOString(),\n        sdk: currentSdk,\n      };\n      addMessage(sessionId, placeholderMsg);\n\n      // Set status to streaming\n      setSessionStatus(sessionId, 'streaming');\n\n      // Create abort controller\n      const controller = new AbortController();\n      abortRef.current = controller;\n\n      try {\n        const result = await sendPromptToSession(agent, sessionId, prompt, undefined, {\n          agentType: currentSdk,\n          model: currentModel,\n          mode: currentMode,\n          conversationHistory: historyMessages.length > 0 ? historyMessages : undefined,\n        });\n\n        // Check if aborted\n        if (controller.signal.aborted) return;\n\n        // Update the placeholder message with the response\n        updateMessage(sessionId, assistantMsgId, result.response);\n\n        // Patch the assistant message with tokens, model, and SDK used\n        {\n          const store = useAgentManagerStore.getState();\n          const session = store.sessionStates[sessionId];\n          if (session) {\n            const responseModel = (result as Record<string, unknown>).model as string | undefined;\n            const responseSdk = (\n              (result as Record<string, unknown>).metadata as Record<string, unknown>\n            )?.provider as string | undefined;\n            const updatedMessages = session.messages.map((m) =>\n              m.id === assistantMsgId\n                ? {\n                    ...m,\n                    content: result.response,\n                    tokens: result.tokens,\n                    model: responseModel || m.model,\n                    sdk: (responseSdk as AgentManagerMessage['sdk']) || currentSdk,\n                  }\n                : m\n            );\n            useAgentManagerStore.setState((prev) => ({\n              sessionStates: {\n                ...prev.sessionStates,\n                [sessionId]: { ...session, messages: updatedMessages },\n              },\n            }));\n          }\n        }\n\n        setSessionStatus(sessionId, 'idle');\n      } catch (error: unknown) {\n        if (controller.signal.aborted) return;\n\n        const errorMessage = error instanceof Error ? error.message : 'An error occurred';\n\n        updateMessage(sessionId, assistantMsgId, `Error: ${errorMessage}`);\n        setSessionStatus(sessionId, 'error');\n\n        // Reset to idle after a brief period\n        setTimeout(() => {\n          setSessionStatus(sessionId, 'idle');\n        }, 3000);\n      } finally {\n        abortRef.current = null;\n      }\n    },\n    [agent, sessionId, addMessage, updateMessage, setSessionStatus]\n  );\n\n  const cancelStream = useCallback(() => {\n    if (abortRef.current) {\n      abortRef.current.abort();\n      abortRef.current = null;\n    }\n    setSessionStatus(sessionId, 'idle');\n  }, [sessionId, setSessionStatus]);\n\n  return { sendMessage, cancelStream, isStreaming };\n}\n"],"mappings":";;;;AAwBA,SAAS,IAAqB;AAC5B,QAAO,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE;;AAGhE,SAAgB,EAAyB,EACvC,UACA,gBACiE;CACjE,IAAM,IAAW,EAA+B,KAAK,EAE/C,IAAa,GAAsB,MAAM,EAAE,WAAW,EACtD,IAAgB,GAAsB,MAAM,EAAE,cAAc,EAC5D,IAAmB,GAAsB,MAAM,EAAE,iBAAiB,EAClE,IAAe,GAAsB,MAAM,EAAE,cAAc,GAAW,EAEtE,IAAc,GAAc,WAAW,eAAe,GAAc,WAAW;AAqHrF,QAAO;EAAE,aAnHW,EAClB,OAAO,MAAmB;GAExB,IAAM,IAAe,EAAqB,UAAU,CAAC,cAAc,IAC7D,IAAa,GAAc,KAC3B,IAAe,GAAc,OAC7B,IAAc,GAAc,MAC5B,IAAe,GAAc,uBAAuB;AAU1D,KAAW,GAP0B;IACnC,IAAI,GAAY;IAChB,MAAM;IACN,SAAS;IACT,4BAAW,IAAI,MAAM,EAAC,aAAa;IACnC,KAAK;IACN,CAC6B;GAI9B,IAAM,KADW,GAAc,YAAY,EAAE,EAE1C,QAAQ,MAAM,EAAE,SAAS,UAAU,EAAE,SAAS,YAAY,CAC1D,MAAM,CAAC,EAAa,CACpB,KAAK,OAAO;IAAE,MAAM,EAAE;IAAM,SAAS,EAAE;IAAS,EAAE,EAG/C,IAAiB,GAAY;AAWnC,GAHA,EAAW,GAPiC;IAC1C,IAAI;IACJ,MAAM;IACN,SAAS;IACT,4BAAW,IAAI,MAAM,EAAC,aAAa;IACnC,KAAK;IACN,CACoC,EAGrC,EAAiB,GAAW,YAAY;GAGxC,IAAM,IAAa,IAAI,iBAAiB;AACxC,KAAS,UAAU;AAEnB,OAAI;IACF,IAAM,IAAS,MAAM,EAAoB,GAAO,GAAW,GAAQ,KAAA,GAAW;KAC5E,WAAW;KACX,OAAO;KACP,MAAM;KACN,qBAAqB,EAAgB,SAAS,IAAI,IAAkB,KAAA;KACrE,CAAC;AAGF,QAAI,EAAW,OAAO,QAAS;AAG/B,MAAc,GAAW,GAAgB,EAAO,SAAS;IAGzD;KAEE,IAAM,IADQ,EAAqB,UAAU,CACvB,cAAc;AACpC,SAAI,GAAS;MACX,IAAM,IAAiB,EAAmC,OACpD,IACH,EAAmC,UACnC,UACG,IAAkB,EAAQ,SAAS,KAAK,MAC5C,EAAE,OAAO,IACL;OACE,GAAG;OACH,SAAS,EAAO;OAChB,QAAQ,EAAO;OACf,OAAO,KAAiB,EAAE;OAC1B,KAAM,KAA8C;OACrD,GACD,EACL;AACD,QAAqB,UAAU,OAAU,EACvC,eAAe;OACb,GAAG,EAAK;QACP,IAAY;QAAE,GAAG;QAAS,UAAU;QAAiB;OACvD,EACF,EAAE;;;AAIP,MAAiB,GAAW,OAAO;YAC5B,GAAgB;AACvB,QAAI,EAAW,OAAO,QAAS;AAQ/B,IAJA,EAAc,GAAW,GAAgB,UAFpB,aAAiB,QAAQ,EAAM,UAAU,sBAEI,EAClE,EAAiB,GAAW,QAAQ,EAGpC,iBAAiB;AACf,OAAiB,GAAW,OAAO;OAClC,IAAK;aACA;AACR,MAAS,UAAU;;KAGvB;GAAC;GAAO;GAAW;GAAY;GAAe;GAAiB,CAChE;EAUqB,cARD,QAAkB;AAKrC,GAJA,AAEE,EAAS,aADT,EAAS,QAAQ,OAAO,EACL,OAErB,EAAiB,GAAW,OAAO;KAClC,CAAC,GAAW,EAAiB,CAAC;EAEG;EAAa"}

package/dist/hooks/useCachedInitialData.js

@@ -5,7 +5,8 @@ import { useCallback as n, useMemo as r } from "react";
 function i() {
 	let { workspaceId: i } = t(), { data: a, loading: o, error: s, refetch: c } = e({
 		variables: { workspaceId: i || "" },
-		fetchPolicy: "cache-first",
+		fetchPolicy: "cache-and-network",
+		nextFetchPolicy: "cache-first",
 		skip: !i
 	}), l = n(() => {
 		c();
@@ -24,7 +25,8 @@ function i() {
 			architecture: e.architecture,
 			createdAt: e.createdAt,
 			updatedAt: e.updatedAt,
-			agentApiKey: e.agentApiKey
+			agentApiKey: e.agentApiKey,
+			metadata: e.metadata ?? null
 		})) : [], n = a?.vibes?.items, r = Array.isArray(n) ? n.map((e) => ({
 			id: e.id,
 			name: e.name,

package/dist/hooks/useCachedInitialData.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCachedInitialData.js","names":[],"sources":["../../src/hooks/useCachedInitialData.ts"],"sourcesContent":["/**\n * useCachedInitialData\n *\n * Hook to read the prefetched initial data from Apollo cache.\n * This uses cache-only to avoid any network requests - data should already\n * be present from the useInitialDataLoader in VibeControlsProvider.\n *\n * This hook is the primary way components should access shared data\n * (agents, vibes, sessions, targets, notes) instead of making\n * independent queries.\n */\n\nimport { useMemo, useCallback } from 'react';\nimport { useVibeControls } from '../providers/VibeControlsProvider';\nimport {\n  useVibeControlsInitialDataQuery,\n  type VibeControlsInitialDataQuery,\n  type VibeControlsInitialDataQueryVariables,\n} from '../generated/wspace-operations';\n\n/**\n * Return type for cached initial data\n */\ninterface CachedInitialData {\n  /** The full cached query result */\n  data?: VibeControlsInitialDataQuery;\n  /** Whether the data is still loading (should be false if cached) */\n  loading: boolean;\n  /** Whether there was an error (cached data might still be available) */\n  error?: Error;\n  /** All agents from cache */\n  agents: Array<{\n    id: string;\n    name: string;\n    hostname: string;\n    platform: string;\n    architecture?: string;\n    isActive: boolean;\n    tunnelUrl?: string | null;\n    tunnelStatus?: string | null;\n    lastHeartbeat?: string | null;\n    version?: string;\n    createdAt?: string;\n    updatedAt?: string;\n    agentApiKey?: string | null;\n  }>;\n  /** All vibes from cache */\n  vibes: Array<{\n    id: string;\n    name: string;\n    description?: string;\n    path?: string;\n    status: string;\n    agentId?: string | null;\n    type?: string;\n    tags?: string[];\n    gitBranch?: string | null;\n    createdAt?: string;\n    updatedAt?: string;\n  }>;\n  /** All sessions from cache */\n  sessions: Array<{\n    id: string;\n    name: string;\n    status: string;\n    agentId?: string | null;\n    vibeId?: string | null;\n    type?: string;\n    startedAt?: string | null;\n    metadata?: Record<string, unknown> | null;\n    createdAt?: string;\n    updatedAt?: string;\n  }>;\n  /** All targets from cache */\n  targets: Array<{\n    id: string;\n    workspaceId?: string;\n    name: string;\n    type?: string;\n    status: string;\n    host?: string | null;\n    port?: number | null;\n    username?: string | null;\n    connectionId?: string | null;\n    label?: string | null;\n    tags?: string[];\n    metadata?: Record<string, unknown> | null;\n    createdAt?: string;\n    updatedAt?: string;\n    agents?: Array<{\n      id: string;\n      name: string;\n      version?: string | null;\n      isActive: boolean;\n      tunnelUrl?: string | null;\n      agentApiKey?: string | null;\n    }>;\n  }>;\n  /** All notes from cache */\n  notes: Array<{\n    id: string;\n    title: string;\n    isPinned: boolean;\n  }>;\n  /** Totals for stats */\n  totals: {\n    agents: number;\n    vibes: number;\n    sessions: number;\n    targets: number;\n    notes: number;\n  };\n  /** Refetch all initial data from network */\n  refetch: () => void;\n}\n\n/**\n * Hook to access cached initial data.\n * Returns data from Apollo cache with cache-only policy.\n * If data is not yet in cache, returns empty arrays.\n *\n * Usage:\n * ```tsx\n * function MyComponent() {\n *   const { agents, vibes, sessions, loading } = useCachedInitialData();\n *\n *   if (loading) return <Loading />;\n *\n *   return (\n *     <select>\n *       {agents.map(a => <option key={a.id}>{a.name}</option>)}\n *     </select>\n *   );\n * }\n * ```\n */\nexport function useCachedInitialData(): CachedInitialData {\n  const { workspaceId } = useVibeControls();\n\n  const {\n    data,\n    loading: queryLoading,\n    error,\n    refetch: apolloRefetch,\n  } = useVibeControlsInitialDataQuery({\n    variables: { workspaceId: workspaceId || '' } as VibeControlsInitialDataQueryVariables,\n    fetchPolicy: 'cache-first',\n    skip: !workspaceId,\n  });\n\n  const refetch = useCallback(() => {\n    void apolloRefetch();\n  }, [apolloRefetch]);\n\n  // If cache-only returns no data and isn't loading, it means the initial\n  // network fetch hasn't populated the cache yet — treat as loading to\n  // prevent counts flickering from 0 to actual values.\n  const loading = queryLoading || (!data && !error && !!workspaceId);\n\n  // Memoize the transformed data\n  const result = useMemo<CachedInitialData>(() => {\n    const rawAgents = data?.vibecontrolsAgents;\n    const agents = Array.isArray(rawAgents)\n      ? rawAgents.map((a: NonNullable<(typeof rawAgents)[number]>) => ({\n          id: a.id,\n          name: a.name,\n          hostname: a.hostname,\n          platform: a.platform,\n          isActive: a.isActive,\n          tunnelUrl: a.tunnelUrl,\n          tunnelStatus: a.tunnelStatus,\n          lastHeartbeat: a.lastHeartbeat,\n          version: a.version,\n          architecture: a.architecture,\n          createdAt: a.createdAt,\n          updatedAt: a.updatedAt,\n          agentApiKey: a.agentApiKey,\n        }))\n      : [];\n\n    const rawVibes = data?.vibes?.items;\n    const vibes = Array.isArray(rawVibes)\n      ? rawVibes.map((v: NonNullable<(typeof rawVibes)[number]>) => ({\n          id: v.id,\n          name: v.name,\n          description: v.description,\n          path: v.path,\n          status: v.status,\n          agentId: v.agentId,\n          type: v.type,\n          tags: v.tags,\n          gitBranch: v.gitBranch,\n          createdAt: v.createdAt,\n          updatedAt: v.updatedAt,\n        }))\n      : [];\n\n    const rawSessions = data?.sessions?.items;\n    const sessions = Array.isArray(rawSessions)\n      ? rawSessions.map((s: NonNullable<(typeof rawSessions)[number]>) => ({\n          id: s.id,\n          name: s.name,\n          status: s.status,\n          agentId: s.agentId,\n          vibeId: s.vibeId,\n          type: s.type,\n          startedAt: s.startedAt,\n          metadata: (s.metadata as Record<string, unknown> | null) ?? null,\n          createdAt: s.createdAt,\n          updatedAt: s.updatedAt,\n        }))\n      : [];\n\n    const rawTargets = data?.targets?.items;\n    const targets = Array.isArray(rawTargets)\n      ? rawTargets.map((t: NonNullable<(typeof rawTargets)[number]>) => ({\n          id: t.id,\n          workspaceId: t.workspaceId,\n          name: t.name,\n          type: t.type,\n          status: t.status,\n          host: t.host,\n          port: t.port,\n          username: t.username,\n          connectionId: t.connectionId,\n          label: t.label,\n          tags: t.tags,\n          metadata: (t.metadata as Record<string, unknown> | null) ?? null,\n          createdAt: t.createdAt,\n          updatedAt: t.updatedAt,\n          agents: (t.agents ?? []).map((agent: NonNullable<(typeof t.agents)[number]>) => ({\n            id: agent.id,\n            name: agent.name,\n            version: agent.version,\n            isActive: agent.isActive,\n            tunnelUrl: agent.tunnelUrl,\n            agentApiKey: agent.agentApiKey,\n          })),\n        }))\n      : [];\n\n    const rawNotes = data?.notes?.items;\n    const notes = Array.isArray(rawNotes)\n      ? rawNotes.map((n: NonNullable<(typeof rawNotes)[number]>) => ({\n          id: n.id,\n          title: n.title,\n          isPinned: n.isPinned,\n        }))\n      : [];\n\n    return {\n      data,\n      loading,\n      error: error as Error | undefined,\n      agents,\n      vibes,\n      sessions,\n      targets,\n      notes,\n      totals: {\n        agents: data?.vibecontrolsAgents?.length ?? 0,\n        vibes: data?.vibes?.total ?? 0,\n        sessions: data?.sessions?.total ?? 0,\n        targets: data?.targets?.total ?? 0,\n        notes: data?.notes?.total ?? 0,\n      },\n      refetch,\n    };\n  }, [data, loading, error, refetch]);\n\n  return result;\n}\n\nexport default useCachedInitialData;\n"],"mappings":";;;;AAwIA,SAAgB,IAA0C;CACxD,IAAM,EAAE,mBAAgB,GAAiB,EAEnC,EACJ,SACA,SAAS,GACT,UACA,SAAS,MACP,EAAgC;EAClC,WAAW,EAAE,aAAa,KAAe,IAAI;EAC7C,aAAa;EACb,MAAM,CAAC;EACR,CAAC,EAEI,IAAU,QAAkB;AAC3B,KAAe;IACnB,CAAC,EAAc,CAAC,EAKb,IAAU,KAAiB,CAAC,KAAQ,CAAC,KAAS,CAAC,CAAC;AAiHtD,QA9Ge,QAAiC;EAC9C,IAAM,IAAY,GAAM,oBAClB,IAAS,MAAM,QAAQ,EAAU,GACnC,EAAU,KAAK,OAAgD;GAC7D,IAAI,EAAE;GACN,MAAM,EAAE;GACR,UAAU,EAAE;GACZ,UAAU,EAAE;GACZ,UAAU,EAAE;GACZ,WAAW,EAAE;GACb,cAAc,EAAE;GAChB,eAAe,EAAE;GACjB,SAAS,EAAE;GACX,cAAc,EAAE;GAChB,WAAW,EAAE;GACb,WAAW,EAAE;GACb,aAAa,EAAE;GAChB,EAAE,GACH,EAAE,EAEA,IAAW,GAAM,OAAO,OACxB,IAAQ,MAAM,QAAQ,EAAS,GACjC,EAAS,KAAK,OAA+C;GAC3D,IAAI,EAAE;GACN,MAAM,EAAE;GACR,aAAa,EAAE;GACf,MAAM,EAAE;GACR,QAAQ,EAAE;GACV,SAAS,EAAE;GACX,MAAM,EAAE;GACR,MAAM,EAAE;GACR,WAAW,EAAE;GACb,WAAW,EAAE;GACb,WAAW,EAAE;GACd,EAAE,GACH,EAAE,EAEA,IAAc,GAAM,UAAU,OAC9B,IAAW,MAAM,QAAQ,EAAY,GACvC,EAAY,KAAK,OAAkD;GACjE,IAAI,EAAE;GACN,MAAM,EAAE;GACR,QAAQ,EAAE;GACV,SAAS,EAAE;GACX,QAAQ,EAAE;GACV,MAAM,EAAE;GACR,WAAW,EAAE;GACb,UAAW,EAAE,YAA+C;GAC5D,WAAW,EAAE;GACb,WAAW,EAAE;GACd,EAAE,GACH,EAAE,EAEA,IAAa,GAAM,SAAS,OAC5B,IAAU,MAAM,QAAQ,EAAW,GACrC,EAAW,KAAK,OAAiD;GAC/D,IAAI,EAAE;GACN,aAAa,EAAE;GACf,MAAM,EAAE;GACR,MAAM,EAAE;GACR,QAAQ,EAAE;GACV,MAAM,EAAE;GACR,MAAM,EAAE;GACR,UAAU,EAAE;GACZ,cAAc,EAAE;GAChB,OAAO,EAAE;GACT,MAAM,EAAE;GACR,UAAW,EAAE,YAA+C;GAC5D,WAAW,EAAE;GACb,WAAW,EAAE;GACb,SAAS,EAAE,UAAU,EAAE,EAAE,KAAK,OAAmD;IAC/E,IAAI,EAAM;IACV,MAAM,EAAM;IACZ,SAAS,EAAM;IACf,UAAU,EAAM;IAChB,WAAW,EAAM;IACjB,aAAa,EAAM;IACpB,EAAE;GACJ,EAAE,GACH,EAAE,EAEA,IAAW,GAAM,OAAO;AAS9B,SAAO;GACL;GACA;GACO;GACP;GACA;GACA;GACA;GACA,OAhBY,MAAM,QAAQ,EAAS,GACjC,EAAS,KAAK,OAA+C;IAC3D,IAAI,EAAE;IACN,OAAO,EAAE;IACT,UAAU,EAAE;IACb,EAAE,GACH,EAAE;GAWJ,QAAQ;IACN,QAAQ,GAAM,oBAAoB,UAAU;IAC5C,OAAO,GAAM,OAAO,SAAS;IAC7B,UAAU,GAAM,UAAU,SAAS;IACnC,SAAS,GAAM,SAAS,SAAS;IACjC,OAAO,GAAM,OAAO,SAAS;IAC9B;GACD;GACD;IACA;EAAC;EAAM;EAAS;EAAO;EAAQ,CAAC"}
+{"version":3,"file":"useCachedInitialData.js","names":[],"sources":["../../src/hooks/useCachedInitialData.ts"],"sourcesContent":["/**\n * useCachedInitialData\n *\n * Hook to read the prefetched initial data from Apollo cache.\n * This uses cache-only to avoid any network requests - data should already\n * be present from the useInitialDataLoader in VibeControlsProvider.\n *\n * This hook is the primary way components should access shared data\n * (agents, vibes, sessions, targets, notes) instead of making\n * independent queries.\n */\n\nimport { useMemo, useCallback } from 'react';\nimport { useVibeControls } from '../providers/VibeControlsProvider';\nimport {\n  useVibeControlsInitialDataQuery,\n  type VibeControlsInitialDataQuery,\n  type VibeControlsInitialDataQueryVariables,\n} from '../generated/wspace-operations';\n\n/**\n * Return type for cached initial data\n */\ninterface CachedInitialData {\n  /** The full cached query result */\n  data?: VibeControlsInitialDataQuery;\n  /** Whether the data is still loading (should be false if cached) */\n  loading: boolean;\n  /** Whether there was an error (cached data might still be available) */\n  error?: Error;\n  /** All agents from cache */\n  agents: Array<{\n    id: string;\n    name: string;\n    hostname: string;\n    platform: string;\n    architecture?: string;\n    isActive: boolean;\n    tunnelUrl?: string | null;\n    tunnelStatus?: string | null;\n    lastHeartbeat?: string | null;\n    version?: string;\n    createdAt?: string;\n    updatedAt?: string;\n    agentApiKey?: string | null;\n    /** jsonb metadata; carries the canonical CLI `profile` field. */\n    metadata?: Record<string, unknown> | null;\n  }>;\n  /** All vibes from cache */\n  vibes: Array<{\n    id: string;\n    name: string;\n    description?: string;\n    path?: string;\n    status: string;\n    agentId?: string | null;\n    type?: string;\n    tags?: string[];\n    gitBranch?: string | null;\n    createdAt?: string;\n    updatedAt?: string;\n  }>;\n  /** All sessions from cache */\n  sessions: Array<{\n    id: string;\n    name: string;\n    status: string;\n    agentId?: string | null;\n    vibeId?: string | null;\n    type?: string;\n    startedAt?: string | null;\n    metadata?: Record<string, unknown> | null;\n    createdAt?: string;\n    updatedAt?: string;\n  }>;\n  /** All targets from cache */\n  targets: Array<{\n    id: string;\n    workspaceId?: string;\n    name: string;\n    type?: string;\n    status: string;\n    host?: string | null;\n    port?: number | null;\n    username?: string | null;\n    connectionId?: string | null;\n    label?: string | null;\n    tags?: string[];\n    metadata?: Record<string, unknown> | null;\n    createdAt?: string;\n    updatedAt?: string;\n    agents?: Array<{\n      id: string;\n      name: string;\n      version?: string | null;\n      isActive: boolean;\n      tunnelUrl?: string | null;\n      agentApiKey?: string | null;\n    }>;\n  }>;\n  /** All notes from cache */\n  notes: Array<{\n    id: string;\n    title: string;\n    isPinned: boolean;\n  }>;\n  /** Totals for stats */\n  totals: {\n    agents: number;\n    vibes: number;\n    sessions: number;\n    targets: number;\n    notes: number;\n  };\n  /** Refetch all initial data from network */\n  refetch: () => void;\n}\n\n/**\n * Hook to access cached initial data.\n * Returns data from Apollo cache with cache-only policy.\n * If data is not yet in cache, returns empty arrays.\n *\n * Usage:\n * ```tsx\n * function MyComponent() {\n *   const { agents, vibes, sessions, loading } = useCachedInitialData();\n *\n *   if (loading) return <Loading />;\n *\n *   return (\n *     <select>\n *       {agents.map(a => <option key={a.id}>{a.name}</option>)}\n *     </select>\n *   );\n * }\n * ```\n */\nexport function useCachedInitialData(): CachedInitialData {\n  const { workspaceId } = useVibeControls();\n\n  const {\n    data,\n    loading: queryLoading,\n    error,\n    refetch: apolloRefetch,\n  } = useVibeControlsInitialDataQuery({\n    variables: { workspaceId: workspaceId || '' } as VibeControlsInitialDataQueryVariables,\n    // cache-and-network: serve cached data immediately for fast paint, then\n    // re-issue the network request on every mount so cross-page mutations\n    // (e.g. createTarget on TargetsPage → user navigates to AgentsPage) show\n    // up without a manual reload. Previously cache-first held stale data\n    // until refetch() was explicitly invoked.\n    fetchPolicy: 'cache-and-network',\n    nextFetchPolicy: 'cache-first',\n    skip: !workspaceId,\n  });\n\n  const refetch = useCallback(() => {\n    void apolloRefetch();\n  }, [apolloRefetch]);\n\n  // If cache-only returns no data and isn't loading, it means the initial\n  // network fetch hasn't populated the cache yet — treat as loading to\n  // prevent counts flickering from 0 to actual values.\n  const loading = queryLoading || (!data && !error && !!workspaceId);\n\n  // Memoize the transformed data\n  const result = useMemo<CachedInitialData>(() => {\n    const rawAgents = data?.vibecontrolsAgents;\n    const agents = Array.isArray(rawAgents)\n      ? rawAgents.map((a: NonNullable<(typeof rawAgents)[number]>) => ({\n          id: a.id,\n          name: a.name,\n          hostname: a.hostname,\n          platform: a.platform,\n          isActive: a.isActive,\n          tunnelUrl: a.tunnelUrl,\n          tunnelStatus: a.tunnelStatus,\n          lastHeartbeat: a.lastHeartbeat,\n          version: a.version,\n          architecture: a.architecture,\n          createdAt: a.createdAt,\n          updatedAt: a.updatedAt,\n          agentApiKey: a.agentApiKey,\n          metadata:\n            ((a as { metadata?: unknown }).metadata as Record<string, unknown> | null) ?? null,\n        }))\n      : [];\n\n    const rawVibes = data?.vibes?.items;\n    const vibes = Array.isArray(rawVibes)\n      ? rawVibes.map((v: NonNullable<(typeof rawVibes)[number]>) => ({\n          id: v.id,\n          name: v.name,\n          description: v.description,\n          path: v.path,\n          status: v.status,\n          agentId: v.agentId,\n          type: v.type,\n          tags: v.tags,\n          gitBranch: v.gitBranch,\n          createdAt: v.createdAt,\n          updatedAt: v.updatedAt,\n        }))\n      : [];\n\n    const rawSessions = data?.sessions?.items;\n    const sessions = Array.isArray(rawSessions)\n      ? rawSessions.map((s: NonNullable<(typeof rawSessions)[number]>) => ({\n          id: s.id,\n          name: s.name,\n          status: s.status,\n          agentId: s.agentId,\n          vibeId: s.vibeId,\n          type: s.type,\n          startedAt: s.startedAt,\n          metadata: (s.metadata as Record<string, unknown> | null) ?? null,\n          createdAt: s.createdAt,\n          updatedAt: s.updatedAt,\n        }))\n      : [];\n\n    const rawTargets = data?.targets?.items;\n    const targets = Array.isArray(rawTargets)\n      ? rawTargets.map((t: NonNullable<(typeof rawTargets)[number]>) => ({\n          id: t.id,\n          workspaceId: t.workspaceId,\n          name: t.name,\n          type: t.type,\n          status: t.status,\n          host: t.host,\n          port: t.port,\n          username: t.username,\n          connectionId: t.connectionId,\n          label: t.label,\n          tags: t.tags,\n          metadata: (t.metadata as Record<string, unknown> | null) ?? null,\n          createdAt: t.createdAt,\n          updatedAt: t.updatedAt,\n          agents: (t.agents ?? []).map((agent: NonNullable<(typeof t.agents)[number]>) => ({\n            id: agent.id,\n            name: agent.name,\n            version: agent.version,\n            isActive: agent.isActive,\n            tunnelUrl: agent.tunnelUrl,\n            agentApiKey: agent.agentApiKey,\n          })),\n        }))\n      : [];\n\n    const rawNotes = data?.notes?.items;\n    const notes = Array.isArray(rawNotes)\n      ? rawNotes.map((n: NonNullable<(typeof rawNotes)[number]>) => ({\n          id: n.id,\n          title: n.title,\n          isPinned: n.isPinned,\n        }))\n      : [];\n\n    return {\n      data,\n      loading,\n      error: error as Error | undefined,\n      agents,\n      vibes,\n      sessions,\n      targets,\n      notes,\n      totals: {\n        agents: data?.vibecontrolsAgents?.length ?? 0,\n        vibes: data?.vibes?.total ?? 0,\n        sessions: data?.sessions?.total ?? 0,\n        targets: data?.targets?.total ?? 0,\n        notes: data?.notes?.total ?? 0,\n      },\n      refetch,\n    };\n  }, [data, loading, error, refetch]);\n\n  return result;\n}\n\nexport default useCachedInitialData;\n"],"mappings":";;;;AA0IA,SAAgB,IAA0C;CACxD,IAAM,EAAE,mBAAgB,GAAiB,EAEnC,EACJ,SACA,SAAS,GACT,UACA,SAAS,MACP,EAAgC;EAClC,WAAW,EAAE,aAAa,KAAe,IAAI;EAM7C,aAAa;EACb,iBAAiB;EACjB,MAAM,CAAC;EACR,CAAC,EAEI,IAAU,QAAkB;AAC3B,KAAe;IACnB,CAAC,EAAc,CAAC,EAKb,IAAU,KAAiB,CAAC,KAAQ,CAAC,KAAS,CAAC,CAAC;AAmHtD,QAhHe,QAAiC;EAC9C,IAAM,IAAY,GAAM,oBAClB,IAAS,MAAM,QAAQ,EAAU,GACnC,EAAU,KAAK,OAAgD;GAC7D,IAAI,EAAE;GACN,MAAM,EAAE;GACR,UAAU,EAAE;GACZ,UAAU,EAAE;GACZ,UAAU,EAAE;GACZ,WAAW,EAAE;GACb,cAAc,EAAE;GAChB,eAAe,EAAE;GACjB,SAAS,EAAE;GACX,cAAc,EAAE;GAChB,WAAW,EAAE;GACb,WAAW,EAAE;GACb,aAAa,EAAE;GACf,UACI,EAA6B,YAA+C;GACjF,EAAE,GACH,EAAE,EAEA,IAAW,GAAM,OAAO,OACxB,IAAQ,MAAM,QAAQ,EAAS,GACjC,EAAS,KAAK,OAA+C;GAC3D,IAAI,EAAE;GACN,MAAM,EAAE;GACR,aAAa,EAAE;GACf,MAAM,EAAE;GACR,QAAQ,EAAE;GACV,SAAS,EAAE;GACX,MAAM,EAAE;GACR,MAAM,EAAE;GACR,WAAW,EAAE;GACb,WAAW,EAAE;GACb,WAAW,EAAE;GACd,EAAE,GACH,EAAE,EAEA,IAAc,GAAM,UAAU,OAC9B,IAAW,MAAM,QAAQ,EAAY,GACvC,EAAY,KAAK,OAAkD;GACjE,IAAI,EAAE;GACN,MAAM,EAAE;GACR,QAAQ,EAAE;GACV,SAAS,EAAE;GACX,QAAQ,EAAE;GACV,MAAM,EAAE;GACR,WAAW,EAAE;GACb,UAAW,EAAE,YAA+C;GAC5D,WAAW,EAAE;GACb,WAAW,EAAE;GACd,EAAE,GACH,EAAE,EAEA,IAAa,GAAM,SAAS,OAC5B,IAAU,MAAM,QAAQ,EAAW,GACrC,EAAW,KAAK,OAAiD;GAC/D,IAAI,EAAE;GACN,aAAa,EAAE;GACf,MAAM,EAAE;GACR,MAAM,EAAE;GACR,QAAQ,EAAE;GACV,MAAM,EAAE;GACR,MAAM,EAAE;GACR,UAAU,EAAE;GACZ,cAAc,EAAE;GAChB,OAAO,EAAE;GACT,MAAM,EAAE;GACR,UAAW,EAAE,YAA+C;GAC5D,WAAW,EAAE;GACb,WAAW,EAAE;GACb,SAAS,EAAE,UAAU,EAAE,EAAE,KAAK,OAAmD;IAC/E,IAAI,EAAM;IACV,MAAM,EAAM;IACZ,SAAS,EAAM;IACf,UAAU,EAAM;IAChB,WAAW,EAAM;IACjB,aAAa,EAAM;IACpB,EAAE;GACJ,EAAE,GACH,EAAE,EAEA,IAAW,GAAM,OAAO;AAS9B,SAAO;GACL;GACA;GACO;GACP;GACA;GACA;GACA;GACA,OAhBY,MAAM,QAAQ,EAAS,GACjC,EAAS,KAAK,OAA+C;IAC3D,IAAI,EAAE;IACN,OAAO,EAAE;IACT,UAAU,EAAE;IACb,EAAE,GACH,EAAE;GAWJ,QAAQ;IACN,QAAQ,GAAM,oBAAoB,UAAU;IAC5C,OAAO,GAAM,OAAO,SAAS;IAC7B,UAAU,GAAM,UAAU,SAAS;IACnC,SAAS,GAAM,SAAS,SAAS;IACjC,OAAO,GAAM,OAAO,SAAS;IAC9B;GACD;GACD;IACA;EAAC;EAAM;EAAS;EAAO;EAAQ,CAAC"}

package/dist/hooks/usePluginAvailability.js

@@ -1,112 +1,144 @@
-import { AgentPluginsDocument as e, useInstallAgentPluginMutation as t } from "../generated/wspace-operations.js";
-import { isQuotaExhaustedError as n } from "../utils/quotaUtils.js";
-import { useCallback as r, useEffect as i, useMemo as a, useRef as o, useState as s } from "react";
-import { useApolloClient as c } from "@apollo/client/react";
+import { AgentPluginsDocument as e, useInstallAgentPluginMutation as t, useVibecontrolsAgentPluginStreamSubscription as n } from "../generated/wspace-operations.js";
+import { isQuotaExhaustedError as r } from "../utils/quotaUtils.js";
+import { useCallback as i, useEffect as a, useMemo as o, useRef as s, useState as c } from "react";
+import { useApolloClient as l } from "@apollo/client/react";
 //#region src/hooks/usePluginAvailability.ts
-function l(e) {
+function u(e) {
 	if (!e) return !1;
 	let t = e.toLowerCase();
 	return t.includes("agent not yet configured") || t.includes("awaiting-config") || t.includes("initializing") || t.includes("agent unreachable") || t.includes("agent returned 503") || t.includes("http 503") || t.includes("plugin routes are unavailable") || t.includes("econnrefused") || t.includes("rate_limited") || t.includes("rate limited") || t.includes("operation timeout") || t.includes("operation_timeout") || t.includes("typo in the url") || t.includes("unable to connect") || t.includes("failed to open socket") || t.includes("failedtoopensocket") || t.includes("fetch failed") || t.includes("enotfound") || t.includes("getaddrinfo");
 }
-function u(e) {
+function d(e) {
 	let t = e.toLowerCase();
 	return t.includes("typo in the url") || t.includes("unable to connect") || t.includes("failed to open socket") || t.includes("failedtoopensocket") || t.includes("econnrefused") || t.includes("enotfound") || t.includes("getaddrinfo") || t.includes("fetch failed") || t.includes("agent unreachable") ? "Agent unreachable. Make sure the vibecontrols-agent is running locally." : t.includes("agent not yet configured") || t.includes("awaiting-config") ? "Agent is waiting for configuration. Finish setup in the Agents page." : t.includes("initializing") ? "Agent is starting up. Try again in a moment." : t.includes("http 503") || t.includes("agent returned 503") ? "Agent service unavailable. It may be restarting." : e.length > 200 ? `${e.slice(0, 200)}…` : e;
 }
-function d(d, f) {
-	let p = c(), [m] = t(), h = a(() => {
-		if (!f) return null;
+function f(f, p) {
+	let m = l(), [h] = t(), g = o(() => {
+		if (!p) return null;
 		try {
-			let t = p.readQuery({
+			let t = m.readQuery({
 				query: e,
-				variables: { agentId: f }
+				variables: { agentId: p }
 			})?.agentPlugins?.installed ?? null;
 			return t ? new Set(t.map((e) => e.packageName)) : null;
 		} catch {
 			return null;
 		}
-	}, [p, f]), [g, _] = s(!1), [v, y] = s(() => h !== null), [b, x] = s(() => {
+	}, [m, p]), [_, v] = c(!1), [y, b] = c(() => g !== null), [x, S] = c(() => {
 		let e = {};
-		if (h) for (let t of d) e[t] = h.has(t);
+		if (g) for (let t of f) e[t] = g.has(t);
 		return e;
-	}), [S, C] = s(null), [w, T] = s(null), [E, D] = s(!1), O = o(null), k = r(async () => {
-		if (!f) {
-			x({});
+	}), [C, w] = c(null), [T, E] = c(null), [D, O] = c(!1), k = s(null), A = i(async () => {
+		if (!p) {
+			S({});
 			return;
 		}
-		_(!0);
+		v(!0);
 		try {
-			let { data: t } = await p.query({
+			let { data: t } = await m.query({
 				query: e,
-				variables: { agentId: f },
+				variables: { agentId: p },
 				fetchPolicy: "network-only"
 			}), n = {}, r = t?.agentPlugins?.installed ?? [], i = t?.agentPlugins?.error ?? null, a = new Set(r.map((e) => e.packageName));
-			for (let e of d) n[e] = a.has(e);
+			for (let e of f) n[e] = a.has(e);
 			if (i) {
-				l(i) || x(n), console.error("[ai] agentPlugins returned error", i), T(u(i)), O.current && clearTimeout(O.current), l(i) || (O.current = setTimeout(() => T(null), 5e3));
+				u(i) || S(n), console.error("[ai] agentPlugins returned error", i), E(d(i)), k.current && clearTimeout(k.current), u(i) || (k.current = setTimeout(() => E(null), 5e3));
 				return;
 			}
-			x(n), T(null), O.current &&= (clearTimeout(O.current), null);
+			S(n), E(null), k.current &&= (clearTimeout(k.current), null);
 		} catch (e) {
-			let t = e instanceof Error ? e.message : "Agent unreachable — unable to read plugin list", n = l(t);
-			n || x({}), console.error("[ai] agentPlugins fetch failed", e), T(u(t)), O.current && clearTimeout(O.current), n || (O.current = setTimeout(() => T(null), 5e3));
+			let t = e instanceof Error ? e.message : "Agent unreachable — unable to read plugin list", n = u(t);
+			n || S({}), console.error("[ai] agentPlugins fetch failed", e), E(d(t)), k.current && clearTimeout(k.current), n || (k.current = setTimeout(() => E(null), 5e3));
 		} finally {
-			_(!1), y(!0);
+			v(!1), b(!0);
 		}
 	}, [
-		f,
 		p,
-		a(() => d.slice().sort().join("|"), [d])
+		m,
+		o(() => f.slice().sort().join("|"), [f])
 	]);
-	i(() => {
-		k();
-	}, [k]), i(() => {
-		let e = () => void k();
+	a(() => {
+		A();
+	}, [A]), n({
+		variables: { agentId: p ?? "" },
+		skip: !p,
+		onData: ({ data: t }) => {
+			let n = t.data?.vibecontrolsAgentPluginStream;
+			if (!n || !p) return;
+			let r = new Set(n.map((e) => e.packageName));
+			S((e) => {
+				let t = { ...e }, n = !1;
+				for (let e of f) {
+					let i = r.has(e);
+					t[e] !== i && (t[e] = i, n = !0);
+				}
+				return n ? t : e;
+			}), b(!0);
+			try {
+				let t = m.readQuery({
+					query: e,
+					variables: { agentId: p }
+				});
+				m.writeQuery({
+					query: e,
+					variables: { agentId: p },
+					data: { agentPlugins: {
+						__typename: "AgentPluginListResult",
+						installed: n,
+						available: t?.agentPlugins?.available ?? [],
+						error: null
+					} }
+				});
+			} catch {}
+		}
+	}), a(() => {
+		let e = () => void A();
 		return window.addEventListener("focus", e), () => window.removeEventListener("focus", e);
-	}, [k]), i(() => () => {
-		O.current && clearTimeout(O.current);
+	}, [A]), a(() => () => {
+		k.current && clearTimeout(k.current);
 	}, []);
-	let A = r(async (e) => {
-		if (!f) return !1;
-		C(e), T(null);
+	let j = i(async (e) => {
+		if (!p) return !1;
+		w(e), E(null);
 		try {
-			let { data: t } = await m({ variables: {
-				agentId: f,
+			let { data: t } = await h({ variables: {
+				agentId: p,
 				packageName: e
 			} });
-			if (t?.installAgentPlugin?.success) return x((t) => ({
+			if (t?.installAgentPlugin?.success) return S((t) => ({
 				...t,
 				[e]: !0
-			})), await k(), !0;
+			})), await A(), !0;
 			throw Error(t?.installAgentPlugin?.error || "Install failed");
 		} catch (e) {
-			if (n(e)) return D(!0), !1;
+			if (r(e)) return O(!0), !1;
 			let t = e instanceof Error ? e.message : "Failed to install plugin";
-			return console.error("[ai] plugin install failed", e), T(u(t)), O.current && clearTimeout(O.current), l(t) || (O.current = setTimeout(() => T(null), 5e3)), !1;
+			return console.error("[ai] plugin install failed", e), E(d(t)), k.current && clearTimeout(k.current), u(t) || (k.current = setTimeout(() => E(null), 5e3)), !1;
 		} finally {
-			C(null);
+			w(null);
 		}
 	}, [
-		f,
-		m,
-		k
-	]), j = r(() => D(!1), []), M = a(() => d.filter((e) => !b[e]), [d, b]), N = a(() => d.some((e) => b[e]), [d, b]), P = M.length === 0 && d.length > 0;
+		p,
+		h,
+		A
+	]), M = i(() => O(!1), []), N = o(() => f.filter((e) => !x[e]), [f, x]), P = o(() => f.some((e) => x[e]), [f, x]), F = N.length === 0 && f.length > 0;
 	return {
-		loading: g,
-		initialLoading: !v,
-		installed: b,
-		missing: M,
-		anyInstalled: N,
-		allInstalled: P,
-		installing: S,
-		install: A,
-		error: w,
-		errorIsAgentState: l(w),
-		quotaExhausted: E,
-		clearQuotaExhausted: j,
-		refetch: k
+		loading: _,
+		initialLoading: !y,
+		installed: x,
+		missing: N,
+		anyInstalled: P,
+		allInstalled: F,
+		installing: C,
+		install: j,
+		error: T,
+		errorIsAgentState: u(T),
+		quotaExhausted: D,
+		clearQuotaExhausted: M,
+		refetch: A
 	};
 }
 //#endregion
-export { d as usePluginAvailability };
+export { f as usePluginAvailability };
 
 //# sourceMappingURL=usePluginAvailability.js.map

package/dist/hooks/usePluginAvailability.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePluginAvailability.js","names":[],"sources":["../../src/hooks/usePluginAvailability.ts"],"sourcesContent":["/**\n * usePluginAvailability — query + install helpers for vibecontrols-agent plugins.\n *\n * Wraps the existing backend-proxied GraphQL ops (AgentPlugins query +\n * InstallAgentPlugin mutation) and exposes a small state surface that\n * gating components can render against.\n *\n * Re-fetches after a successful install so `installed`/`missing` reflect\n * the post-install state. No WebSocket subscription — call `refetch()` on\n * window focus in consumers that want freshness.\n */\n\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useApolloClient } from '@apollo/client/react';\nimport {\n  AgentPluginsDocument,\n  useInstallAgentPluginMutation,\n  type AgentPluginsQuery,\n} from '@/generated/wspace-operations';\nimport { isQuotaExhaustedError } from '@/utils/quotaUtils';\n\n/**\n * Classifies transient \"the agent itself isn't ready\" errors so the UI can\n * render a dedicated waiting state instead of an install CTA. These errors\n * are not the user's to fix via an install click — they resolve on their\n * own (or require Agents-page intervention).\n */\nfunction classifyAgentStateError(message: string | null | undefined): boolean {\n  if (!message) return false;\n  const m = message.toLowerCase();\n  return (\n    m.includes('agent not yet configured') ||\n    m.includes('awaiting-config') ||\n    m.includes('initializing') ||\n    m.includes('agent unreachable') ||\n    m.includes('agent returned 503') ||\n    m.includes('http 503') ||\n    m.includes('plugin routes are unavailable') ||\n    m.includes('econnrefused') ||\n    m.includes('rate_limited') ||\n    m.includes('rate limited') ||\n    m.includes('operation timeout') ||\n    m.includes('operation_timeout') ||\n    // Bun's fetch surfaces these human-friendly strings when the agent\n    // socket isn't accepting connections. Without this branch, the raw\n    // text would leak into the install card as the error chip.\n    m.includes('typo in the url') ||\n    m.includes('unable to connect') ||\n    m.includes('failed to open socket') ||\n    m.includes('failedtoopensocket') ||\n    m.includes('fetch failed') ||\n    m.includes('enotfound') ||\n    m.includes('getaddrinfo')\n    // Note: \"operation was aborted\" is deliberately NOT classified as an\n    // agent-state error. Apollo aborts previous in-flight queries when\n    // the same lazy query is re-fired (common in React Strict Mode\n    // double-mount). Those aborts are transient and not about agent\n    // state; the follow-up fetch succeeds normally.\n  );\n}\n\n/**\n * Translate raw error strings (especially Bun fetch's human-friendly but\n * jargon-y errors) into a short, user-safe message. Used right before we\n * stash anything into the surfaced `error` field — guarantees we never\n * render \"Was there a typo in the url or port?\" or similar into the DOM.\n */\nfunction sanitizeAgentStateError(raw: string): string {\n  const m = raw.toLowerCase();\n  if (\n    m.includes('typo in the url') ||\n    m.includes('unable to connect') ||\n    m.includes('failed to open socket') ||\n    m.includes('failedtoopensocket') ||\n    m.includes('econnrefused') ||\n    m.includes('enotfound') ||\n    m.includes('getaddrinfo') ||\n    m.includes('fetch failed') ||\n    m.includes('agent unreachable')\n  ) {\n    return 'Agent unreachable. Make sure the vibecontrols-agent is running locally.';\n  }\n  if (m.includes('agent not yet configured') || m.includes('awaiting-config')) {\n    return 'Agent is waiting for configuration. Finish setup in the Agents page.';\n  }\n  if (m.includes('initializing')) {\n    return 'Agent is starting up. Try again in a moment.';\n  }\n  if (m.includes('http 503') || m.includes('agent returned 503')) {\n    return 'Agent service unavailable. It may be restarting.';\n  }\n  return raw.length > 200 ? `${raw.slice(0, 200)}…` : raw;\n}\n\nexport interface UsePluginAvailabilityResult {\n  loading: boolean;\n  /**\n   * True while the very first fetch is in flight (or before it has begun).\n   * Consumers should render a loading spinner instead of the install CTA in\n   * this state so users don't see a flash of \"plugin required / Install\"\n   * followed by a flash of the real content.\n   */\n  initialLoading: boolean;\n  installed: Record<string, boolean>;\n  missing: string[];\n  anyInstalled: boolean;\n  allInstalled: boolean;\n  installing: string | null;\n  install: (packageName: string) => Promise<boolean>;\n  error: string | null;\n  /** True when `error` points to the agent itself not being ready. */\n  errorIsAgentState: boolean;\n  quotaExhausted: boolean;\n  clearQuotaExhausted: () => void;\n  refetch: () => Promise<void>;\n}\n\nexport function usePluginAvailability(\n  packages: readonly string[],\n  agentId: string | null\n): UsePluginAvailabilityResult {\n  const apollo = useApolloClient();\n  const [installPluginMutation] = useInstallAgentPluginMutation();\n\n  // Read cached data synchronously so the first render already has the\n  // installed map populated when another consumer has primed the cache.\n  const cachedInstalledSet = useMemo(() => {\n    if (!agentId) return null;\n    try {\n      const cached = apollo.readQuery<AgentPluginsQuery>({\n        query: AgentPluginsDocument,\n        variables: { agentId },\n      });\n      const installedList = cached?.agentPlugins?.installed ?? null;\n      if (!installedList) return null;\n      return new Set(installedList.map((p: { packageName: string }) => p.packageName));\n    } catch {\n      return null;\n    }\n  }, [apollo, agentId]);\n\n  const [loading, setLoading] = useState(false);\n  const [hasFetchedOnce, setHasFetchedOnce] = useState(() => cachedInstalledSet !== null);\n  const [installedMap, setInstalledMap] = useState<Record<string, boolean>>(() => {\n    const next: Record<string, boolean> = {};\n    if (cachedInstalledSet) {\n      for (const pkg of packages) next[pkg] = cachedInstalledSet.has(pkg);\n    }\n    return next;\n  });\n  const [installing, setInstalling] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [quotaExhausted, setQuotaExhausted] = useState(false);\n  const errorTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // Stable key so we re-run only when the *set* of requested packages changes.\n  const packagesKey = useMemo(() => packages.slice().sort().join('|'), [packages]);\n\n  const refetch = useCallback(async () => {\n    if (!agentId) {\n      setInstalledMap({});\n      return;\n    }\n    setLoading(true);\n    try {\n      // Use the Apollo client directly with `network-only` so out-of-band\n      // installs (CLI, other tabs, agent-side changes) are always picked\n      // up. `useAgentPluginsLazyQuery`'s lazy execute() doesn't accept\n      // per-call fetchPolicy in Apollo v4; `apollo.query()` does.\n      const { data } = await apollo.query<AgentPluginsQuery>({\n        query: AgentPluginsDocument,\n        variables: { agentId },\n        fetchPolicy: 'network-only',\n      });\n      const next: Record<string, boolean> = {};\n      const installedList = data?.agentPlugins?.installed ?? [];\n      const pluginError = data?.agentPlugins?.error ?? null;\n      const installedSet = new Set(\n        installedList.map((p: { packageName: string }) => p.packageName)\n      );\n      for (const pkg of packages) next[pkg] = installedSet.has(pkg);\n      if (pluginError) {\n        if (!classifyAgentStateError(pluginError)) {\n          setInstalledMap(next);\n        }\n        // Log the raw error for debugging, but only surface a sanitized\n        // version to the UI. Raw Bun fetch errors (\"Was there a typo in\n        // the url or port?\") would otherwise leak into the install card.\n        // eslint-disable-next-line no-console -- intentional: keep technical detail for debugging\n        console.error('[ai] agentPlugins returned error', pluginError);\n        setError(sanitizeAgentStateError(pluginError));\n        if (errorTimerRef.current) clearTimeout(errorTimerRef.current);\n        if (!classifyAgentStateError(pluginError)) {\n          errorTimerRef.current = setTimeout(() => setError(null), 5000);\n        }\n        return;\n      }\n      setInstalledMap(next);\n      // Clear any lingering error from a previously-aborted fetch so the\n      // gate doesn't keep showing \"Agent not ready\" after a successful\n      // subsequent request (e.g. React Strict Mode double-mount).\n      setError(null);\n      if (errorTimerRef.current) {\n        clearTimeout(errorTimerRef.current);\n        errorTimerRef.current = null;\n      }\n    } catch (err) {\n      const msg =\n        err instanceof Error ? err.message : 'Agent unreachable — unable to read plugin list';\n      const isAgentStateError = classifyAgentStateError(msg);\n      // Keep the last known installed state while the agent is restarting or\n      // finalizing. Otherwise a transient 503 flashes an install CTA for an\n      // already-installed plugin.\n      if (!isAgentStateError) {\n        setInstalledMap({});\n      }\n      // eslint-disable-next-line no-console -- intentional: keep technical detail for debugging\n      console.error('[ai] agentPlugins fetch failed', err);\n      setError(sanitizeAgentStateError(msg));\n      // State-related errors stay visible until resolved; transient\n      // network/GraphQL errors auto-dismiss so the UI stays tidy.\n      if (errorTimerRef.current) clearTimeout(errorTimerRef.current);\n      if (!isAgentStateError) {\n        errorTimerRef.current = setTimeout(() => setError(null), 5000);\n      }\n    } finally {\n      setLoading(false);\n      setHasFetchedOnce(true);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [agentId, apollo, packagesKey]);\n\n  useEffect(() => {\n    void refetch();\n  }, [refetch]);\n\n  // Also refetch when the tab regains focus so installs made elsewhere flow in.\n  useEffect(() => {\n    const onFocus = () => void refetch();\n    window.addEventListener('focus', onFocus);\n    return () => window.removeEventListener('focus', onFocus);\n  }, [refetch]);\n\n  useEffect(() => {\n    return () => {\n      if (errorTimerRef.current) clearTimeout(errorTimerRef.current);\n    };\n  }, []);\n\n  const install = useCallback(\n    async (packageName: string): Promise<boolean> => {\n      if (!agentId) return false;\n      setInstalling(packageName);\n      setError(null);\n      try {\n        const { data } = await installPluginMutation({\n          variables: { agentId, packageName },\n        });\n        if (data?.installAgentPlugin?.success) {\n          setInstalledMap((prev) => ({ ...prev, [packageName]: true }));\n          await refetch();\n          return true;\n        }\n        throw new Error(data?.installAgentPlugin?.error || 'Install failed');\n      } catch (err) {\n        if (isQuotaExhaustedError(err)) {\n          setQuotaExhausted(true);\n          return false;\n        }\n        const msg = err instanceof Error ? err.message : 'Failed to install plugin';\n        // eslint-disable-next-line no-console -- intentional: keep technical detail for debugging\n        console.error('[ai] plugin install failed', err);\n        setError(sanitizeAgentStateError(msg));\n        if (errorTimerRef.current) clearTimeout(errorTimerRef.current);\n        if (!classifyAgentStateError(msg)) {\n          errorTimerRef.current = setTimeout(() => setError(null), 5000);\n        }\n        return false;\n      } finally {\n        setInstalling(null);\n      }\n    },\n    [agentId, installPluginMutation, refetch]\n  );\n\n  const clearQuotaExhausted = useCallback(() => setQuotaExhausted(false), []);\n\n  const missing = useMemo(\n    () => packages.filter((pkg) => !installedMap[pkg]),\n    [packages, installedMap]\n  );\n  const anyInstalled = useMemo(\n    () => packages.some((pkg) => installedMap[pkg]),\n    [packages, installedMap]\n  );\n  const allInstalled = missing.length === 0 && packages.length > 0;\n\n  return {\n    loading,\n    initialLoading: !hasFetchedOnce,\n    installed: installedMap,\n    missing,\n    anyInstalled,\n    allInstalled,\n    installing,\n    install,\n    error,\n    errorIsAgentState: classifyAgentStateError(error),\n    quotaExhausted,\n    clearQuotaExhausted,\n    refetch,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"usePluginAvailability.js","names":[],"sources":["../../src/hooks/usePluginAvailability.ts"],"sourcesContent":["/**\n * usePluginAvailability — query + install helpers for vibecontrols-agent plugins.\n *\n * Wraps the existing backend-proxied GraphQL ops (AgentPlugins query +\n * InstallAgentPlugin mutation) and exposes a small state surface that\n * gating components can render against.\n *\n * Live updates: subscribes to `vibecontrolsAgentPluginStream` so the\n * installed map reflects out-of-band installs (CLI, other tabs,\n * agent-side changes) without per-tab polling. The initial AgentPlugins\n * query is still used for first paint so the gate can render before\n * the WebSocket completes its handshake.\n */\n\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useApolloClient } from '@apollo/client/react';\nimport {\n  AgentPluginsDocument,\n  useInstallAgentPluginMutation,\n  useVibecontrolsAgentPluginStreamSubscription,\n  type AgentPluginsQuery,\n} from '@/generated/wspace-operations';\nimport { isQuotaExhaustedError } from '@/utils/quotaUtils';\n\n/**\n * Classifies transient \"the agent itself isn't ready\" errors so the UI can\n * render a dedicated waiting state instead of an install CTA. These errors\n * are not the user's to fix via an install click — they resolve on their\n * own (or require Agents-page intervention).\n */\nfunction classifyAgentStateError(message: string | null | undefined): boolean {\n  if (!message) return false;\n  const m = message.toLowerCase();\n  return (\n    m.includes('agent not yet configured') ||\n    m.includes('awaiting-config') ||\n    m.includes('initializing') ||\n    m.includes('agent unreachable') ||\n    m.includes('agent returned 503') ||\n    m.includes('http 503') ||\n    m.includes('plugin routes are unavailable') ||\n    m.includes('econnrefused') ||\n    m.includes('rate_limited') ||\n    m.includes('rate limited') ||\n    m.includes('operation timeout') ||\n    m.includes('operation_timeout') ||\n    // Bun's fetch surfaces these human-friendly strings when the agent\n    // socket isn't accepting connections. Without this branch, the raw\n    // text would leak into the install card as the error chip.\n    m.includes('typo in the url') ||\n    m.includes('unable to connect') ||\n    m.includes('failed to open socket') ||\n    m.includes('failedtoopensocket') ||\n    m.includes('fetch failed') ||\n    m.includes('enotfound') ||\n    m.includes('getaddrinfo')\n    // Note: \"operation was aborted\" is deliberately NOT classified as an\n    // agent-state error. Apollo aborts previous in-flight queries when\n    // the same lazy query is re-fired (common in React Strict Mode\n    // double-mount). Those aborts are transient and not about agent\n    // state; the follow-up fetch succeeds normally.\n  );\n}\n\n/**\n * Translate raw error strings (especially Bun fetch's human-friendly but\n * jargon-y errors) into a short, user-safe message. Used right before we\n * stash anything into the surfaced `error` field — guarantees we never\n * render \"Was there a typo in the url or port?\" or similar into the DOM.\n */\nfunction sanitizeAgentStateError(raw: string): string {\n  const m = raw.toLowerCase();\n  if (\n    m.includes('typo in the url') ||\n    m.includes('unable to connect') ||\n    m.includes('failed to open socket') ||\n    m.includes('failedtoopensocket') ||\n    m.includes('econnrefused') ||\n    m.includes('enotfound') ||\n    m.includes('getaddrinfo') ||\n    m.includes('fetch failed') ||\n    m.includes('agent unreachable')\n  ) {\n    return 'Agent unreachable. Make sure the vibecontrols-agent is running locally.';\n  }\n  if (m.includes('agent not yet configured') || m.includes('awaiting-config')) {\n    return 'Agent is waiting for configuration. Finish setup in the Agents page.';\n  }\n  if (m.includes('initializing')) {\n    return 'Agent is starting up. Try again in a moment.';\n  }\n  if (m.includes('http 503') || m.includes('agent returned 503')) {\n    return 'Agent service unavailable. It may be restarting.';\n  }\n  return raw.length > 200 ? `${raw.slice(0, 200)}…` : raw;\n}\n\nexport interface UsePluginAvailabilityResult {\n  loading: boolean;\n  /**\n   * True while the very first fetch is in flight (or before it has begun).\n   * Consumers should render a loading spinner instead of the install CTA in\n   * this state so users don't see a flash of \"plugin required / Install\"\n   * followed by a flash of the real content.\n   */\n  initialLoading: boolean;\n  installed: Record<string, boolean>;\n  missing: string[];\n  anyInstalled: boolean;\n  allInstalled: boolean;\n  installing: string | null;\n  install: (packageName: string) => Promise<boolean>;\n  error: string | null;\n  /** True when `error` points to the agent itself not being ready. */\n  errorIsAgentState: boolean;\n  quotaExhausted: boolean;\n  clearQuotaExhausted: () => void;\n  refetch: () => Promise<void>;\n}\n\nexport function usePluginAvailability(\n  packages: readonly string[],\n  agentId: string | null\n): UsePluginAvailabilityResult {\n  const apollo = useApolloClient();\n  const [installPluginMutation] = useInstallAgentPluginMutation();\n\n  // Read cached data synchronously so the first render already has the\n  // installed map populated when another consumer has primed the cache.\n  const cachedInstalledSet = useMemo(() => {\n    if (!agentId) return null;\n    try {\n      const cached = apollo.readQuery<AgentPluginsQuery>({\n        query: AgentPluginsDocument,\n        variables: { agentId },\n      });\n      const installedList = cached?.agentPlugins?.installed ?? null;\n      if (!installedList) return null;\n      return new Set(installedList.map((p: { packageName: string }) => p.packageName));\n    } catch {\n      return null;\n    }\n  }, [apollo, agentId]);\n\n  const [loading, setLoading] = useState(false);\n  const [hasFetchedOnce, setHasFetchedOnce] = useState(() => cachedInstalledSet !== null);\n  const [installedMap, setInstalledMap] = useState<Record<string, boolean>>(() => {\n    const next: Record<string, boolean> = {};\n    if (cachedInstalledSet) {\n      for (const pkg of packages) next[pkg] = cachedInstalledSet.has(pkg);\n    }\n    return next;\n  });\n  const [installing, setInstalling] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [quotaExhausted, setQuotaExhausted] = useState(false);\n  const errorTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // Stable key so we re-run only when the *set* of requested packages changes.\n  const packagesKey = useMemo(() => packages.slice().sort().join('|'), [packages]);\n\n  const refetch = useCallback(async () => {\n    if (!agentId) {\n      setInstalledMap({});\n      return;\n    }\n    setLoading(true);\n    try {\n      // Use the Apollo client directly with `network-only` so out-of-band\n      // installs (CLI, other tabs, agent-side changes) are always picked\n      // up. `useAgentPluginsLazyQuery`'s lazy execute() doesn't accept\n      // per-call fetchPolicy in Apollo v4; `apollo.query()` does.\n      const { data } = await apollo.query<AgentPluginsQuery>({\n        query: AgentPluginsDocument,\n        variables: { agentId },\n        fetchPolicy: 'network-only',\n      });\n      const next: Record<string, boolean> = {};\n      const installedList = data?.agentPlugins?.installed ?? [];\n      const pluginError = data?.agentPlugins?.error ?? null;\n      const installedSet = new Set(\n        installedList.map((p: { packageName: string }) => p.packageName)\n      );\n      for (const pkg of packages) next[pkg] = installedSet.has(pkg);\n      if (pluginError) {\n        if (!classifyAgentStateError(pluginError)) {\n          setInstalledMap(next);\n        }\n        // Log the raw error for debugging, but only surface a sanitized\n        // version to the UI. Raw Bun fetch errors (\"Was there a typo in\n        // the url or port?\") would otherwise leak into the install card.\n        // eslint-disable-next-line no-console -- intentional: keep technical detail for debugging\n        console.error('[ai] agentPlugins returned error', pluginError);\n        setError(sanitizeAgentStateError(pluginError));\n        if (errorTimerRef.current) clearTimeout(errorTimerRef.current);\n        if (!classifyAgentStateError(pluginError)) {\n          errorTimerRef.current = setTimeout(() => setError(null), 5000);\n        }\n        return;\n      }\n      setInstalledMap(next);\n      // Clear any lingering error from a previously-aborted fetch so the\n      // gate doesn't keep showing \"Agent not ready\" after a successful\n      // subsequent request (e.g. React Strict Mode double-mount).\n      setError(null);\n      if (errorTimerRef.current) {\n        clearTimeout(errorTimerRef.current);\n        errorTimerRef.current = null;\n      }\n    } catch (err) {\n      const msg =\n        err instanceof Error ? err.message : 'Agent unreachable — unable to read plugin list';\n      const isAgentStateError = classifyAgentStateError(msg);\n      // Keep the last known installed state while the agent is restarting or\n      // finalizing. Otherwise a transient 503 flashes an install CTA for an\n      // already-installed plugin.\n      if (!isAgentStateError) {\n        setInstalledMap({});\n      }\n      // eslint-disable-next-line no-console -- intentional: keep technical detail for debugging\n      console.error('[ai] agentPlugins fetch failed', err);\n      setError(sanitizeAgentStateError(msg));\n      // State-related errors stay visible until resolved; transient\n      // network/GraphQL errors auto-dismiss so the UI stays tidy.\n      if (errorTimerRef.current) clearTimeout(errorTimerRef.current);\n      if (!isAgentStateError) {\n        errorTimerRef.current = setTimeout(() => setError(null), 5000);\n      }\n    } finally {\n      setLoading(false);\n      setHasFetchedOnce(true);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [agentId, apollo, packagesKey]);\n\n  useEffect(() => {\n    void refetch();\n  }, [refetch]);\n\n  // Subscribe to the push stream. The svc emits the installed list\n  // whenever it diverges from its previous snapshot, so we only update\n  // local state on payloads — and we also write through to the Apollo\n  // cache so other consumers reading `agentPlugins` directly see fresh\n  // data without their own refetch.\n  useVibecontrolsAgentPluginStreamSubscription({\n    variables: { agentId: agentId ?? '' },\n    skip: !agentId,\n    onData: ({ data }) => {\n      const installedList = data.data?.vibecontrolsAgentPluginStream;\n      if (!installedList || !agentId) return;\n      const installedSet = new Set(\n        installedList.map((p: { packageName: string }) => p.packageName)\n      );\n      setInstalledMap((prev) => {\n        const next: Record<string, boolean> = { ...prev };\n        let changed = false;\n        for (const pkg of packages) {\n          const has = installedSet.has(pkg);\n          if (next[pkg] !== has) {\n            next[pkg] = has;\n            changed = true;\n          }\n        }\n        return changed ? next : prev;\n      });\n      setHasFetchedOnce(true);\n      // Mirror into Apollo cache so consumers that read AgentPluginsQuery\n      // directly (e.g. PluginHarnessPicker) see the same fresh list.\n      try {\n        const existing = apollo.readQuery<AgentPluginsQuery>({\n          query: AgentPluginsDocument,\n          variables: { agentId },\n        });\n        apollo.writeQuery<AgentPluginsQuery>({\n          query: AgentPluginsDocument,\n          variables: { agentId },\n          data: {\n            agentPlugins: {\n              __typename: 'AgentPluginListResult',\n              installed: installedList,\n              available: existing?.agentPlugins?.available ?? [],\n              error: null,\n            },\n          },\n        });\n      } catch {\n        // Cache may not have been primed yet — the next refetch will\n        // populate `available` and we'll write again on the next event.\n      }\n    },\n  });\n\n  // Also refetch when the tab regains focus so installs made elsewhere flow in.\n  useEffect(() => {\n    const onFocus = () => void refetch();\n    window.addEventListener('focus', onFocus);\n    return () => window.removeEventListener('focus', onFocus);\n  }, [refetch]);\n\n  useEffect(() => {\n    return () => {\n      if (errorTimerRef.current) clearTimeout(errorTimerRef.current);\n    };\n  }, []);\n\n  const install = useCallback(\n    async (packageName: string): Promise<boolean> => {\n      if (!agentId) return false;\n      setInstalling(packageName);\n      setError(null);\n      try {\n        const { data } = await installPluginMutation({\n          variables: { agentId, packageName },\n        });\n        if (data?.installAgentPlugin?.success) {\n          setInstalledMap((prev) => ({ ...prev, [packageName]: true }));\n          await refetch();\n          return true;\n        }\n        throw new Error(data?.installAgentPlugin?.error || 'Install failed');\n      } catch (err) {\n        if (isQuotaExhaustedError(err)) {\n          setQuotaExhausted(true);\n          return false;\n        }\n        const msg = err instanceof Error ? err.message : 'Failed to install plugin';\n        // eslint-disable-next-line no-console -- intentional: keep technical detail for debugging\n        console.error('[ai] plugin install failed', err);\n        setError(sanitizeAgentStateError(msg));\n        if (errorTimerRef.current) clearTimeout(errorTimerRef.current);\n        if (!classifyAgentStateError(msg)) {\n          errorTimerRef.current = setTimeout(() => setError(null), 5000);\n        }\n        return false;\n      } finally {\n        setInstalling(null);\n      }\n    },\n    [agentId, installPluginMutation, refetch]\n  );\n\n  const clearQuotaExhausted = useCallback(() => setQuotaExhausted(false), []);\n\n  const missing = useMemo(\n    () => packages.filter((pkg) => !installedMap[pkg]),\n    [packages, installedMap]\n  );\n  const anyInstalled = useMemo(\n    () => packages.some((pkg) => installedMap[pkg]),\n    [packages, installedMap]\n  );\n  const allInstalled = missing.length === 0 && packages.length > 0;\n\n  return {\n    loading,\n    initialLoading: !hasFetchedOnce,\n    installed: installedMap,\n    missing,\n    anyInstalled,\n    allInstalled,\n    installing,\n    install,\n    error,\n    errorIsAgentState: classifyAgentStateError(error),\n    quotaExhausted,\n    clearQuotaExhausted,\n    refetch,\n  };\n}\n"],"mappings":"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"}