astro-claw 1.0.2 → 1.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astro-claw",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "Claude Code over Slack — your AI crew member. One command: npx astro-claw",
   "main": "index.js",
   "type": "module",

package/slack-manifest.json

@@ -1,6 +1,6 @@
 {
   "display_information": {
-    "name": "Astronaut",
+    "name": "Astro Claw",
     "description": "AI crew member powered by Claude Code",
     "background_color": "#1a1a2e"
   },
@@ -11,7 +11,7 @@
       "messages_tab_read_only_enabled": false
     },
     "bot_user": {
-      "display_name": "Astronaut",
+      "display_name": "Astro Claw",
       "always_online": true
     }
   },

package/slack-manifest.yml

@@ -1,5 +1,5 @@
 display_information:
-  name: Astronaut
+  name: Astro Claw
   description: AI crew member powered by Claude Code
   background_color: "#1a1a2e"
 features:

package/slack-setup.js

@@ -117,6 +117,45 @@ export default async function selfDrivingSlackSetup() {
 
     const page = (await browser.pages())[0] || await browser.newPage();
 
+    // ── Visual cue: inject banner on every page load ──
+    const BANNER_CSS = `
+      position: fixed; top: 0; left: 0; right: 0; z-index: 2147483647;
+      height: 36px; display: flex; align-items: center; justify-content: center; gap: 8px;
+      background: linear-gradient(135deg, #6C5CE7, #A855F7);
+      color: #fff; font: 600 13px/1 -apple-system, BlinkMacSystemFont, sans-serif;
+      box-shadow: 0 2px 8px rgba(108, 92, 231, 0.4);
+      letter-spacing: 0.3px;
+    `;
+    const BANNER_HTML = `
+      <div id="astro-claw-banner" style="${BANNER_CSS}">
+        <span style="font-size: 16px;">🤖</span>
+        <span>Astro Claw is driving this browser</span>
+        <span style="opacity: 0.6; font-weight: 400; font-size: 11px; margin-left: 4px;">— do not close</span>
+      </div>
+    `;
+    const BODY_PADDING = `
+      if (!document.body.dataset.astroClaw) {
+        document.body.style.paddingTop = (parseFloat(getComputedStyle(document.body).paddingTop) + 36) + 'px';
+        document.body.dataset.astroClaw = '1';
+      }
+    `;
+    const injectBanner = async (p) => {
+      try {
+        await p.evaluate((html, bodyJs) => {
+          if (!document.getElementById('astro-claw-banner')) {
+            document.body.insertAdjacentHTML('beforeend', html);
+            eval(bodyJs);
+          }
+        }, BANNER_HTML, BODY_PADDING);
+      } catch {}
+    };
+
+    // Inject banner after every navigation and periodically
+    page.on('load', () => injectBanner(page));
+    page.on('domcontentloaded', () => injectBanner(page));
+    page.on('framenavigated', () => setTimeout(() => injectBanner(page), 500));
+    const bannerInterval = setInterval(() => injectBanner(page), 2000);
+
     // ── Step 1: Sign in to Slack (single tab, no interruptions) ──
     console.log(`    → Checking Slack login...`);
     await page.goto("https://api.slack.com/apps", { waitUntil: "networkidle2", timeout: 30000 });
@@ -246,50 +285,41 @@ export default async function selfDrivingSlackSetup() {
       }
     }
 
-    // Click "Next" (Step 1 → Step 2 of the wizard)
-    await new Promise((r) => setTimeout(r, 1000));
-    try {
-      // Try multiple selectors for the primary/next button
-      const nextBtn = await page.$('button.c-button--primary')
+    // Helper: check if we've landed on the app page (creation complete)
+    const isOnAppPage = () => /api\.slack\.com\/apps\/[A-Z0-9]+(?:\/|$)/.test(page.url());
+
+    // Click through the wizard steps — Slack may have 2 or 3 steps
+    // After each click, check if the app was already created
+    console.log(`    → Walking through wizard...`);
+    for (let step = 0; step < 3; step++) {
+      if (isOnAppPage()) break;
+
+      // Look for the primary action button (Next or Create)
+      const btn = await page.$('button.c-button--primary')
         || await page.$('button[data-qa="next"]')
         || await page.$('button[type="submit"]');
-      if (nextBtn) {
-        await nextBtn.click();
-        await new Promise((r) => setTimeout(r, 2000));
-      }
-    } catch {}
 
-    // Step 2→3: manifest review — click "Next" again
-    console.log(`    → Reviewing manifest...`);
-    try {
-      const nextBtn2 = await page.$('button.c-button--primary');
-      if (nextBtn2) {
-        await nextBtn2.click();
-        await new Promise((r) => setTimeout(r, 2000));
-      }
-    } catch {}
-
-    // Step 3: Click "Create"
-    console.log(`    → Creating app...`);
-    try {
-      // Look for the Create button (usually the primary button on step 3)
-      const buttons = await page.$$('button');
-      for (const btn of buttons) {
-        const text = await page.evaluate((el) => el.textContent?.trim(), btn);
-        if (text === "Create" || text === "Create App") {
-          await btn.click();
-          await new Promise((r) => setTimeout(r, 3000));
-          break;
+      if (btn) {
+        const btnText = await page.evaluate((el) => el.textContent?.trim(), btn);
+        if (btnText === "Create" || btnText === "Create App") {
+          console.log(`    → Creating app...`);
+        } else {
+          console.log(`    → ${btnText || "Next"}...`);
         }
+        await btn.click();
+        await new Promise((r) => setTimeout(r, 3000));
+      } else {
+        break;
       }
-    } catch {}
+    }
 
-    // After creation, we should be on the app's Basic Information page
-    // URL pattern: https://api.slack.com/apps/APPID
-    await page.waitForFunction(
-      () => /api\.slack\.com\/apps\/[A-Z0-9]+/.test(window.location.href),
-      { timeout: 15000 }
-    ).catch(() => {});
+    // Wait for redirect to app page
+    if (!isOnAppPage()) {
+      await page.waitForFunction(
+        () => /api\.slack\.com\/apps\/[A-Z0-9]+/.test(window.location.href),
+        { timeout: 30000 }
+      ).catch(() => {});
+    }
 
     const appUrl = page.url();
     const appIdMatch = appUrl.match(/apps\/([A-Z0-9]+)/);
@@ -518,6 +548,7 @@ export default async function selfDrivingSlackSetup() {
     }
 
     // ── Clean up ──
+    clearInterval(bannerInterval);
     await browser.close();
 
     // Return whatever we captured
@@ -533,6 +564,7 @@ export default async function selfDrivingSlackSetup() {
     return result;
   } catch (err) {
     console.log(`    ${WARN} Browser automation error: ${err.message}`);
+    clearInterval(bannerInterval);
     if (browser) await browser.close().catch(() => {});
     return null;
   }