Refactor Project Management Page layout and improve project card design

- Updated the layout of the Project Management Page for better responsiveness and aesthetics.
- Enhanced project card design with improved spacing and alignment.
- Added tags display for projects, allowing better categorization.
- Changed button styles and functionality for viewing project dashboards and stats.
- Improved the "No Projects Found" message with a more engaging design.
- Updated dependencies in pnpm-lock.yaml, including tailwindcss and vitest packages.

Author: Marvin Zhang

packages/mcp/src/adapters/mcp-api-adapter.ts

@@ -91,6 +91,13 @@ export class MCPApiAdapter {
     this.apiClient.setCurrentProject(projectId);
   }
 
+  /**
+   * Get the current project ID
+   */
+  getCurrentProjectId(): number {
+    return this.currentProjectId;
+  }
+
   /**
    * Get the underlying API client (for project tools)
    */

packages/mcp/src/index.ts

@@ -65,26 +65,26 @@ server.setRequestHandler(CallToolRequestSchema, async (request) => {
 
   try {
     switch (name) {
-      case 'list_devlogs': {
-        const validation = validateToolArgs(ListDevlogsArgsSchema, args, 'list_devlogs');
+      case 'devlog_list': {
+        const validation = validateToolArgs(ListDevlogsArgsSchema, args, 'devlog_list');
         if (!validation.success) return validation.result;
         return await adapter.listDevlogs(validation.data);
       }
 
-      case 'search_devlogs': {
-        const validation = validateToolArgs(SearchDevlogsArgsSchema, args, 'search_devlogs');
+      case 'devlog_search': {
+        const validation = validateToolArgs(SearchDevlogsArgsSchema, args, 'devlog_search');
         if (!validation.success) return validation.result;
         return await adapter.searchDevlogs(validation.data);
       }
 
-      case 'discover_related_devlogs': {
-        const validation = validateToolArgs(DiscoverRelatedDevlogsArgsSchema, args, 'discover_related_devlogs');
+      case 'devlog_discover_related': {
+        const validation = validateToolArgs(DiscoverRelatedDevlogsArgsSchema, args, 'devlog_discover_related');
         if (!validation.success) return validation.result;
         return await adapter.discoverRelatedDevlogs(validation.data);
       }
 
-      case 'create_devlog': {
-        const validation = validateToolArgs(CreateDevlogArgsSchema, args, 'create_devlog');
+      case 'devlog_create': {
+        const validation = validateToolArgs(CreateDevlogArgsSchema, args, 'devlog_create');
         if (!validation.success) return validation.result;
 
         // Apply defaults
@@ -96,20 +96,20 @@ server.setRequestHandler(CallToolRequestSchema, async (request) => {
         return await adapter.createDevlog(validatedArgs);
       }
 
-      case 'update_devlog': {
-        const validation = validateToolArgs(UpdateDevlogArgsSchema, args, 'update_devlog');
+      case 'devlog_update': {
+        const validation = validateToolArgs(UpdateDevlogArgsSchema, args, 'devlog_update');
         if (!validation.success) return validation.result;
         return await adapter.updateDevlog(validation.data);
       }
 
-      case 'get_devlog': {
-        const validation = validateToolArgs(GetDevlogArgsSchema, args, 'get_devlog');
+      case 'devlog_get': {
+        const validation = validateToolArgs(GetDevlogArgsSchema, args, 'devlog_get');
         if (!validation.success) return validation.result;
         return await adapter.getDevlog(validation.data);
       }
 
-      case 'add_devlog_note': {
-        const validation = validateToolArgs(AddDevlogNoteArgsSchema, args, 'add_devlog_note');
+      case 'devlog_add_note': {
+        const validation = validateToolArgs(AddDevlogNoteArgsSchema, args, 'devlog_add_note');
         if (!validation.success) return validation.result;
 
         // Apply defaults
@@ -121,8 +121,8 @@ server.setRequestHandler(CallToolRequestSchema, async (request) => {
         return await adapter.addDevlogNote(validatedArgs);
       }
 
-      case 'update_devlog_with_note': {
-        const validation = validateToolArgs(UpdateDevlogWithNoteArgsSchema, args, 'update_devlog_with_note');
+      case 'devlog_update_with_note': {
+        const validation = validateToolArgs(UpdateDevlogWithNoteArgsSchema, args, 'devlog_update_with_note');
         if (!validation.success) return validation.result;
 
         // Apply defaults
@@ -134,39 +134,39 @@ server.setRequestHandler(CallToolRequestSchema, async (request) => {
         return await adapter.updateDevlogWithNote(validatedArgs);
       }
 
-      case 'complete_devlog': {
-        const validation = validateToolArgs(CompleteDevlogArgsSchema, args, 'complete_devlog');
+      case 'devlog_complete': {
+        const validation = validateToolArgs(CompleteDevlogArgsSchema, args, 'devlog_complete');
         if (!validation.success) return validation.result;
         return await adapter.completeDevlog(validation.data);
       }
 
-      case 'close_devlog': {
-        const validation = validateToolArgs(CloseDevlogArgsSchema, args, 'close_devlog');
+      case 'devlog_close': {
+        const validation = validateToolArgs(CloseDevlogArgsSchema, args, 'devlog_close');
         if (!validation.success) return validation.result;
         return await adapter.closeDevlog(validation.data);
       }
 
-      case 'archive_devlog': {
-        const validation = validateToolArgs(ArchiveDevlogArgsSchema, args, 'archive_devlog');
+      case 'devlog_archive': {
+        const validation = validateToolArgs(ArchiveDevlogArgsSchema, args, 'devlog_archive');
         if (!validation.success) return validation.result;
         return await adapter.archiveDevlog(validation.data);
       }
 
-      case 'unarchive_devlog': {
-        const validation = validateToolArgs(ArchiveDevlogArgsSchema, args, 'unarchive_devlog');
+      case 'devlog_unarchive': {
+        const validation = validateToolArgs(ArchiveDevlogArgsSchema, args, 'devlog_unarchive');
         if (!validation.success) return validation.result;
         return await adapter.unarchiveDevlog(validation.data);
       }
 
       // Project management tools
-      case 'list_projects':
+      case 'project_list':
         return await handleListProjects(adapter.manager);
 
-      case 'get_current_project':
+      case 'project_get_current':
         return await handleGetCurrentProject(adapter);
 
-      case 'switch_project': {
-        const validation = validateToolArgs(SwitchProjectArgsSchema, args, 'switch_project');
+      case 'project_switch': {
+        const validation = validateToolArgs(SwitchProjectArgsSchema, args, 'project_switch');
         if (!validation.success) return validation.result;
         return await handleSwitchProject(adapter, validation.data);
       }
@@ -191,18 +191,29 @@ async function main() {
   // Parse command line arguments for default project
   const args = process.argv.slice(2);
   const projectArgIndex = args.findIndex((arg) => arg === '--project' || arg === '-p');
-  const defaultProject =
+  const defaultProjectStr =
     projectArgIndex !== -1 && args[projectArgIndex + 1]
       ? args[projectArgIndex + 1]
-      : process.env.MCP_DEFAULT_PROJECT || 'default';
+      : process.env.MCP_DEFAULT_PROJECT || '1';
+
+  // Convert to number, defaulting to 1 if invalid
+  let defaultProjectId = 1;
+  try {
+    const parsed = parseInt(defaultProjectStr, 10);
+    if (!isNaN(parsed) && parsed > 0) {
+      defaultProjectId = parsed;
+    }
+  } catch {
+    console.error(`Invalid project ID '${defaultProjectStr}', using default project 1`);
+  }
 
   // Create adapter using factory with discovery
   const adapterInstance = await createMCPAdapterWithDiscovery();
 
-  // If default project was specified, set it
-  if (defaultProject) {
-    // TODO: Implement setCurrentProjectId in adapter
-    // adapterInstance.setCurrentProjectId(defaultProject);
+  // Set the default project ID
+  if (adapterInstance.setCurrentProjectId) {
+    adapterInstance.setCurrentProjectId(defaultProjectId);
+    console.error(`Set current project to: ${defaultProjectId}`);
   }
 
   // Assign the adapter instance directly
@@ -211,8 +222,7 @@ async function main() {
   const transport = new StdioServerTransport();
   await server.connect(transport);
 
-  const projectInfo = defaultProject ? ` (default project: ${defaultProject})` : '';
-  console.error(`Devlog MCP Server started with flexible storage architecture${projectInfo}`);
+  console.error(`Devlog MCP Server started with project: ${defaultProjectId}`);
 }
 
 // Cleanup on process exit

packages/mcp/src/schemas/mcp-tool-schemas.ts

@@ -12,12 +12,11 @@ import {
   UpdateDevlogEntrySchema,
   DevlogIdSchema,
   DevlogFilterSchema,
-} from '@codervisor/devlog-core/validation/devlog-schemas.js';
-import {
+
   CreateProjectRequestSchema,
   UpdateProjectRequestSchema,
   ProjectIdSchema,
-} from '@codervisor/devlog-core/validation/project-schemas.js';
+} from '@codervisor/devlog-core';
 
 /**
  * Devlog tool argument schemas

packages/mcp/src/tools/devlog-tools.ts

@@ -19,65 +19,65 @@ import {
  */
 export const devlogTools: Tool[] = [
   {
-    name: 'create_devlog',
+    name: 'devlog_create',
     description: 'Create a new devlog entry for a task, feature, or bugfix with rich context',
     inputSchema: zodToJsonSchema(CreateDevlogArgsSchema),
   },
   {
-    name: 'get_devlog',
+    name: 'devlog_get',
     description: 'Get detailed information about a specific devlog entry',
     inputSchema: zodToJsonSchema(GetDevlogArgsSchema),
   },
   {
-    name: 'update_devlog',
+    name: 'devlog_update',
     description: 'Update an existing devlog entry with progress, notes, or status changes',
     inputSchema: zodToJsonSchema(UpdateDevlogArgsSchema),
   },
   {
-    name: 'add_devlog_note',
+    name: 'devlog_add_note',
     description: 'Add a timestamped note to an existing devlog entry',
     inputSchema: zodToJsonSchema(AddDevlogNoteArgsSchema),
   },
   {
-    name: 'update_devlog_with_note',
+    name: 'devlog_update_with_note',
     description: 'Update devlog status/fields and add a note in one operation',
     inputSchema: zodToJsonSchema(UpdateDevlogWithNoteArgsSchema),
   },
   {
-    name: 'complete_devlog',
+    name: 'devlog_complete',
     description: 'Mark a devlog entry as completed and archive it',
     inputSchema: zodToJsonSchema(CompleteDevlogArgsSchema),
   },
   {
-    name: 'list_devlogs',
+    name: 'devlog_list',
     description: 'List all devlog entries with optional filtering and pagination',
     inputSchema: zodToJsonSchema(ListDevlogsArgsSchema),
   },
   {
-    name: 'close_devlog',
+    name: 'devlog_close',
     description:
       'Close a devlog entry by setting status to cancelled. Safer alternative to deletion that preserves the entry.',
     inputSchema: zodToJsonSchema(CloseDevlogArgsSchema),
   },
   {
-    name: 'archive_devlog',
+    name: 'devlog_archive',
     description: 'Archive a devlog entry to reduce clutter in default views while preserving it.',
     inputSchema: zodToJsonSchema(ArchiveDevlogArgsSchema),
   },
   {
-    name: 'unarchive_devlog',
+    name: 'devlog_unarchive',
     description: 'Unarchive a devlog entry to restore it to default views.',
     inputSchema: zodToJsonSchema(ArchiveDevlogArgsSchema),
   },
 
   {
-    name: 'discover_related_devlogs',
+    name: 'devlog_discover_related',
     description:
       'Comprehensively search for existing devlog entries related to planned work before creating new entries. Returns detailed analysis of relevant historical context to prevent duplicate work.',
     inputSchema: zodToJsonSchema(DiscoverRelatedDevlogsArgsSchema),
   },
   {
-    name: 'search_devlogs',
+    name: 'devlog_search',
     description: 'Search devlog entries by keywords in title, description, or notes',
     inputSchema: zodToJsonSchema(SearchDevlogsArgsSchema),
   },

packages/mcp/src/tools/project-tools.ts

@@ -9,19 +9,19 @@ import {
 
 // Project management tools for MCP server
 export const listProjectsTool: Tool = {
-  name: 'list_projects',
+  name: 'project_list',
   description: 'List all available projects with their configurations',
   inputSchema: zodToJsonSchema(ListProjectsArgsSchema),
 };
 
 export const getCurrentProjectTool: Tool = {
-  name: 'get_current_project',
+  name: 'project_get_current',
   description: 'Get the currently active project information',
   inputSchema: zodToJsonSchema(GetCurrentProjectArgsSchema),
 };
 
 export const switchProjectTool: Tool = {
-  name: 'switch_project',
+  name: 'project_switch',
   description: 'Switch to a different project by ID',
   inputSchema: zodToJsonSchema(SwitchProjectArgsSchema),
 };

packages/web/app/AppLayout.tsx

@@ -33,19 +33,19 @@ export function AppLayout({ children }: AppLayoutProps) {
   return (
     <ErrorBoundary>
       <SidebarProvider>
-        <div className="min-h-screen bg-background">
+        <div className="min-h-screen bg-background w-full">
           <TopNavbar />
-          <div className="flex flex-1">
+          <div className="flex flex-1 w-full">
             <NavigationSidebar
               stats={stats}
               statsLoading={isLoadingStats}
               collapsed={sidebarCollapsed}
               connected={connected}
               onToggle={() => setSidebarCollapsed(!sidebarCollapsed)}
             />
-            <div className="flex-1 flex flex-col">
-              <main className="flex-1 p-6">
-                <div className="max-w-full">
+            <div className="flex-1 flex flex-col w-full">
+              <main className="flex-1 p-6 w-full">
+                <div className="w-full">
                   {error && (
                     <Alert className="mb-4">
                       <AlertTriangle className="h-4 w-4" />