@cluesmith/codev 2.0.0-rc.60 → 2.0.0-rc.63

package/skeleton/protocols/spir/templates/review.md

@@ -1,207 +1,89 @@
 # Review: [Feature/Project Name]
 
-## Metadata
-- **Date**: [YYYY-MM-DD]
-- **Specification**: [Link to codev/specs/spec-file.md]
-- **Plan**: [Link to codev/plans/plan-file.md]
-
-## Executive Summary
-[Brief overview of what was built, how it went, and key outcomes]
-
-## Specification Compliance
-
-### Success Criteria Assessment
-| Criterion | Status | Evidence | Notes |
-|-----------|--------|----------|-------|
-| [Criterion 1] | ✅/❌/⚠️ | [Link/description] | [Any context] |
-| [Criterion 2] | ✅/❌/⚠️ | [Link/description] | [Any context] |
-| [All tests pass >90% coverage] | ✅/❌/⚠️ | [Coverage report] | [Details] |
-| [Performance benchmarks met] | ✅/❌/⚠️ | [Metrics] | [Details] |
-
-### Deviations from Specification
-| Original Requirement | What Was Built | Reason for Deviation |
-|---------------------|----------------|---------------------|
-| [If any] | [Actual] | [Justification] |
-
-## Plan Execution Review
-
-### Phase Completion
-| Phase | Status | Notes |
-|-------|--------|-------|
-| Phase 1 | Complete | [Context] |
-| Phase 2 | Complete | [Context] |
-
-### Deliverables Checklist
-- [x] All planned features implemented
-- [x] Test coverage achieved
-- [x] Documentation updated
-- [x] Performance requirements met
-- [ ] [Any incomplete items]
-
-## Code Quality Assessment
-
-### Architecture Impact
-- **Positive Changes**: [Improvements made to architecture]
-- **Technical Debt Incurred**: [Any shortcuts taken]
-- **Future Considerations**: [What should be refactored later]
-
-### Code Metrics
-- **Lines of Code**: [Added/Modified/Removed]
-- **Test Coverage**: [Percentage and areas covered]
-- **Code Complexity**: [Cyclomatic complexity if measured]
-- **Documentation Coverage**: [Public APIs documented?]
-
-### Security Review
-- **Vulnerabilities Found**: [None/List]
-- **Security Best Practices**: [Followed/Exceptions]
-- **Sensitive Data Handling**: [Properly secured?]
-
-## Performance Analysis
-
-### Benchmarks
-| Metric | Target | Achieved | Status |
-|--------|--------|----------|---------|
-| Response Time (p95) | <200ms | [Actual] | ✅/❌ |
-| Throughput | 1000 rps | [Actual] | ✅/❌ |
-| Memory Usage | <500MB | [Actual] | ✅/❌ |
-
-### Load Testing Results
-[Summary of load testing outcomes, if performed]
-
-## Testing Summary
-
-### Test Execution
-- **Unit Tests**: [X passed, Y failed]
-- **Integration Tests**: [X passed, Y failed]
-- **E2E Tests**: [X passed, Y failed]
-- **Manual Testing**: [Scenarios tested]
-
-### Issues Found During Testing
-| Issue | Severity | Resolution |
-|-------|----------|------------|
-| [Bug 1] | Critical/High/Medium/Low | [Fixed/Deferred] |
+## Summary
+
+[1-3 sentences: what was built, how many phases, net outcome.]
+
+## Spec Compliance
+
+- [x] AC1: [Description] (Phase N)
+- [x] AC2: [Description] (Phase N)
+- [ ] ACn: [Not met — reason]
+
+## Deviations from Plan
+
+- **Phase N**: [What changed and why]
+
+## Key Metrics
+
+- **Commits**: [N] on the branch
+- **Tests**: [N] passing ([N] existing + [N] new)
+- **Files created**: [list]
+- **Files deleted**: [list]
+- **Net LOC impact**: [+/-N lines]
+
+## Timelog
+
+All times [timezone], [date range].
+
+| Time | Event |
+|------|-------|
+| HH:MM | First commit: [description] |
+| HH:MM | [Phase/milestone] |
+| — | **GATE: [gate-name]** (human approval required) |
+| HH:MM | Implementation begins |
+| HH:MM | Phase N complete after N iterations |
+| HH:MM | **GATE: pr-ready** |
+
+### Autonomous Operation
+
+| Period | Duration | Activity |
+|--------|----------|----------|
+| Spec + Plan | ~Nm | [Summary] |
+| Human gate wait | ~Nh Nm | Idle — waiting for approval |
+| Implementation → PR | ~Nh Nm | N phases, N consultation rounds |
+
+**Total wall clock** (first commit to pr-ready): **Xh Ym**
+**Total autonomous work time** (excluding gate waits): **~Xh Ym**
+**Context window resets**: [N] (resumed automatically / required manual restart)
+
+## Consultation Iteration Summary
+
+[N] consultation files produced ([N] rounds x [N] models). [N] APPROVE, [N] REQUEST_CHANGES, [N] COMMENT.
+
+| Phase | Iters | Who Blocked | What They Caught |
+|-------|-------|-------------|------------------|
+| Specify | N | [Model] | [Brief description] |
+| Plan | N | [Model] | [Brief description] |
+| Phase 1 | N | [Model] | [Brief description] |
+| Phase N | N | [Model] | [Brief description] |
+| Review | N | [Model] | [Brief description] |
+
+**Most frequent blocker**: [Model] — blocked in N of N rounds, focused on: [pattern].
+
+### Avoidable Iterations
+
+Iterations that could have been prevented with better builder behavior:
+
+1. **[Pattern]**: [Specific thing the builder should have done without needing reviewer feedback. E.g., "Run exhaustive grep before claiming all instances fixed."]
+
+2. **[Pattern]**: [Another avoidable iteration pattern.]
 
 ## Lessons Learned
 
 ### What Went Well
