claudeboard 2.4.0 → 2.9.0

package/agents/board-client.js

@@ -54,12 +54,20 @@ export async function addLog(taskId, message, type = "progress") {
 }
 
 export async function createEpic(name) {
+  // Check if epic with this name already exists for this project
+  const { data: existing } = await supabase
+    .from("cb_epics")
+    .select("id")
+    .eq("project", PROJECT)
+    .eq("name", name)
+    .single();
+  if (existing) return existing.id;
   const { data } = await supabase.from("cb_epics").insert({ name, project: PROJECT }).select().single();
-  return data;
+  return data?.id;
 }
 
-export async function createTask({ epicId, title, description, priority = "medium", type = "feature" }) {
-  const priorityOrder = { high: 1, medium: 2, low: 3 };
+export async function createTask({ epicId, title, description, priority = "medium", priorityOrder, type = "feature", status = "todo" }) {
+  const defaultOrder = { high: 1, medium: 2, low: 3 };
   const { data } = await supabase
     .from("cb_tasks")
     .insert({
@@ -68,14 +76,16 @@ export async function createTask({ epicId, title, description, priority = "mediu
       title,
       description,
       priority,
-      priority_order: priorityOrder[priority] || 2,
+      priority_order: priorityOrder ?? defaultOrder[priority] ?? 2,
       type,
-      status: "todo",
+      status,
     })
     .select()
     .single();
   return data;
 }
+  return data;
+}
 
 /**
  * Check if this project already has tasks in the board

package/agents/expo-health.js

@@ -0,0 +1,311 @@
+import { callClaudeJSON } from "./claude-api.js";
+import { runCommand } from "../tools/terminal.js";
+import { createTask, createEpic, addLog } from "./board-client.js";
+import chalk from "chalk";
+import fs from "fs";
+import path from "path";
+import { createRequire } from "module";
+import { createConnection } from "net";
+
+const require = createRequire(import.meta.url);
+const MAX_FIX_ATTEMPTS = 5;
+
+/**
+ * Expo Health Check Agent — runs BEFORE the development loop.
+ *
+ * Strategy:
+ * 1. Try npm install (--legacy-peer-deps, then --force if needed)
+ * 2. If install fails with ETARGET/missing version → ask Claude for fix → apply → retry
+ * 3. Start Expo, wait for Metro to be truly ready (not just port open)
+ * 4. If Metro crashes with module/dep errors → ask Claude → apply → retry
+ * 5. If still broken after MAX attempts → inject a BLOCKER task into the board
+ *    so the developer agent fixes it before any other task runs
+ *
+ * Returns { ready: boolean, process: ChildProcess|null }
+ */
+export async function runExpoHealthCheck(projectPath, port = 8081) {
+  console.log(chalk.bold.cyan("\n[ EXPO HEALTH CHECK ]\n"));
+
+  if (!fs.existsSync(path.join(projectPath, "package.json"))) {
+    console.log(chalk.dim("  No package.json — skipping"));
+    return { ready: false, process: null };
+  }
+
+  // ── 1. Install ─────────────────────────────────────────────────────────────
+  const installOk = await installDeps(projectPath);
+  if (!installOk) {
+    await injectFixTask(projectPath, "npm install fails — cannot start Expo",
+      "npm install fails with ETARGET or unresolvable version conflicts. " +
+      "Audit package.json, fix all version constraints to be compatible with " +
+      "the installed Expo SDK, then run npm install --legacy-peer-deps."
+    );
+    console.log(chalk.yellow("  ✗ Install failed — injected fix task into board\n"));
+    return { ready: false, process: null };
+  }
+
+  // ── 2. Start Expo + verify Metro is error-free ─────────────────────────────
+  for (let attempt = 1; attempt <= MAX_FIX_ATTEMPTS; attempt++) {
+    console.log(chalk.dim(`  Starting Expo (attempt ${attempt}/${MAX_FIX_ATTEMPTS})...`));
+
+    const result = await tryStartExpo(projectPath, port);
+
+    if (result.ready) {
+      console.log(chalk.green(`  ✓ Expo running cleanly on port ${port}\n`));
+      return { ready: true, process: result.process };
+    }
+
+    const error = result.error;
+    console.log(chalk.yellow(`  ✗ Expo error: ${error?.split("\n")[0]?.slice(0, 120)}`));
+
+    if (attempt === MAX_FIX_ATTEMPTS) break;
+
+    // Ask Claude for a fix and apply it
+    const fixed = await applyExpoFix(projectPath, error);
+    if (!fixed) break;
+    console.log(chalk.dim("  Fix applied — retrying..."));
+  }
+
+  // All attempts failed — inject task so developer agent fixes it
+  const lastError = await getLastExpoError(projectPath);
+  await injectFixTask(projectPath,
+    "FIX: Expo fails to start — resolve dependency errors",
+    `Expo cannot start due to dependency errors. Fix ALL issues so the app boots without errors.\n\n` +
+    `Last error:\n${lastError}\n\n` +
+    `Steps:\n` +
+    `1. Read package.json and identify incompatible versions\n` +
+    `2. Fix react-native-worklets, react-native-reanimated and any other conflicting packages\n` +
+    `3. Run: npm install --legacy-peer-deps\n` +
+    `4. Verify with: npx expo start --web --port ${port} (should not crash)\n` +
+    `5. If imports fail (Unable to resolve module), remove or replace the problematic import`
+  );
+
+  console.log(chalk.yellow("  ✗ Expo broken — injected fix task (will be worked on first)\n"));
+  return { ready: false, process: null };
+}
+
+// ── npm install with progressive fallback ─────────────────────────────────
+async function installDeps(projectPath) {
+  const pkg = JSON.parse(fs.readFileSync(path.join(projectPath, "package.json"), "utf8"));
+  const deps = { ...pkg.dependencies, ...pkg.devDependencies };
+
+  // Step 1: legacy-peer-deps
+  console.log(chalk.dim("  npm install --legacy-peer-deps..."));
+  let result = await runCommand("npm install --legacy-peer-deps 2>&1", projectPath, 180000);
+  if (!hasFatalNpmError(result.stdout)) {
+    console.log(chalk.dim("  ✓ Dependencies installed"));
+    return true;
+  }
+
+  const error1 = result.stdout;
+  console.log(chalk.yellow(`  ⚠ Install error: ${getFatalError(error1)}`));
+
+  // Step 2: ask Claude to fix version conflicts
+  console.log(chalk.dim("  Asking Claude to resolve version conflicts..."));
+  const fix = await askClaudeForInstallFix(deps, error1);
+  if (fix?.commands?.length) {
+    console.log(chalk.dim(`  Diagnosis: ${fix.diagnosis}`));
+    for (const cmd of fix.commands) {
+      console.log(chalk.dim(`  → ${cmd}`));
+      await runCommand(cmd + " 2>&1", projectPath, 180000);
+    }
+    // Retry install
+    result = await runCommand("npm install --legacy-peer-deps 2>&1", projectPath, 180000);
+    if (!hasFatalNpmError(result.stdout)) {
+      console.log(chalk.dim("  ✓ Dependencies installed after fix"));
+      return true;
+    }
+  }
+
+  // Step 3: --force (last resort)
+  console.log(chalk.dim("  Retrying with --force..."));
+  result = await runCommand("npm install --force 2>&1", projectPath, 180000);
+  if (!hasFatalNpmError(result.stdout)) {
+    console.log(chalk.dim("  ✓ Dependencies installed (--force)"));
+    return true;
+  }
+
+  return false;
+}
+
+// ── Start Expo and wait until Metro is TRULY ready (no errors) ─────────────
+// We wait up to 60s. Success = "Metro waiting on" AND no error lines.
+// Failure = any "Unable to resolve module", "Cannot find module", etc.
+async function tryStartExpo(projectPath, port) {
+  return new Promise((resolve) => {
+    let output = "";
+    let resolved = false;
+    let proc = null;
+
+    const done = (ready, error) => {
+      if (resolved) return;
+      resolved = true;
+      if (!ready && proc) { try { proc.kill(); } catch {} proc = null; }
+      // Save error for later
+      if (!ready && error) saveLastError(projectPath, error);
+      resolve({ ready, process: proc, error });
+    };
+
+    const timeout = setTimeout(() =>
+      done(false, `Expo did not become ready within 60s.\n${output.slice(-800)}`), 60000);
+
+    try {
+      const { spawn } = require("child_process");
+      proc = spawn("npx", ["expo", "start", "--web", "--port", String(port)], {
+        cwd: projectPath,
+        env: { ...process.env, CI: "1", EXPO_NO_INTERACTIVE: "1", EXPO_NO_DOTENV: "0" },
+        stdio: "pipe",
+      });
+
+      const checkError = (text) => {
+        if (
+          text.includes("Unable to resolve module") ||
+          text.includes("Cannot find module") ||
+          text.includes("Error: Unable") ||
+          text.includes("Module not found") ||
+          text.includes("SyntaxError") ||
+          text.includes("ENOENT: no such file")
+        ) {
+          clearTimeout(timeout);
+          setTimeout(() => done(false, output.slice(-2000)), 1500); // collect full error
+        }
+      };
+
+      proc.stdout.on("data", (d) => {
+        const text = d.toString();
+        output += text;
+        // Metro ready signal — but wait 3s to make sure no errors follow
+        if (
+          text.includes("Metro waiting on") ||
+          text.includes(`http://localhost:${port}`) ||
+          text.includes("Bundling complete") ||
+          text.includes("Web is waiting on")
+        ) {
+          setTimeout(() => {
+            // If we haven't already failed, declare success
+            if (!resolved) { clearTimeout(timeout); done(true, null); }
+          }, 3000);
+        }
+        checkError(text);
+      });
+
+      proc.stderr.on("data", (d) => {
+        const text = d.toString();
+        output += text;
+        checkError(text);
+      });
+
+      proc.on("close", (code) => {
+        clearTimeout(timeout);
+        if (!resolved) done(false, `Expo exited (code ${code})\n${output.slice(-1000)}`);
+      });
+
+    } catch (e) {
+      clearTimeout(timeout);
+      done(false, e.message);
+    }
+  });
+}
+
+// ── Ask Claude how to fix a runtime Expo error ────────────────────────────
+async function applyExpoFix(projectPath, errorText) {
+  const pkg = JSON.parse(fs.readFileSync(path.join(projectPath, "package.json"), "utf8"));
+  const deps = { ...pkg.dependencies, ...pkg.devDependencies };
+
+  let verdict;
+  try {
+    verdict = await callClaudeJSON(
+      "You are a React Native / Expo dependency expert. Respond only with valid JSON.",
+      `Expo failed to start with this error:
+\`\`\`
+${errorText}
+\`\`\`
+
+Current dependencies:
+${JSON.stringify(deps, null, 2)}
+
+Provide the exact commands to fix this. 
+For "Unable to resolve module X from file Y": the fix is usually to install the missing package or fix its version.
+For react-native-worklets version conflict: install react-native-worklets@latest.
+
+Respond with JSON:
+{
+  "diagnosis": "one sentence",
+  "commands": ["npm install ...", "..."],
+  "confidence": 0-100
+}`
+    );
+  } catch { return false; }
+
+  if (!verdict?.commands?.length || verdict.confidence < 30) return false;
+
+  console.log(chalk.dim(`  Diagnosis: ${verdict.diagnosis}`));
+  for (const cmd of verdict.commands) {
+    console.log(chalk.dim(`  → ${cmd}`));
+    await runCommand(cmd + " 2>&1", projectPath, 120000);
+  }
+  return true;
+}
+
+// ── Ask Claude how to fix npm install failures ────────────────────────────
+async function askClaudeForInstallFix(deps, errorText) {
+  try {
+    return await callClaudeJSON(
+      "You are a React Native dependency expert. Respond only with valid JSON.",
+      `npm install failed:
+${errorText}
+
+Dependencies: ${JSON.stringify(deps, null, 2)}
+
+Provide exact commands to resolve the version conflict.
+For ETARGET (version not found): suggest the nearest valid version.
+For peer dep conflicts: suggest compatible versions for all conflicting packages.
+
+JSON: { "diagnosis": "...", "commands": ["..."], "confidence": 0-100 }`
+    );
+  } catch { return null; }
+}
+
+// ── Create a high-priority fix task in the board ──────────────────────────
+async function injectFixTask(projectPath, title, description) {
+  try {
+    // Make sure the epic exists
+    const epicId = await createEpic("⚠ Expo Fix Required", "expo-fix");
+    await createTask({
+      epicId,
+      title,
+      description,
+      priority: "high",
+      priorityOrder: 0, // Run FIRST
+      type: "bug",
+      status: "todo",
+    });
+    console.log(chalk.yellow(`  ➕ Injected task: "${title}"`));
+  } catch (e) {
+    console.log(chalk.dim(`  Could not inject task: ${e.message}`));
+  }
+}
+
+// ── Save/read last error to disk for later reference ─────────────────────
+function saveLastError(projectPath, error) {
+  try {
+    fs.writeFileSync(path.join(projectPath, ".claudeboard-expo-error.txt"), error, "utf8");
+  } catch {}
+}
+
+async function getLastExpoError(projectPath) {
+  try {
+    const f = path.join(projectPath, ".claudeboard-expo-error.txt");
+    return fs.existsSync(f) ? fs.readFileSync(f, "utf8").slice(-1500) : "Unknown error";
+  } catch { return "Unknown error"; }
+}
+
+// ── Helpers ───────────────────────────────────────────────────────────────
+function hasFatalNpmError(output) {
+  return output.includes("npm error code ETARGET") ||
+    output.includes("notarget No matching version") ||
+    (output.includes("npm error") && output.includes("ERESOLVE") && output.includes("unable to resolve"));
+}
+
+function getFatalError(output) {
+  return output.split("\n").find(l => l.includes("npm error") && !l.includes("peer")) || output.slice(-200);
+}

package/agents/orchestrator.js

@@ -5,6 +5,18 @@ import path from "path";
 import { runArchitectAgent } from "./architect.js";
 import { runDeveloperAgent } from "./developer.js";
 import { runQAAgent, runFullAppQA } from "./qa.js";
+import { runExpoHealthCheck } from "./expo-health.js";
+import { createConnection } from "net";
+
+function isPortOpen(port) {
+  return new Promise(resolve => {
+    const sock = createConnection({ port, host: "127.0.0.1" });
+    sock.setTimeout(600);
+    sock.once("connect", () => { sock.destroy(); resolve(true); });
+    sock.once("error", () => resolve(false));
+    sock.once("timeout", () => resolve(false));
+  });
+}
 import {
   initBoard,
   getNextTask,
@@ -84,28 +96,11 @@ export async function runOrchestrator(config) {
   const logFile = path.join(projectPath, ".claudeboard-logs.txt");
   const logStream = fs.createWriteStream(logFile, { flags: "a" });
 
-  // Check if expo project exists
-  const hasPackageJson = fs.existsSync(path.join(projectPath, "package.json"));
-
-  if (hasPackageJson) {
-    console.log(chalk.dim("  Starting Expo Web for QA screenshots...\n"));
-    expoProcess = startProcess(
-      "npx",
-      ["expo", "start", "--web", "--port", String(expoPort)],
-      projectPath,
-      (log) => {
-        logStream.write(log);
-        if (log.includes("Metro waiting") || log.includes("localhost:" + expoPort)) {
-          expoReady = true;
-        }
-      }
-    );
-
-    // Wait up to 30s for expo to start
-    await waitForPort(expoPort, 30000);
-    expoReady = true;
-    console.log(chalk.dim(`  Expo Web running at http://localhost:${expoPort}\n`));
-  }
+  // ── EXPO HEALTH CHECK: install deps + start + auto-fix errors ─────────────
+  // Runs before development loop so the app is visible from task #1
+  const expoHealth = await runExpoHealthCheck(projectPath, expoPort);
+  expoReady = expoHealth.ready;
+  expoProcess = expoHealth.process;
 
   // ── PHASE 2: DEVELOPMENT LOOP ─────────────────────────────────────────────
   console.log(chalk.bold.cyan("[ PHASE 2: DEVELOPMENT ]\n"));
@@ -145,6 +140,26 @@ export async function runOrchestrator(config) {
 
     consecutiveFailures = 0;
 
+    // ── If this was an Expo fix task, clear the error and re-health-check ────
+    if (task.title?.toLowerCase().includes("expo") && task.type === "bug") {
+      try { fs.unlinkSync(path.join(projectPath, ".claudeboard-expo-error.txt")); } catch {}
+      console.log(chalk.dim("  Expo fix completed — re-running health check..."));
+      const recheck = await runExpoHealthCheck(projectPath, expoPort);
+      expoReady = recheck.ready;
+      expoProcess = recheck.process;
+    }
+
+    // ── Re-check Expo health if it's supposed to be running but isn't ────────
+    if (expoReady) {
+      const portOpen = await isPortOpen(expoPort);
+      if (!portOpen) {
+        console.log(chalk.yellow("  ⚠ Expo seems to have crashed — running health check..."));
+        const recheck = await runExpoHealthCheck(projectPath, expoPort);
+        expoReady = recheck.ready;
+        expoProcess = recheck.process;
+      }
+    }
+
     // Run QA agent (only if expo is running and this is a UI/feature task)
     const shouldRunQA = expoReady && ["feature", "bug"].includes(task.type);
 

package/agents/qa.js

@@ -33,11 +33,22 @@ export async function runQAAgent(task, devResult, projectPath, prdContent, expoP
     };
   }
 
-  // ── 3. Screenshot (only if Expo is running) ────────────────────────────────
+  // ── 3. Screenshot + Metro error check (only if Expo is running) ───────────
   let visualVerdict = null;
   const expoRunning = await isPortOpen(expoPort);
 
   if (expoRunning) {
+    // Verify Metro is actually serving without errors (not just port open)
+    const metroCheck = await checkMetroHealth(expoPort, projectPath);
+    if (!metroCheck.healthy) {
+      await addLog(task.id, `Metro error detected: ${metroCheck.error?.slice(0, 100)}`, "error");
+      return {
+        passed: false,
+        issues: [`Expo/Metro has active errors: ${metroCheck.error?.slice(0, 200)}`],
+        fixInstructions: `Metro is crashing with this error:\n${metroCheck.error}\n\nFix this error so the app loads without crashing on the device.`,
+        screenshotPath: null,
+      };
+    }
     await addLog(task.id, "Taking screenshot...", "progress");
     const screenshotDir = path.join(projectPath, ".claudeboard-screenshots");
     const screenshot = await screenshotExpoWeb(expoPort, screenshotDir);
@@ -227,3 +238,23 @@ async function isPortOpen(port) {
     });
   } catch { return false; }
 }
+
+// Check Metro is serving without errors by fetching the bundle status
+async function checkMetroHealth(port, projectPath) {
+  try {
+    // Read the expo error file if it exists (written by health check)
+    const errorFile = path.join(projectPath, ".claudeboard-expo-error.txt");
+    if (fs.existsSync(errorFile)) {
+      const errorContent = fs.readFileSync(errorFile, "utf8");
+      // Only fail if error is recent (file modified in last 5 min)
+      const stat = fs.statSync(errorFile);
+      const ageMs = Date.now() - stat.mtimeMs;
+      if (ageMs < 5 * 60 * 1000 && errorContent.includes("Unable to resolve")) {
+        return { healthy: false, error: errorContent.slice(-800) };
+      }
+    }
+    return { healthy: true };
+  } catch {
+    return { healthy: true }; // Don't fail if we can't check
+  }
+}

package/dashboard/index.html

@@ -801,6 +801,31 @@
   /* adjust board to not overlap toolbar */
   .board-wrap { padding-bottom: 40px; }
 
+  /* ── LANGUAGE SELECTOR ── */
+  .lang-selector {
+    display: flex;
+    gap: 2px;
+    background: rgba(255,255,255,0.05);
+    border: 1px solid var(--border);
+    border-radius: 6px;
+    padding: 2px;
+  }
+  .lang-btn {
+    background: none;
+    border: none;
+    color: var(--muted);
+    font-family: var(--mono);
+    font-size: 10px;
+    font-weight: 700;
+    padding: 3px 8px;
+    border-radius: 4px;
+    cursor: pointer;
+    letter-spacing: 0.05em;
+    transition: all 0.15s;
+  }
+  .lang-btn:hover { color: var(--text); }
+  .lang-btn.active { background: var(--accent); color: #fff; }
+
   /* ── RETRY BUTTON on failed cards ── */
   .card-retry-btn {
     margin-top: 10px;
@@ -848,10 +873,10 @@
   <div class="project-badge" id="projectName">—</div>
 
   <div class="header-stats">
-    <div class="hstat todo"><div class="hstat-dot"></div><span id="statTodo">0</span> todo</div>
-    <div class="hstat prog"><div class="hstat-dot"></div><span id="statProg">0</span> running</div>
-    <div class="hstat done"><div class="hstat-dot"></div><span id="statDone">0</span> done</div>
-    <div class="hstat err"><div class="hstat-dot"></div><span id="statErr">0</span> failed</div>
+    <div class="hstat todo"><div class="hstat-dot"></div><span id="statTodo">0</span> <span data-i18n="todo">todo</span></div>
+    <div class="hstat prog"><div class="hstat-dot"></div><span id="statProg">0</span> <span data-i18n="running">running</span></div>
+    <div class="hstat done"><div class="hstat-dot"></div><span id="statDone">0</span> <span data-i18n="done">done</span></div>
+    <div class="hstat err"><div class="hstat-dot"></div><span id="statErr">0</span> <span data-i18n="failed">failed</span></div>
   </div>
 
   <div class="header-right">
@@ -861,16 +886,21 @@
     <div class="progress-pct" id="progressPct">0%</div>
     <div class="ws-badge">
       <div class="ws-dot" id="wsDot"></div>
-      <span id="wsLabel">connecting</span>
+      <span id="wsLabel" data-i18n="connecting">connecting</span>
     </div>
-    <button class="btn btn-primary" onclick="openModal()">+ Add Task</button>
+    <!-- Language selector -->
+    <div class="lang-selector">
+      <button class="lang-btn active" id="lang-en" onclick="setLang('en')">EN</button>
+      <button class="lang-btn" id="lang-es" onclick="setLang('es')">ES</button>
+    </div>
+    <button class="btn btn-primary" onclick="openModal()" data-i18n="addTask">+ Add Task</button>
   </div>
 </div>
 
 <!-- RUNNING BAR -->
 <div class="running-bar" id="runningBar">
   <div class="running-spinner"></div>
-  <span class="running-label">Agent working →</span>
+  <span class="running-label" data-i18n="agentWorking">Agent working →</span>
   <span class="running-title" id="runningTitle">—</span>
 </div>
 
@@ -884,7 +914,7 @@
     <div class="column col-todo" id="col-todo">
       <div class="column-header">
         <div class="column-dot"></div>
-        <span class="column-title">To Do</span>
+        <span class="column-title" data-i18n="colTodo">To Do</span>
         <span class="column-count" id="cnt-todo">0</span>
       </div>
       <div class="column-body" id="body-todo" ondragover="onDragOver(event,'todo')" ondrop="onDrop(event,'todo')" ondragleave="onDragLeave(event)"></div>
@@ -894,7 +924,7 @@
     <div class="column col-prog" id="col-prog">
       <div class="column-header">
         <div class="column-dot"></div>
-        <span class="column-title">In Progress</span>
+        <span class="column-title" data-i18n="colProg">In Progress</span>
         <span class="column-count" id="cnt-prog">0</span>
       </div>
       <div class="column-body" id="body-prog" ondragover="onDragOver(event,'in_progress')" ondrop="onDrop(event,'in_progress')" ondragleave="onDragLeave(event)"></div>
@@ -904,7 +934,7 @@
     <div class="column col-done" id="col-done">
       <div class="column-header">
         <div class="column-dot"></div>
-        <span class="column-title">Done</span>
+        <span class="column-title" data-i18n="colDone">Done</span>
         <span class="column-count" id="cnt-done">0</span>
       </div>
       <div class="column-body" id="body-done" ondragover="onDragOver(event,'done')" ondrop="onDrop(event,'done')" ondragleave="onDragLeave(event)"></div>
@@ -914,7 +944,7 @@
     <div class="column col-err" id="col-err">
       <div class="column-header">
         <div class="column-dot"></div>
-        <span class="column-title">Failed</span>
+        <span class="column-title" data-i18n="colFailed">Failed</span>
         <span class="column-count" id="cnt-err">0</span>
       </div>
       <div class="column-body" id="body-err" ondragover="onDragOver(event,'error')" ondrop="onDrop(event,'error')" ondragleave="onDragLeave(event)"></div>
@@ -925,17 +955,17 @@
   <!-- SIDEBAR -->
   <div class="sidebar">
     <div class="sidebar-tabs">
-      <button class="stab active" id="tab-activity" onclick="switchTab('activity')">Activity</button>
-      <button class="stab" id="tab-detail" onclick="switchTab('detail')">Detail</button>
+      <button class="stab active" id="tab-activity" onclick="switchTab('activity')" data-i18n="tabActivity">Activity</button>
+      <button class="stab" id="tab-detail" onclick="switchTab('detail')" data-i18n="tabDetail">Detail</button>
     </div>
     <div class="sidebar-body" id="sidebarBody">
       <!-- Activity pane — always in DOM, shown/hidden -->
       <div id="activityPane">
-        <div class="detail-empty">Waiting for activity...<br><br>Agents will log<br>their work here.</div>
+        <div class="detail-empty" data-i18n="activityEmpty">Waiting for activity...<br><br>Agents will log<br>their work here.</div>
       </div>
       <!-- Detail pane — always in DOM, shown/hidden -->
       <div id="detailPane" style="display:none">
-        <div class="detail-empty">Click any task card<br>to see its details.</div>
+        <div class="detail-empty" data-i18n="detailEmpty">Click any task card<br>to see its details.</div>
       </div>
     </div>
   </div>
@@ -945,38 +975,38 @@
 <!-- ADD TASK MODAL -->
 <div class="overlay" id="modal" onclick="if(event.target===this)closeModal()">
   <div class="modal">
-    <div class="modal-title">Add Task</div>
+    <div class="modal-title" data-i18n="addTaskTitle">Add Task</div>
     <div class="field">
-      <label>Title</label>
-      <input type="text" id="f-title" placeholder="Implement login screen...">
+      <label data-i18n="fieldTitle">Title</label>
+      <input type="text" id="f-title" data-i18n-placeholder="placeholderTitle">
     </div>
     <div class="field">
-      <label>Description</label>
-      <textarea id="f-desc" rows="3" placeholder="Detailed description of what needs to be done..."></textarea>
+      <label data-i18n="fieldDesc">Description</label>
+      <textarea id="f-desc" rows="3" data-i18n-placeholder="placeholderDesc"></textarea>
     </div>
     <div class="modal-grid">
       <div class="field">
-        <label>Priority</label>
+        <label data-i18n="fieldPriority">Priority</label>
         <select id="f-priority">
-          <option value="high">High</option>
-          <option value="medium" selected>Medium</option>
-          <option value="low">Low</option>
+          <option value="high" data-i18n="prioHigh">High</option>
+          <option value="medium" selected data-i18n="prioMed">Medium</option>
+          <option value="low" data-i18n="prioLow">Low</option>
         </select>
       </div>
       <div class="field">
-        <label>Type</label>
+        <label data-i18n="fieldType">Type</label>
         <select id="f-type">
-          <option value="feature" selected>Feature</option>
-          <option value="bug">Bug</option>
-          <option value="config">Config</option>
-          <option value="refactor">Refactor</option>
-          <option value="test">Test</option>
+          <option value="feature" selected data-i18n="typeFeature">Feature</option>
+          <option value="bug" data-i18n="typeBug">Bug</option>
+          <option value="config" data-i18n="typeConfig">Config</option>
+          <option value="refactor" data-i18n="typeRefactor">Refactor</option>
+          <option value="test" data-i18n="typeTest">Test</option>
         </select>
       </div>
     </div>
     <div class="modal-actions">
-      <button class="btn-cancel" onclick="closeModal()">Cancel</button>
-      <button class="btn-create" onclick="submitTask()">Create Task</button>
+      <button class="btn-cancel" onclick="closeModal()" data-i18n="cancel">Cancel</button>
+      <button class="btn-create" onclick="submitTask()" data-i18n="createTask">Create Task</button>
     </div>
   </div>
 </div>
@@ -986,48 +1016,46 @@
   <div class="modal">
     <div class="modal-title" style="display:flex;align-items:center;gap:10px">
       <span style="color:var(--red)">✕</span>
-      <span>Edit & Retry Failed Task</span>
+      <span data-i18n="retryTitle">Edit & Retry Failed Task</span>
     </div>
-
-    <div style="background:rgba(248,113,113,0.06);border:1px solid rgba(248,113,113,0.2);border-radius:8px;padding:10px 12px;margin-bottom:16px;font-family:var(--mono);font-size:11px;color:var(--red)" id="retryErrorLog">
+    <div style="background:rgba(248,113,113,0.06);border:1px solid rgba(248,113,113,0.2);border-radius:8px;padding:10px 12px;margin-bottom:16px;font-family:var(--mono);font-size:11px;color:var(--red)" id="retryErrorLog" data-i18n="noErrorLog">
       No error log found.
     </div>
-
     <div class="field">
-      <label>Title</label>
+      <label data-i18n="fieldTitle">Title</label>
       <input type="text" id="r-title">
     </div>
     <div class="field">
-      <label>Description</label>
+      <label data-i18n="fieldDesc">Description</label>
       <textarea id="r-desc" rows="4"></textarea>
     </div>
     <div class="field">
-      <label style="color:var(--accent)">💬 Note for the agent (hint to fix the issue)</label>
-      <textarea id="r-note" rows="3" placeholder="e.g. Use tailwind v3 not v4. The error is about missing module X. Try a simpler approach without..."></textarea>
+      <label style="color:var(--accent)" data-i18n="agentNoteLabel">💬 Note for the agent (hint to fix the issue)</label>
+      <textarea id="r-note" rows="3" data-i18n-placeholder="agentNotePlaceholder"></textarea>
     </div>
     <div class="modal-grid">
       <div class="field">
-        <label>Priority</label>
+        <label data-i18n="fieldPriority">Priority</label>
         <select id="r-priority">
-          <option value="high">High</option>
-          <option value="medium">Medium</option>
-          <option value="low">Low</option>
+          <option value="high" data-i18n="prioHigh">High</option>
+          <option value="medium" data-i18n="prioMed">Medium</option>
+          <option value="low" data-i18n="prioLow">Low</option>
         </select>
       </div>
       <div class="field">
-        <label>Type</label>
+        <label data-i18n="fieldType">Type</label>
         <select id="r-type">
-          <option value="feature">Feature</option>
-          <option value="bug">Bug</option>
-          <option value="config">Config</option>
-          <option value="refactor">Refactor</option>
-          <option value="test">Test</option>
+          <option value="feature" data-i18n="typeFeature">Feature</option>
+          <option value="bug" data-i18n="typeBug">Bug</option>
+          <option value="config" data-i18n="typeConfig">Config</option>
+          <option value="refactor" data-i18n="typeRefactor">Refactor</option>
+          <option value="test" data-i18n="typeTest">Test</option>
         </select>
       </div>
     </div>
     <div class="modal-actions">
-      <button class="btn-cancel" onclick="closeRetry()">Cancel</button>
-      <button class="btn-create" style="background:var(--red)" onclick="submitRetry()">↩ Retry Task</button>
+      <button class="btn-cancel" onclick="closeRetry()" data-i18n="cancel">Cancel</button>
+      <button class="btn-create" style="background:var(--red)" onclick="submitRetry()" data-i18n="retryBtn">↩ Retry Task</button>
     </div>
   </div>
 </div>
@@ -1036,9 +1064,9 @@
 <div class="bottom-toolbar">
   <button class="toolbar-btn" id="expoBtn" onclick="toggleExpoPanel()">
     📱 Expo
-    <span class="expo-status-badge stopped" id="expoBadge">stopped</span>
+    <span class="expo-status-badge stopped" id="expoBadge" data-i18n="statusStopped">stopped</span>
   </button>
-  <button class="toolbar-btn" id="termBtn" onclick="toggleTerminal()">
+  <button class="toolbar-btn" id="termBtn" onclick="toggleTerminal()" data-i18n="terminal">
     ⌨️ Terminal
   </button>
 </div>
@@ -1047,18 +1075,18 @@
 <div class="expo-panel" id="expoPanel">
   <div class="expo-panel-header" onclick="toggleExpoPanel()">
     <span class="expo-panel-title">📱 Expo Go</span>
-    <span class="expo-status-badge stopped" id="expoPanelBadge">stopped</span>
+    <span class="expo-status-badge stopped" id="expoPanelBadge" data-i18n="statusStopped">stopped</span>
     <div style="margin-left:auto;display:flex;gap:8px">
-      <button class="btn btn-primary" id="expoStartBtn" onclick="event.stopPropagation();startExpo()" style="font-size:11px;padding:4px 12px">Start Expo</button>
-      <button class="btn btn-ghost" id="expoStopBtn" onclick="event.stopPropagation();stopExpo()" style="font-size:11px;padding:4px 12px;display:none">Stop</button>
+      <button class="btn btn-primary" id="expoStartBtn" onclick="event.stopPropagation();startExpo()" style="font-size:11px;padding:4px 12px" data-i18n="startExpo">Start Expo</button>
+      <button class="btn btn-ghost" id="expoStopBtn" onclick="event.stopPropagation();stopExpo()" style="font-size:11px;padding:4px 12px;display:none" data-i18n="stopExpo">Stop</button>
     </div>
   </div>
   <div style="display:flex;gap:0">
     <div style="flex:1">
-      <div class="expo-logs" id="expoLogs">Expo not started. Click "Start Expo" to install dependencies and launch with tunnel.</div>
+      <div class="expo-logs" id="expoLogs" data-i18n="expoIdle">Expo not started. Click "Start Expo" to install dependencies and launch with tunnel.</div>
       <div class="expo-qr-wrap" id="expoUrlWrap" style="display:none">
         <div>
-          <div style="font-family:var(--mono);font-size:10px;color:var(--muted);margin-bottom:4px">SCAN WITH EXPO GO</div>
+          <div style="font-family:var(--mono);font-size:10px;color:var(--muted);margin-bottom:4px" data-i18n="scanWith">SCAN WITH EXPO GO</div>
           <div class="expo-url" id="expoUrl">—</div>
         </div>
       </div>
@@ -1122,7 +1150,7 @@ function connectWS() {
 
 function setWS(on) {
   document.getElementById('wsDot').className = 'ws-dot' + (on ? ' on' : '');
-  document.getElementById('wsLabel').textContent = on ? 'live' : 'reconnecting';
+  document.getElementById('wsLabel').textContent = on ? t('live') : t('reconnecting');
 }
 
 // ── DATA ─────────────────────────────────────────────────────────────────────
@@ -1218,7 +1246,7 @@ function cardHTML(task) {
         <span class="tag ${task.type}">${task.type}</span>
         ${shortEpic ? `<span class="card-epic">${esc(shortEpic)}</span>` : ''}
       </div>
-      ${isError ? `<button class="card-retry-btn" onclick="event.stopPropagation();openRetry('${task.id}')">↩ Edit & Retry</button>` : ''}
+      ${isError ? `<button class="card-retry-btn" onclick="event.stopPropagation();openRetry('${task.id}')">${t('retryCard')} Edit</button>` : ''}
     </div>`;
 }
 
@@ -1483,8 +1511,8 @@ function appendExpoLog(msg) {
 }
 
 function setExpoStatus(status, url) {
-  const labels = { stopped:'stopped', installing:'installing...', starting:'starting...', running:'running', error:'error' };
-  const label = labels[status] || status;
+  const statusKey = 'status' + (status || 'stopped').charAt(0).toUpperCase() + (status || 'stopped').slice(1);
+  const label = t(statusKey);
 
   ['expoBadge','expoPanelBadge'].forEach(id => {
     const el = document.getElementById(id);
@@ -1602,6 +1630,100 @@ document.addEventListener('keydown', e => {
   if ((e.metaKey || e.ctrlKey) && e.key === 'n') { e.preventDefault(); openModal(); }
 });
 
+// ── I18N ──────────────────────────────────────────────────────────────────────
+const STRINGS = {
+  en: {
+    todo:'todo', running:'running', done:'done', failed:'failed',
+    connecting:'connecting', live:'live', reconnecting:'reconnecting',
+    addTask:'+ Add Task',
+    agentWorking:'Agent working →',
+    colTodo:'To Do', colProg:'In Progress', colDone:'Done', colFailed:'Failed',
+    tabActivity:'Activity', tabDetail:'Detail',
+    activityEmpty:'Waiting for activity...<br><br>Agents will log<br>their work here.',
+    detailEmpty:'Click any task card<br>to see its details.',
+    addTaskTitle:'Add Task',
+    fieldTitle:'Title', fieldDesc:'Description', fieldPriority:'Priority', fieldType:'Type',
+    placeholderTitle:'Implement login screen...',
+    placeholderDesc:'Detailed description of what needs to be done...',
+    prioHigh:'High', prioMed:'Medium', prioLow:'Low',
+    typeFeature:'Feature', typeBug:'Bug', typeConfig:'Config', typeRefactor:'Refactor', typeTest:'Test',
+    cancel:'Cancel', createTask:'Create Task',
+    retryTitle:'Edit & Retry Failed Task',
+    noErrorLog:'No error log found.',
+    agentNoteLabel:'💬 Note for the agent (hint to fix the issue)',
+    agentNotePlaceholder:'e.g. Use tailwind v3 not v4. The error is about missing module X...',
+    retryBtn:'↩ Retry Task',
+    terminal:'⌨️ Terminal',
+    statusStopped:'stopped', statusInstalling:'installing', statusStarting:'starting',
+    statusRunning:'running', statusError:'error',
+    startExpo:'Start Expo', stopExpo:'Stop',
+    expoIdle:'Expo not started. Click "Start Expo" to install dependencies and launch with tunnel.',
+    scanWith:'SCAN WITH EXPO GO',
+    retryCard:'↩ Retry',
+  },
+  es: {
+    todo:'pendiente', running:'en curso', done:'listo', failed:'fallido',
+    connecting:'conectando', live:'en vivo', reconnecting:'reconectando',
+    addTask:'+ Nueva tarea',
+    agentWorking:'Agente trabajando →',
+    colTodo:'Por hacer', colProg:'En progreso', colDone:'Hecho', colFailed:'Fallido',
+    tabActivity:'Actividad', tabDetail:'Detalle',
+    activityEmpty:'Esperando actividad...<br><br>Los agentes registrarán<br>su trabajo aquí.',
+    detailEmpty:'Hacé clic en una tarea<br>para ver sus detalles.',
+    addTaskTitle:'Nueva tarea',
+    fieldTitle:'Título', fieldDesc:'Descripción', fieldPriority:'Prioridad', fieldType:'Tipo',
+    placeholderTitle:'Implementar pantalla de login...',
+    placeholderDesc:'Descripción detallada de lo que hay que hacer...',
+    prioHigh:'Alta', prioMed:'Media', prioLow:'Baja',
+    typeFeature:'Feature', typeBug:'Bug', typeConfig:'Config', typeRefactor:'Refactor', typeTest:'Test',
+    cancel:'Cancelar', createTask:'Crear tarea',
+    retryTitle:'Editar y reintentar tarea fallida',
+    noErrorLog:'No se encontró log de error.',
+    agentNoteLabel:'💬 Nota para el agente (pista para corregir el problema)',
+    agentNotePlaceholder:'Ej: Usá tailwind v3 no v4. El error es por el módulo X...',
+    retryBtn:'↩ Reintentar',
+    terminal:'⌨️ Terminal',
+    statusStopped:'detenido', statusInstalling:'instalando', statusStarting:'iniciando',
+    statusRunning:'activo', statusError:'error',
+    startExpo:'Iniciar Expo', stopExpo:'Detener',
+    expoIdle:'Expo no iniciado. Hacé clic en "Iniciar Expo" para instalar dependencias y lanzar con tunnel.',
+    scanWith:'ESCANEAR CON EXPO GO',
+    retryCard:'↩ Reintentar',
+  }
+};
+
+let currentLang = localStorage.getItem('cb-lang') || 'en';
+
+function t(key) {
+  return STRINGS[currentLang][key] ?? STRINGS.en[key] ?? key;
+}
+
+function setLang(lang) {
+  currentLang = lang;
+  localStorage.setItem('cb-lang', lang);
+  document.getElementById('lang-en').classList.toggle('active', lang === 'en');
+  document.getElementById('lang-es').classList.toggle('active', lang === 'es');
+  applyTranslations();
+}
+
+function applyTranslations() {
+  document.querySelectorAll('[data-i18n]').forEach(el => {
+    el.innerHTML = t(el.getAttribute('data-i18n'));
+  });
+  document.querySelectorAll('[data-i18n-placeholder]').forEach(el => {
+    el.placeholder = t(el.getAttribute('data-i18n-placeholder'));
+  });
+  // Re-sync expo badge text based on current status class
+  ['expoBadge','expoPanelBadge'].forEach(id => {
+    const el = document.getElementById(id);
+    if (!el) return;
+    const status = [...el.classList].find(c =>
+      ['stopped','installing','starting','running','error'].includes(c)
+    ) || 'stopped';
+    el.textContent = t('status' + status.charAt(0).toUpperCase() + status.slice(1));
+  });
+}
+
 // ── INIT ──────────────────────────────────────────────────────────────────────
 loadBoard();
 setInterval(loadBoard, 8000);
@@ -1609,6 +1731,13 @@ connectWS();
 
 // Load expo status
 fetch('/api/expo/status').then(r => r.json()).then(d => setExpoStatus(d.status, d.url));
+
+// Apply saved language on load
+(function() {
+  document.getElementById('lang-en').classList.toggle('active', currentLang === 'en');
+  document.getElementById('lang-es').classList.toggle('active', currentLang === 'es');
+  applyTranslations();
+})();
 </script>
 </body>
 </html>

package/dashboard/server.js

@@ -8,6 +8,7 @@ import { fileURLToPath } from "url";
 import fs from "fs";
 import { spawn } from "child_process";
 import { createRequire } from "module";
+import { createConnection } from "net";
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const require = createRequire(import.meta.url);
@@ -126,14 +127,53 @@ termWss.on("connection", (ws) => {
 
 // ── EXPO MANAGEMENT ───────────────────────────────────────────────────────────
 
+// On server start, check if Expo is already running on the port
+// (e.g. started by claudeboard run) and mark it as running
+async function detectExistingExpo() {
+  const port = parseInt(process.env.EXPO_PORT || "8081");
+  const running = await isPortOpen(port);
+  if (running) {
+    expoStatus = "running";
+    expoUrl = `exp://localhost:${port}`;
+    broadcast("expo_log", { message: `✓ Detected existing Expo on port ${port} — ready to scan` });
+    broadcastExpoStatus();
+    console.log(`  Expo already running on port ${port} — attached`);
+  }
+}
+
+function isPortOpen(port) {
+  return new Promise(resolve => {
+    const sock = createConnection({ port, host: "127.0.0.1" });
+    sock.setTimeout(600);
+    sock.once("connect", () => { sock.destroy(); resolve(true); });
+    sock.once("error", () => resolve(false));
+    sock.once("timeout", () => resolve(false));
+  });
+}
+
 // GET expo status
 app.get("/api/expo/status", (req, res) => {
   res.json({ status: expoStatus, qr: expoQR, url: expoUrl });
 });
 
-// POST expo/start — install deps + start Expo tunnel
+// POST expo/start — smart start: attach if already running, otherwise install + start
 app.post("/api/expo/start", async (req, res) => {
-  if (expoProcess) return res.json({ ok: false, error: "Expo already running" });
+  const port = parseInt(process.env.EXPO_PORT || "8081");
+
+  // Already managed by this server
+  if (expoProcess) {
+    return res.json({ ok: true, message: "Already running", status: expoStatus, url: expoUrl });
+  }
+
+  // Check if something is already listening on the port (e.g. started by claudeboard run)
+  const alreadyRunning = await isPortOpen(port);
+  if (alreadyRunning) {
+    expoStatus = "running";
+    expoUrl = `exp://localhost:${port}`;
+    broadcastExpoStatus();
+    broadcast("expo_log", { message: `✓ Attached to existing Expo on port ${port}` });
+    return res.json({ ok: true, message: "Attached to existing Expo", url: expoUrl });
+  }
 
   res.json({ ok: true, message: "Starting Expo..." });
   _startExpo(PROJECT_DIR);
@@ -153,69 +193,79 @@ app.post("/api/expo/stop", (req, res) => {
 });
 
 async function _startExpo(projectDir) {
-  // Step 1: npm install
+  // Step 1: install deps with --legacy-peer-deps
+  // Expo projects almost always have peer dep conflicts — this is expected
   expoStatus = "installing";
   broadcastExpoStatus();
-  broadcast("expo_log", { message: "Installing dependencies..." });
+  broadcast("expo_log", { message: "Installing dependencies (--legacy-peer-deps)..." });
 
   await new Promise((resolve) => {
-    const install = spawn("npm", ["install"], { cwd: projectDir, stdio: "pipe" });
-    install.stdout.on("data", (d) => broadcast("expo_log", { message: d.toString().trim() }));
-    install.stderr.on("data", (d) => broadcast("expo_log", { message: d.toString().trim() }));
+    const install = spawn("npm", ["install", "--legacy-peer-deps"], {
+      cwd: projectDir,
+      stdio: "pipe",
+      env: { ...process.env },
+    });
+    install.stdout.on("data", (d) => {
+      const msg = d.toString().trim();
+      if (msg && !msg.startsWith("npm warn")) broadcast("expo_log", { message: msg });
+    });
+    install.stderr.on("data", (d) => {
+      const msg = d.toString().trim();
+      // Only show real errors, not peer dep warnings
+      if (msg && msg.includes("npm error") && !msg.includes("ERESOLVE")) {
+        broadcast("expo_log", { message: msg });
+      }
+    });
     install.on("close", resolve);
   });
 
-  broadcast("expo_log", { message: "Dependencies installed. Starting Expo..." });
+  broadcast("expo_log", { message: "✓ Dependencies ready. Starting Expo tunnel..." });
 
-  // Step 2: expo start with tunnel
+  // Step 2: expo start --tunnel, fully non-interactive
   expoStatus = "starting";
   broadcastExpoStatus();
 
-  const expo = spawn("npx", ["expo", "start", "--tunnel"], {
+  const expo = spawn("npx", ["expo", "start", "--tunnel", "--non-interactive"], {
     cwd: projectDir,
-    env: { ...process.env, CI: "false", EXPO_NO_DOTENV: "0" },
     stdio: "pipe",
+    env: {
+      ...process.env,
+      CI: "1",                    // Prevents "use port X instead?" prompts
+      EXPO_NO_DOTENV: "0",
+      EXPO_NO_INTERACTIVE: "1",   // Belt + suspenders non-interactive
+      TERM: "dumb",               // No ANSI color codes in output
+    },
   });
 
   expoProcess = expo;
 
   expo.stdout.on("data", (d) => {
     const text = d.toString();
-    broadcast("expo_log", { message: text.trim() });
-
-    // Detect QR code URL (exp:// or https://expo.dev)
-    const expUrl = text.match(/exp:\/\/[^\s]+/);
-    if (expUrl) {
-      expoUrl = expUrl[0];
-      expoStatus = "running";
-      broadcastExpoStatus();
-    }
+    const clean = text.replace(/\x1b\[[0-9;]*m/g, "").trim(); // strip ANSI codes
+    if (clean) broadcast("expo_log", { message: clean });
 
-    // Detect tunnel URL
-    const tunnel = text.match(/https:\/\/[a-z0-9-]+\.exp\.direct[^\s]*/);
-    if (tunnel) {
-      expoUrl = tunnel[0];
-      expoStatus = "running";
-      broadcastExpoStatus();
-    }
+    // Detect URLs
+    const expUrl = text.match(/exp:\/\/[^\s\]]+/);
+    if (expUrl) { expoUrl = expUrl[0]; expoStatus = "running"; broadcastExpoStatus(); }
 
-    // Detect QR data from expo output
-    if (text.includes("QR")) {
-      broadcast("expo_log", { message: "📱 QR code ready — scan with Expo Go" });
+    const tunnel = text.match(/https:\/\/[a-z0-9-]+\.exp\.direct[^\s\]]*/);
+    if (tunnel) { expoUrl = tunnel[0]; expoStatus = "running"; broadcastExpoStatus(); }
+
+    if (text.includes("scan") || text.includes("QR")) {
+      broadcast("expo_log", { message: "📱 QR ready — open Expo Go and scan" });
     }
   });
 
   expo.stderr.on("data", (d) => {
-    const text = d.toString().trim();
+    const text = d.toString().replace(/\x1b\[[0-9;]*m/g, "").trim();
     if (text) broadcast("expo_log", { message: text });
   });
 
   expo.on("close", (code) => {
     expoProcess = null;
-    expoStatus = code === 0 ? "stopped" : "error";
-    expoQR = null;
+    if (code !== 0 && expoStatus !== "running") expoStatus = "error";
     broadcastExpoStatus();
-    broadcast("expo_log", { message: `Expo process exited (code ${code})` });
+    broadcast("expo_log", { message: `Expo exited (code ${code})` });
   });
 }
 
@@ -312,4 +362,8 @@ async function addLog(taskId, message, type = "info") {
   await supabase.from("cb_logs").insert({ project: PROJECT, task_id: taskId, message, type });
 }
 
-server.listen(PORT, () => console.log(`READY on port ${PORT}`));
+server.listen(PORT, () => {
+  console.log(`READY on port ${PORT}`);
+  // Check if Expo is already running (started by claudeboard run)
+  setTimeout(detectExistingExpo, 1000);
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claudeboard",
-  "version": "2.4.0",
+  "version": "2.9.0",
   "description": "AI engineering team — from PRD to working mobile app, autonomously",
   "type": "module",
   "bin": {