claude-ws 0.1.18 → 0.1.20

package/bin/claudekanban.js

@@ -53,6 +53,52 @@ if (!fs.existsSync(DB_DIR)) {
   fs.mkdirSync(DB_DIR, { recursive: true });
 }
 
+async function runMigrations() {
+  console.log('[Claude Workspace] Initializing database...');
+
+  // Simple approach: just require the db module which auto-runs initDb()
+  const dbPath = path.join(packageRoot, 'src', 'lib', 'db', 'index.ts');
+
+  try {
+    // Find tsx binary (should already be installed by this point)
+    let tsxCmd;
+    const possiblePaths = [
+      path.join(packageRoot, 'node_modules', '.bin', 'tsx'),
+      path.join(packageRoot, '..', '.bin', 'tsx'),
+    ];
+
+    for (const tsxPath of possiblePaths) {
+      if (fs.existsSync(tsxPath)) {
+        tsxCmd = tsxPath;
+        break;
+      }
+    }
+
+    if (!tsxCmd) {
+      // Try global tsx
+      try {
+        const { execSync } = require('child_process');
+        execSync('which tsx', { stdio: 'ignore' });
+        tsxCmd = 'tsx';
+      } catch {
+        throw new Error('tsx not found - this should not happen after dependency installation');
+      }
+    }
+
+    const { execSync } = require('child_process');
+    execSync(`"${tsxCmd}" -e "require('${dbPath}'); console.log('[Claude Workspace] ✓ Database ready');"`, {
+      cwd: packageRoot,
+      stdio: 'inherit',
+      env: { ...process.env }
+    });
+
+    console.log('');
+  } catch (error) {
+    console.error('[Claude Workspace] Database initialization failed:', error.message);
+    throw error;
+  }
+}
+
 async function startServer() {
   console.log('[Claude Workspace] Starting server...');
   console.log('[Claude Workspace] Database location:', DB_PATH);
@@ -86,6 +132,12 @@ async function startServer() {
       console.error('[Claude Workspace] Failed to install dependencies:', error.message);
       process.exit(1);
     }
+
+    // Run migrations after dependencies are installed
+    await runMigrations();
+  } else {
+    // Dependencies already installed, run migrations
+    await runMigrations();
   }
 
   // Check if .next directory has valid build (check BUILD_ID file)
@@ -221,9 +273,7 @@ async function main() {
     console.log('='.repeat(60));
     console.log('');
 
-    // Database will be auto-initialized by src/lib/db/index.ts on first import
-    // No need to run separate migration - initDb() handles it all
-
+    // Migrations will be run inside startServer() after dependencies are installed
     await startServer();
 
   } catch (error) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-ws",
-  "version": "0.1.18",
+  "version": "0.1.20",
   "private": false,
   "description": "A beautifully crafted workspace interface for Claude Code with real-time streaming and local SQLite database",
   "keywords": [
@@ -135,9 +135,7 @@
     "@tailwindcss/postcss": "^4",
     "tailwindcss": "^4",
     "tw-animate-css": "^1.4.0",
-    "drizzle-kit": "^0.31.8"
-  },
-  "devDependencies": {
+    "drizzle-kit": "^0.31.8",
     "@types/adm-zip": "^0.5.7",
     "@types/better-sqlite3": "^7.6.13",
     "@types/node": "^20",

package/src/components/kanban/task-card.tsx

@@ -116,7 +116,7 @@ export function TaskCard({ task, attemptCount = 0 }: TaskCardProps) {
           </button>
         )}
 
-        <div className="pl-3.5">
+        <div className={cn('pl-3.5', showDeleteButton && 'pr-6')}>
           {/* Header: Project badge - smaller */}
           {showProjectBadge && projectName && (
             <div style={{ marginBottom: '5px', lineHeight: '10px' }}>