npm - shipwright-cli - Versions diffs - 1.7.1 → 1.9.0 - Mend

shipwright-cli 1.7.1 → 1.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (105) hide show

package/.claude/agents/code-reviewer.md +90 -0
package/.claude/agents/devops-engineer.md +142 -0
package/.claude/agents/pipeline-agent.md +80 -0
package/.claude/agents/shell-script-specialist.md +150 -0
package/.claude/agents/test-specialist.md +196 -0
package/.claude/hooks/post-tool-use.sh +38 -0
package/.claude/hooks/pre-tool-use.sh +25 -0
package/.claude/hooks/session-started.sh +37 -0
package/README.md +212 -814
package/claude-code/CLAUDE.md.shipwright +54 -0
package/claude-code/hooks/notify-idle.sh +2 -2
package/claude-code/hooks/session-start.sh +24 -0
package/claude-code/hooks/task-completed.sh +6 -2
package/claude-code/settings.json.template +12 -0
package/dashboard/public/app.js +4422 -0
package/dashboard/public/index.html +816 -0
package/dashboard/public/styles.css +4755 -0
package/dashboard/server.ts +4315 -0
package/docs/KNOWN-ISSUES.md +18 -10
package/docs/TIPS.md +38 -26
package/docs/patterns/README.md +33 -23
package/package.json +9 -5
package/scripts/adapters/iterm2-adapter.sh +1 -1
package/scripts/adapters/tmux-adapter.sh +52 -23
package/scripts/adapters/wezterm-adapter.sh +26 -14
package/scripts/lib/compat.sh +200 -0
package/scripts/lib/helpers.sh +72 -0
package/scripts/postinstall.mjs +72 -13
package/scripts/{cct → sw} +109 -21
package/scripts/sw-adversarial.sh +274 -0
package/scripts/sw-architecture-enforcer.sh +330 -0
package/scripts/sw-checkpoint.sh +390 -0
package/scripts/{cct-cleanup.sh → sw-cleanup.sh} +3 -1
package/scripts/sw-connect.sh +619 -0
package/scripts/{cct-cost.sh → sw-cost.sh} +368 -34
package/scripts/{cct-daemon.sh → sw-daemon.sh} +2217 -204
package/scripts/sw-dashboard.sh +477 -0
package/scripts/sw-developer-simulation.sh +252 -0
package/scripts/sw-docs.sh +635 -0
package/scripts/sw-doctor.sh +907 -0
package/scripts/{cct-fix.sh → sw-fix.sh} +10 -6
package/scripts/{cct-fleet.sh → sw-fleet.sh} +498 -22
package/scripts/sw-github-checks.sh +521 -0
package/scripts/sw-github-deploy.sh +533 -0
package/scripts/sw-github-graphql.sh +972 -0
package/scripts/sw-heartbeat.sh +293 -0
package/scripts/{cct-init.sh → sw-init.sh} +144 -11
package/scripts/sw-intelligence.sh +1196 -0
package/scripts/sw-jira.sh +643 -0
package/scripts/sw-launchd.sh +364 -0
package/scripts/sw-linear.sh +648 -0
package/scripts/{cct-logs.sh → sw-logs.sh} +72 -2
package/scripts/{cct-loop.sh → sw-loop.sh} +534 -44
package/scripts/{cct-memory.sh → sw-memory.sh} +321 -38
package/scripts/sw-patrol-meta.sh +417 -0
package/scripts/sw-pipeline-composer.sh +455 -0
package/scripts/{cct-pipeline.sh → sw-pipeline.sh} +2319 -178
package/scripts/sw-predictive.sh +820 -0
package/scripts/{cct-prep.sh → sw-prep.sh} +339 -49
package/scripts/{cct-ps.sh → sw-ps.sh} +6 -4
package/scripts/{cct-reaper.sh → sw-reaper.sh} +6 -4
package/scripts/sw-remote.sh +687 -0
package/scripts/sw-self-optimize.sh +947 -0
package/scripts/sw-session.sh +519 -0
package/scripts/sw-setup.sh +234 -0
package/scripts/sw-status.sh +605 -0
package/scripts/{cct-templates.sh → sw-templates.sh} +9 -4
package/scripts/sw-tmux.sh +591 -0
package/scripts/sw-tracker-jira.sh +277 -0
package/scripts/sw-tracker-linear.sh +292 -0
package/scripts/sw-tracker.sh +409 -0
package/scripts/{cct-upgrade.sh → sw-upgrade.sh} +103 -46
package/scripts/{cct-worktree.sh → sw-worktree.sh} +3 -0
package/templates/pipelines/autonomous.json +27 -5
package/templates/pipelines/full.json +12 -0
package/templates/pipelines/standard.json +12 -0
package/tmux/{claude-teams-overlay.conf → shipwright-overlay.conf} +27 -9
package/tmux/templates/accessibility.json +34 -0
package/tmux/templates/api-design.json +35 -0
package/tmux/templates/architecture.json +1 -0
package/tmux/templates/bug-fix.json +9 -0
package/tmux/templates/code-review.json +1 -0
package/tmux/templates/compliance.json +36 -0
package/tmux/templates/data-pipeline.json +36 -0
package/tmux/templates/debt-paydown.json +34 -0
package/tmux/templates/devops.json +1 -0
package/tmux/templates/documentation.json +1 -0
package/tmux/templates/exploration.json +1 -0
package/tmux/templates/feature-dev.json +1 -0
package/tmux/templates/full-stack.json +8 -0
package/tmux/templates/i18n.json +34 -0
package/tmux/templates/incident-response.json +36 -0
package/tmux/templates/migration.json +1 -0
package/tmux/templates/observability.json +35 -0
package/tmux/templates/onboarding.json +33 -0
package/tmux/templates/performance.json +35 -0
package/tmux/templates/refactor.json +1 -0
package/tmux/templates/release.json +35 -0
package/tmux/templates/security-audit.json +8 -0
package/tmux/templates/spike.json +34 -0
package/tmux/templates/testing.json +1 -0
package/tmux/tmux.conf +98 -9
package/scripts/cct-doctor.sh +0 -414
package/scripts/cct-session.sh +0 -284
package/scripts/cct-status.sh +0 -169

