flightdesk 0.2.1 → 0.2.3

package/main.js

@@ -3579,6 +3579,86 @@ var fs2 = __toESM(require("node:fs"));
 var readline2 = __toESM(require("node:readline"));
 var playwright = null;
 var USER_DATA_DIR = path2.join(os2.homedir(), ".flightdesk", "chromium-profile");
+var STORAGE_STATE_FILE = path2.join(os2.homedir(), ".flightdesk", "auth-state.json");
+var PersistentBrowser = class {
+  constructor(headless = true) {
+    this.browser = null;
+    this.context = null;
+    this.page = null;
+    this.headless = headless;
+  }
+  /**
+   * Initialize the browser context (if not already initialized)
+   */
+  async init() {
+    if (this.context) return;
+    if (!await isPlaywrightAvailable()) {
+      throw new Error("Playwright not available");
+    }
+    ensureUserDataDir();
+    this.browser = await playwright.chromium.launch({
+      headless: this.headless
+    });
+    const hasAuthState = fs2.existsSync(STORAGE_STATE_FILE);
+    const contextOptions = {
+      viewport: { width: 1280, height: 720 },
+      userAgent: "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36"
+    };
+    if (hasAuthState) {
+      contextOptions.storageState = STORAGE_STATE_FILE;
+    }
+    this.context = await this.browser.newContext(contextOptions);
+    this.page = await this.context.newPage();
+    this.page.setDefaultTimeout(3e4);
+  }
+  /**
+   * Check if user is logged into Claude
+   */
+  async checkAuth() {
+    await this.init();
+    try {
+      await this.page.goto("https://claude.ai/", { waitUntil: "networkidle", timeout: 3e4 });
+      await this.page.waitForTimeout(2e3);
+      const url = this.page.url();
+      console.log("  Final URL:", url);
+      return !url.includes("/login") && !url.includes("/oauth") && !url.includes("accounts.google") && url.includes("claude.ai");
+    } catch (error) {
+      console.error("Auth check failed:", error.message);
+      return false;
+    }
+  }
+  /**
+   * Monitor a Claude Code session URL
+   * Uses shared scrapeSession helper for consistent behavior with one-shot mode.
+   */
+  async monitorSession(sessionUrl, options = {}) {
+    await this.init();
+    if (!this.page) {
+      return { status: "error", error: "Browser page not initialized" };
+    }
+    return scrapeSession(this.page, sessionUrl, options);
+  }
+  /**
+   * Close the browser context and browser
+   */
+  async close() {
+    if (this.context) {
+      try {
+        await this.context.close();
+      } catch {
+      }
+      this.context = null;
+      this.page = null;
+    }
+    if (this.browser) {
+      try {
+        await this.browser.close();
+      } catch {
+      }
+      this.browser = null;
+    }
+  }
+};
 async function isPlaywrightAvailable() {
   try {
     playwright = await import("playwright");
@@ -3589,7 +3669,23 @@ async function isPlaywrightAvailable() {
 }
 function ensureUserDataDir() {
   if (!fs2.existsSync(USER_DATA_DIR)) {
-    fs2.mkdirSync(USER_DATA_DIR, { recursive: true });
+    fs2.mkdirSync(USER_DATA_DIR, { recursive: true, mode: 448 });
+  }
+}
+async function ensureStorageDir() {
+  const storageDir = path2.dirname(STORAGE_STATE_FILE);
+  try {
+    await fs2.promises.mkdir(storageDir, { recursive: true, mode: 448 });
+  } catch (err) {
+    if (err?.code !== "EEXIST") {
+      throw err;
+    }
+  }
+}
+async function setStorageFilePermissions() {
+  try {
+    await fs2.promises.chmod(STORAGE_STATE_FILE, 384);
+  } catch {
   }
 }
 async function launchBrowser(headless) {
@@ -3597,24 +3693,28 @@ async function launchBrowser(headless) {
     throw new Error("Playwright not available");
   }
   ensureUserDataDir();
-  const context = await playwright.chromium.launchPersistentContext(USER_DATA_DIR, {
-    headless,
+  const browser = await playwright.chromium.launch({ headless });
+  const hasAuthState = fs2.existsSync(STORAGE_STATE_FILE);
+  const contextOptions = {
     viewport: { width: 1280, height: 720 },
     userAgent: "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36"
-  });
-  const browser = context.browser();
+  };
+  if (hasAuthState) {
+    contextOptions.storageState = STORAGE_STATE_FILE;
+  }
+  const context = await browser.newContext(contextOptions);
   return { browser, context };
 }
 async function checkAuth() {
   if (!await isPlaywrightAvailable()) {
     throw new Error("Playwright not installed");
   }
-  const { context } = await launchBrowser(true);
+  const { browser, context } = await launchBrowser(true);
   try {
     const page = await context.newPage();
     page.setDefaultTimeout(3e4);
-    await page.goto("https://claude.ai/", { waitUntil: "domcontentloaded", timeout: 3e4 });
-    await page.waitForTimeout(3e3);
+    await page.goto("https://claude.ai/", { waitUntil: "networkidle", timeout: 3e4 });
+    await page.waitForTimeout(2e3);
     const url = page.url();
     console.log("  Final URL:", url);
     const isLoggedIn = !url.includes("/login") && !url.includes("/oauth") && !url.includes("accounts.google") && url.includes("claude.ai");
@@ -3624,6 +3724,7 @@ async function checkAuth() {
     return false;
   } finally {
     await context.close();
+    await browser.close();
   }
 }
 async function openForLogin() {
@@ -3643,6 +3744,13 @@ async function openForLogin() {
     const url = page.url();
     console.log("  Final URL:", url);
     const isLoggedIn = !url.includes("/login") && !url.includes("/oauth") && !url.includes("accounts.google") && url.includes("claude.ai");
+    if (isLoggedIn) {
+      await ensureStorageDir();
+      console.log("Saving session state...");
+      await context.storageState({ path: STORAGE_STATE_FILE });
+      await setStorageFilePermissions();
+      console.log(`  Saved to: ${STORAGE_STATE_FILE}`);
+    }
     console.log("Closing browser...");
     return isLoggedIn;
   } finally {
@@ -3664,17 +3772,15 @@ function waitForEnter() {
     });
   });
 }
-async function monitorSession(sessionUrl, options = {}) {
-  if (!await isPlaywrightAvailable()) {
-    return { status: "error", error: "Playwright not installed" };
-  }
-  const { headless = true, timeout = 3e4, autoPr = false } = options;
-  const { context } = await launchBrowser(headless);
+async function scrapeSession(page, sessionUrl, options = {}) {
+  const { timeout = 3e4, autoPr = false } = options;
   try {
-    const page = await context.newPage();
     page.setDefaultTimeout(timeout);
-    await page.goto(sessionUrl, { waitUntil: "domcontentloaded" });
-    await page.waitForTimeout(2e3);
+    await page.goto(sessionUrl, { waitUntil: "networkidle" });
+    await page.waitForSelector('[data-testid="conversation-turn"], .code-spinner-animate, button:has-text("Create PR")', {
+      timeout: 1e4
+    }).catch(() => {
+    });
     const result = { status: "active" };
     const archiveIndicator = await page.$("text=This session has been archived");
     if (archiveIndicator) {
@@ -3687,15 +3793,18 @@ async function monitorSession(sessionUrl, options = {}) {
         error: "Not logged in to Claude. Run: flightdesk auth"
       };
     }
+    const isActive = await detectActiveSpinner(page);
+    result.isActive = isActive;
     const branchName = await extractBranchName(page);
     if (branchName) {
       result.branchName = branchName;
     }
-    const prButton = await page.$('button:has-text("Create PR"):not([aria-haspopup])');
-    result.hasPrButton = !!prButton;
-    if (autoPr && prButton) {
+    const createPrButton = await page.$('button:has-text("Create PR"):not([aria-haspopup])');
+    const viewPrButton = await page.$('button:has-text("View PR")');
+    result.hasPrButton = !!createPrButton && !viewPrButton;
+    if (autoPr && createPrButton && !viewPrButton) {
       console.log('   Clicking "Create PR" button...');
-      await prButton.click();
+      await createPrButton.click();
       await page.waitForTimeout(5e3);
       const prUrl = await extractPrUrl(page);
       if (prUrl) {
@@ -3708,29 +3817,54 @@ async function monitorSession(sessionUrl, options = {}) {
       status: "error",
       error: error instanceof Error ? error.message : String(error)
     };
-  } finally {
-    await context.close();
+  }
+}
+function isValidBranchName(text) {
+  if (!text) return false;
+  const cleaned = text.trim();
+  return cleaned.length > 2 && !cleaned.includes(" ");
+}
+function matchesBranchPattern(text) {
+  return /^[a-zA-Z0-9_-]+\/[a-zA-Z0-9_-]+/.test(text) && !text.includes(" ");
+}
+async function tryExtractFromElement(page, selector) {
+  try {
+    const element = await page.$(selector);
+    if (!element) return null;
+    const text = await element.textContent();
+    const cleaned = text?.trim() ?? null;
+    return isValidBranchName(cleaned) ? cleaned : null;
+  } catch {
+    return null;
   }
 }
 async function extractBranchName(page) {
+  if (!page) return null;
   const primarySelectors = [
-    String.raw`button.group\/copy span.truncate`
+    String.raw`button.group\/copy span.truncate`,
     // New branch name (verified)
+    'button[class*="group/copy"] span.truncate',
+    // Alternative escaping
+    String.raw`button[class*="group\/copy"] span.truncate`
+    // CSS escape
   ];
   for (const selector of primarySelectors) {
-    try {
-      const element = await page.$(selector);
-      if (element) {
-        const text = await element.textContent();
-        if (text) {
-          const cleaned = text.trim();
-          if (cleaned && cleaned.length > 2 && !cleaned.includes(" ")) {
-            return cleaned;
-          }
-        }
+    const result = await tryExtractFromElement(page, selector);
+    if (result) return result;
+  }
+  return await tryExtractBranchFromSpans(page);
+}
+async function tryExtractBranchFromSpans(page) {
+  try {
+    const allSpans = await page.$$("span.truncate");
+    for (const span of allSpans) {
+      const text = await span.textContent();
+      const cleaned = text?.trim();
+      if (cleaned && matchesBranchPattern(cleaned)) {
+        return cleaned;
       }
-    } catch {
     }
+  } catch {
   }
   return null;
 }
@@ -3768,6 +3902,36 @@ async function extractPrUrl(page) {
   }
   return null;
 }
+async function detectActiveSpinner(page) {
+  try {
+    const spinner = await page.$(".code-spinner-animate");
+    if (spinner) {
+      return true;
+    }
+    const spinnerByContent = await page.$('span:has-text("\u273D")');
+    if (spinnerByContent) {
+      const hasAnimation = await spinnerByContent.evaluate((el) => {
+        let current = el;
+        while (current) {
+          const classList = current.classList;
+          if (classList?.contains("code-spinner-animate")) {
+            return true;
+          }
+          const style = globalThis.getComputedStyle(current);
+          if (style.animationName && style.animationName !== "none") {
+            return true;
+          }
+          current = current.parentElement;
+        }
+        return false;
+      });
+      return hasAnimation;
+    }
+    return false;
+  } catch {
+    return false;
+  }
+}
 
 // apps/cli/src/commands/auth.ts
 async function authCommand() {
@@ -3851,6 +4015,7 @@ async function registerCommand(taskId, options) {
     let viewUrl = options.viewUrl;
     let teleportId = options.teleportId;
     if (!process.stdin.isTTY) {
+      console.log("\u23F3 Waiting for Claude session output...");
       const input = await readStdin();
       const parsed = parseClaudeOutput(input);
       viewUrl = viewUrl || parsed.viewUrl;
@@ -3896,14 +4061,29 @@ Task ID: ${actualTaskId}`);
 function readStdin() {
   return new Promise((resolve) => {
     let data = "";
+    let resolved = false;
     process.stdin.setEncoding("utf8");
     process.stdin.on("data", (chunk) => {
       data += chunk;
     });
     process.stdin.on("end", () => {
-      resolve(data);
+      if (!resolved) {
+        resolved = true;
+        resolve(data);
+      }
+    });
+    process.stdin.on("close", () => {
+      if (!resolved) {
+        resolved = true;
+        resolve(data);
+      }
     });
-    setTimeout(() => resolve(data), 100);
+    setTimeout(() => {
+      if (!resolved) {
+        resolved = true;
+        resolve(data);
+      }
+    }, 3e4);
   });
 }
 function parseClaudeOutput(output) {
@@ -4066,17 +4246,23 @@ async function watchCommand(options) {
   console.log(`   Auto-PR: ${options.autoPr ? "enabled" : "disabled"}`);
   console.log("");
   const playwrightAvailable = await isPlaywrightAvailable();
+  let browser = null;
   if (!playwrightAvailable) {
     console.log("\u26A0\uFE0F  Playwright not installed. Session monitoring disabled.");
     console.log("   Install with: pnpm add playwright && npx playwright install chromium");
     console.log("");
   } else {
-    const isAuthenticated = await checkAuth();
+    browser = new PersistentBrowser(options.headless !== false);
+    console.log("Checking Claude authentication...");
+    const isAuthenticated = await browser.checkAuth();
     if (!isAuthenticated) {
       console.log("\u26A0\uFE0F  Not logged into Claude. Run: flightdesk auth");
       console.log("");
+      await browser.close();
+      browser = null;
     } else {
       console.log("\u2705 Playwright ready, Claude authenticated");
+      console.log("   (Browser session kept alive for monitoring)");
       console.log("");
     }
   }
@@ -4111,38 +4297,49 @@ async function watchCommand(options) {
         if (reconciled) {
           continue;
         }
-        if (task2.sessionViewUrl && playwrightAvailable) {
+        if (task2.sessionViewUrl && browser) {
           console.log(`      Checking session...`);
-          const sessionInfo = await monitorSession(task2.sessionViewUrl, {
-            headless: options.headless !== false,
+          const sessionInfo = await browser.monitorSession(task2.sessionViewUrl, {
             autoPr: options.autoPr && !task2.prUrl
             // Only auto-PR if no PR exists
           });
           await processSessionInfo(api, task2, sessionInfo);
         } else if (!task2.sessionViewUrl) {
           console.log("      No session URL registered");
+        } else if (!browser) {
+          console.log("      Browser not available - cannot monitor session");
         }
       }
     } catch (error) {
       console.error(`   Error: ${error}`);
     }
   }
-  await runCheck();
-  if (options.once) {
-    console.log("\nDone (--once flag specified)");
-    return;
-  }
-  console.log(`
+  try {
+    await runCheck();
+    if (options.once) {
+      console.log("\nDone (--once flag specified)");
+      return;
+    }
+    console.log(`
 Watching... (Ctrl+C to stop)
 `);
-  const intervalId = setInterval(runCheck, intervalMinutes * 60 * 1e3);
-  process.on("SIGINT", () => {
-    console.log("\nShutting down...");
-    clearInterval(intervalId);
-    process.exit(0);
-  });
-  await new Promise((_resolve) => {
-  });
+    const intervalId = setInterval(runCheck, intervalMinutes * 60 * 1e3);
+    process.on("SIGINT", async () => {
+      console.log("\nShutting down...");
+      clearInterval(intervalId);
+      if (browser) {
+        console.log("Closing browser...");
+        await browser.close();
+      }
+      process.exit(0);
+    });
+    await new Promise((_resolve) => {
+    });
+  } finally {
+    if (browser) {
+      await browser.close();
+    }
+  }
 }
 async function reconcileTaskStatus(api, task2) {
   let expectedStatus = null;
@@ -4186,7 +4383,25 @@ async function processSessionInfo(api, task2, info) {
     console.log("      \u{1F4E6} Session archived");
     return;
   }
-  const updates = {};
+  let activityIcon;
+  let activityLabel;
+  if (info.isActive === true) {
+    activityIcon = "\u26A1";
+    activityLabel = "Claude is working";
+  } else if (info.isActive === false) {
+    activityIcon = "\u{1F4A4}";
+    activityLabel = "Waiting for input";
+  } else {
+    activityIcon = "\u2754";
+    activityLabel = "Activity unknown";
+  }
+  console.log(`      ${activityIcon} ${activityLabel}`);
+  const updates = {
+    // Update session activity state and timestamp
+    // Preserve null when activity detection fails (info.isActive is undefined)
+    sessionActive: info.isActive ?? null,
+    sessionCheckedAt: (/* @__PURE__ */ new Date()).toISOString()
+  };
   if (info.branchName && info.branchName !== task2.branchName) {
     console.log(`      \u{1F33F} Branch detected: ${info.branchName}`);
     updates.branchName = info.branchName;
@@ -4206,15 +4421,14 @@ async function processSessionInfo(api, task2, info) {
   if (info.hasPrButton && !info.prUrl && !task2.prUrl) {
     console.log('      \u{1F4DD} "Create PR" button available');
   }
-  if (Object.keys(updates).length > 0) {
-    try {
-      await api.updateTask(task2.id, updates);
+  const hasNonActivityUpdates = Object.keys(updates).some((k) => !["sessionActive", "sessionCheckedAt"].includes(k));
+  try {
+    await api.updateTask(task2.id, updates);
+    if (hasNonActivityUpdates) {
       console.log("      \u2705 Task updated");
-    } catch (error) {
-      console.log(`      \u274C Failed to update task: ${error}`);
     }
-  } else {
-    console.log("      No changes detected");
+  } catch (error) {
+    console.log(`      \u274C Failed to update task: ${error}`);
   }
 }
 
@@ -5300,7 +5514,7 @@ async function handleTeardown(api, options) {
 
 // apps/cli/src/main.ts
 var program2 = new Command();
-program2.name("flightdesk").description("FlightDesk CLI - AI task management for Claude Code sessions").version("0.2.1").option("--dev", "Use local development API (localhost:3000)").option("--api <url>", "Use custom API URL");
+program2.name("flightdesk").description("FlightDesk CLI - AI task management for Claude Code sessions").version("0.2.3").option("--dev", "Use local development API (localhost:3000)").option("--api <url>", "Use custom API URL");
 program2.hook("preAction", () => {
   const opts = program2.opts();
   if (opts.api) {