agent-relay 2.0.21 → 2.0.23

package/packages/dashboard/ui/react-components/hooks/useWorkspaceMembers.ts

@@ -1,120 +0,0 @@
-/**
- * useWorkspaceMembers Hook
- *
- * Fetches and caches workspace members for filtering online users.
- * Returns the set of usernames that have access to the workspace.
- */
-
-import { useState, useEffect, useCallback, useMemo } from 'react';
-import { cloudApi } from '../../lib/cloudApi';
-import type { UserPresence } from './usePresence';
-
-interface WorkspaceMember {
-  id: string;
-  userId: string;
-  role: string;
-  isPending: boolean;
-  user?: {
-    githubUsername: string;
-    email?: string;
-    avatarUrl?: string;
-  };
-}
-
-export interface UseWorkspaceMembersOptions {
-  /** The workspace ID to fetch members for */
-  workspaceId?: string;
-  /** Whether to enable fetching (e.g., only in cloud mode) */
-  enabled?: boolean;
-}
-
-export interface UseWorkspaceMembersReturn {
-  /** Set of usernames with workspace access (lowercase for comparison) */
-  memberUsernames: Set<string>;
-  /** Whether members are currently loading */
-  isLoading: boolean;
-  /** Error message if fetch failed */
-  error: string | null;
-  /** Refetch workspace members */
-  refetch: () => Promise<void>;
-}
-
-/**
- * Hook to fetch workspace members and provide a set of usernames with access.
- * Used to filter online users to show only those with workspace access.
- */
-export function useWorkspaceMembers(
-  options: UseWorkspaceMembersOptions = {}
-): UseWorkspaceMembersReturn {
-  const { workspaceId, enabled = true } = options;
-
-  const [members, setMembers] = useState<WorkspaceMember[]>([]);
-  const [isLoading, setIsLoading] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-
-  const fetchMembers = useCallback(async () => {
-    if (!workspaceId || !enabled) {
-      setMembers([]);
-      return;
-    }
-
-    setIsLoading(true);
-    setError(null);
-
-    try {
-      const result = await cloudApi.getWorkspaceMembers(workspaceId);
-      if (result.success) {
-        setMembers(result.data.members as WorkspaceMember[]);
-      } else {
-        setError(result.error);
-        setMembers([]);
-      }
-    } catch (err) {
-      setError(err instanceof Error ? err.message : 'Failed to fetch members');
-      setMembers([]);
-    } finally {
-      setIsLoading(false);
-    }
-  }, [workspaceId, enabled]);
-
-  // Fetch members when workspace changes
-  useEffect(() => {
-    fetchMembers();
-  }, [fetchMembers]);
-
-  // Build set of member usernames (lowercase for case-insensitive comparison)
-  const memberUsernames = useMemo(() => {
-    const usernames = new Set<string>();
-    for (const member of members) {
-      if (member.user?.githubUsername) {
-        usernames.add(member.user.githubUsername.toLowerCase());
-      }
-    }
-    return usernames;
-  }, [members]);
-
-  return {
-    memberUsernames,
-    isLoading,
-    error,
-    refetch: fetchMembers,
-  };
-}
-
-/**
- * Filter online users to only include those with workspace access.
- * If no members are loaded (non-cloud mode or error), returns all users.
- */
-export function filterOnlineUsersByWorkspace(
-  onlineUsers: UserPresence[],
-  memberUsernames: Set<string>
-): UserPresence[] {
-  // If no members loaded, show all users (non-cloud mode fallback)
-  if (memberUsernames.size === 0) {
-    return onlineUsers;
-  }
-
-  return onlineUsers.filter((user) =>
-    memberUsernames.has(user.username.toLowerCase())
-  );
-}

package/packages/dashboard/ui/react-components/hooks/useWorkspaceRepos.ts