package/dashboard/public/index.html ADDED Viewed

@@ -0,0 +1,816 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Fleet Command — Shipwright</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap"
+      rel="stylesheet"
+    />
+    <link rel="stylesheet" href="styles.css" />
+    <link
+      rel="icon"
+      href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text y='28' font-size='28'>⚓</text></svg>"
+    />
+  </head>
+  <body>
+    <!-- Header -->
+    <header class="header" id="header">
+      <div class="header-left">
+        <svg
+          class="header-icon"
+          viewBox="0 0 28 28"
+          width="28"
+          height="28"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <defs>
+            <linearGradient
+              id="ship-grad"
+              x1="0"
+              y1="0"
+              x2="28"
+              y2="28"
+              gradientUnits="userSpaceOnUse"
+            >
+              <stop offset="0%" stop-color="#00d4ff" />
+              <stop offset="50%" stop-color="#0066ff" />
+              <stop offset="100%" stop-color="#7c3aed" />
+            </linearGradient>
+          </defs>
+          <path
+            d="M14 2L4 22h4l2-4h8l2 4h4L14 2zm0 6l3.5 8h-7L14 8z"
+            fill="url(#ship-grad)"
+          />
+          <path
+            d="M2 24c2-2 5-2 7 0s5 2 7 0 5-2 7 0"
+            stroke="url(#ship-grad)"
+            stroke-width="1.5"
+            fill="none"
+            stroke-linecap="round"
+          />
+        </svg>
+        <span class="header-title">Fleet Command</span>
+      </div>
+      <div class="header-center" id="connection">
+        <span class="connection-dot offline" id="connection-dot"></span>
+        <span class="connection-text" id="connection-text">OFFLINE</span>
+        <span class="cost-ticker" id="cost-ticker"></span>
+      </div>
+      <div class="header-right">
+        <button
+          class="emergency-brake-btn"
+          id="emergency-brake"
+          style="display: none"
+          title="Emergency Brake — Pause All"
+        >
+          <svg
+            viewBox="0 0 24 24"
+            width="18"
+            height="18"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+          >
+            <circle cx="12" cy="12" r="10" />
+            <rect x="8" y="8" width="8" height="8" rx="1" fill="currentColor" />
+          </svg>
+        </button>
+        <div class="user-menu" id="user-menu">
+          <button class="user-avatar" id="user-avatar" aria-label="User menu">
+            <span class="avatar-initials" id="avatar-initials">?</span>
+          </button>
+          <div class="user-dropdown" id="user-dropdown">
+            <div class="dropdown-username" id="dropdown-username">—</div>
+            <a class="dropdown-link" href="/auth/logout">Sign out</a>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- Tab Navigation -->
+    <nav class="tab-bar" id="tab-bar">
+      <div class="tab-bar-inner">
+        <button class="tab-btn active" data-tab="overview">Overview</button>
+        <button class="tab-btn" data-tab="agents">Agents</button>
+        <button class="tab-btn" data-tab="pipelines">Pipelines</button>
+        <button class="tab-btn" data-tab="timeline">Timeline</button>
+        <button class="tab-btn" data-tab="activity">Activity</button>
+        <button class="tab-btn" data-tab="metrics">Metrics</button>
+        <button class="tab-btn" data-tab="machines">Machines</button>
+        <button class="tab-btn" data-tab="insights">Insights</button>
+        <button class="tab-btn" data-tab="team">Team</button>
+        <div class="tab-indicator" id="tab-indicator"></div>
+      </div>
+    </nav>
+    <!-- Alert Banner -->
+    <div class="alert-banner" id="alert-banner" style="display: none">
+      <div class="alert-banner-inner">
+        <span class="alert-icon" id="alert-icon"></span>
+        <span class="alert-message" id="alert-message"></span>
+        <div class="alert-actions" id="alert-actions"></div>
+        <button class="alert-dismiss" id="alert-dismiss" aria-label="Dismiss">
+          &times;
+        </button>
+      </div>
+    </div>
+    <!-- Main Content -->
+    <main class="main" id="main-content">
+      <!-- ═══ OVERVIEW TAB ═══ -->
+      <div class="tab-panel active" id="panel-overview">
+        <!-- Stats Row -->
+        <section class="stats-row" id="stats-row">
+          <div class="stat-card">
+            <span class="stat-label">STATUS</span>
+            <div class="stat-value-row">
+              <span class="pulse-dot offline" id="status-dot"></span>
+              <span class="stat-value" id="stat-status">OFFLINE</span>
+            </div>
+          </div>
+          <div class="stat-card">
+            <span class="stat-label">ACTIVE</span>
+            <div class="stat-value gradient-text" id="stat-active">0 / 0</div>
+            <div class="stat-bar-track">
+              <div class="stat-bar-fill" id="stat-active-bar"></div>
+            </div>
+          </div>
+          <div class="stat-card">
+            <span class="stat-label">QUEUE</span>
+            <div class="stat-value" id="stat-queue">0</div>
+            <div class="stat-subtitle" id="stat-queue-sub">issues waiting</div>
+          </div>
+          <div class="stat-card">
+            <span class="stat-label">COMPLETED</span>
+            <div class="stat-value gradient-text" id="stat-completed">0</div>
+            <div class="stat-subtitle" id="stat-failed-sub">0 failed</div>
+          </div>
+        </section>
+        <!-- Daemon Control Bar -->
+        <div class="daemon-control-bar" id="daemon-control-bar">
+          <div class="daemon-control-status">
+            <span class="daemon-status-badge" id="daemon-status-badge"
+              >Unknown</span
+            >
+            <span class="daemon-status-label">Daemon</span>
+          </div>
+          <div class="daemon-control-actions">
+            <button
+              class="btn btn-sm btn-start"
+              id="daemon-btn-start"
+              onclick="daemonControl('start')"
+              title="Start daemon"
+            >
+              Start
+            </button>
+            <button
+              class="btn btn-sm btn-stop"
+              id="daemon-btn-stop"
+              onclick="daemonControl('stop')"
+              title="Stop daemon"
+            >
+              Stop
+            </button>
+            <button
+              class="btn btn-sm btn-pause"
+              id="daemon-btn-pause"
+              onclick="daemonControl('pause')"
+              title="Pause/Resume daemon"
+            >
+              Pause
+            </button>
+            <button
+              class="btn btn-sm btn-patrol"
+              id="daemon-btn-patrol"
+              onclick="daemonControl('patrol')"
+              title="Run patrol now"
+            >
+              Run Patrol
+            </button>
+          </div>
+          <div class="daemon-control-info" id="daemon-control-info">
+            <span class="daemon-info-item"
+              ><strong>Workers:</strong>
+              <span id="daemon-info-workers">-</span></span
+            >
+            <span class="daemon-info-item"
+              ><strong>Poll:</strong>
+              <span id="daemon-info-poll">-</span>s</span
+            >
+            <span class="daemon-info-item"
+              ><strong>Patrol:</strong>
+              <span id="daemon-info-patrol">-</span>s</span
+            >
+            <span class="daemon-info-item"
+              ><strong>Budget:</strong> $<span id="daemon-info-budget"
+                >-</span
+              ></span
+            >
+          </div>
+        </div>
+        <!-- Active Pipelines -->
+        <section class="section">
+          <h2 class="section-label">ACTIVE PIPELINES</h2>
+          <div id="active-pipelines">
+            <div class="empty-state">
+              <svg
+                class="empty-icon"
+                viewBox="0 0 24 24"
+                width="32"
+                height="32"
+                fill="none"
+                stroke="currentColor"
+                stroke-width="1.5"
+              >
+                <path d="M12 6v6l4 2M12 2a10 10 0 100 20 10 10 0 000-20z" />
+              </svg>
+              <p>No active pipelines</p>
+            </div>
+          </div>
+        </section>
+        <!-- Queue Section -->
+        <section class="section">
+          <h2 class="section-label">AWAITING DEPLOYMENT</h2>
+          <div id="queue-list">
+            <div class="empty-state"><p>Queue clear</p></div>
+          </div>
+        </section>
+        <!-- Two-column layout: Activity + Resources -->
+        <div class="bottom-grid">
+          <!-- Activity Feed (compact, recent 10) -->
+          <section class="section">
+            <h2 class="section-label">ACTIVITY</h2>
+            <div class="activity-feed" id="activity-feed">
+              <div class="empty-state"><p>Awaiting events...</p></div>
+            </div>
+          </section>
+          <!-- Resource Scaling -->
+          <section class="section">
+            <h2 class="section-label">RESOURCE SCALING</h2>
+            <div class="resources-panel" id="resources-panel">
+              <div class="resource-row">
+                <span class="resource-label">CPU</span>
+                <div class="resource-bar-track">
+                  <div class="resource-bar-fill" id="res-cpu-bar"></div>
+                </div>
+                <span class="resource-info" id="res-cpu-info">—</span>
+              </div>
+              <div class="resource-row">
+                <span class="resource-label">MEM</span>
+                <div class="resource-bar-track">
+                  <div class="resource-bar-fill" id="res-mem-bar"></div>
+                </div>
+                <span class="resource-info" id="res-mem-info">—</span>
+              </div>
+              <div class="resource-row">
+                <span class="resource-label">BUDGET</span>
+                <div class="resource-bar-track">
+                  <div class="resource-bar-fill" id="res-budget-bar"></div>
+                </div>
+                <span class="resource-info" id="res-budget-info">—</span>
+              </div>
+              <div class="resource-constraint" id="resource-constraint">
+                <span class="constraint-badge nominal">NOMINAL</span>
+              </div>
+            </div>
+          </section>
+        </div>
+        <!-- Machines (only shown if registered) -->
+        <section class="section" id="machines-section" style="display: none">
+          <h2 class="section-label">MACHINES</h2>
+          <div class="machines-grid" id="machines-grid"></div>
+        </section>
+      </div>
+      <!-- ═══ AGENTS TAB ═══ -->
+      <div class="tab-panel" id="panel-agents">
+        <div class="agents-grid" id="agents-grid">
+          <div class="empty-state"><p>No active agents</p></div>
+        </div>
+      </div>
+      <!-- ═══ PIPELINES TAB ═══ -->
+      <div class="tab-panel" id="panel-pipelines">
+        <!-- Filter bar -->
+        <div class="filter-bar" id="pipeline-filters">
+          <button class="filter-chip active" data-filter="all">All</button>
+          <button class="filter-chip" data-filter="active">Active</button>
+          <button class="filter-chip" data-filter="completed">Completed</button>
+          <button class="filter-chip" data-filter="failed">Failed</button>
+        </div>
+        <div class="bulk-actions" id="bulk-actions" style="display: none">
+          <span class="bulk-count" id="bulk-count">0 selected</span>
+          <button class="bulk-btn" id="bulk-pause">Pause Selected</button>
+          <button class="bulk-btn" id="bulk-resume">Resume Selected</button>
+          <button class="bulk-btn bulk-btn-danger" id="bulk-abort">
+            Abort Selected
+          </button>
+        </div>
+        <!-- Pipeline table -->
+        <div class="pipeline-table-wrap">
+          <table class="pipeline-table" id="pipeline-table">
+            <thead>
+              <tr>
+                <th>
+                  <input
+                    type="checkbox"
+                    id="pipeline-select-all"
+                    class="pipeline-checkbox"
+                  />
+                </th>
+                <th>Issue</th>
+                <th>Title</th>
+                <th>Status</th>
+                <th>Stage</th>
+                <th>Duration</th>
+                <th>Branch</th>
+              </tr>
+            </thead>
+            <tbody id="pipeline-table-body">
+              <tr>
+                <td colspan="7" class="empty-state"><p>No pipeline data</p></td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <!-- Pipeline detail panel (hidden until row click) -->
+        <div class="pipeline-detail-panel" id="pipeline-detail-panel">
+          <div class="detail-panel-header">
+            <h3 class="detail-panel-title" id="detail-panel-title">
+              Pipeline Detail
+            </h3>
+            <button
+              class="detail-panel-close"
+              id="detail-panel-close"
+              aria-label="Close detail panel"
+            >
+              &times;
+            </button>
+          </div>
+          <div class="detail-panel-body" id="detail-panel-body">
+            <!-- Populated dynamically -->
+          </div>
+        </div>
+      </div>
+      <!-- ═══ TIMELINE TAB ═══ -->
+      <div class="tab-panel" id="panel-timeline">
+        <div class="timeline-controls">
+          <select class="timeline-range-select" id="timeline-range">
+            <option value="6">Last 6 hours</option>
+            <option value="24" selected>Last 24 hours</option>
+            <option value="72">Last 3 days</option>
+            <option value="168">Last 7 days</option>
+          </select>
+        </div>
+        <div class="gantt-chart" id="gantt-chart">
+          <div class="empty-state"><p>No timeline data</p></div>
+        </div>
+      </div>
+      <!-- ═══ ACTIVITY TAB ═══ -->
+      <div class="tab-panel" id="panel-activity">
+        <!-- Filter chips -->
+        <div class="filter-bar" id="activity-filters">
+          <button class="filter-chip active" data-filter="all">All</button>
+          <button class="filter-chip" data-filter="spawn">Spawn</button>
+          <button class="filter-chip" data-filter="stage">Stage</button>
+          <button class="filter-chip" data-filter="completed">Complete</button>
+          <button class="filter-chip" data-filter="failed">Failed</button>
+          <button class="filter-chip" data-filter="scale">Scale</button>
+          <button class="filter-chip" data-filter="poll">Poll</button>
+          <div class="filter-issue-input">
+            <input
+              type="text"
+              id="activity-issue-filter"
+              placeholder="Filter by issue #"
+              class="issue-filter-input"
+            />
+          </div>
+        </div>
+        <!-- Activity timeline -->
+        <div class="activity-timeline" id="activity-timeline">
+          <div class="empty-state"><p>Loading activity...</p></div>
+        </div>
+        <!-- Load more button -->
+        <div
+          class="load-more-wrap"
+          id="activity-load-more"
+          style="display: none"
+        >
+          <button class="load-more-btn" id="load-more-btn">Load more</button>
+        </div>
+      </div>
+      <!-- ═══ METRICS TAB ═══ -->
+      <div class="tab-panel" id="panel-metrics">
+        <div class="metrics-grid" id="metrics-grid">
+          <!-- Top row: big numbers -->
+          <div class="metrics-top-row">
+            <div class="metric-card metric-card-lg">
+              <span class="metric-label">SUCCESS RATE</span>
+              <div id="metric-donut-wrap" class="donut-wrap">
+                <div class="donut" id="metric-donut" style="--pct: 0%">
+                  <span class="donut-value" id="metric-success-rate">—</span>
+                </div>
+              </div>
+            </div>
+            <div class="metric-card metric-card-lg">
+              <span class="metric-label">AVG DURATION</span>
+              <div class="metric-big-value" id="metric-avg-duration">—</div>
+              <span class="metric-sub">per pipeline</span>
+            </div>
+            <div class="metric-card metric-card-lg">
+              <span class="metric-label">THROUGHPUT</span>
+              <div class="metric-big-value" id="metric-throughput">—</div>
+              <span class="metric-sub">issues / hour</span>
+            </div>
+            <div class="metric-card metric-card-lg">
+              <span class="metric-label">TOTAL</span>
+              <div
+                class="metric-big-value gradient-text"
+                id="metric-total-completed"
+              >
+                —
+              </div>
+              <span class="metric-sub" id="metric-total-failed">0 failed</span>
+            </div>
+          </div>
+          <!-- Stage duration breakdown -->
+          <div class="metric-card metric-card-wide">
+            <span class="metric-label">STAGE DURATION BREAKDOWN</span>
+            <div class="stage-breakdown" id="stage-breakdown">
+              <div class="empty-state"><p>No data</p></div>
+            </div>
+          </div>
+          <!-- Daily activity chart -->
+          <div class="metric-card metric-card-wide">
+            <span class="metric-label">DAILY ACTIVITY</span>
+            <div class="daily-chart-wrap" id="daily-chart">
+              <div class="empty-state"><p>No data</p></div>
+            </div>
+          </div>
+          <!-- DORA Grades -->
+          <div
+            class="metric-card metric-card-wide"
+            id="dora-grades-container"
+            style="display: none"
+          >
+            <span class="metric-label">DORA GRADES</span>
+          </div>
+        </div>
+      </div>
+      <!-- ═══ MACHINES TAB ═══ -->
+      <div class="tab-panel" id="panel-machines">
+        <!-- Summary row -->
+        <div class="machines-summary" id="machines-summary"></div>
+        <!-- Action bar -->
+        <div class="machines-actions">
+          <button class="btn-primary" id="btn-add-machine">
+            + Add Machine
+          </button>
+          <button class="btn-secondary" id="btn-join-link">
+            Generate Join Link
+          </button>
+        </div>
+        <!-- Machine cards grid -->
+        <div class="machines-grid" id="machines-tab-grid">
+          <div class="empty-state"><p>No machines registered</p></div>
+        </div>
+        <!-- Active join tokens -->
+        <section class="section" id="join-tokens-section" style="display: none">
+          <h2 class="section-label">ACTIVE JOIN LINKS</h2>
+          <div id="join-tokens-list"></div>
+        </section>
+      </div>
+      <!-- ═══ INSIGHTS TAB ═══ -->
+      <div class="tab-panel" id="panel-insights">
+        <div class="insights-grid">
+          <!-- Failure Patterns -->
+          <section class="section">
+            <h2 class="section-label">FAILURE PATTERNS</h2>
+            <div id="failure-patterns">
+              <div class="empty-state"><p>Loading patterns...</p></div>
+            </div>
+          </section>
+          <!-- Patrol Findings -->
+          <section class="section">
+            <h2 class="section-label">PATROL FINDINGS</h2>
+            <div id="patrol-findings">
+              <div class="empty-state"><p>No patrol data</p></div>
+            </div>
+          </section>
+          <!-- Decision Log -->
+          <section class="section">
+            <h2 class="section-label">DECISION LOG</h2>
+            <div id="decision-log">
+              <div class="empty-state"><p>No decisions recorded</p></div>
+            </div>
+          </section>
+          <!-- Failure Heatmap -->
+          <section class="section">
+            <h2 class="section-label">FAILURE HEATMAP</h2>
+            <div id="failure-heatmap">
+              <div class="empty-state"><p>No data</p></div>
+            </div>
+          </section>
+        </div>
+      </div>
+      <!-- ═══ TEAM TAB ═══ -->
+      <div class="tab-panel" id="panel-team">
+        <!-- Team Stats Bar -->
+        <section class="team-stats-bar" id="team-stats-bar">
+          <div class="team-stat">
+            <span class="team-stat-label">DEVELOPERS ONLINE</span>
+            <div class="team-stat-value gradient-text" id="team-stat-online">
+              0
+            </div>
+          </div>
+          <div class="team-stat">
+            <span class="team-stat-label">ACTIVE PIPELINES</span>
+            <div class="team-stat-value" id="team-stat-pipelines">0</div>
+          </div>
+          <div class="team-stat">
+            <span class="team-stat-label">TOTAL QUEUED</span>
+            <div class="team-stat-value" id="team-stat-queued">0</div>
+          </div>
+        </section>
+        <!-- Developer Cards -->
+        <section class="section-header">
+          <h2 class="section-label">CONNECTED DEVELOPERS</h2>
+        </section>
+        <div class="team-grid" id="team-grid">
+          <div class="empty-state">
+            No developers connected. Run
+            <code>shipwright connect start</code> to join.
+          </div>
+        </div>
+        <!-- Team Activity Feed -->
+        <section class="section-header" style="margin-top: 2rem">
+          <h2 class="section-label">TEAM ACTIVITY</h2>
+        </section>
+        <div class="team-activity" id="team-activity">
+          <div class="empty-state">No team activity yet.</div>
+        </div>
+      </div>
+    </main>
+    <!-- Footer -->
+    <footer class="footer">
+      <span>Shipwright Fleet Command v1.7.1</span>
+      <span>Dashboard refreshes via WebSocket</span>
+    </footer>
+    <!-- Intervention Modal -->
+    <div class="modal-overlay" id="intervention-modal" style="display: none">
+      <div class="modal-card">
+        <div class="modal-header">
+          <h3 class="modal-title" id="modal-title">Send Message</h3>
+          <button class="modal-close" id="modal-close">&times;</button>
+        </div>
+        <div class="modal-body">
+          <textarea
+            class="modal-textarea"
+            id="modal-message"
+            placeholder="Type a message for the agent..."
+            rows="4"
+          ></textarea>
+        </div>
+        <div class="modal-footer">
+          <button class="modal-btn modal-btn-cancel" id="modal-cancel">
+            Cancel
+          </button>
+          <button class="modal-btn modal-btn-send" id="modal-send">Send</button>
+        </div>
+      </div>
+    </div>
+    <!-- Emergency Brake Modal -->
+    <div class="modal-overlay" id="emergency-modal" style="display: none">
+      <div class="modal-card">
+        <div class="modal-header">
+          <h3 class="modal-title">Emergency Brake</h3>
+          <button class="modal-close" id="emergency-modal-close">
+            &times;
+          </button>
+        </div>
+        <div class="modal-body">
+          <p class="emergency-warning">
+            This will pause
+            <strong id="emergency-active-count">0</strong> active pipelines and
+            <strong id="emergency-queue-count">0</strong> queued items.
+          </p>
+        </div>
+        <div class="modal-footer">
+          <button class="modal-btn modal-btn-cancel" id="emergency-cancel">
+            Cancel
+          </button>
+          <button class="modal-btn modal-btn-danger" id="emergency-confirm">
+            Pause Everything
+          </button>
+        </div>
+      </div>
+    </div>
+    <!-- Add Machine Modal -->
+    <div class="modal-overlay" id="add-machine-modal" style="display: none">
+      <div class="modal-card modal-wide">
+        <div class="modal-header">
+          <h3 class="modal-title">Register Machine</h3>
+          <button class="modal-close" id="machine-modal-close">&times;</button>
+        </div>
+        <div class="modal-body">
+          <div class="form-row">
+            <div class="form-group">
+              <label class="form-label" for="machine-name">Name</label>
+              <input
+                type="text"
+                id="machine-name"
+                class="form-input"
+                placeholder="e.g. build-server-1"
+              />
+            </div>
+            <div class="form-group">
+              <label class="form-label" for="machine-host">Host</label>
+              <input
+                type="text"
+                id="machine-host"
+                class="form-input"
+                placeholder="e.g. 10.0.1.5 or localhost"
+              />
+            </div>
+          </div>
+          <div class="form-row">
+            <div class="form-group">
+              <label class="form-label" for="machine-ssh-user">SSH User</label>
+              <input
+                type="text"
+                id="machine-ssh-user"
+                class="form-input"
+                placeholder="optional"
+              />
+            </div>
+            <div class="form-group">
+              <label class="form-label" for="machine-path"
+                >Shipwright Path</label
+              >
+              <input
+                type="text"
+                id="machine-path"
+                class="form-input"
+                placeholder="/opt/shipwright"
+              />
+            </div>
+          </div>
+          <div class="form-row">
+            <div class="form-group">
+              <label class="form-label" for="machine-workers"
+                >Max Workers</label
+              >
+              <input
+                type="number"
+                id="machine-workers"
+                class="form-input"
+                value="4"
+                min="1"
+                max="64"
+              />
+            </div>
+            <div class="form-group">
+              <label class="form-label" for="machine-role">Role</label>
+              <select id="machine-role" class="form-input">
+                <option value="worker">Worker</option>
+                <option value="primary">Primary</option>
+              </select>
+            </div>
+          </div>
+          <div
+            id="machine-modal-error"
+            class="form-error"
+            style="display: none"
+          ></div>
+        </div>
+        <div class="modal-footer">
+          <button class="modal-btn modal-btn-cancel" id="machine-modal-cancel">
+            Cancel
+          </button>
+          <button class="modal-btn modal-btn-send" id="machine-modal-submit">
+            Register
+          </button>
+        </div>
+      </div>
+    </div>
+    <!-- Join Link Modal -->
+    <div class="modal-overlay" id="join-link-modal" style="display: none">
+      <div class="modal-card">
+        <div class="modal-header">
+          <h3 class="modal-title">Generate Join Link</h3>
+          <button class="modal-close" id="join-modal-close">&times;</button>
+        </div>
+        <div class="modal-body">
+          <div class="form-group">
+            <label class="form-label" for="join-label">Label (optional)</label>
+            <input
+              type="text"
+              id="join-label"
+              class="form-input"
+              placeholder="e.g. Seth's laptop"
+            />
+          </div>
+          <div class="form-group">
+            <label class="form-label" for="join-workers">Max Workers</label>
+            <input
+              type="number"
+              id="join-workers"
+              class="form-input"
+              value="4"
+              min="1"
+              max="64"
+            />
+          </div>
+          <div id="join-command-display" style="display: none">
+            <label class="form-label">Run this command on the machine:</label>
+            <div class="join-command">
+              <code id="join-command-text"></code>
+              <button
+                class="join-copy-btn"
+                id="join-copy-btn"
+                title="Copy to clipboard"
+              >
+                Copy
+              </button>
+            </div>
+          </div>
+        </div>
+        <div class="modal-footer">
+          <button class="modal-btn modal-btn-cancel" id="join-modal-cancel">
+            Cancel
+          </button>
+          <button class="modal-btn modal-btn-send" id="join-modal-generate">
+            Generate
+          </button>
+        </div>
+      </div>
+    </div>
+    <!-- Remove Machine Modal -->
+    <div class="modal-overlay" id="remove-machine-modal" style="display: none">
+      <div class="modal-card">
+        <div class="modal-header">
+          <h3 class="modal-title">Remove Machine</h3>
+          <button class="modal-close" id="remove-modal-close">&times;</button>
+        </div>
+        <div class="modal-body">
+          <p class="emergency-warning">
+            Remove <strong id="remove-machine-name"></strong> from the fleet?
+          </p>
+          <label class="form-checkbox-label">
+            <input type="checkbox" id="remove-stop-daemon" />
+            Also stop daemon on this machine
+          </label>
+        </div>
+        <div class="modal-footer">
+          <button class="modal-btn modal-btn-cancel" id="remove-modal-cancel">
+            Cancel
+          </button>
+          <button class="modal-btn modal-btn-danger" id="remove-modal-confirm">
+            Remove
+          </button>
+        </div>
+      </div>
+    </div>
+    <script src="app.js"></script>
+  </body>
+</html>