npm - tower-studio - Versions diffs - 0.1.2 → 0.1.3 - Mend

tower-studio 0.1.2 → 0.1.3

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 (641) hide show

package/.next/standalone/tower/docs/diagrams/tower-system-architecture.html DELETED Viewed

@@ -1,336 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>Tower System Architecture</title>
-<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
-<style>
-  * { margin: 0; padding: 0; box-sizing: border-box; }
-  body {
-    background: #020617;
-    color: #e2e8f0;
-    font-family: 'JetBrains Mono', monospace;
-    min-height: 100vh;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    padding: 40px 20px;
-  }
-  h1 {
-    font-size: 28px;
-    font-weight: 700;
-    letter-spacing: -0.5px;
-    margin-bottom: 8px;
-    background: linear-gradient(135deg, #22d3ee, #34d399, #a78bfa);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-  }
-  .subtitle {
-    font-size: 13px;
-    color: #64748b;
-    margin-bottom: 32px;
-    letter-spacing: 1px;
-  }
-  .diagram-container {
-    width: 100%;
-    max-width: 1140px;
-    overflow-x: auto;
-  }
-  svg text {
-    font-family: 'JetBrains Mono', monospace;
-  }
-  .cards {
-    display: flex;
-    gap: 20px;
-    max-width: 1140px;
-    width: 100%;
-    margin-top: 32px;
-    flex-wrap: wrap;
-  }
-  .card {
-    flex: 1;
-    min-width: 280px;
-    background: rgba(15, 23, 42, 0.8);
-    border: 1px solid rgba(148, 163, 184, 0.15);
-    border-radius: 12px;
-    padding: 20px;
-    backdrop-filter: blur(8px);
-  }
-  .card-title {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    font-size: 14px;
-    font-weight: 600;
-    margin-bottom: 10px;
-  }
-  .card-dot {
-    width: 8px;
-    height: 8px;
-    border-radius: 50%;
-    display: inline-block;
-  }
-  .card-body {
-    font-size: 12px;
-    color: #94a3b8;
-    line-height: 1.7;
-  }
-  .footer {
-    margin-top: 40px;
-    font-size: 12px;
-    color: #475569;
-    letter-spacing: 2px;
-  }
-</style>
-</head>
-<body>
-<h1>Tower System Architecture</h1>
-<p class="subtitle">AI TASK MANAGEMENT PLATFORM</p>
-<div class="diagram-container">
-<svg viewBox="0 0 1100 780" xmlns="http://www.w3.org/2000/svg" width="100%">
-  <defs>
-    <pattern id="grid" width="20" height="20" patternUnits="userSpaceOnUse">
-      <path d="M 20 0 L 0 0 0 20" fill="none" stroke="rgba(148,163,184,0.05)" stroke-width="0.5"/>
-    </pattern>
-    <marker id="arrow-cyan" markerWidth="8" markerHeight="6" refX="8" refY="3" orient="auto">
-      <path d="M0,0 L8,3 L0,6" fill="#22d3ee"/>
-    </marker>
-    <marker id="arrow-emerald" markerWidth="8" markerHeight="6" refX="8" refY="3" orient="auto">
-      <path d="M0,0 L8,3 L0,6" fill="#34d399"/>
-    </marker>
-    <marker id="arrow-violet" markerWidth="8" markerHeight="6" refX="8" refY="3" orient="auto">
-      <path d="M0,0 L8,3 L0,6" fill="#a78bfa"/>
-    </marker>
-    <marker id="arrow-amber" markerWidth="8" markerHeight="6" refX="8" refY="3" orient="auto">
-      <path d="M0,0 L8,3 L0,6" fill="#fbbf24"/>
-    </marker>
-    <marker id="arrow-orange" markerWidth="8" markerHeight="6" refX="8" refY="3" orient="auto">
-      <path d="M0,0 L8,3 L0,6" fill="#fb923c"/>
-    </marker>
-    <marker id="arrow-slate" markerWidth="8" markerHeight="6" refX="8" refY="3" orient="auto">
-      <path d="M0,0 L8,3 L0,6" fill="#94a3b8"/>
-    </marker>
-  </defs>
-  <!-- Background grid -->
-  <rect width="1100" height="780" fill="url(#grid)"/>
-  <!-- ============================================ -->
-  <!-- LAYER 1 - Client (y=20, cyan) -->
-  <!-- ============================================ -->
-  <rect x="20" y="20" width="1060" height="90" rx="8" fill="none" stroke="rgba(34,211,238,0.15)" stroke-width="1" stroke-dasharray="6,4"/>
-  <text x="36" y="38" fill="#22d3ee" font-size="9" font-weight="600" opacity="0.6">CLIENT</text>
-  <!-- Browser -->
-  <rect x="40" y="46" width="240" height="50" rx="6" fill="#0f172a"/>
-  <rect x="40" y="46" width="240" height="50" rx="6" fill="rgba(8,51,68,0.4)" stroke="#22d3ee" stroke-width="1.5"/>
-  <text x="160" y="67" fill="#22d3ee" font-size="12" font-weight="600" text-anchor="middle">Browser</text>
-  <text x="160" y="83" fill="#94a3b8" font-size="9" text-anchor="middle">Next.js App Router</text>
-  <!-- xterm.js -->
-  <rect x="300" y="46" width="240" height="50" rx="6" fill="#0f172a"/>
-  <rect x="300" y="46" width="240" height="50" rx="6" fill="rgba(8,51,68,0.4)" stroke="#22d3ee" stroke-width="1.5"/>
-  <text x="420" y="67" fill="#22d3ee" font-size="12" font-weight="600" text-anchor="middle">xterm.js 终端</text>
-  <text x="420" y="83" fill="#94a3b8" font-size="9" text-anchor="middle">WebSocket</text>
-  <!-- Monaco -->
-  <rect x="560" y="46" width="240" height="50" rx="6" fill="#0f172a"/>
-  <rect x="560" y="46" width="240" height="50" rx="6" fill="rgba(8,51,68,0.4)" stroke="#22d3ee" stroke-width="1.5"/>
-  <text x="680" y="67" fill="#22d3ee" font-size="12" font-weight="600" text-anchor="middle">Monaco 编辑器</text>
-  <text x="680" y="83" fill="#94a3b8" font-size="9" text-anchor="middle">代码编辑</text>
-  <!-- 助手面板 -->
-  <rect x="820" y="46" width="240" height="50" rx="6" fill="#0f172a"/>
-  <rect x="820" y="46" width="240" height="50" rx="6" fill="rgba(8,51,68,0.4)" stroke="#22d3ee" stroke-width="1.5"/>
-  <text x="940" y="67" fill="#22d3ee" font-size="12" font-weight="600" text-anchor="middle">助手面板</text>
-  <text x="940" y="83" fill="#94a3b8" font-size="9" text-anchor="middle">SSE 聊天</text>
-  <!-- ============================================ -->
-  <!-- LAYER 2 - Next.js Server (y=140, emerald) -->
-  <!-- ============================================ -->
-  <rect x="20" y="140" width="1060" height="90" rx="8" fill="none" stroke="rgba(52,211,153,0.15)" stroke-width="1" stroke-dasharray="6,4"/>
-  <text x="36" y="158" fill="#34d399" font-size="9" font-weight="600" opacity="0.6">NEXT.JS SERVER</text>
-  <!-- Server Actions -->
-  <rect x="40" y="166" width="320" height="50" rx="6" fill="#0f172a"/>
-  <rect x="40" y="166" width="320" height="50" rx="6" fill="rgba(6,78,59,0.4)" stroke="#34d399" stroke-width="1.5"/>
-  <text x="200" y="187" fill="#34d399" font-size="12" font-weight="600" text-anchor="middle">Server Actions</text>
-  <text x="200" y="203" fill="#94a3b8" font-size="9" text-anchor="middle">task / workspace / label / agent / file / git</text>
-  <!-- API Routes -->
-  <rect x="390" y="166" width="320" height="50" rx="6" fill="#0f172a"/>
-  <rect x="390" y="166" width="320" height="50" rx="6" fill="rgba(6,78,59,0.4)" stroke="#34d399" stroke-width="1.5"/>
-  <text x="550" y="187" fill="#34d399" font-size="12" font-weight="600" text-anchor="middle">API Routes</text>
-  <text x="550" y="203" fill="#94a3b8" font-size="9" text-anchor="middle">/api/internal/terminal/* · /api/internal/assistant/*</text>
-  <!-- SSE -->
-  <rect x="740" y="166" width="320" height="50" rx="6" fill="#0f172a"/>
-  <rect x="740" y="166" width="320" height="50" rx="6" fill="rgba(6,78,59,0.4)" stroke="#34d399" stroke-width="1.5"/>
-  <text x="900" y="187" fill="#34d399" font-size="12" font-weight="600" text-anchor="middle">SSE 流式端点</text>
-  <text x="900" y="203" fill="#94a3b8" font-size="9" text-anchor="middle">助手聊天 /chat · Agent SDK query()</text>
-  <!-- ============================================ -->
-  <!-- LAYER 3 - WebSocket Server (y=260, orange) -->
-  <!-- ============================================ -->
-  <rect x="20" y="260" width="1060" height="70" rx="8" fill="none" stroke="rgba(251,146,60,0.15)" stroke-width="1" stroke-dasharray="6,4"/>
-  <text x="36" y="278" fill="#fb923c" font-size="9" font-weight="600" opacity="0.6">WEBSOCKET SERVER</text>
-  <rect x="170" y="280" width="760" height="40" rx="6" fill="#0f172a"/>
-  <rect x="170" y="280" width="760" height="40" rx="6" fill="rgba(251,146,60,0.3)" stroke="#fb923c" stroke-width="1.5"/>
-  <text x="550" y="298" fill="#fb923c" font-size="12" font-weight="600" text-anchor="middle">ws-server.ts</text>
-  <text x="550" y="312" fill="#94a3b8" font-size="9" text-anchor="middle">端口 3001 · 多客户端广播 · 终端 I/O 中继</text>
-  <!-- ============================================ -->
-  <!-- LAYER 4 - PTY (y=350, amber) -->
-  <!-- ============================================ -->
-  <rect x="20" y="350" width="1060" height="70" rx="8" fill="none" stroke="rgba(251,191,36,0.15)" stroke-width="1" stroke-dasharray="6,4"/>
-  <text x="36" y="368" fill="#fbbf24" font-size="9" font-weight="600" opacity="0.6">PTY LAYER</text>
-  <rect x="170" y="370" width="760" height="40" rx="6" fill="#0f172a"/>
-  <rect x="170" y="370" width="760" height="40" rx="6" fill="rgba(120,53,15,0.3)" stroke="#fbbf24" stroke-width="1.5"/>
-  <text x="550" y="388" fill="#fbbf24" font-size="12" font-weight="600" text-anchor="middle">node-pty 会话</text>
-  <text x="550" y="402" fill="#94a3b8" font-size="9" text-anchor="middle">session-store.ts · 按 taskId 索引 · 并发上限 20 · 断连保活 2h</text>
-  <!-- ============================================ -->
-  <!-- LAYER 5 - Data + MCP (y=440) -->
-  <!-- ============================================ -->
-  <!-- SQLite (violet) -->
-  <rect x="40" y="440" width="480" height="70" rx="6" fill="#0f172a"/>
-  <rect x="40" y="440" width="480" height="70" rx="6" fill="rgba(76,29,149,0.4)" stroke="#a78bfa" stroke-width="1.5"/>
-  <text x="280" y="468" fill="#a78bfa" font-size="12" font-weight="600" text-anchor="middle">SQLite + Prisma ORM</text>
-  <text x="280" y="488" fill="#94a3b8" font-size="9" text-anchor="middle">FTS5 全文搜索</text>
-  <!-- MCP Server (amber) -->
-  <rect x="560" y="440" width="500" height="70" rx="6" fill="#0f172a"/>
-  <rect x="560" y="440" width="500" height="70" rx="6" fill="rgba(120,53,15,0.3)" stroke="#fbbf24" stroke-width="1.5"/>
-  <text x="810" y="468" fill="#fbbf24" font-size="12" font-weight="600" text-anchor="middle">MCP Server</text>
-  <text x="810" y="488" fill="#94a3b8" font-size="9" text-anchor="middle">stdio 传输 · 24 工具 · 7 类 · HTTP 桥接终端</text>
-  <!-- ============================================ -->
-  <!-- LAYER 6 - AI (y=540, violet) -->
-  <!-- ============================================ -->
-  <rect x="20" y="540" width="1060" height="90" rx="8" fill="none" stroke="rgba(167,139,250,0.15)" stroke-width="1" stroke-dasharray="6,4"/>
-  <text x="36" y="558" fill="#a78bfa" font-size="9" font-weight="600" opacity="0.6">AI LAYER</text>
-  <!-- Agent SDK -->
-  <rect x="40" y="566" width="500" height="50" rx="6" fill="#0f172a"/>
-  <rect x="40" y="566" width="500" height="50" rx="6" fill="rgba(76,29,149,0.4)" stroke="#a78bfa" stroke-width="1.5"/>
-  <text x="290" y="587" fill="#a78bfa" font-size="12" font-weight="600" text-anchor="middle">Claude Agent SDK</text>
-  <text x="290" y="603" fill="#94a3b8" font-size="9" text-anchor="middle">query() / aiQuery() · 助手聊天 / 总结 / 分析</text>
-  <!-- Claude CLI -->
-  <rect x="580" y="566" width="480" height="50" rx="6" fill="#0f172a"/>
-  <rect x="580" y="566" width="480" height="50" rx="6" fill="rgba(76,29,149,0.4)" stroke="#a78bfa" stroke-width="1.5"/>
-  <text x="820" y="587" fill="#a78bfa" font-size="12" font-weight="600" text-anchor="middle">Claude CLI PTY</text>
-  <text x="820" y="603" fill="#94a3b8" font-size="9" text-anchor="middle">任务执行 · 交互终端 · CLI Profile 配置</text>
-  <!-- ============================================ -->
-  <!-- LAYER 7 - External (y=660, slate) -->
-  <!-- ============================================ -->
-  <rect x="20" y="660" width="1060" height="90" rx="8" fill="none" stroke="rgba(148,163,184,0.1)" stroke-width="1" stroke-dasharray="6,4"/>
-  <text x="36" y="678" fill="#94a3b8" font-size="9" font-weight="600" opacity="0.6">EXTERNAL</text>
-  <!-- .tower/ -->
-  <rect x="40" y="686" width="500" height="50" rx="6" fill="#0f172a"/>
-  <rect x="40" y="686" width="500" height="50" rx="6" fill="rgba(30,41,59,0.5)" stroke="#94a3b8" stroke-width="1.5"/>
-  <text x="290" y="707" fill="#94a3b8" font-size="12" font-weight="600" text-anchor="middle">.tower/ 目录</text>
-  <text x="290" y="723" fill="#64748b" font-size="9" text-anchor="middle">CLAUDE.md 人设 · Skills · Hooks</text>
-  <!-- Git -->
-  <rect x="580" y="686" width="480" height="50" rx="6" fill="#0f172a"/>
-  <rect x="580" y="686" width="480" height="50" rx="6" fill="rgba(30,41,59,0.5)" stroke="#94a3b8" stroke-width="1.5"/>
-  <text x="820" y="707" fill="#94a3b8" font-size="12" font-weight="600" text-anchor="middle">Git 仓库</text>
-  <text x="820" y="723" fill="#64748b" font-size="9" text-anchor="middle">Worktree 隔离 · Diff · Merge</text>
-  <!-- ============================================ -->
-  <!-- ARROWS -->
-  <!-- ============================================ -->
-  <!-- Browser → Server Actions (emerald) -->
-  <line x1="160" y1="96" x2="200" y2="166" stroke="#34d399" stroke-width="1.5" opacity="0.7" marker-end="url(#arrow-emerald)"/>
-  <!-- xterm.js → WebSocket Server (orange) -->
-  <line x1="420" y1="96" x2="450" y2="280" stroke="#fb923c" stroke-width="1.5" opacity="0.7" marker-end="url(#arrow-orange)"/>
-  <!-- 助手面板 → SSE 端点 (cyan) -->
-  <line x1="940" y1="96" x2="900" y2="166" stroke="#22d3ee" stroke-width="1.5" opacity="0.7" marker-end="url(#arrow-cyan)"/>
-  <!-- WebSocket → PTY (orange) -->
-  <line x1="550" y1="320" x2="550" y2="370" stroke="#fb923c" stroke-width="1.5" opacity="0.7" marker-end="url(#arrow-orange)"/>
-  <!-- Server Actions → SQLite (violet) -->
-  <line x1="200" y1="216" x2="280" y2="440" stroke="#a78bfa" stroke-width="1.5" opacity="0.7" marker-end="url(#arrow-violet)"/>
-  <!-- API Routes → MCP Server (amber) -->
-  <line x1="600" y1="216" x2="810" y2="440" stroke="#fbbf24" stroke-width="1.5" opacity="0.7" marker-end="url(#arrow-amber)"/>
-  <!-- PTY → Claude CLI (violet) -->
-  <line x1="700" y1="410" x2="820" y2="566" stroke="#a78bfa" stroke-width="1.5" opacity="0.7" marker-end="url(#arrow-violet)"/>
-  <!-- SSE → Agent SDK (violet) -->
-  <line x1="850" y1="216" x2="350" y2="566" stroke="#a78bfa" stroke-width="1.5" opacity="0.7" marker-end="url(#arrow-violet)"/>
-  <!-- Claude CLI → .tower (slate) -->
-  <line x1="750" y1="616" x2="350" y2="686" stroke="#94a3b8" stroke-width="1.5" opacity="0.7" marker-end="url(#arrow-slate)"/>
-  <!-- Claude CLI → Git (slate) -->
-  <line x1="820" y1="616" x2="820" y2="686" stroke="#94a3b8" stroke-width="1.5" opacity="0.7" marker-end="url(#arrow-slate)"/>
-  <!-- ============================================ -->
-  <!-- LEGEND -->
-  <!-- ============================================ -->
-  <rect x="880" y="755" width="210" height="20" rx="4" fill="rgba(15,23,42,0.9)"/>
-  <circle cx="895" cy="765" r="3" fill="#22d3ee"/>
-  <text x="902" y="769" fill="#64748b" font-size="7">Client</text>
-  <circle cx="935" cy="765" r="3" fill="#34d399"/>
-  <text x="942" y="769" fill="#64748b" font-size="7">Server</text>
-  <circle cx="978" cy="765" r="3" fill="#fb923c"/>
-  <text x="985" y="769" fill="#64748b" font-size="7">WS</text>
-  <circle cx="1005" cy="765" r="3" fill="#fbbf24"/>
-  <text x="1012" y="769" fill="#64748b" font-size="7">PTY/MCP</text>
-  <circle cx="1050" cy="765" r="3" fill="#a78bfa"/>
-  <text x="1057" y="769" fill="#64748b" font-size="7">AI/DB</text>
-</svg>
-</div>
-<div class="cards">
-  <div class="card">
-    <div class="card-title">
-      <span class="card-dot" style="background:#22d3ee"></span>
-      技术栈
-    </div>
-    <div class="card-body">
-      Next.js 16 · TypeScript · SQLite / Prisma ORM · node-pty · xterm.js · Monaco Editor · TailwindCSS 4 · shadcn (base-nova)
-    </div>
-  </div>
-  <div class="card">
-    <div class="card-title">
-      <span class="card-dot" style="background:#34d399"></span>
-      数据流
-    </div>
-    <div class="card-body">
-      Browser ↔ Server Actions ↔ DB<br>
-      Browser ↔ WebSocket ↔ PTY ↔ CLI<br>
-      Server ↔ MCP (HTTP 桥接)
-    </div>
-  </div>
-  <div class="card">
-    <div class="card-title">
-      <span class="card-dot" style="background:#a78bfa"></span>
-      AI 集成
-    </div>
-    <div class="card-body">
-      Agent SDK — query() / aiQuery() 流式对话<br>
-      CLI PTY — 任务执行交互终端<br>
-      .tower/ — 上下文注入 (CLAUDE.md / Skills / Hooks)
-    </div>
-  </div>
-</div>
-<p class="footer">Tower System Architecture &middot; v0.9</p>
-</body>
-</html>

package/.next/standalone/tower/docs/diagrams/tower-task-lifecycle-en.html DELETED Viewed

@@ -1,251 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>Tower Task Lifecycle</title>
-<style>
-  @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&display=swap');
-  * { margin: 0; padding: 0; box-sizing: border-box; }
-  body {
-    background: #020617;
-    font-family: 'JetBrains Mono', monospace;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    min-height: 100vh;
-    padding: 2rem;
-  }
-  svg { max-width: 1000px; width: 100%; height: auto; }
-</style>
-</head>
-<body>
-<svg viewBox="0 0 1000 880" xmlns="http://www.w3.org/2000/svg">
-  <defs>
-    <!-- Grid pattern -->
-    <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse">
-      <path d="M 40 0 L 0 0 0 40" fill="none" stroke="rgba(148,163,184,0.06)" stroke-width="0.5"/>
-    </pattern>
-    <!-- Arrow markers -->
-    <marker id="arrow-emerald" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
-      <path d="M 0 0 L 10 5 L 0 10 z" fill="#34d399"/>
-    </marker>
-    <marker id="arrow-rose" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
-      <path d="M 0 0 L 10 5 L 0 10 z" fill="#fb7185"/>
-    </marker>
-    <marker id="arrow-orange" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
-      <path d="M 0 0 L 10 5 L 0 10 z" fill="#fb923c"/>
-    </marker>
-    <marker id="arrow-amber" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
-      <path d="M 0 0 L 10 5 L 0 10 z" fill="#fbbf24"/>
-    </marker>
-    <marker id="arrow-slate" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
-      <path d="M 0 0 L 10 5 L 0 10 z" fill="#94a3b8"/>
-    </marker>
-    <!-- Glow filters -->
-    <filter id="glow-emerald" x="-20%" y="-20%" width="140%" height="140%">
-      <feGaussianBlur stdDeviation="3" result="blur"/>
-      <feFlood flood-color="#34d399" flood-opacity="0.15" result="color"/>
-      <feComposite in="color" in2="blur" operator="in" result="glow"/>
-      <feMerge><feMergeNode in="glow"/><feMergeNode in="SourceGraphic"/></feMerge>
-    </filter>
-    <filter id="glow-amber" x="-20%" y="-20%" width="140%" height="140%">
-      <feGaussianBlur stdDeviation="3" result="blur"/>
-      <feFlood flood-color="#fbbf24" flood-opacity="0.15" result="color"/>
-      <feComposite in="color" in2="blur" operator="in" result="glow"/>
-      <feMerge><feMergeNode in="glow"/><feMergeNode in="SourceGraphic"/></feMerge>
-    </filter>
-    <filter id="glow-cyan" x="-20%" y="-20%" width="140%" height="140%">
-      <feGaussianBlur stdDeviation="3" result="blur"/>
-      <feFlood flood-color="#22d3ee" flood-opacity="0.15" result="color"/>
-      <feComposite in="color" in2="blur" operator="in" result="glow"/>
-      <feMerge><feMergeNode in="glow"/><feMergeNode in="SourceGraphic"/></feMerge>
-    </filter>
-    <filter id="glow-orange" x="-20%" y="-20%" width="140%" height="140%">
-      <feGaussianBlur stdDeviation="3" result="blur"/>
-      <feFlood flood-color="#fb923c" flood-opacity="0.15" result="color"/>
-      <feComposite in="color" in2="blur" operator="in" result="glow"/>
-      <feMerge><feMergeNode in="glow"/><feMergeNode in="SourceGraphic"/></feMerge>
-    </filter>
-  </defs>
-  <!-- Background -->
-  <rect width="1000" height="880" fill="#020617"/>
-  <rect width="1000" height="880" fill="url(#grid)"/>
-  <!-- ============================== -->
-  <!-- STEP 1: Create Task (y=30)     -->
-  <!-- ============================== -->
-  <rect x="350" y="30" width="300" height="52" rx="26" fill="rgba(8,145,178,0.2)" stroke="#22d3ee" stroke-width="1.5" filter="url(#glow-cyan)"/>
-  <text x="500" y="52" text-anchor="middle" fill="#22d3ee" font-family="JetBrains Mono" font-size="14" font-weight="600">Create Task (TODO)</text>
-  <text x="500" y="70" text-anchor="middle" fill="rgba(148,163,184,0.7)" font-family="JetBrains Mono" font-size="9">Title / Description / Priority / Labels / baseBranch</text>
-  <!-- Arrow: Step 1 → Step 2 -->
-  <rect x="490" y="82" width="20" height="18" fill="#020617"/>
-  <line x1="500" y1="82" x2="500" y2="104" stroke="#34d399" stroke-width="1.5" marker-end="url(#arrow-emerald)"/>
-  <rect x="508" y="86" width="80" height="12" fill="#020617"/>
-  <text x="512" y="96" fill="#34d399" font-family="JetBrains Mono" font-size="9" font-weight="500">Click "Execute"</text>
-  <!-- ============================== -->
-  <!-- STEP 2: startPtyExecution()    -->
-  <!-- ============================== -->
-  <rect x="310" y="108" width="380" height="130" rx="8" fill="rgba(6,78,59,0.4)" stroke="#34d399" stroke-width="1.5" filter="url(#glow-emerald)"/>
-  <text x="500" y="130" text-anchor="middle" fill="#34d399" font-family="JetBrains Mono" font-size="13" font-weight="700">startPtyExecution()</text>
-  <line x1="330" y1="140" x2="670" y2="140" stroke="rgba(52,211,153,0.2)" stroke-width="1"/>
-  <!-- Detail items -->
-  <circle cx="335" cy="157" r="2.5" fill="#34d399"/>
-  <text x="345" y="160" fill="#cbd5e1" font-family="JetBrains Mono" font-size="10">Create TaskExecution (PENDING → RUNNING)</text>
-  <circle cx="335" cy="175" r="2.5" fill="#34d399"/>
-  <text x="345" y="178" fill="#cbd5e1" font-family="JetBrains Mono" font-size="10">Task: TODO → IN_PROGRESS</text>
-  <circle cx="335" cy="193" r="2.5" fill="#34d399"/>
-  <text x="345" y="196" fill="#cbd5e1" font-family="JetBrains Mono" font-size="10">Create Git Worktree (if baseBranch set)</text>
-  <circle cx="335" cy="211" r="2.5" fill="#34d399"/>
-  <text x="345" y="214" fill="#cbd5e1" font-family="JetBrains Mono" font-size="10">Load CliProfile · Inject TOWER_TASK_ID</text>
-  <circle cx="335" cy="229" r="2.5" fill="#34d399"/>
-  <text x="345" y="232" fill="#cbd5e1" font-family="JetBrains Mono" font-size="10">Create PTY session (session-store)</text>
-  <!-- Arrow: Step 2 → Step 3 -->
-  <rect x="490" y="238" width="20" height="22" fill="#020617"/>
-  <line x1="500" y1="238" x2="500" y2="264" stroke="#34d399" stroke-width="1.5" marker-end="url(#arrow-emerald)"/>
-  <!-- ============================== -->
-  <!-- STEP 3: Running (IN_PROGRESS)  -->
-  <!-- ============================== -->
-  <rect x="310" y="268" width="380" height="120" rx="8" fill="rgba(76,29,149,0.25)" stroke="#a78bfa" stroke-width="1.5"/>
-  <!-- Status badge -->
-  <rect x="420" y="276" width="160" height="20" rx="10" fill="rgba(52,211,153,0.15)" stroke="#34d399" stroke-width="1"/>
-  <text x="500" y="290" text-anchor="middle" fill="#34d399" font-family="JetBrains Mono" font-size="10" font-weight="600">Running (IN_PROGRESS)</text>
-  <line x1="330" y1="302" x2="670" y2="302" stroke="rgba(167,139,250,0.2)" stroke-width="1"/>
-  <!-- Detail items -->
-  <circle cx="335" cy="319" r="2.5" fill="#a78bfa"/>
-  <text x="345" y="322" fill="#cbd5e1" font-family="JetBrains Mono" font-size="10">Claude CLI runs in terminal · User can interact</text>
-  <circle cx="335" cy="337" r="2.5" fill="#a78bfa"/>
-  <text x="345" y="340" fill="#cbd5e1" font-family="JetBrains Mono" font-size="10">WebSocket relays I/O → xterm.js live display</text>
-  <circle cx="335" cy="355" r="2.5" fill="#a78bfa"/>
-  <text x="345" y="358" fill="#cbd5e1" font-family="JetBrains Mono" font-size="10">SessionStart Hook → reports sessionId</text>
-  <circle cx="335" cy="373" r="2.5" fill="#a78bfa"/>
-  <text x="345" y="376" fill="#cbd5e1" font-family="JetBrains Mono" font-size="10">PostToolUse Hook → captures file changes</text>
-  <!-- Arrow: Step 3 → Step 4 -->
-  <rect x="490" y="388" width="20" height="22" fill="#020617"/>
-  <line x1="500" y1="388" x2="500" y2="414" stroke="#fbbf24" stroke-width="1.5" marker-end="url(#arrow-amber)"/>
-  <!-- ============================== -->
-  <!-- STEP 4: Decision Diamond       -->
-  <!-- ============================== -->
-  <g filter="url(#glow-amber)">
-    <polygon points="500,418 590,468 500,518 410,468" fill="rgba(120,53,15,0.3)" stroke="#fbbf24" stroke-width="1.5"/>
-  </g>
-  <text x="500" y="462" text-anchor="middle" fill="#fbbf24" font-family="JetBrains Mono" font-size="13" font-weight="600">exitCode?</text>
-  <text x="500" y="478" text-anchor="middle" fill="rgba(251,191,36,0.6)" font-family="JetBrains Mono" font-size="9">Process Exit</text>
-  <!-- Left arrow: != 0 retry → back to Step 3 -->
-  <rect x="290" y="458" width="116" height="20" fill="#020617"/>
-  <line x1="410" y1="468" x2="296" y2="468" stroke="#fb7185" stroke-width="1.5" marker-end="url(#arrow-rose)"/>
-  <text x="340" y="462" text-anchor="middle" fill="#fb7185" font-family="JetBrains Mono" font-size="9" font-weight="500">!= 0 Retry</text>
-  <!-- Up from left to Step 3 -->
-  <line x1="296" y1="468" x2="296" y2="328" stroke="#fb7185" stroke-width="1.5"/>
-  <line x1="296" y1="328" x2="306" y2="328" stroke="#fb7185" stroke-width="1.5" marker-end="url(#arrow-rose)"/>
-  <!-- Right arrow: == 0 success → Step 5 -->
-  <rect x="594" y="458" width="116" height="20" fill="#020617"/>
-  <line x1="590" y1="468" x2="700" y2="468" stroke="#34d399" stroke-width="1.5"/>
-  <text x="650" y="462" text-anchor="middle" fill="#34d399" font-family="JetBrains Mono" font-size="9" font-weight="500">== 0 Success</text>
-  <!-- Down from right then back to center for Step 5 -->
-  <line x1="700" y1="468" x2="700" y2="540" stroke="#34d399" stroke-width="1.5"/>
-  <line x1="700" y1="540" x2="504" y2="540" stroke="#34d399" stroke-width="1.5" marker-end="url(#arrow-emerald)"/>
-  <!-- ============================== -->
-  <!-- STEP 5: Review Phase (IN_REVIEW) -->
-  <!-- ============================== -->
-  <rect x="310" y="530" width="380" height="90" rx="8" fill="rgba(76,29,149,0.25)" stroke="#c4b5fd" stroke-width="1.5"/>
-  <!-- Status badge -->
-  <rect x="410" y="538" width="180" height="20" rx="10" fill="rgba(139,92,246,0.2)" stroke="#a78bfa" stroke-width="1"/>
-  <text x="500" y="552" text-anchor="middle" fill="#c4b5fd" font-family="JetBrains Mono" font-size="10" font-weight="600">Review Phase (IN_REVIEW)</text>
-  <line x1="330" y1="564" x2="670" y2="564" stroke="rgba(196,181,253,0.2)" stroke-width="1"/>
-  <circle cx="335" cy="580" r="2.5" fill="#c4b5fd"/>
-  <text x="345" y="583" fill="#cbd5e1" font-family="JetBrains Mono" font-size="10">Generate brief summary + Dreaming insights</text>
-  <circle cx="335" cy="598" r="2.5" fill="#c4b5fd"/>
-  <text x="345" y="601" fill="#cbd5e1" font-family="JetBrains Mono" font-size="10">View Diff (worktree vs base branch)</text>
-  <!-- Exit Down: Merge → DONE -->
-  <rect x="490" y="620" width="20" height="22" fill="#020617"/>
-  <line x1="500" y1="620" x2="500" y2="646" stroke="#34d399" stroke-width="1.5" marker-end="url(#arrow-emerald)"/>
-  <rect x="400" y="650" width="200" height="40" rx="20" fill="rgba(6,78,59,0.4)" stroke="#34d399" stroke-width="1.5" filter="url(#glow-emerald)"/>
-  <text x="500" y="668" text-anchor="middle" fill="#34d399" font-family="JetBrains Mono" font-size="11" font-weight="600">DONE ✓</text>
-  <text x="500" y="682" text-anchor="middle" fill="rgba(52,211,153,0.6)" font-family="JetBrains Mono" font-size="8">Merge · Clean up Worktree</text>
-  <!-- Exit Left: Re-execute → loops to Step 2 -->
-  <rect x="218" y="565" width="88" height="16" fill="#020617"/>
-  <line x1="310" y1="575" x2="232" y2="575" stroke="#fb923c" stroke-width="1.5" stroke-dasharray="5,3"/>
-  <text x="268" y="571" text-anchor="middle" fill="#fb923c" font-family="JetBrains Mono" font-size="8" font-weight="500">Re-execute</text>
-  <line x1="232" y1="575" x2="232" y2="173" stroke="#fb923c" stroke-width="1.5" stroke-dasharray="5,3"/>
-  <line x1="232" y1="173" x2="306" y2="173" stroke="#fb923c" stroke-width="1.5" stroke-dasharray="5,3" marker-end="url(#arrow-orange)"/>
-  <!-- Exit Right: CANCELLED -->
-  <rect x="694" y="565" width="80" height="16" fill="#020617"/>
-  <line x1="690" y1="575" x2="740" y2="575" stroke="#fb7185" stroke-width="1.5" marker-end="url(#arrow-rose)"/>
-  <rect x="744" y="555" width="120" height="40" rx="20" fill="rgba(159,18,57,0.3)" stroke="#fb7185" stroke-width="1.5"/>
-  <text x="804" y="579" text-anchor="middle" fill="#fb7185" font-family="JetBrains Mono" font-size="11" font-weight="600">CANCELLED</text>
-  <!-- ============================== -->
-  <!-- SIDE PANEL: Resume Execution   -->
-  <!-- ============================== -->
-  <rect x="50" y="290" width="195" height="70" rx="6" fill="rgba(120,53,15,0.15)" stroke="#fb923c" stroke-width="1.5" stroke-dasharray="6,3" filter="url(#glow-orange)"/>
-  <text x="148" y="312" text-anchor="middle" fill="#fb923c" font-family="JetBrains Mono" font-size="11" font-weight="600">Resume Execution</text>
-  <text x="148" y="330" text-anchor="middle" fill="rgba(251,146,60,0.7)" font-family="JetBrains Mono" font-size="9">--resume sessionId</text>
-  <text x="148" y="346" text-anchor="middle" fill="rgba(251,146,60,0.7)" font-family="JetBrains Mono" font-size="9">--continue (latest session)</text>
-  <!-- Arrow right into Step 3 -->
-  <line x1="245" y1="328" x2="306" y2="328" stroke="#fb923c" stroke-width="1.5" stroke-dasharray="5,3" marker-end="url(#arrow-orange)"/>
-  <!-- ============================== -->
-  <!-- LEGEND (bottom-right)          -->
-  <!-- ============================== -->
-  <!-- Card 1: Execution Flow -->
-  <rect x="50" y="720" width="280" height="55" rx="6" fill="rgba(30,41,59,0.5)" stroke="rgba(52,211,153,0.3)" stroke-width="1"/>
-  <circle cx="68" cy="738" r="5" fill="#34d399"/>
-  <text x="80" y="742" fill="#34d399" font-family="JetBrains Mono" font-size="10" font-weight="600">Execution Flow</text>
-  <text x="68" y="762" fill="rgba(203,213,225,0.6)" font-family="JetBrains Mono" font-size="8">Create→Execute→Run→Exit→Review→Done</text>
-  <!-- Card 2: Automation -->
-  <rect x="360" y="720" width="280" height="55" rx="6" fill="rgba(30,41,59,0.5)" stroke="rgba(251,191,36,0.3)" stroke-width="1"/>
-  <circle cx="378" cy="738" r="5" fill="#fbbf24"/>
-  <text x="390" y="742" fill="#fbbf24" font-family="JetBrains Mono" font-size="10" font-weight="600">Automation</text>
-  <text x="378" y="756" fill="rgba(203,213,225,0.6)" font-family="JetBrains Mono" font-size="8">Worktree auto-creation</text>
-  <text x="378" y="768" fill="rgba(203,213,225,0.6)" font-family="JetBrains Mono" font-size="8">Env injection · Hook captures sessionId</text>
-  <!-- Card 3: Recovery -->
-  <rect x="670" y="720" width="280" height="55" rx="6" fill="rgba(30,41,59,0.5)" stroke="rgba(251,146,60,0.3)" stroke-width="1"/>
-  <circle cx="688" cy="738" r="5" fill="#fb923c"/>
-  <text x="700" y="742" fill="#fb923c" font-family="JetBrains Mono" font-size="10" font-weight="600">Recovery</text>
-  <text x="688" y="756" fill="rgba(203,213,225,0.6)" font-family="JetBrains Mono" font-size="8">--resume to restore specific session</text>
-  <text x="688" y="768" fill="rgba(203,213,225,0.6)" font-family="JetBrains Mono" font-size="8">--continue to resume latest session</text>
-  <!-- ============================== -->
-  <!-- STATUS BADGES ROW              -->
-  <!-- ============================== -->
-  <rect x="170" y="800" width="660" height="24" rx="12" fill="rgba(30,41,59,0.3)" stroke="rgba(148,163,184,0.1)" stroke-width="1"/>
-  <!-- TODO -->
-  <circle cx="230" cy="812" r="4" fill="#22d3ee"/>
-  <text x="240" y="816" fill="#22d3ee" font-family="JetBrains Mono" font-size="9" font-weight="500">TODO</text>
-  <!-- IN_PROGRESS -->
-  <circle cx="320" cy="812" r="4" fill="#34d399"/>
-  <text x="330" y="816" fill="#34d399" font-family="JetBrains Mono" font-size="9" font-weight="500">IN_PROGRESS</text>
-  <!-- IN_REVIEW -->
-  <circle cx="460" cy="812" r="4" fill="#a78bfa"/>
-  <text x="470" y="816" fill="#a78bfa" font-family="JetBrains Mono" font-size="9" font-weight="500">IN_REVIEW</text>
-  <!-- DONE -->
-  <circle cx="580" cy="812" r="4" fill="#34d399"/>
-  <text x="590" y="816" fill="#34d399" font-family="JetBrains Mono" font-size="9" font-weight="500">DONE</text>
-  <!-- CANCELLED -->
-  <circle cx="650" cy="812" r="4" fill="#fb7185"/>
-  <text x="660" y="816" fill="#fb7185" font-family="JetBrains Mono" font-size="9" font-weight="500">CANCELLED</text>
-  <!-- ============================== -->
-  <!-- FOOTER                         -->
-  <!-- ============================== -->
-  <text x="500" y="858" text-anchor="middle" fill="rgba(148,163,184,0.35)" font-family="JetBrains Mono" font-size="10">Tower Task Execution Lifecycle · 5 Status States</text>
-</svg>
-</body>
-</html>