feat: add multi-project support (#110)

* feat: Implement project management store with project path validation and synchronization - Added `useProjectsStore` for managing projects, including adding, removing, renaming, and validating project paths. - Implemented persistence for projects and active project ID using safe storage. - Introduced synchronization from desktop settings to keep project data consistent. - Enhanced session store to manage sessions by directory and added new methods for session management. - Updated todo store to fetch session todos based on the directory context. - Refactored server code to validate and resolve project directories for various API endpoints. - Added project entry validation and sanitization to ensure data integrity. * feat(settings): migrate legacy project settings and update settings loading logic * feat: enhance project management with directory-aware settings and improved agent/command source handling * feat: enhance session and project management with directory-aware settings and improved configuration refresh logic * feat: enhance project management with worktree manager integration and project directory resolution * feat: enhance agent groups store with project directory resolution and loading logic * feat: add heartbeat management and global wrapping for SSE blocks in agent and chat providers * feat: refactor command and project handling in useCommandsStore - Replaced useDirectoryStore with useProjectsStore to manage project paths. - Introduced getRequestDirectory function to determine the active project directory. - Updated command fetching to respect project-level scoping. - Enhanced error handling and logging for command configuration fetching. - Improved command configuration saving and updating to utilize project directory context. feat: enhance project path normalization in useProjectsStore - Added resolveTildePath function to expand paths starting with ~. - Updated normalizeProjectPath to utilize home directory for path expansion. fix: update permission handling in useSessionStore - Changed Permission type to PermissionRequest for clarity. - Updated respondToPermission method to use requestId instead of permissionId. refactor: improve permission utilities - Introduced types for PermissionAction and PermissionRule. - Enhanced getAgentDefinition and resolveConfigStore functions for better type safety. - Added resolvePermissionAction to streamline permission resolution logic. feat: add agent configuration retrieval endpoint - Implemented new API endpoint to fetch agent configuration based on project directory. - Enhanced getAgentPermissionSource to prioritize project-level permissions. chore: update SDK version in package.json files - Bumped @opencode-ai/sdk version to ^1.1.1 across all relevant package.json files. refactor: streamline bridge message handling - Updated handleBridgeMessage to accept directory parameter for agent and command requests. - Improved local API request handling to extract directory from query parameters and headers. feat: enhance project configuration management - Added functions to retrieve and merge project configuration paths. - Improved handling of existing project configuration files for agents and commands. * feat: enhance VSCode integration and session management - Added support for a sticky sidebar header background in light and dark themes. - Introduced functions to read VSCode workspace directory and check if running in VSCode. - Implemented detailed logging for session loading and creation processes. - Enhanced session filtering based on directory structure and canonical paths. - Added a new method to reorder projects and prevent modifications in VSCode workspace. - Improved error handling and logging for app initialization and markdown file parsing. - Updated API checks and health checks to ensure readiness before proceeding. - Refactored code for better readability and maintainability across various modules. * feat: improve agent and branch selection logic, enhance session management, and update multi-run creation response * feat: add worktree management actions in agent group detail and sidebar, including delete and keep only options * fix(ui): share IME guard and cover multi-run * fix(session): reduce maximum visible sessions in group from 7 to 5
2026-01-06 21:31:04 +02:00
parent 8aa379e313
commit 18c5b4c7b5
84 changed files with 8399 additions and 2854 deletions
@@ -6,6 +6,10 @@ import { AgentGroupDetail } from './AgentGroupDetail';
 import { cn } from '@/lib/utils';
 import { useAgentGroupsStore } from '@/stores/useAgentGroupsStore';
 import { useMultiRunStore } from '@/stores/useMultiRunStore';
+import { useSessionStore } from '@/stores/useSessionStore';
+import { useConfigStore } from '@/stores/useConfigStore';
+import { useDirectoryStore } from '@/stores/useDirectoryStore';
+import { streamDebugEnabled } from '@/stores/utils/streamDebug';
 import type { CreateMultiRunParams } from '@/types/multirun';

 interface AgentManagerViewProps {
@@ -13,6 +17,25 @@ interface AgentManagerViewProps {
 }

 export const AgentManagerView: React.FC<AgentManagerViewProps> = ({ className }) => {
+  const isVSCodeRuntime = Boolean(
+    (typeof window !== 'undefined'
+      ? (window as unknown as { __OPENCHAMBER_RUNTIME_APIS__?: { runtime?: { isVSCode?: boolean } } })
+          .__OPENCHAMBER_RUNTIME_APIS__?.runtime?.isVSCode
+      : false)
+  );
+  const [connectionStatus, setConnectionStatus] = React.useState<'connecting' | 'connected' | 'error' | 'disconnected'>(
+    () =>
+      (typeof window !== 'undefined'
+        ? (window as unknown as { __OPENCHAMBER_CONNECTION__?: { status?: string } }).__OPENCHAMBER_CONNECTION__?.status as
+            'connecting' | 'connected' | 'error' | 'disconnected' | undefined
+        : 'connecting') || 'connecting'
+  );
+  const configInitialized = useConfigStore((state) => state.isInitialized);
+  const initializeApp = useConfigStore((state) => state.initializeApp);
+  const loadSessions = useSessionStore((state) => state.loadSessions);
+  const setDirectory = useDirectoryStore((state) => state.setDirectory);
+  const bootstrapAttemptAt = React.useRef<number>(0);
+
  const { 
    selectedGroupName, 
    selectGroup, 
@@ -22,6 +45,86 @@ export const AgentManagerView: React.FC<AgentManagerViewProps> = ({ className })

  const { createMultiRun, isLoading: isCreatingMultiRun } = useMultiRunStore();

+  React.useEffect(() => {
+    if (!isVSCodeRuntime) {
+      return;
+    }
+
+    const current =
+      (typeof window !== 'undefined'
+        ? (window as unknown as { __OPENCHAMBER_CONNECTION__?: { status?: string } }).__OPENCHAMBER_CONNECTION__?.status
+        : undefined) as 'connecting' | 'connected' | 'error' | 'disconnected' | undefined;
+    if (current === 'connected' || current === 'connecting' || current === 'error' || current === 'disconnected') {
+      setConnectionStatus(current);
+    }
+
+    const handler = (event: Event) => {
+      const detail = (event as CustomEvent<{ status?: string; error?: string }>).detail;
+      const status = detail?.status;
+      if (status === 'connected' || status === 'connecting' || status === 'error' || status === 'disconnected') {
+        setConnectionStatus(status);
+      }
+    };
+    window.addEventListener('openchamber:connection-status', handler as EventListener);
+    return () => window.removeEventListener('openchamber:connection-status', handler as EventListener);
+  }, [isVSCodeRuntime]);
+
+  React.useEffect(() => {
+    if (!isVSCodeRuntime || connectionStatus !== 'connected') {
+      return;
+    }
+
+    const now = Date.now();
+    if (now - bootstrapAttemptAt.current < 750) {
+      return;
+    }
+    bootstrapAttemptAt.current = now;
+
+    const workspaceFolder = (typeof window !== 'undefined'
+      ? (window as unknown as { __VSCODE_CONFIG__?: { workspaceFolder?: unknown } }).__VSCODE_CONFIG__?.workspaceFolder
+      : null);
+
+    if (typeof workspaceFolder === 'string' && workspaceFolder.trim().length > 0) {
+      try {
+        setDirectory(workspaceFolder, { showOverlay: false });
+      } catch {
+        // ignored
+      }
+    }
+
+    const runBootstrap = async () => {
+      try {
+        if (!configInitialized) {
+          await initializeApp();
+        }
+
+        const configState = useConfigStore.getState();
+        if (
+          !configState.isInitialized ||
+          !configState.isConnected ||
+          configState.providers.length === 0 ||
+          configState.agents.length === 0
+        ) {
+          return;
+        }
+
+        await loadSessions();
+
+        if (streamDebugEnabled()) {
+          console.log('[OpenChamber][VSCode][agentManager] bootstrap complete', {
+            providers: configState.providers.length,
+            agents: configState.agents.length,
+            sessions: useSessionStore.getState().sessions.length,
+          });
+        }
+      } catch {
+        // ignored
+      }
+    };
+
+    void runBootstrap();
+  }, [connectionStatus, configInitialized, initializeApp, isVSCodeRuntime, loadSessions, setDirectory]);
+
  const handleGroupSelect = React.useCallback((groupName: string) => {
    selectGroup(groupName);
  }, [selectGroup]);
@@ -38,10 +141,29 @@ export const AgentManagerView: React.FC<AgentManagerViewProps> = ({ className })

    if (result) {
      toast.success(`Agent group "${params.name}" created with ${result.sessionIds.length} session(s)`);
-      // Reload groups to pick up the new worktrees and sessions
-      await loadGroups();
-      // Select the newly created group
-      selectGroup(params.name.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-+|-+$/g, '').substring(0, 50));
+      const groupSlug = result.groupSlug;
+
+      const waitForGroup = async (attempts = 6) => {
+        for (let attempt = 0; attempt < attempts; attempt += 1) {
+          await loadGroups();
+          const groupsState = useAgentGroupsStore.getState();
+          if (groupsState.groups.some((group) => group.name === groupSlug)) {
+            return true;
+          }
+          await new Promise((resolve) => setTimeout(resolve, 500));
+        }
+        return false;
+      };
+
+      // Refresh sessions + groups and wait briefly for OpenCode to surface the new worktree sessions.
+      try {
+        await useSessionStore.getState().loadSessions();
+      } catch {
+        // ignore
+      }
+
+      await waitForGroup();
+      selectGroup(groupSlug);
    } else {
      const error = useMultiRunStore.getState().error;
      toast.error(error || 'Failed to create agent group');