-1. [Success point 1 - be specific]
-2. [Success point 2 - include why it worked]
-3. [Success point 3 - note for future replication]
+- [Specific positive observation — what worked and why]
+
+### Challenges Encountered
+- **[Challenge]**: [How it was resolved. How many iterations it cost.]
+
+### What Would Be Done Differently
+- [Actionable improvement for future builders]
+
+## Technical Debt
+
+- [Any shortcuts taken or inconsistencies introduced]
 
-### What Was Challenging
-1. [Challenge 1 - describe the issue]
-   - **Root Cause**: [Why it happened]
-   - **Resolution**: [How it was addressed]
-   - **Prevention**: [How to avoid in future]
+## Follow-up Items
 
-2. [Challenge 2]
-   - **Root Cause**:
-   - **Resolution**:
-   - **Prevention**:
-
-### What Would You Do Differently
-1. [Improvement 1 - be actionable]
-2. [Improvement 2 - be specific]
-3. [Improvement 3 - be realistic]
-
-## Methodology Feedback
-
-### SPIR Protocol Effectiveness
-- **Specification Phase**: [Was it thorough enough? Too detailed?]
-- **Planning Phase**: [Were estimates accurate? Phases well-sized?]
-- **Implementation Loop**: [Did IDE cycle work well?]
-- **Review Process**: [Is this review capturing the right information?]
-
-### Suggested Improvements
-1. **Template Updates**: [Any template improvements needed?]
-2. **Process Changes**: [Any step modifications recommended?]
-3. **Tool Needs**: [Any automation opportunities?]
-
-## Resource Analysis
-
-### Time Investment
-- **Planned**: [X person-days]
-- **Actual**: [Y person-days]
-- **Variance Explanation**: [Why different?]
-
-### Team Feedback
-- [Feedback from team members]
-- [Collaboration insights]
-- [Communication effectiveness]
-
-## Follow-Up Actions
-
-### Immediate (This Week)
-- [ ] [Action 1 - owner]
-- [ ] [Action 2 - owner]
-
-### Short-term (This Month)
-- [ ] [Action 1 - owner]
-- [ ] [Action 2 - owner]
-
-### Long-term (Future Consideration)
-- [ ] [Improvement opportunity 1]
-- [ ] [Technical debt to address]
-
-## Risk Retrospective
-
-### Identified Risks That Materialized
-| Risk | Impact | How Handled | Prevention for Future |
-|------|--------|-------------|----------------------|
-| [Risk] | [What happened] | [Resolution] | [Learning] |
-
-### Unforeseen Issues
-| Issue | Impact | How Handled | How to Predict |
-|-------|--------|-------------|----------------|
-| [Issue] | [Impact] | [Resolution] | [Detection method] |
-
-## Documentation Updates
-
-### Completed
-- [x] API documentation updated
-- [x] README updated
-- [x] Architecture diagrams revised
-- [ ] [Pending items]
-
-### Knowledge Transfer
-- **Wiki/Confluence Updates**: [Links]
-- **Team Presentations**: [Scheduled/Completed]
-- **Runbooks Created**: [Links]
-
-## Stakeholder Feedback
-- **Product Owner**: [Feedback]
-- **End Users**: [Feedback if available]
-- **Support Team**: [Readiness assessment]
-
-## Final Recommendations
-
-### For Future Similar Projects
-1. [Recommendation 1]
-2. [Recommendation 2]
-
-### For Methodology Evolution
-1. [Suggestion 1]
-2. [Suggestion 2]
-
-## Conclusion
-[Summary statement about the project success, key achievements, and main learnings]
-
-## Appendix
-
-### Links
-- **Code**: [Repository links, PRs]
-- **Documentation**: [All related docs]
-- **Metrics Dashboards**: [Monitoring links]
-- **Test Reports**: [CI/CD links]
-
-### Expert Consultation Summary
-[If expert AI review was performed post-implementation]
-- **Model**: [Which model]
-- **Feedback**: [Key points]
-- **Incorporated Changes**: [What was acted upon]
-
-## Sign-off
-- [ ] Technical Lead Review
-- [ ] Team Retrospective Completed
-- [ ] Lessons Documented
-- [ ] Methodology Updates Proposed
+- [Items identified for future work, outside this spec's scope]

package/skeleton/resources/commands/agent-farm.md

@@ -391,7 +391,7 @@ Removes entries for projects that no longer exist.
 
 ### af tower
 
-Manage the cross-project tower dashboard. Tower shows all agent-farm instances across projects.
+Manage the cross-project tower dashboard. Tower shows all agent-farm instances across projects and provides cloud connectivity via codevos.ai.
 
 #### af tower start
 
@@ -403,7 +403,6 @@ af tower start [options]
 
 **Options:**
 - `-p, --port <port>` - Port to run on (default: 4100)
-- `-w, --web` - Enable web access mode (requires CODEV_WEB_KEY)
 
 #### af tower stop
 
@@ -416,6 +415,43 @@ af tower stop [options]
 **Options:**
 - `-p, --port <port>` - Port to stop (default: 4100)
 
+#### af tower register
+
+Register this tower with codevos.ai for remote access.
+
+```bash
+af tower register [options]
+```
+
+**Options:**
+- `--reauth` - Re-authenticate without changing tower name
+- `-p, --port <port>` - Tower port to signal after registration (default: 4100)
+
+#### af tower deregister
+
+Remove this tower's registration from codevos.ai.
+
+```bash
+af tower deregister [options]
+```
+
+**Options:**
+- `-p, --port <port>` - Tower port to signal after deregistration (default: 4100)
+
+#### af tower status
+
+Show tower status including cloud connection info.
+
+```bash
+af tower status [options]
+```
+
+**Options:**
+- `-p, --port <port>` - Tower port (default: 4100)
+
+**Environment Variables:**
+- `CODEVOS_URL` - Override the codevos.ai server URL (default: `https://codevos.ai`). Useful for local development or staging.
+
 ---
 
 ### af db

package/templates/tower.html

@@ -840,7 +840,6 @@
       Agent Farm Control Tower
     </h1>
     <div class="header-actions">
-      <button class="btn" id="share-btn" onclick="showShareDialog()" style="display: none;" title="Share via QR code">📱 Share</button>
       <button class="btn" onclick="refresh()">Refresh</button>
     </div>
   </header>
@@ -895,22 +894,6 @@
       </div>
     </div>
 
-    <!-- Share Dialog (QR Code) -->
-    <div class="dialog-overlay" id="share-dialog" style="display: none;">
-      <div class="dialog-box" style="text-align: center;">
-        <h3>📱 Share via QR Code</h3>
-        <div id="share-content">
-          <div class="loading">
-            <div class="spinner"></div>
-            <p>Starting tunnel...</p>
-          </div>
-        </div>
-        <div class="dialog-actions" style="margin-top: 16px;">
-          <button class="btn" onclick="hideShareDialog()">Close</button>
-          <button class="btn" id="stop-tunnel-btn" onclick="stopTunnelAndClose()" style="display: none;">Stop Tunnel</button>
-        </div>
-      </div>
-    </div>
   </main>
 
   <div class="toast-container" id="toast-container"></div>
@@ -948,17 +931,6 @@
 
     // Initialize
     async function init() {
-      // Check if cloudflared is available and show share button
-      try {
-        const tunnelRes = await fetch('/api/tunnel/status');
-        const tunnelStatus = await tunnelRes.json();
-        if (tunnelStatus.available) {
-          document.getElementById('share-btn').style.display = 'inline-block';
-        }
-      } catch (e) {
-        // Tunnel not available, button stays hidden
-      }
-
       // Request notification permission
       if ('Notification' in window && Notification.permission === 'default') {
         try {
@@ -1197,8 +1169,8 @@
             </div>
             <div class="instance-actions">
               ${instance.running ? `
-                <button class="btn btn-small" onclick="restartInstance(${instance.basePort}, '${escapeHtml(instance.projectPath)}')">Restart</button>
-                <button class="btn btn-small btn-danger" onclick="stopInstance(${instance.basePort})">Stop</button>
+                <button class="btn btn-small" onclick="restartInstance('${escapeHtml(instance.projectPath)}')">Restart</button>
+                <button class="btn btn-small btn-danger" onclick="stopInstance('${escapeHtml(instance.projectPath)}')">Stop</button>
               ` : `
                 <button class="btn btn-small btn-primary" onclick="launchPath('${escapeHtml(instance.projectPath)}')">Start</button>
               `}
@@ -1385,13 +1357,13 @@
       }
     }
 
-    // Stop an instance by port
-    async function stopInstance(basePort) {
+    // Stop an instance by project path
+    async function stopInstance(projectPath) {
       try {
         const response = await authFetch('/api/stop', {
           method: 'POST',
           headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ basePort })
+          body: JSON.stringify({ projectPath })
         });
 
         const result = await response.json();
@@ -1408,13 +1380,13 @@
     }
 
     // Restart an instance
-    async function restartInstance(basePort, projectPath) {
+    async function restartInstance(projectPath) {
       try {
         // First stop
         await authFetch('/api/stop', {
           method: 'POST',
           headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ basePort })
+          body: JSON.stringify({ projectPath })
         });
 
         // Wait a moment for processes to die
@@ -1583,121 +1555,6 @@
       }, 4000);
     }
 
