clawfire 0.3.2 → 0.4.1

package/dist/dev.cjs

@@ -38,8 +38,8 @@ module.exports = __toCommonJS(dev_exports);
 
 // src/dev/dev-server.ts
 var import_node_http = __toESM(require("http"), 1);
-var import_node_path4 = require("path");
-var import_node_fs4 = require("fs");
+var import_node_path5 = require("path");
+var import_node_fs5 = require("fs");
 var import_node_url = require("url");
 
 // src/core/schema.ts
@@ -1523,12 +1523,12 @@ async function fetchFirebaseSdkConfig(projectDir) {
   throw new Error("Could not parse Firebase SDK config from CLI output");
 }
 function execWithTimeout(command, args, cwd, timeoutMs) {
-  return new Promise((resolve6, reject) => {
+  return new Promise((resolve7, reject) => {
     const proc = (0, import_node_child_process.execFile)(command, args, { cwd, timeout: timeoutMs }, (err, stdout) => {
       if (err) {
         reject(err);
       } else {
-        resolve6(stdout);
+        resolve7(stdout);
       }
     });
     const timer = setTimeout(() => {
@@ -1553,6 +1553,143 @@ function generateDashboardHtml(options) {
   <!-- Dashboard Sections (hidden until loaded) -->
   <div id="dash-loaded" style="display:none;">
 
+    <!-- Section 0: Firebase Setup Wizard -->
+    <div id="setup-wizard" style="margin-bottom:32px;">
+      <h2 style="font-size:18px;font-weight:700;color:#f97316;margin-bottom:16px;">Firebase Setup</h2>
+      <div id="setup-card" style="padding:20px;border-radius:12px;border:1px solid #2a2a2a;background:#141414;">
+
+        <!-- Step indicators -->
+        <div id="setup-steps" style="display:flex;gap:0;margin-bottom:20px;overflow:hidden;border-radius:8px;border:1px solid #2a2a2a;">
+          <div id="step-ind-1" class="step-ind" style="flex:1;padding:8px 12px;text-align:center;font-size:12px;font-weight:600;background:#1a1a2e;color:#f97316;border-right:1px solid #2a2a2a;">
+            1. CLI Install
+          </div>
+          <div id="step-ind-2" class="step-ind" style="flex:1;padding:8px 12px;text-align:center;font-size:12px;font-weight:600;background:#0a0a0a;color:#666;border-right:1px solid #2a2a2a;">
+            2. Login
+          </div>
+          <div id="step-ind-3" class="step-ind" style="flex:1;padding:8px 12px;text-align:center;font-size:12px;font-weight:600;background:#0a0a0a;color:#666;border-right:1px solid #2a2a2a;">
+            3. Select Project
+          </div>
+          <div id="step-ind-4" class="step-ind" style="flex:1;padding:8px 12px;text-align:center;font-size:12px;font-weight:600;background:#0a0a0a;color:#666;">
+            4. Auto-fill
+          </div>
+        </div>
+
+        <!-- Step 1: CLI Install -->
+        <div id="step-1" style="display:none;">
+          <div style="display:flex;align-items:center;gap:12px;margin-bottom:12px;">
+            <span id="step1-icon" style="font-size:20px;">&#9898;</span>
+            <div>
+              <div style="font-weight:600;color:#e5e5e5;font-size:15px;">Firebase CLI</div>
+              <div id="step1-detail" style="font-size:13px;color:#a3a3a3;">Checking...</div>
+            </div>
+          </div>
+          <div id="step1-action" style="display:none;">
+            <button id="install-cli-btn" onclick="installFirebaseCli()" style="padding:8px 20px;background:#f97316;color:#000;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;">
+              Install Firebase CLI
+            </button>
+            <div id="install-status" style="display:none;margin-top:8px;font-size:13px;padding:8px 12px;border-radius:6px;"></div>
+          </div>
+        </div>
+
+        <!-- Step 2: Login -->
+        <div id="step-2" style="display:none;">
+          <div style="display:flex;align-items:center;gap:12px;margin-bottom:12px;">
+            <span id="step2-icon" style="font-size:20px;">&#9898;</span>
+            <div>
+              <div style="font-weight:600;color:#e5e5e5;font-size:15px;">Firebase Authentication</div>
+              <div id="step2-detail" style="font-size:13px;color:#a3a3a3;">Checking...</div>
+            </div>
+          </div>
+          <div id="step2-action" style="display:none;">
+            <button id="login-btn" onclick="startFirebaseLogin(false)" style="padding:8px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;">
+              Login to Firebase
+            </button>
+            <button id="reauth-btn" onclick="startFirebaseLogin(true)" style="display:none;padding:8px 20px;background:#eab308;color:#000;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;">
+              Re-authenticate
+            </button>
+            <button id="cancel-login-btn" onclick="cancelFirebaseLogin()" style="display:none;padding:8px 20px;background:transparent;border:1px solid #2a2a2a;border-radius:6px;color:#a3a3a3;font-size:13px;cursor:pointer;margin-left:8px;">
+              Cancel
+            </button>
+          </div>
+          <!-- Login progress / auth URL -->
+          <div id="login-progress" style="display:none;margin-top:12px;padding:16px;border-radius:8px;background:#0a0a1a;border:1px solid #3b82f6;">
+            <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+              <span id="login-spinner" style="display:inline-block;width:14px;height:14px;border:2px solid #3b82f6;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;"></span>
+              <span id="login-spinner-text" style="color:#e5e5e5;font-size:13px;font-weight:600;">Starting login...</span>
+            </div>
+            <div id="login-url-box" style="display:none;margin-top:12px;">
+              <div style="font-size:13px;color:#e5e5e5;margin-bottom:6px;font-weight:600;">Step 1: Open this link to authenticate</div>
+              <a id="login-url-link" href="#" target="_blank" rel="noopener" style="display:inline-block;padding:8px 16px;background:#3b82f6;color:#fff;border-radius:6px;font-size:13px;text-decoration:none;margin-bottom:8px;">Open Google Login</a>
+              <div style="font-size:11px;color:#666;margin-top:4px;word-break:break-all;font-family:monospace;" id="login-url-raw"></div>
+            </div>
+            <div id="auth-code-box" style="display:none;margin-top:12px;">
+              <div style="font-size:13px;color:#e5e5e5;margin-bottom:6px;font-weight:600;">Step 2: Paste the authorization code</div>
+              <div style="font-size:12px;color:#a3a3a3;margin-bottom:8px;">After signing in, Google will show an authorization code. Copy it and paste below.</div>
+              <div style="display:flex;gap:8px;">
+                <input id="auth-code-input" type="text" placeholder="Paste authorization code here"
+                  style="flex:1;padding:8px 12px;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:6px;color:#e5e5e5;font-family:monospace;font-size:14px;outline:none;" />
+                <button id="auth-code-submit" onclick="submitAuthCode()" style="padding:8px 16px;background:#22c55e;color:#000;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;">
+                  Submit Code
+                </button>
+              </div>
+              <div id="auth-code-error" style="display:none;margin-top:6px;font-size:12px;color:#ef4444;"></div>
+            </div>
+            <div id="login-output" style="display:none;margin-top:8px;max-height:80px;overflow-y:auto;padding:8px;background:#000;border-radius:4px;font-family:monospace;font-size:11px;color:#666;white-space:pre-wrap;"></div>
+          </div>
+          <div id="login-result" style="display:none;margin-top:8px;font-size:13px;padding:8px 12px;border-radius:6px;"></div>
+        </div>
+
+        <!-- Step 3: Select Project -->
+        <div id="step-3" style="display:none;">
+          <div style="display:flex;align-items:center;gap:12px;margin-bottom:12px;">
+            <span id="step3-icon" style="font-size:20px;">&#9898;</span>
+            <div>
+              <div style="font-weight:600;color:#e5e5e5;font-size:15px;">Firebase Project</div>
+              <div id="step3-detail" style="font-size:13px;color:#a3a3a3;">Checking...</div>
+            </div>
+          </div>
+          <div id="step3-action" style="display:none;">
+            <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;">
+              <select id="project-select" style="padding:8px 12px;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:6px;color:#e5e5e5;font-size:13px;font-family:monospace;min-width:280px;outline:none;">
+                <option value="">Loading projects...</option>
+              </select>
+              <button id="select-project-btn" onclick="selectFirebaseProject()" style="padding:8px 20px;background:#22c55e;color:#000;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;">
+                Use This Project
+              </button>
+              <button onclick="refreshProjectList()" style="padding:8px 12px;background:transparent;border:1px solid #2a2a2a;border-radius:6px;color:#a3a3a3;font-size:13px;cursor:pointer;" title="Refresh">
+                Refresh
+              </button>
+            </div>
+            <div id="project-status" style="display:none;margin-top:8px;font-size:13px;padding:8px 12px;border-radius:6px;"></div>
+          </div>
+        </div>
+
+        <!-- Step 4: Done / Auto-fill -->
+        <div id="step-4" style="display:none;">
+          <div style="display:flex;align-items:center;gap:12px;margin-bottom:12px;">
+            <span id="step4-icon" style="font-size:20px;">&#9898;</span>
+            <div>
+              <div style="font-weight:600;color:#e5e5e5;font-size:15px;">Auto-fill Config</div>
+              <div id="step4-detail" style="font-size:13px;color:#a3a3a3;">Ready to auto-fill your clawfire.config.ts</div>
+            </div>
+          </div>
+          <div id="step4-action">
+            <button id="autofill-wizard-btn" onclick="autoFillConfig()" style="padding:8px 20px;background:#f97316;color:#000;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;">
+              Auto-fill Config Now
+            </button>
+            <div id="autofill-wizard-status" style="display:none;margin-top:8px;font-size:13px;padding:8px 12px;border-radius:6px;"></div>
+          </div>
+        </div>
+
+        <!-- All done banner -->
+        <div id="setup-done" style="display:none;padding:16px;border-radius:8px;background:#0a1a0a;border:1px solid #22c55e;text-align:center;">
+          <div style="font-size:16px;color:#22c55e;font-weight:700;margin-bottom:4px;">Setup Complete</div>
+          <div id="setup-done-detail" style="font-size:13px;color:#a3a3a3;"></div>
+          <button onclick="startFirebaseLogin(true)" style="margin-top:8px;padding:6px 14px;background:transparent;border:1px solid #2a2a2a;border-radius:6px;color:#a3a3a3;font-size:12px;cursor:pointer;">Re-authenticate</button>
+        </div>
+      </div>
+    </div>
+
     <!-- Section 1: Firebase Status -->
     <div style="margin-bottom:32px;">
       <h2 style="font-size:18px;font-weight:700;color:#f97316;margin-bottom:16px;">Firebase Status</h2>
@@ -1642,12 +1779,18 @@ function generateDashboardHtml(options) {
   </div>
 </div>
 
+<style>
+@keyframes spin { to { transform: rotate(360deg); } }
+#login-spinner { animation: spin 1s linear infinite; }
+</style>
+
 <script>
 (function() {
   var API = 'http://localhost:${apiPort}';
   var envData = [];
   var configData = [];
   var editingKey = null;
+  var loginPollTimer = null;
 
   // \u2500\u2500\u2500 Load Dashboard Data \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
   window._loadDashboard = function() {
@@ -1657,10 +1800,12 @@ function generateDashboardHtml(options) {
       fetch(API + '/__dev/firebase-status').then(function(r) { return r.json(); }),
       fetch(API + '/__dev/config').then(function(r) { return r.json(); }),
       fetch(API + '/__dev/env').then(function(r) { return r.json(); }),
+      fetch(API + '/__dev/setup/status').then(function(r) { return r.json(); }),
     ]).then(function(results) {
       renderFirebaseStatus(results[0]);
       renderConfig(results[1]);
       renderEnvVars(results[2]);
+      renderSetupWizard(results[3]);
       document.getElementById('dash-loading').style.display = 'none';
       document.getElementById('dash-loaded').style.display = 'block';
     }).catch(function(err) {
@@ -1670,6 +1815,388 @@ function generateDashboardHtml(options) {
     });
   };
 
+  // \u2500\u2500\u2500 Setup Wizard \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+
+  function setStepIndicator(activeStep) {
+    for (var i = 1; i <= 4; i++) {
+      var el = document.getElementById('step-ind-' + i);
+      if (i < activeStep) {
+        el.style.background = '#0a1a0a';
+        el.style.color = '#22c55e';
+      } else if (i === activeStep) {
+        el.style.background = '#1a1a2e';
+        el.style.color = '#f97316';
+      } else {
+        el.style.background = '#0a0a0a';
+        el.style.color = '#666';
+      }
+    }
+  }
+
+  function renderSetupWizard(status) {
+    var GREEN = '\\u2705';
+    var YELLOW = '\\u26A0\\uFE0F';
+    var RED = '\\u274C';
+    var CIRCLE = '\\u26AA';
+
+    // Hide all steps first
+    for (var i = 1; i <= 4; i++) {
+      document.getElementById('step-' + i).style.display = 'none';
+    }
+    document.getElementById('setup-done').style.display = 'none';
+
+    if (status.nextStep === 'done') {
+      // All done!
+      setStepIndicator(5);
+      document.getElementById('setup-done').style.display = 'block';
+      document.getElementById('setup-done-detail').textContent =
+        'Logged in as ' + status.auth.user + ' | Project: ' + status.project.id;
+      return;
+    }
+
+    // Step 1: CLI
+    var step1 = document.getElementById('step-1');
+    step1.style.display = 'block';
+    if (status.cli.installed) {
+      document.getElementById('step1-icon').textContent = GREEN;
+      document.getElementById('step1-detail').textContent = 'Firebase CLI v' + status.cli.version + ' installed';
+      document.getElementById('step1-action').style.display = 'none';
+    } else {
+      document.getElementById('step1-icon').textContent = RED;
+      document.getElementById('step1-detail').textContent = 'Firebase CLI is not installed';
+      document.getElementById('step1-action').style.display = 'block';
+    }
+
+    if (status.nextStep === 'install-cli') {
+      setStepIndicator(1);
+      return;
+    }
+
+    // Step 2: Auth
+    var step2 = document.getElementById('step-2');
+    step2.style.display = 'block';
+    if (status.auth.authenticated) {
+      document.getElementById('step2-icon').textContent = GREEN;
+      document.getElementById('step2-detail').textContent = 'Logged in as ' + status.auth.user;
+      document.getElementById('step2-action').style.display = 'block';
+      document.getElementById('login-btn').style.display = 'none';
+      document.getElementById('reauth-btn').style.display = 'inline-block';
+      document.getElementById('cancel-login-btn').style.display = 'none';
+    } else {
+      document.getElementById('step2-icon').textContent = RED;
+      document.getElementById('step2-detail').textContent = 'Not logged in to Firebase';
+      document.getElementById('step2-action').style.display = 'block';
+      document.getElementById('login-btn').style.display = 'inline-block';
+      document.getElementById('reauth-btn').style.display = 'none';
+      document.getElementById('cancel-login-btn').style.display = 'none';
+    }
+
+    if (status.nextStep === 'login') {
+      setStepIndicator(2);
+      return;
+    }
+
+    // Step 3: Project Selection
+    var step3 = document.getElementById('step-3');
+    step3.style.display = 'block';
+    if (status.project.id) {
+      document.getElementById('step3-icon').textContent = GREEN;
+      document.getElementById('step3-detail').textContent = 'Active project: ' + status.project.id;
+      document.getElementById('step3-action').style.display = 'block';
+    } else {
+      document.getElementById('step3-icon').textContent = YELLOW;
+      document.getElementById('step3-detail').textContent = 'No project selected';
+      document.getElementById('step3-action').style.display = 'block';
+    }
+
+    // Load project list
+    loadProjectList(status.project.id);
+
+    if (status.nextStep === 'select-project') {
+      setStepIndicator(3);
+      return;
+    }
+
+    // Step 4: Auto-fill
+    var step4 = document.getElementById('step-4');
+    step4.style.display = 'block';
+    document.getElementById('step4-icon').textContent = CIRCLE;
+    setStepIndicator(4);
+  }
+
+  // \u2500\u2500\u2500 Step 1: Install CLI \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+  window.installFirebaseCli = function() {
+    var btn = document.getElementById('install-cli-btn');
+    var status = document.getElementById('install-status');
+    btn.disabled = true;
+    btn.textContent = 'Installing...';
+    status.style.display = 'block';
+    status.textContent = 'Running npm install -g firebase-tools... This may take a minute.';
+    status.style.cssText = 'display:block;margin-top:8px;font-size:13px;padding:8px 12px;border-radius:6px;background:#0a0a1a;border:1px solid #3b82f6;color:#3b82f6;';
+
+    fetch(API + '/__dev/setup/install-cli', { method: 'POST' })
+    .then(function(r) { return r.json(); })
+    .then(function(data) {
+      if (data.success) {
+        status.textContent = data.message;
+        status.style.cssText = 'display:block;margin-top:8px;font-size:13px;padding:8px 12px;border-radius:6px;background:#0a1a0a;border:1px solid #22c55e;color:#22c55e;';
+        // Refresh wizard
+        setTimeout(refreshSetupStatus, 1000);
+      } else {
+        status.textContent = data.message;
+        status.style.cssText = 'display:block;margin-top:8px;font-size:13px;padding:8px 12px;border-radius:6px;background:#1c0808;border:1px solid #ef4444;color:#ef4444;';
+        btn.disabled = false;
+        btn.textContent = 'Install Firebase CLI';
+      }
+    })
+    .catch(function(err) {
+      status.textContent = 'Error: ' + err.message;
+      status.style.cssText = 'display:block;margin-top:8px;font-size:13px;padding:8px 12px;border-radius:6px;background:#1c0808;border:1px solid #ef4444;color:#ef4444;';
+      btn.disabled = false;
+      btn.textContent = 'Install Firebase CLI';
+    });
+  };
+
+  // \u2500\u2500\u2500 Step 2: Login \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+  window.startFirebaseLogin = function(reauth) {
+    var loginBtn = document.getElementById('login-btn');
+    var reauthBtn = document.getElementById('reauth-btn');
+    var cancelBtn = document.getElementById('cancel-login-btn');
+    var progress = document.getElementById('login-progress');
+    var result = document.getElementById('login-result');
+
+    loginBtn.style.display = 'none';
+    reauthBtn.style.display = 'none';
+    cancelBtn.style.display = 'inline-block';
+    progress.style.display = 'block';
+    result.style.display = 'none';
+    document.getElementById('login-url-box').style.display = 'none';
+    document.getElementById('auth-code-box').style.display = 'none';
+    document.getElementById('login-spinner-text').textContent = 'Starting login...';
+
+    fetch(API + '/__dev/setup/login', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ reauth: !!reauth })
+    })
+    .then(function(r) { return r.json(); })
+    .then(function() {
+      // Start polling login state
+      startLoginPoll();
+    })
+    .catch(function(err) {
+      progress.style.display = 'none';
+      result.textContent = 'Failed to start login: ' + err.message;
+      result.style.cssText = 'display:block;margin-top:8px;font-size:13px;padding:8px 12px;border-radius:6px;background:#1c0808;border:1px solid #ef4444;color:#ef4444;';
+      loginBtn.style.display = 'inline-block';
+      cancelBtn.style.display = 'none';
+    });
+  };
+
+  function startLoginPoll() {
+    if (loginPollTimer) clearInterval(loginPollTimer);
+    loginPollTimer = setInterval(function() {
+      fetch(API + '/__dev/setup/login-state')
+      .then(function(r) { return r.json(); })
+      .then(function(state) {
+        // Show auth URL if available
+        if (state.authUrl) {
+          var urlBox = document.getElementById('login-url-box');
+          var urlLink = document.getElementById('login-url-link');
+          var urlRaw = document.getElementById('login-url-raw');
+          urlBox.style.display = 'block';
+          urlLink.href = state.authUrl;
+          urlLink.textContent = 'Open Google Login';
+          if (urlRaw) urlRaw.textContent = state.authUrl;
+          document.getElementById('login-spinner-text').textContent = 'Waiting for authentication...';
+        }
+
+        // Show auth code input when waiting for code
+        if (state.waitingForCode) {
+          document.getElementById('auth-code-box').style.display = 'block';
+        }
+
+        // Show output log
+        if (state.output) {
+          var outputEl = document.getElementById('login-output');
+          outputEl.style.display = 'block';
+          outputEl.textContent = state.output.slice(-500);
+        }
+
+        // Check if done
+        if (state.completed) {
+          clearInterval(loginPollTimer);
+          loginPollTimer = null;
+          document.getElementById('login-progress').style.display = 'none';
+          document.getElementById('cancel-login-btn').style.display = 'none';
+          var result = document.getElementById('login-result');
+          result.textContent = 'Login successful!';
+          result.style.cssText = 'display:block;margin-top:8px;font-size:13px;padding:8px 12px;border-radius:6px;background:#0a1a0a;border:1px solid #22c55e;color:#22c55e;';
+          // Refresh wizard after short delay
+          setTimeout(refreshSetupStatus, 1500);
+        }
+
+        if (state.error) {
+          clearInterval(loginPollTimer);
+          loginPollTimer = null;
+          document.getElementById('login-progress').style.display = 'none';
+          document.getElementById('cancel-login-btn').style.display = 'none';
+          var result2 = document.getElementById('login-result');
+          result2.textContent = state.error;
+          result2.style.cssText = 'display:block;margin-top:8px;font-size:13px;padding:8px 12px;border-radius:6px;background:#1c0808;border:1px solid #ef4444;color:#ef4444;';
+          document.getElementById('login-btn').style.display = 'inline-block';
+        }
+
+        if (!state.active && !state.completed && !state.error) {
+          clearInterval(loginPollTimer);
+          loginPollTimer = null;
+        }
+      })
+      .catch(function() {});
+    }, 1500);
+  }
+
+  window.submitAuthCode = function() {
+    var input = document.getElementById('auth-code-input');
+    var errEl = document.getElementById('auth-code-error');
+    var btn = document.getElementById('auth-code-submit');
+    var code = input ? input.value.trim() : '';
+    if (!code) {
+      errEl.textContent = 'Please paste the authorization code.';
+      errEl.style.display = 'block';
+      return;
+    }
+    errEl.style.display = 'none';
+    btn.disabled = true;
+    btn.textContent = 'Submitting...';
+
+    fetch(API + '/__dev/setup/submit-auth-code', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ code: code })
+    })
+    .then(function(r) { return r.json(); })
+    .then(function(data) {
+      if (data.success) {
+        document.getElementById('login-spinner-text').textContent = 'Verifying authorization...';
+        document.getElementById('auth-code-box').style.display = 'none';
+      } else {
+        errEl.textContent = data.message || 'Failed to submit code.';
+        errEl.style.display = 'block';
+      }
+      btn.disabled = false;
+      btn.textContent = 'Submit Code';
+    })
+    .catch(function(err) {
+      errEl.textContent = 'Error: ' + err.message;
+      errEl.style.display = 'block';
+      btn.disabled = false;
+      btn.textContent = 'Submit Code';
+    });
+  };
+
+  window.cancelFirebaseLogin = function() {
+    if (loginPollTimer) { clearInterval(loginPollTimer); loginPollTimer = null; }
+    fetch(API + '/__dev/setup/cancel-login', { method: 'POST' }).catch(function() {});
+    document.getElementById('login-progress').style.display = 'none';
+    document.getElementById('cancel-login-btn').style.display = 'none';
+    document.getElementById('login-btn').style.display = 'inline-block';
+  };
+
+  // \u2500\u2500\u2500 Step 3: Project Selection \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+  function loadProjectList(currentProjectId) {
+    var select = document.getElementById('project-select');
+    select.innerHTML = '<option value="">Loading projects...</option>';
+    select.disabled = true;
+
+    fetch(API + '/__dev/setup/projects')
+    .then(function(r) { return r.json(); })
+    .then(function(data) {
+      select.innerHTML = '';
+      if (data.error) {
+        select.innerHTML = '<option value="">Error: ' + escHtml(data.error) + '</option>';
+        return;
+      }
+      if (!data.projects || data.projects.length === 0) {
+        select.innerHTML = '<option value="">No projects found</option>';
+        return;
+      }
+
+      select.innerHTML = '<option value="">-- Select a project --</option>';
+      data.projects.forEach(function(p) {
+        var opt = document.createElement('option');
+        opt.value = p.projectId;
+        opt.textContent = p.displayName + ' (' + p.projectId + ')';
+        if (p.projectId === currentProjectId) opt.selected = true;
+        select.appendChild(opt);
+      });
+      select.disabled = false;
+    })
+    .catch(function(err) {
+      select.innerHTML = '<option value="">Failed to load</option>';
+    });
+  }
+
+  window.refreshProjectList = function() {
+    loadProjectList('');
+  };
+
+  window.selectFirebaseProject = function() {
+    var select = document.getElementById('project-select');
+    var btn = document.getElementById('select-project-btn');
+    var status = document.getElementById('project-status');
+    var projectId = select.value;
+
+    if (!projectId) {
+      status.textContent = 'Please select a project first.';
+      status.style.cssText = 'display:block;margin-top:8px;font-size:13px;padding:8px 12px;border-radius:6px;background:#1a1a0a;border:1px solid #eab308;color:#eab308;';
+      return;
+    }
+
+    btn.disabled = true;
+    btn.textContent = 'Setting...';
+    status.style.display = 'none';
+
+    fetch(API + '/__dev/setup/select-project', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ projectId: projectId })
+    })
+    .then(function(r) { return r.json(); })
+    .then(function(data) {
+      if (data.success) {
+        status.textContent = data.message;
+        status.style.cssText = 'display:block;margin-top:8px;font-size:13px;padding:8px 12px;border-radius:6px;background:#0a1a0a;border:1px solid #22c55e;color:#22c55e;';
+        setTimeout(refreshSetupStatus, 1000);
+      } else {
+        status.textContent = data.message;
+        status.style.cssText = 'display:block;margin-top:8px;font-size:13px;padding:8px 12px;border-radius:6px;background:#1c0808;border:1px solid #ef4444;color:#ef4444;';
+        btn.disabled = false;
+        btn.textContent = 'Use This Project';
+      }
+    })
+    .catch(function(err) {
+      status.textContent = 'Error: ' + err.message;
+      status.style.cssText = 'display:block;margin-top:8px;font-size:13px;padding:8px 12px;border-radius:6px;background:#1c0808;border:1px solid #ef4444;color:#ef4444;';
+      btn.disabled = false;
+      btn.textContent = 'Use This Project';
+    });
+  };
+
+  // \u2500\u2500\u2500 Refresh Setup Status \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+  function refreshSetupStatus() {
+    fetch(API + '/__dev/setup/status')
+    .then(function(r) { return r.json(); })
+    .then(function(status) { renderSetupWizard(status); })
+    .catch(function() {});
+
+    // Also refresh firebase status section
+    fetch(API + '/__dev/firebase-status')
+    .then(function(r) { return r.json(); })
+    .then(function(data) { renderFirebaseStatus(data); })
+    .catch(function() {});
+  }
+
   // \u2500\u2500\u2500 Firebase Status \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
   function renderFirebaseStatus(data) {
     var dot = document.getElementById('cli-dot');
@@ -1681,10 +2208,10 @@ function generateDashboardHtml(options) {
       text.textContent = 'Firebase CLI not installed';
     } else if (!data.cli.authenticated) {
       dot.style.background = '#eab308';
-      text.textContent = 'Firebase CLI v' + data.cli.version + ' \u2014 Not logged in';
+      text.textContent = 'Firebase CLI v' + data.cli.version + ' \\u2014 Not logged in';
     } else {
       dot.style.background = '#22c55e';
-      text.textContent = 'Firebase CLI v' + data.cli.version + ' \u2014 ' + data.cli.user;
+      text.textContent = 'Firebase CLI v' + data.cli.version + ' \\u2014 ' + data.cli.user;
     }
 
     if (data.project.id) {
@@ -1772,7 +2299,6 @@ function generateDashboardHtml(options) {
     var saveBtn = document.getElementById('cfg-save-' + key);
     var cancelBtn = document.getElementById('cfg-cancel-' + key);
     if (!valSpan || !input) return;
-    // Hide all badges in this cell
     var badges = valSpan.parentNode.querySelectorAll('span[style*="PLACEHOLDER"]');
     for (var i = 0; i < badges.length; i++) badges[i].style.display = 'none';
     valSpan.style.display = 'none';
@@ -1814,7 +2340,6 @@ function generateDashboardHtml(options) {
     }).then(function(r) { return r.json(); })
     .then(function(data) {
       if (data.error) { alert('Error: ' + data.error); saveBtn.textContent = 'Save'; return; }
-      // Reload config
       return fetch(API + '/__dev/config').then(function(r) { return r.json(); });
     })
     .then(function(data) { if (data) renderConfig(data); })
@@ -1824,23 +2349,22 @@ function generateDashboardHtml(options) {
   // \u2500\u2500\u2500 Auto-fill from Firebase \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
   window.autoFillConfig = function() {
     var btn = document.getElementById('autofill-btn');
+    var wizBtn = document.getElementById('autofill-wizard-btn');
     var status = document.getElementById('autofill-status');
-    btn.disabled = true;
-    btn.textContent = 'Fetching...';
-    status.style.display = 'none';
+    var wizStatus = document.getElementById('autofill-wizard-status');
+    if (btn) { btn.disabled = true; btn.textContent = 'Fetching...'; }
+    if (wizBtn) { wizBtn.disabled = true; wizBtn.textContent = 'Fetching...'; }
+    if (status) status.style.display = 'none';
+    if (wizStatus) wizStatus.style.display = 'none';
 
     fetch(API + '/__dev/firebase-sdk-config')
     .then(function(r) { return r.json(); })
     .then(function(data) {
       if (data.error) {
-        status.textContent = data.error;
-        status.style.cssText = 'display:block;padding:8px 12px;border-radius:6px;margin-bottom:12px;font-size:13px;background:#1c0808;border:1px solid #ef4444;color:#ef4444;';
-        btn.disabled = false;
-        btn.textContent = 'Auto-fill from Firebase';
+        showAutoFillResult(false, data.error);
         return;
       }
 
-      // Map SDK config keys to clawfire.config.ts keys
       var fields = {};
       if (data.apiKey) fields.apiKey = data.apiKey;
       if (data.authDomain) fields.authDomain = data.authDomain;
@@ -1850,14 +2374,10 @@ function generateDashboardHtml(options) {
 
       var count = Object.keys(fields).length;
       if (count === 0) {
-        status.textContent = 'No web app config found. Create a Web app in Firebase Console first.';
-        status.style.cssText = 'display:block;padding:8px 12px;border-radius:6px;margin-bottom:12px;font-size:13px;background:#1a1a0a;border:1px solid #eab308;color:#eab308;';
-        btn.disabled = false;
-        btn.textContent = 'Auto-fill from Firebase';
+        showAutoFillResult(false, 'No web app config found. Create a Web app in Firebase Console first.');
         return;
       }
 
-      // Save all fields at once
       return fetch(API + '/__dev/config', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
@@ -1865,27 +2385,37 @@ function generateDashboardHtml(options) {
       }).then(function(r) { return r.json(); })
       .then(function(result) {
         if (result.error) {
-          status.textContent = 'Error saving: ' + result.error;
-          status.style.cssText = 'display:block;padding:8px 12px;border-radius:6px;margin-bottom:12px;font-size:13px;background:#1c0808;border:1px solid #ef4444;color:#ef4444;';
+          showAutoFillResult(false, 'Error saving: ' + result.error);
         } else {
-          status.textContent = count + ' fields updated from Firebase project!';
-          status.style.cssText = 'display:block;padding:8px 12px;border-radius:6px;margin-bottom:12px;font-size:13px;background:#0a1a0a;border:1px solid #22c55e;color:#22c55e;';
-          // Reload config view
+          showAutoFillResult(true, count + ' fields updated from Firebase project!');
           return fetch(API + '/__dev/config').then(function(r) { return r.json(); })
           .then(function(cfg) { renderConfig(cfg); });
         }
       });
     })
     .catch(function(err) {
-      status.textContent = 'Failed: ' + err.message;
-      status.style.cssText = 'display:block;padding:8px 12px;border-radius:6px;margin-bottom:12px;font-size:13px;background:#1c0808;border:1px solid #ef4444;color:#ef4444;';
+      showAutoFillResult(false, 'Failed: ' + err.message);
     })
     .finally(function() {
-      btn.disabled = false;
-      btn.textContent = 'Auto-fill from Firebase';
+      if (btn) { btn.disabled = false; btn.textContent = 'Auto-fill from Firebase'; }
+      if (wizBtn) { wizBtn.disabled = false; wizBtn.textContent = 'Auto-fill Config Now'; }
     });
   };
 
+  function showAutoFillResult(success, message) {
+    var targets = ['autofill-status', 'autofill-wizard-status'];
+    targets.forEach(function(id) {
+      var el = document.getElementById(id);
+      if (!el) return;
+      el.textContent = message;
+      if (success) {
+        el.style.cssText = 'display:block;margin-top:8px;font-size:13px;padding:8px 12px;border-radius:6px;background:#0a1a0a;border:1px solid #22c55e;color:#22c55e;';
+      } else {
+        el.style.cssText = 'display:block;margin-top:8px;font-size:13px;padding:8px 12px;border-radius:6px;background:#1c0808;border:1px solid #ef4444;color:#ef4444;';
+      }
+    });
+  }
+
   // \u2500\u2500\u2500 Environment Variables \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
   function renderEnvVars(data) {
     envData = data.variables || [];
@@ -2035,6 +2565,342 @@ function generateDashboardHtml(options) {
 </script>`;
 }
 
+// src/dev/firebase-setup.ts
+var import_node_child_process2 = require("child_process");
+var import_node_fs4 = require("fs");
+var import_node_path4 = require("path");
+var import_node_os = require("os");
+var FirebaseSetup = class {
+  projectDir;
+  loginProcess = null;
+  loginSession = {
+    active: false,
+    authUrl: null,
+    waitingForCode: false,
+    completed: false,
+    error: null,
+    output: ""
+  };
+  loginTimeout = null;
+  constructor(projectDir) {
+    this.projectDir = projectDir;
+  }
+  // ─── Status Check ──────────────────────────────────────────────────
+  async getStatus() {
+    const status = {
+      cli: { installed: false, version: "" },
+      auth: { authenticated: false, user: "" },
+      project: { id: "", hasFirebaserc: false },
+      ready: false,
+      nextStep: "install-cli"
+    };
+    try {
+      const version = await this.execTimeout("firebase", ["--version"], 5e3);
+      status.cli.installed = true;
+      status.cli.version = version.trim();
+    } catch {
+      status.nextStep = "install-cli";
+      return status;
+    }
+    try {
+      const loginOutput = await this.execTimeout(
+        "firebase",
+        ["login:list", "--json"],
+        5e3
+      );
+      const loginData = JSON.parse(loginOutput);
+      if (loginData?.result && Array.isArray(loginData.result) && loginData.result.length > 0) {
+        status.auth.authenticated = true;
+        status.auth.user = loginData.result[0]?.user?.email || loginData.result[0]?.email || "";
+      }
+    } catch {
+    }
+    if (!status.auth.authenticated) {
+      status.nextStep = "login";
+      return status;
+    }
+    const firebasercPath = (0, import_node_path4.resolve)(this.projectDir, ".firebaserc");
+    if ((0, import_node_fs4.existsSync)(firebasercPath)) {
+      status.project.hasFirebaserc = true;
+      try {
+        const rc = JSON.parse((0, import_node_fs4.readFileSync)(firebasercPath, "utf-8"));
+        status.project.id = rc?.projects?.default || "";
+      } catch {
+      }
+    }
+    if (!status.project.id) {
+      status.nextStep = "select-project";
+      return status;
+    }
+    status.ready = true;
+    status.nextStep = "done";
+    return status;
+  }
+  // ─── CLI Install ───────────────────────────────────────────────────
+  async installCli() {
+    try {
+      try {
+        await this.execTimeout("firebase", ["--version"], 5e3);
+        return { success: true, message: "Firebase CLI is already installed." };
+      } catch {
+      }
+      await this.execTimeout(
+        "npm",
+        ["install", "-g", "firebase-tools"],
+        12e4
+        // 2 min timeout for install
+      );
+      try {
+        const version = await this.execTimeout("firebase", ["--version"], 5e3);
+        return { success: true, message: `Firebase CLI v${version.trim()} installed successfully.` };
+      } catch {
+        return { success: false, message: "Installation completed but CLI not found in PATH. Try restarting your terminal." };
+      }
+    } catch (err) {
+      const msg = err instanceof Error ? err.message : "Unknown error";
+      return { success: false, message: `Failed to install Firebase CLI: ${msg}` };
+    }
+  }
+  // ─── Analytics Pre-config ──────────────────────────────────────────
+  /**
+   * Pre-configure Firebase analytics preference to avoid the interactive
+   * "Allow Firebase to collect..." prompt that breaks non-TTY spawns.
+   */
+  ensureAnalyticsConfigured() {
+    try {
+      const home = (0, import_node_os.homedir)();
+      const configPath = (0, import_node_path4.join)(home, ".config", "configstore", "firebase-tools.json");
+      if ((0, import_node_fs4.existsSync)(configPath)) {
+        const config = JSON.parse((0, import_node_fs4.readFileSync)(configPath, "utf-8"));
+        if (config.usage === void 0) {
+          config.usage = false;
+          (0, import_node_fs4.writeFileSync)(configPath, JSON.stringify(config, null, 2), "utf-8");
+        }
+      } else {
+        const dir = (0, import_node_path4.dirname)(configPath);
+        (0, import_node_fs4.mkdirSync)(dir, { recursive: true });
+        (0, import_node_fs4.writeFileSync)(configPath, JSON.stringify({ usage: false }, null, 2), "utf-8");
+      }
+    } catch {
+    }
+  }
+  // ─── Login Flow ────────────────────────────────────────────────────
+  /**
+   * Start login using `firebase login --no-localhost`.
+   *
+   * This mode is designed for non-TTY environments:
+   * 1. Prints a Google OAuth URL
+   * 2. User opens URL in browser and authenticates
+   * 3. Google shows an authorization code on screen
+   * 4. User pastes code back → call submitAuthCode()
+   */
+  startLogin(reauth = false) {
+    this.cleanupLogin();
+    this.ensureAnalyticsConfigured();
+    this.loginSession = {
+      active: true,
+      authUrl: null,
+      waitingForCode: false,
+      completed: false,
+      error: null,
+      output: ""
+    };
+    try {
+      const args = reauth ? ["login", "--reauth", "--no-localhost"] : ["login", "--no-localhost"];
+      const proc = (0, import_node_child_process2.spawn)("firebase", args, {
+        cwd: this.projectDir,
+        stdio: ["pipe", "pipe", "pipe"],
+        env: { ...process.env, TERM: "dumb" }
+      });
+      this.loginProcess = proc;
+      const appendOutput = (data) => {
+        const text = data.toString();
+        this.loginSession.output += text;
+        const urlMatch = text.match(/(https:\/\/accounts\.google\.com\S+)/);
+        if (urlMatch) {
+          this.loginSession.authUrl = urlMatch[1];
+          this.loginSession.waitingForCode = true;
+        }
+        if (text.includes("Success") || text.includes("Logged in as")) {
+          this.loginSession.completed = true;
+          this.loginSession.active = false;
+          this.loginSession.waitingForCode = false;
+        }
+        if (text.includes("Allow Firebase to collect") || text.includes("(Y/n)")) {
+          try {
+            proc.stdin?.write("n\n");
+          } catch {
+          }
+        }
+      };
+      proc.stdout?.on("data", appendOutput);
+      proc.stderr?.on("data", appendOutput);
+      proc.on("close", (code) => {
+        this.loginSession.active = false;
+        this.loginSession.waitingForCode = false;
+        if (code === 0) {
+          this.loginSession.completed = true;
+        } else if (!this.loginSession.completed) {
+          const lines = this.loginSession.output.trim().split("\n").filter((l) => l.trim());
+          const lastLines = lines.slice(-3).join(" | ");
+          this.loginSession.error = `Login failed (exit code ${code}).` + (lastLines ? ` Details: ${lastLines}` : "") + ` Try running "firebase login" in your terminal.`;
+        }
+        this.loginProcess = null;
+      });
+      proc.on("error", (err) => {
+        this.loginSession.active = false;
+        this.loginSession.error = err.message;
+        this.loginProcess = null;
+      });
+      this.loginTimeout = setTimeout(() => {
+        if (this.loginSession.active) {
+          this.loginSession.error = "Login timed out (5 minutes). Please try again.";
+          this.cleanupLogin();
+        }
+      }, 5 * 60 * 1e3);
+    } catch (err) {
+      this.loginSession.active = false;
+      this.loginSession.error = err instanceof Error ? err.message : "Failed to start login";
+    }
+    return this.loginSession;
+  }
+  getLoginState() {
+    return { ...this.loginSession };
+  }
+  /**
+   * Submit the authorization code that the user copied from the browser.
+   * This writes the code to the Firebase CLI process stdin.
+   */
+  submitAuthCode(code) {
+    if (!this.loginProcess || !this.loginProcess.stdin) {
+      return { success: false, message: "No active login process. Please start login again." };
+    }
+    if (!code || !code.trim()) {
+      return { success: false, message: "Authorization code is required." };
+    }
+    try {
+      this.loginProcess.stdin.write(code.trim() + "\n");
+      this.loginSession.waitingForCode = false;
+      return { success: true, message: "Authorization code submitted. Waiting for verification..." };
+    } catch (err) {
+      return { success: false, message: "Failed to submit code: " + (err instanceof Error ? err.message : "unknown error") };
+    }
+  }
+  cancelLogin() {
+    this.cleanupLogin();
+    this.loginSession.error = "Login cancelled by user.";
+  }
+  cleanupLogin() {
+    if (this.loginProcess) {
+      try {
+        this.loginProcess.kill("SIGTERM");
+      } catch {
+      }
+      this.loginProcess = null;
+    }
+    if (this.loginTimeout) {
+      clearTimeout(this.loginTimeout);
+      this.loginTimeout = null;
+    }
+    this.loginSession.active = false;
+    this.loginSession.waitingForCode = false;
+  }
+  // ─── Project Listing ───────────────────────────────────────────────
+  async listProjects() {
+    try {
+      const output = await this.execTimeout(
+        "firebase",
+        ["projects:list", "--json"],
+        3e4
+        // 30s — can be slow on first call
+      );
+      const data = JSON.parse(output);
+      if (data?.result && Array.isArray(data.result)) {
+        const projects = data.result.map((p) => ({
+          projectId: p.projectId || "",
+          displayName: p.displayName || p.projectId || "",
+          projectNumber: p.projectNumber || "",
+          state: p.lifecycleState || p.state || "ACTIVE"
+        }));
+        return { projects };
+      }
+      return { projects: [], error: "Unexpected response format" };
+    } catch (err) {
+      const msg = err instanceof Error ? err.message : "Unknown error";
+      if (msg.includes("authenticate") || msg.includes("login") || msg.includes("credential")) {
+        return { projects: [], error: "Session expired. Please re-authenticate first." };
+      }
+      if (msg.includes("Timeout")) {
+        return { projects: [], error: "Request timed out. Please try again." };
+      }
+      return { projects: [], error: msg };
+    }
+  }
+  // ─── Project Selection ─────────────────────────────────────────────
+  async selectProject(projectId) {
+    if (!projectId || !/^[a-z0-9-]+$/.test(projectId)) {
+      return { success: false, message: "Invalid project ID format." };
+    }
+    try {
+      await this.execTimeout(
+        "firebase",
+        ["use", projectId],
+        1e4
+      );
+      const firebasercPath = (0, import_node_path4.resolve)(this.projectDir, ".firebaserc");
+      let rc = {};
+      if ((0, import_node_fs4.existsSync)(firebasercPath)) {
+        try {
+          rc = JSON.parse((0, import_node_fs4.readFileSync)(firebasercPath, "utf-8"));
+        } catch {
+          rc = {};
+        }
+      }
+      if (!rc.projects || typeof rc.projects !== "object") {
+        rc.projects = {};
+      }
+      rc.projects.default = projectId;
+      (0, import_node_fs4.writeFileSync)(firebasercPath, JSON.stringify(rc, null, 2) + "\n", "utf-8");
+      return { success: true, message: `Active project set to "${projectId}".` };
+    } catch {
+      try {
+        const firebasercPath = (0, import_node_path4.resolve)(this.projectDir, ".firebaserc");
+        const rc = {
+          projects: { default: projectId }
+        };
+        (0, import_node_fs4.writeFileSync)(firebasercPath, JSON.stringify(rc, null, 2) + "\n", "utf-8");
+        return { success: true, message: `Active project set to "${projectId}" (via .firebaserc).` };
+      } catch (writeErr) {
+        const msg = writeErr instanceof Error ? writeErr.message : "Unknown error";
+        return { success: false, message: `Failed to set project: ${msg}` };
+      }
+    }
+  }
+  // ─── Helpers ───────────────────────────────────────────────────────
+  execTimeout(command, args, timeoutMs) {
+    return new Promise((resolve7, reject) => {
+      const proc = (0, import_node_child_process2.execFile)(command, args, { cwd: this.projectDir, timeout: timeoutMs }, (err, stdout, stderr) => {
+        if (err) {
+          const detail = stderr?.trim() || stdout?.trim() || "";
+          const enriched = new Error(`${err.message}${detail ? "\n" + detail : ""}`);
+          reject(enriched);
+        } else {
+          resolve7(stdout);
+        }
+      });
+      const timer = setTimeout(() => {
+        proc.kill("SIGTERM");
+        reject(new Error("Timeout"));
+      }, timeoutMs + 500);
+      proc.on("exit", () => clearTimeout(timer));
+    });
+  }
+  /** Cleanup resources */
+  destroy() {
+    this.cleanupLogin();
+  }
+};
+
 // src/dev/dev-server.ts
 var MIME_TYPES = {
   html: "text/html; charset=utf-8",
@@ -2280,6 +3146,7 @@ var DevServer = class {
   isReloading = false;
   pageCompiler;
   envManager;
+  firebaseSetup;
   constructor(options = {}) {
     this.options = {
       projectDir: options.projectDir || process.cwd(),
@@ -2291,13 +3158,14 @@ var DevServer = class {
       onSetupRoutes: options.onSetupRoutes || (() => {
       })
     };
-    this.routesDir = (0, import_node_path4.resolve)(this.options.projectDir, "app/routes");
-    this.schemasDir = (0, import_node_path4.resolve)(this.options.projectDir, "app/schemas");
-    this.publicDir = (0, import_node_path4.resolve)(this.options.projectDir, "public");
-    this.pagesDir = (0, import_node_path4.resolve)(this.options.projectDir, "app/pages");
-    this.componentsDir = (0, import_node_path4.resolve)(this.options.projectDir, "app/components");
+    this.routesDir = (0, import_node_path5.resolve)(this.options.projectDir, "app/routes");
+    this.schemasDir = (0, import_node_path5.resolve)(this.options.projectDir, "app/schemas");
+    this.publicDir = (0, import_node_path5.resolve)(this.options.projectDir, "public");
+    this.pagesDir = (0, import_node_path5.resolve)(this.options.projectDir, "app/pages");
+    this.componentsDir = (0, import_node_path5.resolve)(this.options.projectDir, "app/components");
     this.pageCompiler = new PageCompiler(this.options.projectDir);
     this.envManager = new EnvManager(this.options.projectDir);
+    this.firebaseSetup = new FirebaseSetup(this.options.projectDir);
     this.router = createRouter({
       cors: ["*"],
       rateLimit: 0,
@@ -2313,18 +3181,19 @@ var DevServer = class {
     if (this.options.hotReload) {
       this.startWatcher();
     }
-    await new Promise((resolve6, reject) => {
-      this.apiServer.listen(this.options.apiPort, () => resolve6());
+    await new Promise((resolve7, reject) => {
+      this.apiServer.listen(this.options.apiPort, () => resolve7());
       this.apiServer.on("error", reject);
     });
-    await new Promise((resolve6, reject) => {
-      this.frontendServer.listen(this.options.port, () => resolve6());
+    await new Promise((resolve7, reject) => {
+      this.frontendServer.listen(this.options.port, () => resolve7());
       this.frontendServer.on("error", reject);
     });
     this.printStartupBanner();
   }
   async stop() {
     this.watcher?.close();
+    this.firebaseSetup.destroy();
     for (const client of [...this.frontendSseClients, ...this.apiSseClients]) {
       client.res.end();
     }
@@ -2332,13 +3201,13 @@ var DevServer = class {
     this.apiSseClients = [];
     this.router.destroy();
     if (this.apiServer) {
-      await new Promise((resolve6) => {
-        this.apiServer.close(() => resolve6());
+      await new Promise((resolve7) => {
+        this.apiServer.close(() => resolve7());
       });
     }
     if (this.frontendServer) {
-      await new Promise((resolve6) => {
-        this.frontendServer.close(() => resolve6());
+      await new Promise((resolve7) => {
+        this.frontendServer.close(() => resolve7());
       });
     }
   }
@@ -2354,11 +3223,11 @@ var DevServer = class {
       await this.options.onSetupRoutes(this.router);
       if (this.router.getRoutes().length > 0) return;
     }
-    if (!(0, import_node_fs4.existsSync)(this.routesDir)) return;
+    if (!(0, import_node_fs5.existsSync)(this.routesDir)) return;
     const discovered = discoverRoutes(this.routesDir);
     for (const route of discovered) {
       try {
-        const fullPath = (0, import_node_path4.resolve)(this.routesDir, route.filePath);
+        const fullPath = (0, import_node_path5.resolve)(this.routesDir, route.filePath);
         const fileUrl = (0, import_node_url.pathToFileURL)(fullPath).href;
         const mod = await import(`${fileUrl}?v=${++this.importCounter}`);
         const contract = mod.default;
@@ -2373,7 +3242,7 @@ var DevServer = class {
   async reloadRoutes(event) {
     if (this.isReloading) return;
     this.isReloading = true;
-    const relPath = (0, import_node_path4.relative)(this.options.projectDir, event.filePath);
+    const relPath = (0, import_node_path5.relative)(this.options.projectDir, event.filePath);
     const timestamp = (/* @__PURE__ */ new Date()).toLocaleTimeString();
     console.log(`
   \x1B[33m[${timestamp}]\x1B[0m \x1B[36m${relPath}\x1B[0m changed`);
@@ -2411,7 +3280,7 @@ var DevServer = class {
   }
   // ─── Frontend Change Handler ───────────────────────────────────────
   handleFrontendChange(event) {
-    const relPath = (0, import_node_path4.relative)(this.options.projectDir, event.filePath);
+    const relPath = (0, import_node_path5.relative)(this.options.projectDir, event.filePath);
     const timestamp = (/* @__PURE__ */ new Date()).toLocaleTimeString();
     if (event.type === "css-change") {
       console.log(`
@@ -2434,23 +3303,23 @@ var DevServer = class {
   // ─── File Watcher ──────────────────────────────────────────────────
   startWatcher() {
     this.watcher = new FileWatcher(this.options.debounceMs);
-    if ((0, import_node_fs4.existsSync)(this.routesDir)) {
+    if ((0, import_node_fs5.existsSync)(this.routesDir)) {
       this.watcher.watchDir(this.routesDir, "route-change");
     }
-    if ((0, import_node_fs4.existsSync)(this.schemasDir)) {
+    if ((0, import_node_fs5.existsSync)(this.schemasDir)) {
       this.watcher.watchDir(this.schemasDir, "schema-change");
     }
-    const configFile = (0, import_node_path4.resolve)(this.options.projectDir, "clawfire.config.ts");
-    if ((0, import_node_fs4.existsSync)(configFile)) {
+    const configFile = (0, import_node_path5.resolve)(this.options.projectDir, "clawfire.config.ts");
+    if ((0, import_node_fs5.existsSync)(configFile)) {
       this.watcher.watchFile(configFile, "config-change");
     }
-    if ((0, import_node_fs4.existsSync)(this.publicDir)) {
+    if ((0, import_node_fs5.existsSync)(this.publicDir)) {
       this.watcher.watchDirFrontend(this.publicDir);
     }
-    if ((0, import_node_fs4.existsSync)(this.pagesDir)) {
+    if ((0, import_node_fs5.existsSync)(this.pagesDir)) {
       this.watcher.watchDir(this.pagesDir, "page-change");
     }
-    if ((0, import_node_fs4.existsSync)(this.componentsDir)) {
+    if ((0, import_node_fs5.existsSync)(this.componentsDir)) {
       this.watcher.watchDir(this.componentsDir, "component-change");
     }
     this.watcher.on("route-change", (event) => this.reloadRoutes(event));
@@ -2611,10 +3480,10 @@ ${liveReloadScript}
   }
   // ─── Static File Serving ──────────────────────────────────────────
   serveStaticFile(filePath, res) {
-    if (!(0, import_node_fs4.existsSync)(filePath)) return false;
+    if (!(0, import_node_fs5.existsSync)(filePath)) return false;
     try {
-      const content = (0, import_node_fs4.readFileSync)(filePath);
-      const ext = (0, import_node_path4.extname)(filePath).slice(1).toLowerCase();
+      const content = (0, import_node_fs5.readFileSync)(filePath);
+      const ext = (0, import_node_path5.extname)(filePath).slice(1).toLowerCase();
       const mime = MIME_TYPES[ext] || "application/octet-stream";
       if (ext === "html") {
         const html = content.toString("utf-8");
@@ -2669,9 +3538,9 @@ ${liveReloadScript}
       this.proxyToApiServer(req, res);
       return;
     }
-    const ext = (0, import_node_path4.extname)(url.pathname);
+    const ext = (0, import_node_path5.extname)(url.pathname);
     if (ext && STATIC_EXTENSIONS.has(ext)) {
-      const filePath2 = (0, import_node_path4.resolve)(this.publicDir, url.pathname.slice(1));
+      const filePath2 = (0, import_node_path5.resolve)(this.publicDir, url.pathname.slice(1));
       if (filePath2.startsWith(this.publicDir) && this.serveStaticFile(filePath2, res)) {
         return;
       }
@@ -2722,7 +3591,7 @@ ${liveReloadScript}
       }
     }
     const requestedPath = url.pathname === "/" ? "index.html" : url.pathname.slice(1);
-    const filePath = (0, import_node_path4.resolve)(this.publicDir, requestedPath);
+    const filePath = (0, import_node_path5.resolve)(this.publicDir, requestedPath);
     if (!filePath.startsWith(this.publicDir)) {
       res.writeHead(403);
       res.end("Forbidden");
@@ -2731,8 +3600,8 @@ ${liveReloadScript}
     if (this.serveStaticFile(filePath, res)) {
       return;
     }
-    const indexPath = (0, import_node_path4.resolve)(this.publicDir, "index.html");
-    if ((0, import_node_fs4.existsSync)(indexPath)) {
+    const indexPath = (0, import_node_path5.resolve)(this.publicDir, "index.html");
+    if ((0, import_node_fs5.existsSync)(indexPath)) {
       this.serveStaticFile(indexPath, res);
       return;
     }
@@ -2931,18 +3800,97 @@ ${liveReloadScript}
       });
       return;
     }
+    if (url.pathname === "/__dev/setup/status" && req.method === "GET") {
+      this.firebaseSetup.getStatus().then((status) => sendJson(status)).catch((err) => sendJson({ error: err instanceof Error ? err.message : "Failed" }, 500));
+      return;
+    }
+    if (url.pathname === "/__dev/setup/install-cli" && req.method === "POST") {
+      this.firebaseSetup.installCli().then((result) => sendJson(result)).catch((err) => sendJson({ success: false, message: err instanceof Error ? err.message : "Failed" }, 500));
+      return;
+    }
+    if (url.pathname === "/__dev/setup/login" && req.method === "POST") {
+      let body = "";
+      req.on("data", (chunk) => {
+        body += chunk;
+      });
+      req.on("end", () => {
+        let reauth = false;
+        try {
+          const data = JSON.parse(body);
+          reauth = !!data.reauth;
+        } catch {
+        }
+        const session = this.firebaseSetup.startLogin(reauth);
+        sendJson(session);
+      });
+      return;
+    }
+    if (url.pathname === "/__dev/setup/login-state" && req.method === "GET") {
+      sendJson(this.firebaseSetup.getLoginState());
+      return;
+    }
+    if (url.pathname === "/__dev/setup/cancel-login" && req.method === "POST") {
+      this.firebaseSetup.cancelLogin();
+      sendJson({ ok: true });
+      return;
+    }
+    if (url.pathname === "/__dev/setup/submit-auth-code" && req.method === "POST") {
+      let body = "";
+      req.on("data", (chunk) => {
+        body += chunk;
+      });
+      req.on("end", () => {
+        try {
+          const data = JSON.parse(body);
+          if (!data.code) {
+            sendJson({ success: false, message: "code is required" }, 400);
+            return;
+          }
+          sendJson(this.firebaseSetup.submitAuthCode(data.code));
+        } catch {
+          sendJson({ success: false, message: "Invalid JSON body" }, 400);
+        }
+      });
+      return;
+    }
+    if (url.pathname === "/__dev/setup/projects" && req.method === "GET") {
+      this.firebaseSetup.listProjects().then((result) => sendJson(result)).catch((err) => sendJson({ projects: [], error: err instanceof Error ? err.message : "Failed" }, 500));
+      return;
+    }
+    if (url.pathname === "/__dev/setup/select-project" && req.method === "POST") {
+      let body = "";
+      req.on("data", (chunk) => {
+        body += chunk;
+      });
+      req.on("end", () => {
+        try {
+          const data = JSON.parse(body);
+          if (!data.projectId) {
+            sendJson({ success: false, message: "projectId is required" }, 400);
+            return;
+          }
+          this.firebaseSetup.selectProject(data.projectId).then((result) => {
+            clearFirebaseStatusCache();
+            sendJson(result);
+          }).catch((err) => sendJson({ success: false, message: err instanceof Error ? err.message : "Failed" }, 500));
+        } catch {
+          sendJson({ success: false, message: "Invalid JSON body" }, 400);
+        }
+      });
+      return;
+    }
     res.writeHead(404);
     res.end("Not found");
   }
   // ─── Config Reader ────────────────────────────────────────────────
   readProjectConfig() {
-    const configPath = (0, import_node_path4.resolve)(this.options.projectDir, "clawfire.config.ts");
+    const configPath = (0, import_node_path5.resolve)(this.options.projectDir, "clawfire.config.ts");
     const fields = [];
-    if (!(0, import_node_fs4.existsSync)(configPath)) {
+    if (!(0, import_node_fs5.existsSync)(configPath)) {
       return { fields };
     }
     try {
-      const content = (0, import_node_fs4.readFileSync)(configPath, "utf-8");
+      const content = (0, import_node_fs5.readFileSync)(configPath, "utf-8");
       const kvPattern = /(\w+)\s*:\s*["'`]([^"'`]*)["'`]/g;
       let match;
       while ((match = kvPattern.exec(content)) !== null) {
@@ -2957,11 +3905,11 @@ ${liveReloadScript}
   }
   /** Update a single key's value in clawfire.config.ts */
   updateProjectConfig(key, value) {
-    const configPath = (0, import_node_path4.resolve)(this.options.projectDir, "clawfire.config.ts");
-    if (!(0, import_node_fs4.existsSync)(configPath)) {
+    const configPath = (0, import_node_path5.resolve)(this.options.projectDir, "clawfire.config.ts");
+    if (!(0, import_node_fs5.existsSync)(configPath)) {
       throw new Error("clawfire.config.ts not found");
     }
-    let content = (0, import_node_fs4.readFileSync)(configPath, "utf-8");
+    let content = (0, import_node_fs5.readFileSync)(configPath, "utf-8");
     const pattern = new RegExp(
       `(${this.escapeRegex(key)}\\s*:\\s*)["'\`][^"'\`]*["'\`]`
     );
@@ -2969,7 +3917,7 @@ ${liveReloadScript}
       throw new Error(`Key "${key}" not found in config`);
     }
     content = content.replace(pattern, `$1"${value.replace(/"/g, '\\"')}"`);
-    (0, import_node_fs4.writeFileSync)(configPath, content, "utf-8");
+    (0, import_node_fs5.writeFileSync)(configPath, content, "utf-8");
   }
   escapeRegex(s) {
     return s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");