@@ -1,73 +0,0 @@
-/**
- * Hook for fetching and managing workspace repositories
- */
-
-import { useState, useEffect, useCallback } from 'react';
-
-export interface WorkspaceRepo {
-  id: string;
-  githubFullName: string;
-  defaultBranch: string;
-  isPrivate: boolean;
-  syncStatus: string;
-  lastSyncedAt: string | null;
-}
-
-export interface UseWorkspaceReposOptions {
-  workspaceId?: string;
-  apiBaseUrl?: string;
-  enabled?: boolean;
-}
-
-export interface UseWorkspaceReposReturn {
-  repos: WorkspaceRepo[];
-  isLoading: boolean;
-  error: string | null;
-  refetch: () => Promise<void>;
-}
-
-export function useWorkspaceRepos({
-  workspaceId,
-  apiBaseUrl = '/api',
-  enabled = true,
-}: UseWorkspaceReposOptions): UseWorkspaceReposReturn {
-  const [repos, setRepos] = useState<WorkspaceRepo[]>([]);
-  const [isLoading, setIsLoading] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-
-  const fetchRepos = useCallback(async () => {
-    if (!workspaceId || !enabled) return;
-
-    setIsLoading(true);
-    setError(null);
-
-    try {
-      const res = await fetch(`${apiBaseUrl}/workspaces/${workspaceId}/repos`, {
-        credentials: 'include',
-      });
-
-      if (!res.ok) {
-        throw new Error('Failed to fetch workspace repos');
-      }
-
-      const data = await res.json();
-      setRepos(data.repositories || []);
-    } catch (err) {
-      setError(err instanceof Error ? err.message : 'Failed to fetch repos');
-      console.error('Error fetching workspace repos:', err);
-    } finally {
-      setIsLoading(false);
-    }
-  }, [workspaceId, apiBaseUrl, enabled]);
-
-  useEffect(() => {
-    fetchRepos();
-  }, [fetchRepos]);
-
-  return {
-    repos,
-    isLoading,
-    error,
-    refetch: fetchRepos,
-  };
-}

package/packages/dashboard/ui/react-components/hooks/useWorkspaceStatus.ts