-    // Share dialog functions (QR code for mobile access)
-    let tunnelAbortController = null;
-
-    async function showShareDialog() {
-      const dialog = document.getElementById('share-dialog');
-      const content = document.getElementById('share-content');
-      const stopBtn = document.getElementById('stop-tunnel-btn');
-
-      dialog.style.display = 'flex';
-      stopBtn.style.display = 'none';
-
-      // Create abort controller for cancellation
-      tunnelAbortController = new AbortController();
-
-      content.innerHTML = `
-        <div class="loading">
-          <div class="spinner"></div>
-          <p>Starting tunnel...</p>
-          <p style="font-size: 12px; color: var(--muted); margin-top: 8px;">This may take up to 30 seconds</p>
-          <button class="btn" style="margin-top: 16px;" onclick="cancelTunnelStart()">Cancel</button>
-        </div>
-      `;
-
-      try {
-        // Check if tunnel is already running
-        const statusRes = await fetch('/api/tunnel/status', { signal: tunnelAbortController.signal });
-        const status = await statusRes.json();
-
-        if (status.running && status.url) {
-          showQRCode(status.url);
-          return;
-        }
-
-        // Start tunnel
-        const res = await fetch('/api/tunnel/start', { method: 'POST', signal: tunnelAbortController.signal });
-        const result = await res.json();
-
-        if (result.success && result.url) {
-          showQRCode(result.url);
-        } else {
-          content.innerHTML = `<p style="color: var(--danger);">Failed to start tunnel: ${result.error || 'Unknown error'}</p>`;
-        }
-      } catch (e) {
-        if (e.name === 'AbortError') {
-          content.innerHTML = '<p>Tunnel start cancelled.</p>';
-        } else {
-          content.innerHTML = `<p style="color: var(--danger);">Error: ${e.message}</p>`;
-        }
-      } finally {
-        tunnelAbortController = null;
-      }
-    }
-
-    function cancelTunnelStart() {
-      if (tunnelAbortController) {
-        tunnelAbortController.abort();
-      }
-      // Also stop any tunnel that might have started
-      fetch('/api/tunnel/stop', { method: 'POST' }).catch(() => {});
-    }
-
-    function showQRCode(tunnelUrl) {
-      const content = document.getElementById('share-content');
-      const stopBtn = document.getElementById('stop-tunnel-btn');
-
-      // Generate QR code using qrcode.js (loaded from CDN)
-      content.innerHTML = `
-        <p style="margin-bottom: 16px;">Scan to access from mobile:</p>
-        <div id="qrcode" style="display: inline-block; padding: 16px; background: white; border-radius: 8px;"></div>
-        <p style="margin-top: 16px; font-size: 12px; color: var(--muted);">
-          <a href="${tunnelUrl}" target="_blank" style="color: var(--primary);">${tunnelUrl}</a>
-        </p>
-      `;
-
-      // Load QRCode library and generate
-      if (!window.QRCode) {
-        const script = document.createElement('script');
-        script.src = 'https://cdn.jsdelivr.net/npm/qrcodejs@1.0.0/qrcode.min.js';
-        script.onload = () => generateQR(tunnelUrl);
-        document.head.appendChild(script);
-      } else {
-        generateQR(tunnelUrl);
-      }
-
-      stopBtn.style.display = 'inline-block';
-    }
-
-    function generateQR(url) {
-      const container = document.getElementById('qrcode');
-      if (container && window.QRCode) {
-        container.innerHTML = '';
-        new QRCode(container, {
-          text: url,
-          width: 200,
-          height: 200,
-          colorDark: '#000000',
-          colorLight: '#ffffff',
-        });
-      }
-    }
-
-    function hideShareDialog() {
-      document.getElementById('share-dialog').style.display = 'none';
-    }
-
-    async function stopTunnelAndClose() {
-      try {
-        await fetch('/api/tunnel/stop', { method: 'POST' });
-      } catch (e) {
-        // Ignore
-      }
-      hideShareDialog();
-      showToast('Tunnel stopped', 'success');
-    }
-
     // Create project dialog functions
     function showCreateProjectDialog() {
       const dialog = document.getElementById('create-dialog');

package/dashboard/dist/assets/index-CXloFYpB.css

@@ -1,32 +0,0 @@
-/**
- * Copyright (c) 2014 The xterm.js authors. All rights reserved.
- * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
- * https://github.com/chjj/term.js
- * @license MIT
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- *
- * Originally forked from (with the author's permission):
- *   Fabrice Bellard's javascript vt100 for jslinux:
- *   http://bellard.org/jslinux/
- *   Copyright (c) 2011 Fabrice Bellard
- *   The original design remains. The terminal itself
- *   has been extended to include xterm CSI codes, among
- *   other features.
- */.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;right:0;left:0;top:0;bottom:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{position:absolute;left:0;top:0;bottom:0;right:0;z-index:10;color:transparent;pointer-events:none}.xterm .xterm-accessibility-tree:not(.debug) *::selection{color:transparent}.xterm .xterm-accessibility-tree{-webkit-user-select:text;user-select:text;white-space:pre}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}:root{--bg-primary: #1a1a1a;--bg-secondary: #252525;--bg-tertiary: #2a2a2a;--bg-hover: #333333;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--text-muted: #666666;--border-color: #333333;--accent: #3b82f6;--accent-hover: #2563eb;--status-active: #22c55e;--status-waiting: #eab308;--status-error: #ef4444;--status-implementing: #f97316}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,monospace;background:var(--bg-primary);color:var(--text-primary);font-size:13px}.fullscreen-terminal{height:100vh;width:100vw;overflow:hidden}.fullscreen-terminal>div{height:100%;width:100%}.app{display:flex;flex-direction:column;height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);height:40px;flex-shrink:0}.app-title{font-size:14px;font-weight:600;color:var(--text-primary)}.header-meta{font-size:12px;color:var(--text-secondary)}.app-body{flex:1;overflow:hidden}.split-pane{display:flex;height:100%;width:100%}.split-left,.split-right{height:100%;overflow:hidden}.split-handle{width:4px;cursor:col-resize;background:var(--border-color);flex-shrink:0}.split-handle:hover{background:var(--accent)}.right-panel{display:flex;flex-direction:column;height:100%}.tab-bar{display:flex;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);overflow-x:auto;flex-shrink:0;height:34px}.tab{display:flex;align-items:center;gap:6px;padding:6px 12px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:12px;cursor:pointer;white-space:nowrap;font-family:inherit}.tab:hover{background:var(--bg-hover);color:var(--text-primary)}.tab-active{color:var(--text-primary);border-bottom-color:var(--accent)}.tab-label{max-width:120px;overflow:hidden;text-overflow:ellipsis}.tab-close{font-size:14px;line-height:1;opacity:.5;padding:0 2px;border-radius:3px}.tab-close:hover{opacity:1;background:var(--bg-hover)}.tab-content{flex:1;overflow:hidden}.terminal-tab-pane{width:100%;height:100%}.terminal-iframe{display:block}.dashboard-container{flex:1;overflow-y:auto;display:flex;flex-direction:column;height:100%}.projects-info{padding:16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-size:13px;line-height:1.5;color:var(--text-secondary);flex-shrink:0}.projects-info h1{color:var(--text-primary)}.projects-info a{color:var(--accent);text-decoration:none}.projects-info a:hover{text-decoration:underline}.dashboard-header{display:flex;gap:16px;padding:16px;flex:1;min-height:0}@media(max-width:900px){.dashboard-header{flex-direction:column}}.dashboard-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.dashboard-section.section-tabs,.dashboard-section.section-files{flex:1}.dashboard-section.section-projects{flex:0 0 auto;margin:0 16px 16px;max-height:50%;overflow-y:auto}.dashboard-section-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;border-bottom:1px solid var(--border-color)}.dashboard-section-header:hover{background:var(--bg-tertiary)}.dashboard-section-header h3{font-size:12px;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin:0;display:flex;align-items:center;gap:6px;font-weight:600}.collapse-icon{font-size:10px;transition:transform .2s}.dashboard-section.collapsed .collapse-icon{transform:rotate(-90deg)}.dashboard-section.collapsed .dashboard-section-header{border-bottom:none}.header-actions{display:flex;gap:4px}.header-actions button{padding:4px 8px;border-radius:4px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;font-size:11px;font-family:inherit}.header-actions button:hover{background:var(--bg-hover);color:var(--text-primary)}.dashboard-section-content{flex:1;overflow-y:auto;padding:8px 12px}.dashboard-tabs-list{flex:1;overflow-y:auto}.dashboard-tab-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;cursor:pointer;font-size:13px;color:var(--text-secondary)}.dashboard-tab-item:hover{background:var(--bg-tertiary)}.dashboard-tab-item .tab-icon{font-size:14px;flex-shrink:0}.dashboard-tab-item .tab-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-section-content .file-tree{height:auto;max-height:none}.project-table{width:100%;border-collapse:collapse;font-size:12px}.project-table th{text-align:center;padding:6px 8px;font-size:10px;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;border-bottom:1px solid var(--border-color);font-weight:600}.project-table th:nth-child(1),.project-table th:nth-child(2){text-align:left}.project-table td{padding:6px 8px;border-bottom:1px solid var(--border-color)}.project-id{color:var(--text-muted);font-family:monospace;font-size:11px}.project-name{color:var(--text-primary)}.project-stage{text-align:center}.project-cell{display:flex;align-items:center;gap:8px}.project-id{color:var(--text-muted);font-family:monospace;font-size:11px;flex-shrink:0}.project-title{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-terminal-status{color:var(--text-muted);font-size:11px;font-style:italic}.checkmark{color:var(--status-active);font-weight:700;font-size:12px}.current-indicator{display:inline-block;width:10px;height:10px;border-radius:50%;border:2px solid var(--status-implementing);background:transparent}.celebration{font-size:14px}.project-stage a{color:var(--accent);text-decoration:none;font-size:10px}.project-stage a:hover{text-decoration:underline}.project-section{margin-bottom:8px}.project-section summary{cursor:pointer;font-size:12px;font-weight:600;color:var(--text-secondary);padding:6px 0;-webkit-user-select:none;user-select:none}.section-count{color:var(--text-muted);font-weight:400}.projects-welcome{padding:16px;color:var(--text-muted);font-size:13px}.projects-error{padding:12px;color:var(--status-error);display:flex;align-items:center;gap:8px}.projects-error button{padding:4px 8px;border-radius:4px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;font-size:11px}.builder-card{padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;margin-bottom:8px}.builder-header{display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;display:inline-block;margin-left:6px;background:var(--text-muted)}.status-active,.status-running{background:var(--status-active)}.status-waiting,.status-idle{background:var(--status-waiting)}.status-error,.status-failed{background:var(--status-error)}.status-implementing{background:var(--status-implementing)}.builder-name{font-size:13px;font-weight:500}.builder-meta{margin-top:4px;display:flex;gap:8px;font-size:11px;color:var(--text-secondary)}.file-tree{padding:8px;overflow-y:auto;height:100%}.file-node{display:flex;align-items:center;gap:6px;padding:3px 0;cursor:pointer;font-size:12px;border-radius:4px}.file-node:hover{background:var(--bg-hover)}.file-icon{font-size:14px;flex-shrink:0}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-tree-error,.file-tree-loading{padding:16px;color:var(--text-muted);font-size:12px}.status-bar{display:flex;gap:16px;padding:4px 16px;background:var(--bg-secondary);border-top:1px solid var(--border-color);font-size:11px;color:var(--text-secondary);flex-shrink:0;height:24px;align-items:center}.no-architect{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:14px}.mobile-layout{display:flex;flex-direction:column;height:100vh}.mobile-content{flex:1;overflow:hidden}@media(max-width:768px){.app-header{padding:6px 12px}.tab{padding:4px 8px;font-size:11px}}.file-viewer{display:flex;flex-direction:column;height:100%;background:var(--bg-primary)}.file-loading,.file-error{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}.file-error{color:var(--status-error)}.file-header{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0}.file-path{font-family:monospace;font-size:12px;color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-language{font-size:11px;color:var(--text-muted);text-transform:uppercase}.file-save-btn{padding:4px 12px;font-size:11px;background:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer}.file-save-btn:hover{background:var(--accent-hover)}.file-save-btn:disabled{opacity:.5;cursor:not-allowed}.file-content{display:flex;flex:1;overflow:auto;background:var(--bg-primary)}.line-numbers{display:flex;flex-direction:column;padding:12px 8px;background:var(--bg-secondary);color:var(--text-muted);font-family:Menlo,Monaco,Courier New,monospace;font-size:13px;line-height:1.5;text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0;min-width:40px}.line-number{padding-right:8px}.line-number.highlighted-line{background:#3b82f64d}.file-text{flex:1;padding:12px;font-family:Menlo,Monaco,Courier New,monospace;font-size:13px;line-height:1.5;background:var(--bg-primary);color:var(--text-primary);border:none;outline:none;resize:none;white-space:pre;overflow:auto}.file-image-container,.file-video-container{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;padding:20px}.file-image{max-width:100%;max-height:100%;object-fit:contain}.file-video{max-width:100%;max-height:100%}.file-tree-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.file-search{position:relative;padding:8px;border-bottom:1px solid var(--border-color);flex-shrink:0}.file-search-input{width:100%;padding:6px 10px;font-size:12px;font-family:inherit;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);outline:none}.file-search-input:focus{border-color:var(--accent)}.file-search-input::placeholder{color:var(--text-muted)}.file-search-suggestions{position:absolute;top:100%;left:8px;right:8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 12px #0000004d;z-index:100;max-height:240px;overflow-y:auto}.file-search-suggestion{display:flex;flex-direction:column;padding:8px 10px;cursor:pointer;border-bottom:1px solid var(--border-color)}.file-search-suggestion:last-child{border-bottom:none}.file-search-suggestion:hover{background:var(--bg-hover)}.suggestion-name{font-size:12px;color:var(--text-primary);font-weight:500}.suggestion-path{font-size:10px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-tree-section{display:flex;flex-direction:column;overflow:hidden}.file-tree-section:first-of-type{flex-shrink:0}.file-tree-section:last-of-type{flex:1;overflow:hidden}.file-tree-section-header{padding:8px 12px;font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;border-bottom:1px solid var(--border-color);flex-shrink:0}.recent-file{color:var(--text-secondary)}.recent-file:hover{color:var(--text-primary)}.file-path-hint{font-size:10px;color:var(--text-muted);margin-left:auto;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.git-indicator{font-family:monospace;font-size:10px;font-weight:700;padding:1px 4px;border-radius:3px;margin-left:auto;flex-shrink:0}.git-modified{color:var(--status-implementing);background:#f9731626}.git-staged{color:var(--status-active);background:#22c55e26}.git-untracked{color:var(--text-muted);background:#66666626}