@@ -1,237 +0,0 @@
-/**
- * useWorkspaceStatus Hook
- *
- * React hook for monitoring workspace status with auto-wakeup capability.
- * Polls for status updates and can automatically restart stopped workspaces.
- */
-
-import { useState, useEffect, useCallback, useRef } from 'react';
-import { cloudApi } from '../../lib/cloudApi';
-
-export interface WorkspaceStatus {
-  id: string;
-  name: string;
-  status: string;
-  publicUrl?: string;
-  isStopped: boolean;
-  isRunning: boolean;
-  isProvisioning: boolean;
-  hasError: boolean;
-  config: {
-    providers: string[];
-    repositories: string[];
-  };
-}
-
-export interface UseWorkspaceStatusOptions {
-  /** Poll for status updates (default: true) */
-  autoRefresh?: boolean;
-  /** Interval to poll for status in ms (default: 30000) */
-  refreshInterval?: number;
-  /** Auto-wakeup when workspace is stopped (default: false) */
-  autoWakeup?: boolean;
-  /** Callback when workspace status changes */
-  onStatusChange?: (status: string, wasRestarted: boolean) => void;
-}
-
-export interface UseWorkspaceStatusReturn {
-  /** Current workspace data (null if no workspace) */
-  workspace: WorkspaceStatus | null;
-  /** Whether workspace exists */
-  exists: boolean;
-  /** Whether the status check is in progress */
-  isLoading: boolean;
-  /** Whether a wakeup is in progress */
-  isWakingUp: boolean;
-  /** Status message for display */
-  statusMessage: string;
-  /** Action needed (wakeup, check_error, etc) */
-  actionNeeded: 'wakeup' | 'check_error' | null;
-  /** Error if any */
-  error: string | null;
-  /** Manually refresh status */
-  refresh: () => Promise<void>;
-  /** Manually wake up workspace */
-  wakeup: () => Promise<{ success: boolean; message: string }>;
-}
-
-const DEFAULT_OPTIONS: Required<UseWorkspaceStatusOptions> = {
-  autoRefresh: true,
-  refreshInterval: 30000, // 30 seconds
-  autoWakeup: false,
-  onStatusChange: () => {},
-};
-
-export function useWorkspaceStatus(
-  options: UseWorkspaceStatusOptions = {}
-): UseWorkspaceStatusReturn {
-  // Stabilize options to prevent infinite re-renders
-  // Use refs for callbacks and useMemo for primitive values
-  const autoRefresh = options.autoRefresh ?? DEFAULT_OPTIONS.autoRefresh;
-  const refreshInterval = options.refreshInterval ?? DEFAULT_OPTIONS.refreshInterval;
-  const autoWakeup = options.autoWakeup ?? DEFAULT_OPTIONS.autoWakeup;
-
-  // Store callback in ref to avoid recreating refresh on every render
-  const onStatusChangeRef = useRef(options.onStatusChange ?? DEFAULT_OPTIONS.onStatusChange);
-  onStatusChangeRef.current = options.onStatusChange ?? DEFAULT_OPTIONS.onStatusChange;
-
-  const [workspace, setWorkspace] = useState<WorkspaceStatus | null>(null);
-  const [exists, setExists] = useState(false);
-  const [isLoading, setIsLoading] = useState(true);
-  const [isWakingUp, setIsWakingUp] = useState(false);
-  const [statusMessage, setStatusMessage] = useState('');
-  const [actionNeeded, setActionNeeded] = useState<'wakeup' | 'check_error' | null>(null);
-  const [error, setError] = useState<string | null>(null);
-
-  const intervalRef = useRef<NodeJS.Timeout | null>(null);
-  const mountedRef = useRef(true);
-  const previousStatusRef = useRef<string | null>(null);
-
-  // Fetch workspace status
-  const refresh = useCallback(async () => {
-    try {
-      setIsLoading(true);
-      setError(null);
-
-      const result = await cloudApi.getPrimaryWorkspace();
-
-      if (!mountedRef.current) return;
-
-      if (result.success) {
-        setExists(result.data.exists);
-        setStatusMessage(result.data.statusMessage);
-        setActionNeeded(result.data.actionNeeded || null);
-
-        if (result.data.workspace) {
-          const ws = result.data.workspace;
-          setWorkspace(ws);
-
-          // Check for status change
-          if (previousStatusRef.current && previousStatusRef.current !== ws.status) {
-            onStatusChangeRef.current(ws.status, false);
-          }
-          previousStatusRef.current = ws.status;
-        } else {
-          setWorkspace(null);
-        }
-      } else {
-        setError(result.error);
-      }
-    } catch (_e) {
-      if (mountedRef.current) {
-        setError('Failed to fetch workspace status');
-      }
-    } finally {
-      if (mountedRef.current) {
-        setIsLoading(false);
-      }
-    }
-  }, []); // No dependencies - uses refs for callbacks
-
-  // Store refresh interval in ref for wakeup callback
-  const refreshIntervalRef = useRef(refreshInterval);
-  refreshIntervalRef.current = refreshInterval;
-  const autoRefreshRef = useRef(autoRefresh);
-  autoRefreshRef.current = autoRefresh;
-
-  // Wake up workspace
-  const wakeup = useCallback(async (): Promise<{ success: boolean; message: string }> => {
-    if (!workspace?.id) {
-      return { success: false, message: 'No workspace to wake up' };
-    }
-
-    try {
-      setIsWakingUp(true);
-      setError(null);
-
-      const result = await cloudApi.wakeupWorkspace(workspace.id);
-
-      if (!mountedRef.current) {
-        return { success: false, message: 'Component unmounted' };
-      }
-
-      if (result.success) {
-        // Update local state
-        if (result.data.wasRestarted) {
-          setStatusMessage(result.data.message);
-          setActionNeeded(null);
-          onStatusChangeRef.current('starting', true);
-
-          // Start more frequent polling to catch when workspace is ready
-          if (intervalRef.current) {
-            clearInterval(intervalRef.current);
-          }
-          intervalRef.current = setInterval(refresh, 5000); // Poll every 5s during startup
-
-          // Reset to normal interval after 2 minutes
-          setTimeout(() => {
-            if (mountedRef.current && intervalRef.current) {
-              clearInterval(intervalRef.current);
-              if (autoRefreshRef.current) {
-                intervalRef.current = setInterval(refresh, refreshIntervalRef.current);
-              }
-            }
-          }, 120000);
-        }
-
-        return { success: true, message: result.data.message };
-      } else {
-        setError(result.error);
-        return { success: false, message: result.error };
-      }
-    } catch (e) {
-      const message = e instanceof Error ? e.message : 'Failed to wake up workspace';
-      if (mountedRef.current) {
-        setError(message);
-      }
-      return { success: false, message };
-    } finally {
-      if (mountedRef.current) {
-        setIsWakingUp(false);
-      }
-    }
-  }, [workspace?.id, refresh]);
-
-  // Initial fetch
-  useEffect(() => {
-    mountedRef.current = true;
-    refresh();
-
-    return () => {
-      mountedRef.current = false;
-    };
-  }, [refresh]);
-
-  // Auto-refresh polling
-  useEffect(() => {
-    if (!autoRefresh) return;
-
-    intervalRef.current = setInterval(refresh, refreshInterval);
-
-    return () => {
-      if (intervalRef.current) {
-        clearInterval(intervalRef.current);
-        intervalRef.current = null;
-      }
-    };
-  }, [autoRefresh, refreshInterval, refresh]);
-
-  // Auto-wakeup when workspace is stopped
-  useEffect(() => {
-    if (autoWakeup && workspace?.isStopped && !isWakingUp) {
-      wakeup();
-    }
-  }, [autoWakeup, workspace?.isStopped, isWakingUp, wakeup]);
-
-  return {
-    workspace,
-    exists,
-    isLoading,
-    isWakingUp,
-    statusMessage,
-    actionNeeded,
-    error,
-    refresh,
-    wakeup,
-  };
-}

package/packages/dashboard/ui/react-components/index.ts

@@ -1,81 +0,0 @@
-/**
- * Dashboard V2 React Components
- *
- * This module requires React to be installed.
- * Components now use Tailwind CSS for styling.
- * Install with: npm install react react-dom
- */
-
-// Core Components
-export { AgentCard, type AgentCardProps } from './AgentCard';
-export { AgentList, type AgentListProps } from './AgentList';
-export { ThinkingIndicator, ThinkingDot, type ThinkingIndicatorProps } from './ThinkingIndicator';
-export { MessageStatusIndicator, type MessageStatusIndicatorProps } from './MessageStatusIndicator';
-export { MessageList, type MessageListProps } from './MessageList';
-export { ThreadPanel, type ThreadPanelProps } from './ThreadPanel';
-export { CommandPalette, type CommandPaletteProps, type Command } from './CommandPalette';
-export { SpawnModal, type SpawnModalProps, type SpawnConfig, type SpeakOnTrigger } from './SpawnModal';
-export { NewConversationModal, type NewConversationModalProps } from './NewConversationModal';
-export { TrajectoryViewer, type TrajectoryViewerProps, type TrajectoryStep } from './TrajectoryViewer';
-export { DecisionQueue, type DecisionQueueProps, type Decision } from './DecisionQueue';
-export { ServerCard, type ServerCardProps, type ServerInfo } from './ServerCard';
-export { FleetOverview, type FleetOverviewProps } from './FleetOverview';
-export { BroadcastComposer, type BroadcastComposerProps, type BroadcastTarget } from './BroadcastComposer';
-export { defaultSettings, type Settings } from './settings';
-export { NotificationToast, useToasts, type NotificationToastProps, type Toast } from './NotificationToast';
-export { ThemeProvider, ThemeToggle, useTheme, type ThemeProviderProps, type Theme, type ResolvedTheme } from './ThemeProvider';
-export { App, appStyles, type AppProps } from './App';
-export { MentionAutocomplete, useMentionAutocomplete, getMentionQuery, completeMentionInValue, type MentionAutocompleteProps } from './MentionAutocomplete';
-export { ProjectList, type ProjectListProps } from './ProjectList';
-export { WorkspaceSelector, type WorkspaceSelectorProps, type Workspace } from './WorkspaceSelector';
-export { WorkspaceSettingsPanel, type WorkspaceSettingsPanelProps } from './settings/WorkspaceSettingsPanel';
-export { AddWorkspaceModal, type AddWorkspaceModalProps } from './AddWorkspaceModal';
-export { PricingPlans, type PricingPlansProps, type Plan } from './PricingPlans';
-export { BillingPanel, type BillingPanelProps, type Subscription, type Invoice, type PaymentMethod } from './BillingPanel';
-export { SessionExpiredModal, type SessionExpiredModalProps } from './SessionExpiredModal';
-export { ProvisioningProgress, type ProvisioningProgressProps } from './ProvisioningProgress';
-export {
-  CloudSessionProvider,
-  useCloudSession,
-  useCloudSessionOptional,
-  type CloudSessionProviderProps,
-} from './CloudSessionProvider';
-export {
-  WorkspaceProvider,
-  useWorkspace,
-  useWorkspaceWsUrl,
-  type WorkspaceProviderProps,
-} from './WorkspaceContext';
-
-// Terminal Components
-export { XTermLogViewer, type XTermLogViewerProps } from './XTermLogViewer';
-export { XTermInteractive, type XTermInteractiveProps } from './XTermInteractive';
-
-// Layout Components
-export { Sidebar, type SidebarProps } from './layout/Sidebar';
-export { Header, type HeaderProps } from './layout/Header';
-
-// Hooks
-export {
-  useWebSocket,
-  useAgents,
-  useMessages,
-  useOrchestrator,
-  useSession,
-  type UseWebSocketOptions,
-  type UseWebSocketReturn,
-  type UseAgentsOptions,
-  type UseAgentsReturn,
-  type UseMessagesOptions,
-  type UseMessagesReturn,
-  type UseOrchestratorOptions,
-  type UseOrchestratorResult,
-  type UseSessionOptions,
-  type UseSessionReturn,
-  type DashboardData,
-  type AgentWithColor,
-  type OrchestratorAgent,
-  type OrchestratorEvent,
-  type SessionError,
-  type CloudUser,
-} from './hooks';