maestro-flow 0.1.4 → 0.2.0

package/README.md

@@ -193,7 +193,51 @@ Maestro-Flow doesn't pick one AI — it uses them together:
 
 ---
 
-## 36 Commands, 21 Agents
+## Hook System
+
+Maestro-Flow includes a context-aware hook system that integrates with Claude Code's hook protocol. Hooks run as subprocesses, communicating via stdin/stdout JSON.
+
+### 9 Hooks, 3 Levels
+
+| Hook | Event | Purpose |
+|------|-------|---------|
+| `context-monitor` | PostToolUse | Monitors context usage, injects warnings when running low |
+| `spec-injector` | PreToolUse:Agent | Auto-injects project specs into subagent prompts by agent type |
+| `delegate-monitor` | PostToolUse | Tracks async delegate task completion |
+| `team-monitor` | PostToolUse | Team collaboration message awareness |
+| `telemetry` | PostToolUse | Execution telemetry collection |
+| `session-context` | Notification | Injects workflow state + spec overview at session start |
+| `skill-context` | UserPromptSubmit | Injects workflow state + artifact tree when invoking workflow skills |
+| `coordinator-tracker` | PostToolUse | Tracks coordinator chain progress, injects next-step hint when paused |
+| `workflow-guard` | PreToolUse:Bash/Write/Edit | Protects critical files and enforces workflow constraints |
+
+Install hooks at the level you need:
+
+```bash
+maestro hooks install --level minimal    # context-monitor + spec-injector
+maestro hooks install --level standard   # + delegate/team/telemetry + session-context + skill-context + coordinator-tracker
+maestro hooks install --level full       # + workflow-guard
+```
+
+### Workspace-Aware Activation
+
+Workflow-dependent hooks (`spec-injector`, `skill-context`, `coordinator-tracker`, `workflow-guard`) declare `requiresWorkspace: true`. When no Maestro workspace is detected, these hooks exit silently before reading stdin — zero overhead for non-workflow projects. Workspace detection walks up the directory tree looking for `.workflow/state.json` with Maestro-specific fingerprint fields.
+
+### Spec Injection
+
+The `spec-injector` hook automatically routes project specs (`.workflow/specs/`) to subagents based on their type — execution agents get coding conventions, planning agents get architecture constraints, test agents get test conventions. Uses `updatedInput` to rewrite the agent prompt, with a 4-tier context budget (full → reduced → minimal → skip) that adapts injection volume based on remaining context.
+
+```
+Agent("code-developer") → auto-injects execution specs
+Agent("workflow-planner") → auto-injects planning specs
+Agent("tdd-developer") → auto-injects execution + test specs
+```
+
+See **[Hooks Guide](guide/hooks-guide.md)** for full documentation.
+
+---
+
+## 44 Commands, 21 Agents
 
 ### Commands (Slash Commands for Claude Code)
 
@@ -203,6 +247,25 @@ Maestro-Flow doesn't pick one AI — it uses them together:
 | `manage-*` | 9 | Issue CRUD, discovery, analysis, planning, execution, codebase docs, memory |
 | `quality-*` | 7 | Review, test, debug, test-gen, integration-test, refactor, sync |
 | `spec-*` | 4 | Specification setup, add, load, map |
+| `learn-*` | 6 | Learning toolkit — git retro, decision retro, follow-along, pattern decompose, investigate, second opinion |
+| `wiki-*` | 2 | Knowledge graph — connection discovery, knowledge digest |
+
+### Learning Toolkit (NEW)
+
+Commands that turn the wiki knowledge graph and spec system into an active learning engine:
+
+| Command | What It Does | Inspired By |
+|---------|-------------|-------------|
+| `/learn-retro-git` | Git activity retrospective — metrics, session detection, per-author breakdown, trend tracking | gstack `/retro` |
+| `/learn-retro-decision` | Trace and evaluate architectural decisions across wiki, specs, and git | gstack cross-functional review |
+| `/learn-follow` | Guided follow-along reading with forcing questions — extracts patterns and builds understanding | gstack `/office-hours` |
+| `/learn-decompose` | Decompose code into cataloged design patterns across 4 dimensions, save to specs/wiki | — |
+| `/learn-second-opinion` | Multi-perspective analysis: review (3 personas), challenge (adversarial), consult (Q&A) | gstack `/codex` |
+| `/learn-investigate` | Systematic question investigation with hypothesis testing and 3-strike escalation | gstack `/investigate` |
+| `/wiki-connect` | Surface hidden connections in the wiki graph, suggest or auto-apply new links | — |
+| `/wiki-digest` | Generate knowledge digests with theme clustering, gap analysis, and coverage heatmap | — |
+
+All learning commands share the same `lessons.jsonl` knowledge store, making insights queryable via `/manage-learn`.
 
 ### Agents
 
@@ -234,7 +297,7 @@ maestro install
 ```bash
 git clone https://github.com/catlog22/Maestro-Flow.git
 cd Maestro-Flow
-npm install && npm run build
+npm install && npm run build && npm install -g .
 maestro install
 ```
 
@@ -311,7 +374,7 @@ maestro/
 │       │   └── execution/   # ExecutionScheduler + WaveExecutor
 │       └── shared/          # Shared types
 ├── .claude/
-│   ├── commands/            # 36 slash commands (.md)
+│   ├── commands/            # 44 slash commands (.md)
 │   └── agents/              # 21 agent definitions (.md)
 ├── workflows/               # 36 workflow implementations (.md)
 ├── templates/               # JSON templates (task, plan, issue, ...)
@@ -334,6 +397,9 @@ maestro/
 ## Documentation
 
 - **[Command Usage Guide](guide/command-usage-guide.md)** — All 36 commands with workflow diagrams, pipeline chaining, Issue closed-loop, and quick channels
+- **[Hooks Guide](guide/hooks-guide.md)** — Hook system architecture, 7 hooks, spec injection, context budget, configuration
+- **[Team Lite — User Guide](guide/team-lite-guide.md)** — Daily workflow for 2-8 person teams: join, sync, activity awareness, conflict preflight
+- **[Team Lite — Design](guide/team-lite-design.md)** — Architecture, data model, and namespace boundary between human-collab and agent-pipeline domains
 
 ---
 

package/README.zh-CN.md

@@ -220,12 +220,27 @@ Maestro-Flow 不挑一个 AI —— 它让它们一起干：
 
 ### 安装
 
+#### npm（推荐）
+
+```bash
+npm install -g maestro-flow
+
+# 安装 workflows、commands、agents、templates
+maestro install
+```
+
+#### 从源码编译
+
 ```bash
 git clone https://github.com/catlog22/Maestro-Flow.git
 cd Maestro-Flow
-npm install && npm run build
+npm install && npm run build && npm install -g .
+maestro install
+```
 
-# 启动仪表盘
+#### 启动仪表盘
+
+```bash
 cd dashboard && npm install && npm run dev
 # → http://127.0.0.1:3001
 ```
@@ -295,6 +310,8 @@ maestro/
 ## 文档
 
 - **[命令使用指南](guide/command-usage-guide.md)** — 全部 36 个命令，含工作流图表、管线衔接、Issue 闭环、快速通道
+- **[Team Lite — 使用指南](guide/team-lite-guide.md)** — 2-8 人小团队日常协作：加入、同步、队友活跃、冲突预飞检
+- **[Team Lite — 设计文档](guide/team-lite-design.md)** — 架构、数据模型、人类协作域与 agent 流水线域的命名空间边界
 
 ---
 

package/bin/maestro-context-monitor.js

@@ -1,3 +1,3 @@
 #!/usr/bin/env node
-const { runContextMonitor } = await import('../dist/hooks/context-monitor.js');
-runContextMonitor();
+const { runContextMonitor } = await import('../dist/src/hooks/context-monitor.js');
+runContextMonitor();

package/bin/maestro-delegate-monitor.js

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+const { runDelegateMonitor } = await import('../dist/src/hooks/delegate-monitor.js');
+runDelegateMonitor();

package/bin/maestro-hook-runner.js

@@ -0,0 +1,147 @@
+#!/usr/bin/env node
+
+// Dedicated hook runner — bypasses cli.ts and commander entirely.
+// Usage: node maestro-hook-runner.js <hook-name>
+// Reads stdin JSON, dynamically imports only the needed hook module, writes stdout.
+
+const hookName = process.argv[2];
+if (!hookName) {
+  process.stderr.write('Usage: maestro-hook-runner <hook-name>\n');
+  process.exit(1);
+}
+
+// Lightweight stdin reader with 500ms timeout
+function readStdin() {
+  return new Promise((resolve) => {
+    let input = '';
+    const timeout = setTimeout(() => resolve(input), 500);
+    process.stdin.setEncoding('utf8');
+    process.stdin.on('data', (chunk) => (input += chunk));
+    process.stdin.on('end', () => {
+      clearTimeout(timeout);
+      resolve(input);
+    });
+  });
+}
+
+// Hook evaluator map — dynamic imports load only what's needed
+const HOOKS = {
+  'context-monitor': async (raw) => {
+    const { evaluateContext } = await import('../dist/src/hooks/context-monitor.js');
+    const data = JSON.parse(raw);
+    const result = evaluateContext(data);
+    if (result) process.stdout.write(JSON.stringify(result));
+  },
+  'delegate-monitor': async (raw) => {
+    const { evaluateDelegateNotifications } = await import('../dist/src/hooks/delegate-monitor.js');
+    const data = JSON.parse(raw);
+    const result = evaluateDelegateNotifications(data);
+    if (result) process.stdout.write(JSON.stringify(result));
+  },
+  'team-monitor': async (raw) => {
+    const { runTeamMonitor } = await import('../dist/src/hooks/team-monitor.js');
+    const data = raw ? JSON.parse(raw) : {};
+    runTeamMonitor(data);
+  },
+  'session-context': async (raw) => {
+    const { loadHooksConfig } = await import('../dist/src/config/index.js');
+    const config = loadHooksConfig();
+    if (config.toggles['sessionContext'] === false) return;
+    const { evaluateSessionContext } = await import('../dist/src/hooks/session-context.js');
+    const data = raw ? JSON.parse(raw) : {};
+    const result = evaluateSessionContext(data);
+    if (result) process.stdout.write(JSON.stringify(result));
+  },
+  'spec-injector': async (raw) => {
+    const { loadHooksConfig } = await import('../dist/src/config/index.js');
+    const config = loadHooksConfig();
+    if (config.toggles['specInjector'] === false) return;
+    const { evaluateSpecInjection } = await import('../dist/src/hooks/spec-injector.js');
+    const data = JSON.parse(raw);
+    const toolInput = data.tool_input ?? {};
+    const agentType = toolInput.subagent_type ?? '';
+    if (!agentType) return;
+    const cwd = data.cwd ?? process.cwd();
+    const sessionId = data.session_id ?? '';
+    const result = evaluateSpecInjection(agentType, cwd, sessionId);
+    if (result.inject && result.content) {
+      const originalPrompt = toolInput.prompt ?? '';
+      const augmentedPrompt = `${result.content}\n\n---\n\n${originalPrompt}`;
+      process.stdout.write(JSON.stringify({
+        hookSpecificOutput: {
+          hookEventName: 'PreToolUse',
+          updatedInput: { ...toolInput, prompt: augmentedPrompt },
+        },
+      }));
+    }
+  },
+  'workflow-guard': async (raw) => {
+    const { loadHooksConfig } = await import('../dist/src/config/index.js');
+    const config = loadHooksConfig();
+    if (config.toggles['workflowGuard'] === false) return;
+    const { evaluateWorkflowGuard } = await import('../dist/src/hooks/guards/workflow-guard.js');
+    const data = JSON.parse(raw);
+    const toolName = data.tool_name ?? '';
+    const toolInput = typeof data.tool_input === 'string'
+      ? data.tool_input
+      : typeof data.tool_input?.command === 'string'
+        ? data.tool_input.command
+        : JSON.stringify(data.tool_input ?? '');
+    const result = evaluateWorkflowGuard(toolName, toolInput);
+    if (result.blocked) {
+      process.stdout.write(JSON.stringify({ decision: 'block', reason: result.reason }));
+      process.exit(2);
+    }
+  },
+  'prompt-guard': async (raw) => {
+    const { loadHooksConfig } = await import('../dist/src/config/index.js');
+    const config = loadHooksConfig();
+    if (config.toggles['promptGuard'] === false) return;
+    const { evaluatePromptGuard } = await import('../dist/src/hooks/guards/prompt-guard.js');
+    const data = JSON.parse(raw);
+    const prompt = data.user_prompt ?? data.prompt ?? '';
+    if (!prompt) return;
+    const result = evaluatePromptGuard(prompt);
+    if (result.flagged) {
+      process.stdout.write(JSON.stringify({
+        hookSpecificOutput: {
+          hookEventName: 'UserPromptSubmit',
+          additionalContext: result.warning,
+        },
+      }));
+    }
+  },
+  'telemetry': async (raw) => {
+    const { loadHooksConfig } = await import('../dist/src/config/index.js');
+    const config = loadHooksConfig();
+    if (config.toggles['telemetry'] === false) return;
+    const data = JSON.parse(raw);
+    const toolName = data.tool_name ?? 'unknown';
+    const sessionId = data.session_id ?? '';
+    if (!sessionId) return;
+    const { tmpdir } = await import('node:os');
+    const { join } = await import('node:path');
+    const { appendFileSync } = await import('node:fs');
+    const telemetryPath = join(tmpdir(), `maestro-telemetry-${sessionId}.jsonl`);
+    const entry = JSON.stringify({
+      tool: toolName,
+      timestamp: Date.now(),
+      success: data.tool_output !== undefined,
+    });
+    appendFileSync(telemetryPath, entry + '\n');
+  },
+};
+
+const handler = HOOKS[hookName];
+if (!handler) {
+  process.stderr.write(`Unknown hook: ${hookName}. Available: ${Object.keys(HOOKS).join(', ')}\n`);
+  process.exit(1);
+}
+
+try {
+  const raw = await readStdin();
+  await handler(raw);
+} catch {
+  // Silent fail — never block tool execution
+}
+process.exit(0);

package/bin/maestro-mcp.js

@@ -1,2 +1,2 @@
-#!/usr/bin/env node
-import '../dist/mcp/server.js';
+#!/usr/bin/env node
+import '../dist/src/mcp/server.js';

package/bin/maestro-statusline.js

@@ -1,4 +1,4 @@
 #!/usr/bin/env node
-import '../dist/hooks/statusline.js';
-const { runStatusline } = await import('../dist/hooks/statusline.js');
-runStatusline();
+import '../dist/src/hooks/statusline.js';
+const { runStatusline } = await import('../dist/src/hooks/statusline.js');
+runStatusline();

package/bin/maestro-team-monitor.js

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+const { runTeamMonitorFromStdin } = await import('../dist/src/hooks/team-monitor.js');
+runTeamMonitorFromStdin();

package/bin/maestro.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-import '../dist/cli.js';
+import '../dist/src/cli.js';

package/chains/_router.json

@@ -23,7 +23,7 @@
       "type": "decision",
       "eval": "ctx.project.phases_total",
       "edges": [
-        { "match": "phases_total == 0", "target": "check_accumulated_context" },
+        { "match": "ctx.project.phases_total == 0", "target": "check_accumulated_context" },
         { "default": true, "target": "check_phase_status" }
       ]
     },
@@ -31,7 +31,7 @@
       "type": "decision",
       "eval": "ctx.project.accumulated_context",
       "edges": [
-        { "match": "accumulated_context != null", "target": "to_next_milestone" },
+        { "match": "ctx.project.accumulated_context != null", "target": "to_next_milestone" },
         { "default": true, "target": "to_brainstorm_driven" }
       ]
     },
@@ -70,7 +70,7 @@
       "eval": "ctx.project.execution.tasks_completed",
       "edges": [
         {
-          "match": "tasks_completed >= tasks_total && tasks_total > 0",
+          "match": "ctx.project.execution.tasks_completed >= ctx.project.execution.tasks_total && ctx.project.execution.tasks_total > 0",
           "target": "to_verify"
         },
         { "default": true, "target": "to_execute" }
@@ -114,7 +114,7 @@
       "eval": "ctx.project.phases_completed",
       "edges": [
         {
-          "match": "phases_completed >= phases_total",
+          "match": "ctx.project.phases_completed >= ctx.project.phases_total",
           "target": "to_milestone_close"
         },
         { "default": true, "target": "to_phase_transition" }

package/dashboard/dist/assets/{ArtifactsPage-D4xlwipN.js → ArtifactsPage-CfkfWkXr.js}

@@ -1,3 +1,3 @@
-import{r as d,A as O,j as e,F as h,V as D,n as G}from"./index-CCfPkIHn.js";import{C as K}from"./code-CO9Rrog6.js";import{F as L,T as H}from"./TreeBrowser-qW732QzJ.js";import{M as U}from"./MarkdownRenderer-Dzj8FtoS.js";import{C as q}from"./chevron-right-DecIDoxI.js";import{D as $}from"./folder-Ifcb352Q.js";import{S as Y}from"./search-DGaQh9xt.js";import{C as M}from"./circle-BKy_Br8I.js";import{C as I}from"./circle-check-BvHAis-E.js";import{A as Q}from"./index-CdDNRt77.js";import{m as w}from"./proxy-IZ0Btp7q.js";function X(){const[t,r]=d.useState([]),[a,s]=d.useState(null),[n,i]=d.useState(null),[x,l]=d.useState(!1),[f,u]=d.useState(!0),[p,o]=d.useState(null),c=d.useCallback(async()=>{u(!0);try{const g=await fetch(`${O.ARTIFACTS}/?tree=true`);if(!g.ok){o(`Failed to load tree: ${g.status}`);return}const b=await g.json();r(b),o(null)}catch{o("Failed to connect to server")}finally{u(!1)}},[]);d.useEffect(()=>{c()},[c]);const m=d.useCallback(async g=>{s(g),l(!0),o(null);try{const b=await fetch(`${O.ARTIFACTS}/${g}`);if(!b.ok){o(`Failed to load file: ${b.status}`),i(null);return}const W=await b.text();i(W)}catch{o("Failed to fetch file content"),i(null)}finally{l(!1)}},[]);return{tree:t,selectedPath:a,content:n,loading:x,treeLoading:f,error:p,selectFile:m,refreshTree:c}}function R({data:t}){const[r,a]=d.useState(!1);return e.jsxs("div",{className:"font-mono text-[length:var(--font-size-sm)] leading-[var(--line-height-normal)]",role:"tree","aria-label":"JSON data viewer",children:[e.jsxs("div",{className:"flex items-center gap-[var(--spacing-2)] mb-[var(--spacing-3)] pb-[var(--spacing-2)] border-b border-border bg-bg-secondary px-[var(--spacing-2)] py-[var(--spacing-1-5)] -mx-[var(--spacing-2)] -mt-[var(--spacing-1)]",children:[e.jsx("button",{type:"button",onClick:()=>a(s=>!s),"aria-label":r?"Expand all":"Collapse all",className:["px-[var(--spacing-2)] py-[var(--spacing-1)] text-[length:var(--font-size-xs)] rounded-[var(--radius-default)]","text-text-secondary hover:bg-bg-hover hover:text-text-primary","transition-colors duration-[var(--duration-fast)] ease-[var(--ease-notion)]","focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]","active:scale-[0.98] active:duration-[var(--duration-fast)]"].join(" "),children:r?"Expand All":"Collapse All"}),e.jsx("span",{className:"text-[length:var(--font-size-xs)] text-text-tertiary",children:"Click a value to copy"})]}),e.jsx(z,{value:t,path:"$",depth:0,forceCollapse:r})]})}function z({value:t,path:r,depth:a,keyName:s,forceCollapse:n}){const[i,x]=d.useState(a>2),l=n?!0:i,f=d.useCallback(o=>{navigator.clipboard.writeText(o).catch(()=>{})},[]),u=a*16;if(t===null)return e.jsxs("div",{className:"flex items-center gap-[var(--spacing-1)] hover:bg-bg-hover rounded-[var(--radius-default)] transition-colors duration-[var(--duration-fast)]",style:{paddingLeft:u},role:"treeitem",children:[s!==void 0&&e.jsx(v,{name:s}),e.jsx("span",{className:"text-text-tertiary cursor-pointer hover:opacity-70",onClick:()=>f("null"),title:`Copy: null | Path: ${r}`,children:"null"})]});if(typeof t!="object"){const{colorVar:o,display:c}=Z(t);return e.jsxs("div",{className:"flex items-center gap-[var(--spacing-1)] hover:bg-bg-hover rounded-[var(--radius-default)] transition-colors duration-[var(--duration-fast)]",style:{paddingLeft:u},role:"treeitem",children:[s!==void 0&&e.jsx(v,{name:s}),e.jsx("span",{className:"cursor-pointer hover:opacity-70",style:{color:o},onClick:()=>f(String(t)),title:`Copy value | Path: ${r}`,children:c})]})}if(Array.isArray(t))return t.length===0?e.jsxs("div",{className:"flex items-center gap-[var(--spacing-1)]",style:{paddingLeft:u},role:"treeitem",children:[s!==void 0&&e.jsx(v,{name:s}),e.jsx("span",{className:"text-text-tertiary",children:"[]"})]}):e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-[var(--spacing-1)] cursor-pointer hover:bg-bg-hover rounded-[var(--radius-default)] px-[var(--spacing-1)] transition-colors duration-[var(--duration-fast)]",style:{paddingLeft:u},onClick:()=>x(o=>!o),role:"treeitem","aria-expanded":!l,children:[e.jsx(T,{open:!l}),s!==void 0&&e.jsx(v,{name:s}),e.jsxs("span",{className:"text-text-tertiary",children:["[",l?`${t.length} items`:""]})]}),!l&&e.jsxs(e.Fragment,{children:[t.map((o,c)=>e.jsx(z,{value:o,path:`${r}[${c}]`,depth:a+1,keyName:String(c),forceCollapse:n},c)),e.jsx("div",{style:{paddingLeft:u},children:e.jsx("span",{className:"text-text-tertiary",children:"]"})})]}),l&&e.jsx("span",{className:"text-text-tertiary",style:{paddingLeft:u},children:"]"})]});const p=Object.entries(t);return p.length===0?e.jsxs("div",{className:"flex items-center gap-[var(--spacing-1)]",style:{paddingLeft:u},role:"treeitem",children:[s!==void 0&&e.jsx(v,{name:s}),e.jsx("span",{className:"text-text-tertiary",children:"{}"})]}):e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-[var(--spacing-1)] cursor-pointer hover:bg-bg-hover rounded-[var(--radius-default)] px-[var(--spacing-1)] transition-colors duration-[var(--duration-fast)]",style:{paddingLeft:u},onClick:()=>x(o=>!o),role:"treeitem","aria-expanded":!l,children:[e.jsx(T,{open:!l}),s!==void 0&&e.jsx(v,{name:s}),e.jsxs("span",{className:"text-text-tertiary",children:["{",l?`${p.length} keys`:""]})]}),!l&&e.jsxs(e.Fragment,{children:[p.map(([o,c])=>e.jsx(z,{value:c,path:`${r}.${o}`,depth:a+1,keyName:o,forceCollapse:n},o)),e.jsx("div",{style:{paddingLeft:u},children:e.jsx("span",{className:"text-text-tertiary",children:"}"})})]}),l&&e.jsx("span",{className:"text-text-tertiary",style:{paddingLeft:u},children:"}"})]})}function v({name:t}){return e.jsxs("span",{className:"text-text-primary font-[var(--font-weight-medium)]",children:['"',t,'"',e.jsx("span",{className:"text-text-tertiary",children:": "})]})}function T({open:t}){return e.jsx("span",{className:["text-text-tertiary text-[length:var(--font-size-xs)] w-[var(--size-icon-sm)] inline-flex items-center justify-center select-none","transition-transform duration-[var(--duration-normal)] ease-[var(--ease-notion)]",t?"rotate-90":""].join(" "),children:"▸"})}function Z(t){return typeof t=="string"?{colorVar:"var(--color-status-completed)",display:`"${t}"`}:typeof t=="number"?{colorVar:"var(--color-accent-blue)",display:String(t)}:typeof t=="boolean"?{colorVar:"var(--color-accent-yellow)",display:String(t)}:{colorVar:"var(--color-text-tertiary)",display:String(t)}}function _({content:t,path:r,rawOverride:a}){const[s,n]=d.useState(!1),i=re(r),x=a!==void 0,l=x?a:s;return x?e.jsx("div",{role:"region","aria-label":"File content",children:l?e.jsx(j,{content:t}):e.jsx(F,{content:t,ext:i})}):e.jsxs("div",{className:"flex flex-col h-full",role:"region","aria-label":"File content",children:[e.jsxs("div",{className:"flex items-center justify-between px-[var(--spacing-3)] py-[var(--spacing-2)] border-b border-border bg-bg-secondary shrink-0 h-9",children:[e.jsx("span",{className:"text-[length:var(--font-size-sm)] text-text-secondary font-mono truncate",children:r}),e.jsx("button",{type:"button",onClick:()=>n(f=>!f),"aria-pressed":l,"aria-label":l?"Show rendered view":"Show raw view",className:["px-[var(--spacing-2)] py-[var(--spacing-1)] text-[length:var(--font-size-xs)] rounded-[var(--radius-default)]","transition-colors duration-[var(--duration-fast)] ease-[var(--ease-notion)]","focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]",l?"bg-bg-active text-accent-blue font-[var(--font-weight-medium)]":"text-text-secondary hover:bg-bg-hover hover:text-text-primary"].join(" "),children:l?"Rendered":"Raw"})]}),e.jsx("div",{className:"flex-1 overflow-y-auto p-[var(--spacing-4)] bg-bg-primary",children:l?e.jsx(j,{content:t}):e.jsx(F,{content:t,ext:i})})]})}function F({content:t,ext:r}){switch(r){case".md":return e.jsx(U,{content:t});case".json":return e.jsx(ee,{content:t});case".ndjson":return e.jsx(te,{content:t});default:return e.jsx(j,{content:t})}}function ee({content:t}){try{const r=JSON.parse(t);return e.jsx(R,{data:r})}catch{return e.jsxs("div",{children:[e.jsx("p",{className:"text-status-blocked text-[length:var(--font-size-sm)] mb-[var(--spacing-2)]",children:"Invalid JSON"}),e.jsx(j,{content:t})]})}}function te({content:t}){const r=t.split(`
+import{r as d,A as O,j as e,F as h,V as D,n as G}from"./index-_5uKnGLN.js";import{C as K}from"./code-DUkRPZIu.js";import{F as L,T as H}from"./TreeBrowser-BF-vEawe.js";import{M as U}from"./MarkdownRenderer-D2xpZVqP.js";import{C as q}from"./chevron-right-Df9DiNd9.js";import{D as $}from"./folder-C6wbX9PV.js";import{S as Y}from"./search-ij25TuQe.js";import{C as M}from"./circle-CwdcCqnf.js";import{C as I}from"./circle-check-B6ugdr-I.js";import{A as Q}from"./index-DkK1KuCs.js";import{m as w}from"./proxy-hByVfg9Z.js";function X(){const[t,r]=d.useState([]),[a,s]=d.useState(null),[n,i]=d.useState(null),[x,l]=d.useState(!1),[f,u]=d.useState(!0),[p,o]=d.useState(null),c=d.useCallback(async()=>{u(!0);try{const g=await fetch(`${O.ARTIFACTS}/?tree=true`);if(!g.ok){o(`Failed to load tree: ${g.status}`);return}const b=await g.json();r(b),o(null)}catch{o("Failed to connect to server")}finally{u(!1)}},[]);d.useEffect(()=>{c()},[c]);const m=d.useCallback(async g=>{s(g),l(!0),o(null);try{const b=await fetch(`${O.ARTIFACTS}/${g}`);if(!b.ok){o(`Failed to load file: ${b.status}`),i(null);return}const W=await b.text();i(W)}catch{o("Failed to fetch file content"),i(null)}finally{l(!1)}},[]);return{tree:t,selectedPath:a,content:n,loading:x,treeLoading:f,error:p,selectFile:m,refreshTree:c}}function R({data:t}){const[r,a]=d.useState(!1);return e.jsxs("div",{className:"font-mono text-[length:var(--font-size-sm)] leading-[var(--line-height-normal)]",role:"tree","aria-label":"JSON data viewer",children:[e.jsxs("div",{className:"flex items-center gap-[var(--spacing-2)] mb-[var(--spacing-3)] pb-[var(--spacing-2)] border-b border-border bg-bg-secondary px-[var(--spacing-2)] py-[var(--spacing-1-5)] -mx-[var(--spacing-2)] -mt-[var(--spacing-1)]",children:[e.jsx("button",{type:"button",onClick:()=>a(s=>!s),"aria-label":r?"Expand all":"Collapse all",className:["px-[var(--spacing-2)] py-[var(--spacing-1)] text-[length:var(--font-size-xs)] rounded-[var(--radius-default)]","text-text-secondary hover:bg-bg-hover hover:text-text-primary","transition-colors duration-[var(--duration-fast)] ease-[var(--ease-notion)]","focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]","active:scale-[0.98] active:duration-[var(--duration-fast)]"].join(" "),children:r?"Expand All":"Collapse All"}),e.jsx("span",{className:"text-[length:var(--font-size-xs)] text-text-tertiary",children:"Click a value to copy"})]}),e.jsx(z,{value:t,path:"$",depth:0,forceCollapse:r})]})}function z({value:t,path:r,depth:a,keyName:s,forceCollapse:n}){const[i,x]=d.useState(a>2),l=n?!0:i,f=d.useCallback(o=>{navigator.clipboard.writeText(o).catch(()=>{})},[]),u=a*16;if(t===null)return e.jsxs("div",{className:"flex items-center gap-[var(--spacing-1)] hover:bg-bg-hover rounded-[var(--radius-default)] transition-colors duration-[var(--duration-fast)]",style:{paddingLeft:u},role:"treeitem",children:[s!==void 0&&e.jsx(v,{name:s}),e.jsx("span",{className:"text-text-tertiary cursor-pointer hover:opacity-70",onClick:()=>f("null"),title:`Copy: null | Path: ${r}`,children:"null"})]});if(typeof t!="object"){const{colorVar:o,display:c}=Z(t);return e.jsxs("div",{className:"flex items-center gap-[var(--spacing-1)] hover:bg-bg-hover rounded-[var(--radius-default)] transition-colors duration-[var(--duration-fast)]",style:{paddingLeft:u},role:"treeitem",children:[s!==void 0&&e.jsx(v,{name:s}),e.jsx("span",{className:"cursor-pointer hover:opacity-70",style:{color:o},onClick:()=>f(String(t)),title:`Copy value | Path: ${r}`,children:c})]})}if(Array.isArray(t))return t.length===0?e.jsxs("div",{className:"flex items-center gap-[var(--spacing-1)]",style:{paddingLeft:u},role:"treeitem",children:[s!==void 0&&e.jsx(v,{name:s}),e.jsx("span",{className:"text-text-tertiary",children:"[]"})]}):e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-[var(--spacing-1)] cursor-pointer hover:bg-bg-hover rounded-[var(--radius-default)] px-[var(--spacing-1)] transition-colors duration-[var(--duration-fast)]",style:{paddingLeft:u},onClick:()=>x(o=>!o),role:"treeitem","aria-expanded":!l,children:[e.jsx(T,{open:!l}),s!==void 0&&e.jsx(v,{name:s}),e.jsxs("span",{className:"text-text-tertiary",children:["[",l?`${t.length} items`:""]})]}),!l&&e.jsxs(e.Fragment,{children:[t.map((o,c)=>e.jsx(z,{value:o,path:`${r}[${c}]`,depth:a+1,keyName:String(c),forceCollapse:n},c)),e.jsx("div",{style:{paddingLeft:u},children:e.jsx("span",{className:"text-text-tertiary",children:"]"})})]}),l&&e.jsx("span",{className:"text-text-tertiary",style:{paddingLeft:u},children:"]"})]});const p=Object.entries(t);return p.length===0?e.jsxs("div",{className:"flex items-center gap-[var(--spacing-1)]",style:{paddingLeft:u},role:"treeitem",children:[s!==void 0&&e.jsx(v,{name:s}),e.jsx("span",{className:"text-text-tertiary",children:"{}"})]}):e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-[var(--spacing-1)] cursor-pointer hover:bg-bg-hover rounded-[var(--radius-default)] px-[var(--spacing-1)] transition-colors duration-[var(--duration-fast)]",style:{paddingLeft:u},onClick:()=>x(o=>!o),role:"treeitem","aria-expanded":!l,children:[e.jsx(T,{open:!l}),s!==void 0&&e.jsx(v,{name:s}),e.jsxs("span",{className:"text-text-tertiary",children:["{",l?`${p.length} keys`:""]})]}),!l&&e.jsxs(e.Fragment,{children:[p.map(([o,c])=>e.jsx(z,{value:c,path:`${r}.${o}`,depth:a+1,keyName:o,forceCollapse:n},o)),e.jsx("div",{style:{paddingLeft:u},children:e.jsx("span",{className:"text-text-tertiary",children:"}"})})]}),l&&e.jsx("span",{className:"text-text-tertiary",style:{paddingLeft:u},children:"}"})]})}function v({name:t}){return e.jsxs("span",{className:"text-text-primary font-[var(--font-weight-medium)]",children:['"',t,'"',e.jsx("span",{className:"text-text-tertiary",children:": "})]})}function T({open:t}){return e.jsx("span",{className:["text-text-tertiary text-[length:var(--font-size-xs)] w-[var(--size-icon-sm)] inline-flex items-center justify-center select-none","transition-transform duration-[var(--duration-normal)] ease-[var(--ease-notion)]",t?"rotate-90":""].join(" "),children:"▸"})}function Z(t){return typeof t=="string"?{colorVar:"var(--color-status-completed)",display:`"${t}"`}:typeof t=="number"?{colorVar:"var(--color-accent-blue)",display:String(t)}:typeof t=="boolean"?{colorVar:"var(--color-accent-yellow)",display:String(t)}:{colorVar:"var(--color-text-tertiary)",display:String(t)}}function _({content:t,path:r,rawOverride:a}){const[s,n]=d.useState(!1),i=re(r),x=a!==void 0,l=x?a:s;return x?e.jsx("div",{role:"region","aria-label":"File content",children:l?e.jsx(j,{content:t}):e.jsx(F,{content:t,ext:i})}):e.jsxs("div",{className:"flex flex-col h-full",role:"region","aria-label":"File content",children:[e.jsxs("div",{className:"flex items-center justify-between px-[var(--spacing-3)] py-[var(--spacing-2)] border-b border-border bg-bg-secondary shrink-0 h-9",children:[e.jsx("span",{className:"text-[length:var(--font-size-sm)] text-text-secondary font-mono truncate",children:r}),e.jsx("button",{type:"button",onClick:()=>n(f=>!f),"aria-pressed":l,"aria-label":l?"Show rendered view":"Show raw view",className:["px-[var(--spacing-2)] py-[var(--spacing-1)] text-[length:var(--font-size-xs)] rounded-[var(--radius-default)]","transition-colors duration-[var(--duration-fast)] ease-[var(--ease-notion)]","focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]",l?"bg-bg-active text-accent-blue font-[var(--font-weight-medium)]":"text-text-secondary hover:bg-bg-hover hover:text-text-primary"].join(" "),children:l?"Rendered":"Raw"})]}),e.jsx("div",{className:"flex-1 overflow-y-auto p-[var(--spacing-4)] bg-bg-primary",children:l?e.jsx(j,{content:t}):e.jsx(F,{content:t,ext:i})})]})}function F({content:t,ext:r}){switch(r){case".md":return e.jsx(U,{content:t});case".json":return e.jsx(ee,{content:t});case".ndjson":return e.jsx(te,{content:t});default:return e.jsx(j,{content:t})}}function ee({content:t}){try{const r=JSON.parse(t);return e.jsx(R,{data:r})}catch{return e.jsxs("div",{children:[e.jsx("p",{className:"text-status-blocked text-[length:var(--font-size-sm)] mb-[var(--spacing-2)]",children:"Invalid JSON"}),e.jsx(j,{content:t})]})}}function te({content:t}){const r=t.split(`
 `).filter(a=>a.trim().length>0);return r.length===0?e.jsx("p",{className:"text-text-secondary text-[length:var(--font-size-sm)] italic",children:"Empty NDJSON file"}):e.jsxs("div",{className:"space-y-[var(--spacing-3)]",children:[e.jsxs("p",{className:"text-[length:var(--font-size-xs)] text-text-secondary mb-[var(--spacing-2)]",children:[r.length," record",r.length!==1?"s":""]}),r.map((a,s)=>{try{const n=JSON.parse(a);return e.jsxs("div",{className:"border border-border rounded-[var(--radius-default)] p-[var(--spacing-2)] bg-bg-secondary",children:[e.jsxs("span",{className:"text-[length:var(--font-size-xs)] text-text-secondary mb-[var(--spacing-1)] block",children:["#",s+1]}),e.jsx(R,{data:n})]},s)}catch{return e.jsxs("div",{className:"border border-border rounded-[var(--radius-default)] p-[var(--spacing-2)] bg-bg-secondary",children:[e.jsxs("span",{className:"text-[length:var(--font-size-xs)] text-text-secondary",children:["#",s+1," (invalid)"]}),e.jsx("pre",{className:"text-[length:var(--font-size-sm)] font-mono text-text-primary whitespace-pre-wrap mt-[var(--spacing-1)]",children:a})]},s)}})]})}function j({content:t}){return e.jsx("pre",{className:"font-mono text-[length:var(--font-size-sm)] text-text-primary whitespace-pre-wrap break-words leading-[var(--line-height-relaxed)]",children:t})}function re(t){const r=t.lastIndexOf(".");return r===-1?"":t.slice(r).toLowerCase()}function se(t){const r=t.lastIndexOf(".");return r===-1?"":t.slice(r).toLowerCase()}function ae(t){const r=[],a=t.split(`
 `);for(const s of a){const n=s.match(/^(#{1,4})\s+(.+)/);n&&r.push({level:n[1].length,text:n[2].trim()})}return r}function ne(t){try{const r=JSON.parse(t);return typeof r!="object"||r===null||Array.isArray(r)?[]:Object.entries(r).map(([a,s])=>({key:a,type:Array.isArray(s)?"array":typeof s}))}catch{return[]}}function ie({path:t,content:r}){if(!t)return e.jsx("div",{className:"w-[240px] bg-bg-primary border-l border-border shrink-0 flex items-center justify-center",children:e.jsx("p",{className:"text-[length:var(--font-size-xs)] text-text-tertiary",children:"No file selected"})});const a=se(t),s=t.includes("/")?t.slice(t.lastIndexOf("/")+1):t,n=t.includes("/")?t.slice(0,t.lastIndexOf("/")):"/";return e.jsxs("div",{className:"w-[240px] bg-bg-primary border-l border-border shrink-0 flex flex-col overflow-hidden",children:[e.jsx("div",{className:"px-[14px] py-[10px] border-b border-border-divider text-[length:var(--font-size-sm)] font-[var(--font-weight-semibold)] text-text-primary shrink-0",children:"Properties"}),e.jsxs("div",{className:"flex-1 overflow-y-auto px-[14px] py-[var(--spacing-3)]",children:[e.jsxs(y,{title:"File Info",defaultOpen:!0,children:[e.jsx(C,{label:"Name",value:s}),e.jsx(C,{label:"Type",value:a.replace(".","").toUpperCase()||"Unknown"}),e.jsx(C,{label:"Directory",value:n,mono:!0})]}),e.jsx(y,{title:"Tags",children:e.jsxs("div",{className:"flex flex-wrap gap-[var(--spacing-1)]",children:[e.jsx(k,{label:a.replace(".","")||"file",color:"blue"}),t.includes("phase")&&e.jsx(k,{label:"phase",color:"purple"}),t.includes("verification")&&e.jsx(k,{label:"verify",color:"green"})]})}),a===".md"&&r&&e.jsx(oe,{content:r}),a===".json"&&r&&e.jsx(le,{content:r})]})]})}function y({title:t,defaultOpen:r=!0,children:a}){const[s,n]=d.useState(r);return e.jsxs("div",{className:"mb-[var(--spacing-4)]",children:[e.jsxs("button",{type:"button",onClick:()=>n(i=>!i),className:["flex items-center gap-[var(--spacing-1)] w-full text-left mb-[var(--spacing-1-5)]","text-[9px] font-[var(--font-weight-semibold)] uppercase tracking-[0.06em] text-text-placeholder","hover:text-text-secondary transition-colors duration-[var(--duration-fast)]"].join(" "),children:[e.jsx(q,{size:10,strokeWidth:2.5,className:["transition-transform duration-[var(--duration-fast)]",s?"rotate-90":""].join(" ")}),t]}),s&&a]})}function C({label:t,value:r,mono:a}){return e.jsxs("div",{className:"flex items-center justify-between py-[var(--spacing-1)] text-[length:var(--font-size-sm)]",children:[e.jsx("span",{className:"text-text-tertiary",children:t}),e.jsx("span",{className:`text-text-primary font-[var(--font-weight-medium)] ${a?"font-mono text-[11px]":""} truncate max-w-[140px]`,children:r})]})}function k({label:t,color:r}){const s={blue:{bg:"rgba(91,141,184,0.12)",text:"var(--color-accent-blue)"},purple:{bg:"rgba(145,120,181,0.12)",text:"var(--color-accent-purple, #9178B5)"},green:{bg:"rgba(90,158,120,0.12)",text:"var(--color-status-completed)"}}[r];return e.jsx("span",{className:"text-[10px] font-[var(--font-weight-semibold)] px-[var(--spacing-2)] py-[2px] rounded-full",style:{background:s.bg,color:s.text},children:t})}function oe({content:t}){const r=d.useMemo(()=>ae(t),[t]);return r.length===0?null:e.jsx(y,{title:"Outline",children:e.jsx("div",{className:"flex flex-col gap-[2px]",children:r.map((a,s)=>e.jsxs("button",{type:"button",className:["flex items-center gap-[var(--spacing-1-5)] px-[var(--spacing-2)] py-[3px] rounded-[var(--radius-sm)] text-[11px] w-full text-left","hover:bg-bg-hover hover:text-text-primary transition-colors duration-[var(--duration-fast)] cursor-pointer",s===0?"text-text-primary font-[var(--font-weight-semibold)]":"text-text-tertiary"].join(" "),style:{paddingLeft:(a.level-1)*10+8},children:[e.jsx("span",{className:"w-1 h-1 rounded-full shrink-0",style:{background:s===0?"var(--color-accent-purple)":"var(--color-text-placeholder)"}}),e.jsx("span",{className:"truncate",children:a.text})]},s))})})}function le({content:t}){const r=d.useMemo(()=>ne(t),[t]);return r.length===0?null:e.jsx(y,{title:"Structure",children:e.jsx("div",{className:"flex flex-col gap-0",children:r.map(a=>e.jsxs("div",{className:"flex items-center justify-between py-[var(--spacing-1)] text-[length:var(--font-size-sm)]",children:[e.jsx("span",{className:"text-text-primary font-mono text-[11px] truncate max-w-[120px]",children:a.key}),e.jsx("span",{className:"text-text-placeholder text-[10px]",children:a.type})]},a.key))})})}function ce(t){switch(t.slice(t.lastIndexOf(".")).toLowerCase()){case".json":return{Icon:L,bg:"rgba(184,149,64,0.10)",color:"var(--color-accent-yellow)"};case".md":return{Icon:h,bg:"rgba(91,141,184,0.10)",color:"var(--color-accent-blue)"};case".ndjson":return{Icon:$,bg:"rgba(200,134,58,0.10)",color:"var(--color-accent-orange, #C8863A)"};default:return{Icon:h,bg:"rgba(160,157,151,0.10)",color:"var(--color-text-tertiary)"}}}function de({content:t,path:r,onNavigate:a,loading:s,error:n}){const[i,x]=d.useState(!1);if(n)return e.jsx("div",{className:"flex items-center justify-center h-full",children:e.jsx("div",{role:"alert",className:"px-[var(--spacing-3)] py-[var(--spacing-2)] text-[length:var(--font-size-xs)] rounded-[var(--radius-default)]",style:{backgroundColor:"var(--color-status-bg-blocked)",color:"var(--color-status-blocked)",borderColor:"var(--color-status-blocked)"},children:n})});if(s)return e.jsx("div",{className:"flex items-center justify-center h-full",children:e.jsx("p",{className:"text-text-secondary text-[length:var(--font-size-sm)] animate-pulse",children:"Loading..."})});if(!r||t===null)return e.jsxs("div",{className:"flex flex-col items-center justify-center h-full text-text-secondary",children:[e.jsx("p",{className:"text-[length:var(--font-size-lg)] mb-[var(--spacing-2)]",children:"Select a file"}),e.jsx("p",{className:"text-[length:var(--font-size-sm)]",children:"Choose an artifact from the tree to view"})]});const l=r.includes("/")?r.slice(r.lastIndexOf("/")+1):r,{Icon:f,bg:u,color:p}=ce(r);return e.jsxs("div",{className:"flex h-full overflow-hidden",children:[e.jsxs("div",{className:"flex-1 flex flex-col overflow-hidden min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-[var(--spacing-3)] px-[24px] py-[10px] border-b border-border-divider shrink-0",children:[e.jsx("div",{className:"w-7 h-7 rounded-[var(--radius-default)] flex items-center justify-center shrink-0",style:{background:u,color:p},children:e.jsx(f,{size:14,strokeWidth:1.8})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("div",{className:"text-[14px] font-[var(--font-weight-bold)] text-text-primary truncate",children:l}),e.jsx("div",{className:"text-[10px] font-mono text-text-tertiary truncate",children:r})]}),e.jsxs("div",{className:"flex gap-[var(--spacing-1)]",children:[e.jsx("button",{type:"button",onClick:()=>x(!1),className:["px-[10px] py-[var(--spacing-1)] rounded-[var(--radius-default)] border text-[10px] font-[var(--font-weight-semibold)]","transition-all duration-[var(--duration-fast)] ease-[var(--ease-notion)]","focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]",i?"bg-bg-card text-text-secondary border-border hover:border-text-tertiary hover:text-text-primary":"bg-text-primary text-bg-primary border-text-primary"].join(" "),children:"Rendered"}),e.jsx("button",{type:"button",onClick:()=>x(!0),className:["px-[10px] py-[var(--spacing-1)] rounded-[var(--radius-default)] border text-[10px] font-[var(--font-weight-semibold)]","transition-all duration-[var(--duration-fast)] ease-[var(--ease-notion)]","focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]",i?"bg-text-primary text-bg-primary border-text-primary":"bg-bg-card text-text-secondary border-border hover:border-text-tertiary hover:text-text-primary"].join(" "),children:"Source"})]})]}),e.jsx("div",{className:"flex-1 overflow-y-auto",children:e.jsx("div",{className:"max-w-[720px] mx-auto px-[32px] py-[24px]",children:e.jsx(_,{content:t,path:r,rawOverride:i})})})]}),e.jsx(ie,{path:r,content:t})]})}function xe(t){const r=t.slice(t.lastIndexOf(".")).toLowerCase();switch(r){case".json":return"json";case".md":return"md";case".ndjson":return"jsonl";default:return r.replace(".","")||"file"}}function pe(t){switch(t){case"json":return{Icon:L,tintBg:"rgba(184,149,64,0.10)",iconColor:"var(--color-accent-yellow)",badgeBg:"rgba(184,149,64,0.12)",badgeColor:"var(--color-accent-yellow)"};case"md":return{Icon:h,tintBg:"rgba(91,141,184,0.10)",iconColor:"var(--color-accent-blue)",badgeBg:"rgba(91,141,184,0.12)",badgeColor:"var(--color-accent-blue)"};case"jsonl":return{Icon:$,tintBg:"rgba(200,134,58,0.10)",iconColor:"var(--color-accent-orange, #C8863A)",badgeBg:"rgba(200,134,58,0.12)",badgeColor:"var(--color-accent-orange, #C8863A)"};default:return{Icon:h,tintBg:"rgba(160,157,151,0.10)",iconColor:"var(--color-text-tertiary)",badgeBg:"rgba(160,157,151,0.12)",badgeColor:"var(--color-text-tertiary)"}}}function ue({name:t,path:r,isSelected:a,onClick:s}){const n=xe(t),i=pe(n),{Icon:x}=i,l=r.includes("/")?r.slice(0,r.lastIndexOf("/")):"";return e.jsxs("button",{type:"button",onClick:s,className:["bg-bg-card border rounded-[var(--radius-lg)] p-[14px_16px] cursor-pointer text-left w-full","transition-all duration-[180ms] ease-[var(--ease-spring)]","flex flex-col gap-[var(--spacing-2)]","hover:-translate-y-[2px] hover:shadow-[0_6px_20px_rgba(0,0,0,0.06)]","focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]",a?"border-accent-purple shadow-[0_0_0_2px_rgba(145,120,181,0.2)]":"border-border-divider hover:border-border"].join(" "),children:[e.jsxs("div",{className:"flex items-center gap-[var(--spacing-2)]",children:[e.jsx("div",{className:"w-8 h-8 rounded-[var(--radius-md)] flex items-center justify-center shrink-0",style:{background:i.tintBg,color:i.iconColor},children:e.jsx(x,{size:16,strokeWidth:1.8})}),e.jsx("span",{className:"text-[length:var(--font-size-sm)] font-[var(--font-weight-semibold)] text-text-primary flex-1 truncate",children:t}),e.jsx("span",{className:"text-[9px] font-[var(--font-weight-semibold)] px-[5px] py-[1px] rounded-[var(--radius-sm)] uppercase font-mono shrink-0",style:{background:i.badgeBg,color:i.badgeColor},children:n})]}),e.jsx("div",{className:"text-[length:var(--font-size-xs)] text-text-tertiary leading-[1.5] line-clamp-3 min-h-[48px]",children:r}),l&&e.jsx("div",{className:"flex items-center gap-[var(--spacing-1-5)] pt-[var(--spacing-1)] border-t border-border-divider",children:e.jsx("span",{className:"text-[10px] text-text-placeholder font-mono truncate",children:l})})]})}function B(t,r=""){const a=[];for(const s of t)s.type==="file"?a.push({name:s.name,path:s.path,group:r||"root"}):s.children&&a.push(...B(s.children,s.name));return a}function fe(t){const r=new Map;for(const a of t){const s=r.get(a.group)||[];s.push(a),r.set(a.group,s)}return r}const me=["All","json","md","jsonl"];function ge(t){if(t==="root"||!t.match(/^\d{2}-/))return{dotColor:"var(--color-text-tertiary)"};const r=t.toLowerCase();return r.includes("setup")||r.includes("complete")||r.includes("init")?{dotColor:"var(--color-status-completed)",statusLabel:"Done",statusBg:"var(--color-status-bg-completed)",statusColor:"var(--color-status-completed)"}:{dotColor:"var(--color-accent-yellow)",statusLabel:"Active",statusBg:"var(--color-status-bg-executing)",statusColor:"var(--color-status-executing)"}}function ve({tree:t,onSelectFile:r,selectedPath:a}){const[s,n]=d.useState(""),[i,x]=d.useState("All"),l=d.useMemo(()=>B(t),[t]),f=d.useMemo(()=>{let p=l;if(s.trim()){const o=s.toLowerCase();p=p.filter(c=>c.name.toLowerCase().includes(o)||c.path.toLowerCase().includes(o))}return i!=="All"&&(p=p.filter(o=>{const c=o.name.slice(o.name.lastIndexOf(".")).toLowerCase();return i==="json"?c===".json":i==="md"?c===".md":i==="jsonl"?c===".ndjson"||c===".jsonl":!0})),p},[l,s,i]),u=d.useMemo(()=>fe(f),[f]);return e.jsxs("div",{className:"flex flex-col h-full overflow-hidden",children:[e.jsxs("div",{className:"flex items-center gap-[var(--spacing-2)] px-[24px] py-[10px] border-b border-border-divider shrink-0",children:[e.jsxs("div",{className:["flex items-center gap-[var(--spacing-1-5)] px-[var(--spacing-3)] py-[5px] rounded-[var(--radius-md)]","bg-bg-card border border-border w-[200px]","focus-within:border-accent-purple transition-colors duration-[var(--duration-fast)]"].join(" "),children:[e.jsx(Y,{size:13,strokeWidth:2,className:"text-text-placeholder shrink-0"}),e.jsx("input",{type:"search",value:s,onChange:p=>n(p.target.value),placeholder:"Search artifacts...","aria-label":"Search artifacts",className:"border-none bg-transparent outline-none text-[12px] text-text-primary placeholder:text-text-placeholder w-full font-[inherit]"})]}),e.jsx("div",{className:"flex-1"}),me.map(p=>e.jsx("button",{type:"button",onClick:()=>x(p),className:["text-[11px] font-[var(--font-weight-medium)] px-[var(--spacing-3)] py-[var(--spacing-1)] rounded-full","border transition-all duration-[var(--duration-fast)] ease-[var(--ease-notion)]","focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]",i===p?"bg-text-primary text-bg-primary border-text-primary":"bg-bg-card text-text-secondary border-border hover:border-text-tertiary hover:text-text-primary"].join(" "),children:p==="All"?"All":p.toUpperCase()},p))]}),e.jsx("div",{className:"flex-1 overflow-y-auto px-[24px] py-[var(--spacing-4)]",children:f.length===0?e.jsx("div",{className:"flex items-center justify-center h-full text-text-tertiary text-[length:var(--font-size-sm)]",children:"No artifacts found"}):Array.from(u.entries()).map(([p,o])=>{const c=ge(p);return e.jsxs("div",{className:"mb-[24px]",children:[e.jsxs("div",{className:"flex items-center gap-[10px] mb-[10px] pl-[var(--spacing-1)]",children:[e.jsx("span",{className:"w-[10px] h-[10px] rounded-full shrink-0",style:{background:c.dotColor}}),e.jsx("span",{className:"text-[13px] font-[var(--font-weight-bold)] text-text-primary",children:p==="root"?"Project":p}),c.statusLabel&&e.jsx("span",{className:"text-[10px] font-[var(--font-weight-semibold)] px-[var(--spacing-2)] py-[2px] rounded-full",style:{background:c.statusBg,color:c.statusColor},children:c.statusLabel}),e.jsxs("span",{className:"text-[11px] text-text-tertiary",children:[o.length," file",o.length!==1?"s":""]}),e.jsx("div",{className:"flex-1 h-px bg-border-divider ml-[var(--spacing-2)]"})]}),e.jsx("div",{className:"grid grid-cols-[repeat(auto-fill,minmax(240px,1fr))] gap-[10px]",children:o.map(m=>e.jsx(ue,{name:m.name,path:m.path,type:m.name.slice(m.name.lastIndexOf(".")),isSelected:m.path===a,onClick:()=>r(m.path)},m.path))})]},p)})})]})}function he({content:t,path:r}){const[a,s]=d.useState(!1);if(!r||t===null)return e.jsxs("div",{className:"flex flex-col items-center justify-center h-full text-text-secondary",children:[e.jsx("p",{className:"text-[length:var(--font-size-lg)] mb-[var(--spacing-2)]",children:"Select a file"}),e.jsx("p",{className:"text-[length:var(--font-size-sm)]",children:"Choose a JSON artifact to view its structure"})]});const i=r.slice(r.lastIndexOf(".")).toLowerCase()===".json",x=r.includes("/")?r.slice(r.lastIndexOf("/")+1):r;return i?e.jsxs("div",{className:"flex flex-col h-full overflow-hidden",children:[e.jsx(E,{fileName:x,path:r,isJson:!0,rawMode:a,onToggle:()=>s(l=>!l)}),e.jsx("div",{className:"flex-1 overflow-y-auto px-[24px] py-[20px]",children:e.jsx("div",{className:"max-w-[780px] mx-auto",children:a?e.jsx(P,{content:t}):e.jsx(be,{content:t})})})]}):e.jsxs("div",{className:"flex flex-col h-full overflow-hidden",children:[e.jsx(E,{fileName:x,path:r,isJson:!1,rawMode:!1,onToggle:()=>{}}),e.jsx("div",{className:"flex-1 overflow-hidden",children:e.jsx(_,{content:t,path:r})})]})}function E({fileName:t,path:r,isJson:a,rawMode:s,onToggle:n}){const i=a?L:h,x=a?"rgba(184,149,64,0.10)":"rgba(91,141,184,0.10)",l=a?"var(--color-accent-yellow)":"var(--color-accent-blue)";return e.jsxs("div",{className:"flex items-center gap-[var(--spacing-3)] px-[24px] py-[10px] border-b border-border-divider shrink-0",children:[e.jsx("div",{className:"w-7 h-7 rounded-[var(--radius-default)] flex items-center justify-center shrink-0",style:{background:x,color:l},children:e.jsx(i,{size:14,strokeWidth:1.8})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("div",{className:"text-[14px] font-[var(--font-weight-bold)] text-text-primary truncate",children:t}),e.jsx("div",{className:"text-[10px] font-mono text-text-tertiary truncate",children:r})]}),a&&e.jsxs("div",{className:"flex gap-[var(--spacing-1)]",children:[e.jsx("button",{type:"button",onClick:n,className:["px-[10px] py-[var(--spacing-1)] rounded-[var(--radius-default)] border text-[10px] font-[var(--font-weight-semibold)]","transition-all duration-[var(--duration-fast)] ease-[var(--ease-notion)]","focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]",s?"bg-bg-card text-text-secondary border-border hover:border-text-tertiary hover:text-text-primary":"bg-text-primary text-bg-primary border-text-primary"].join(" "),children:"Structured"}),e.jsx("button",{type:"button",onClick:n,className:["px-[10px] py-[var(--spacing-1)] rounded-[var(--radius-default)] border text-[10px] font-[var(--font-weight-semibold)]","transition-all duration-[var(--duration-fast)] ease-[var(--ease-notion)]","focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]",s?"bg-text-primary text-bg-primary border-text-primary":"bg-bg-card text-text-secondary border-border hover:border-text-tertiary hover:text-text-primary"].join(" "),children:"Raw"})]})]})}function be({content:t}){const r=d.useMemo(()=>{try{return JSON.parse(t)}catch{return null}},[t]);if(!r||typeof r!="object")return e.jsx(P,{content:t});if(Array.isArray(r))return e.jsx("div",{className:"flex flex-col gap-[var(--spacing-4)]",children:r.map((s,n)=>e.jsx(S,{title:`Item ${n+1}`,data:s},n))});const a=Object.entries(r);return e.jsxs("div",{className:"flex flex-col gap-[var(--spacing-4)]",children:[a.map(([s,n])=>Array.isArray(n)&&n.length>0&&typeof n[0]=="object"?e.jsxs("div",{children:[e.jsx(N,{title:s,badge:`${n.length}`}),e.jsx("div",{className:"flex flex-col gap-[var(--spacing-1-5)]",children:n.map((i,x)=>ye(i)?e.jsx(Ne,{data:i},x):we(i)?e.jsx(Ce,{data:i},x):e.jsx(S,{title:`#${x+1}`,data:i},x))})]},s):typeof n=="object"&&n!==null&&!Array.isArray(n)?e.jsx(S,{title:s,data:n},s):null),e.jsx(je,{data:r})]})}function N({title:t,badge:r}){return e.jsxs("div",{className:"flex items-center gap-[var(--spacing-2)] mb-[var(--spacing-2)] pb-[var(--spacing-1-5)] border-b border-border-divider",children:[e.jsx("span",{className:"text-[11px] font-[var(--font-weight-bold)] uppercase tracking-[0.06em] text-text-tertiary",children:t}),r&&e.jsx("span",{className:"text-[10px] font-[var(--font-weight-semibold)] px-[var(--spacing-1-5)] py-[1px] rounded-full",style:{background:"rgba(91,141,184,0.12)",color:"var(--color-accent-blue)"},children:r})]})}function S({title:t,data:r}){if(typeof r!="object"||r===null)return e.jsxs("div",{children:[e.jsx(N,{title:t}),e.jsx("div",{className:"text-[13px] text-text-primary",children:String(r)})]});const a=Object.entries(r);return e.jsxs("div",{children:[e.jsx(N,{title:t}),e.jsx("div",{className:"flex flex-col",children:a.map(([s,n])=>e.jsxs("div",{className:"grid grid-cols-[140px_1fr] gap-[var(--spacing-3)] py-[var(--spacing-1-5)] border-b border-border-divider last:border-b-0 items-start",children:[e.jsx("span",{className:"text-[11px] font-[var(--font-weight-semibold)] text-text-tertiary font-mono pt-[1px]",children:s}),e.jsx(J,{value:n})]},s))})]})}function J({value:t}){return t==null?e.jsx("span",{className:"text-[13px] text-text-placeholder italic",children:"null"}):typeof t=="boolean"?e.jsxs("span",{className:"text-[10px] font-[var(--font-weight-semibold)] px-[var(--spacing-2)] py-[2px] rounded-full inline-flex items-center gap-[var(--spacing-1)]",style:{background:t?"rgba(90,158,120,0.12)":"rgba(160,157,151,0.12)",color:t?"var(--color-status-completed)":"var(--color-text-tertiary)"},children:[t?e.jsx(I,{size:10,strokeWidth:2.5}):e.jsx(M,{size:10,strokeWidth:2.5}),String(t)]}):typeof t=="number"?e.jsx("span",{className:"text-[13px] font-mono text-accent-blue",children:t}):typeof t=="string"?/^(completed|done|passed|active|success)$/i.test(t)?e.jsxs("span",{className:"text-[10px] font-[var(--font-weight-semibold)] px-[var(--spacing-2)] py-[2px] rounded-full inline-flex items-center gap-[var(--spacing-1)]",style:{background:"rgba(90,158,120,0.12)",color:"var(--color-status-completed)"},children:[e.jsx(I,{size:10,strokeWidth:2.5}),t]}):/^(blocked|failed|error)$/i.test(t)?e.jsx("span",{className:"text-[10px] font-[var(--font-weight-semibold)] px-[var(--spacing-2)] py-[2px] rounded-full",style:{background:"var(--color-status-bg-blocked)",color:"var(--color-status-blocked)"},children:t}):/^(in.?progress|running|executing)$/i.test(t)?e.jsx("span",{className:"text-[10px] font-[var(--font-weight-semibold)] px-[var(--spacing-2)] py-[2px] rounded-full",style:{background:"rgba(91,141,184,0.12)",color:"var(--color-accent-blue)"},children:t}):e.jsx("span",{className:"text-[13px] text-text-primary",children:t}):Array.isArray(t)?t.length===0?e.jsx("span",{className:"text-[13px] text-text-placeholder italic",children:"[]"}):t.every(r=>typeof r=="string")?e.jsx("div",{className:"flex flex-wrap gap-[var(--spacing-1)]",children:t.map((r,a)=>e.jsx("span",{className:"text-[11px] px-[var(--spacing-2)] py-[2px] rounded-[var(--radius-default)] bg-bg-secondary text-text-secondary",children:String(r)},a))}):e.jsxs("span",{className:"text-[13px] font-mono text-text-secondary",children:["[",t.length," items]"]}):typeof t=="object"?e.jsx("span",{className:"text-[13px] font-mono text-text-secondary",children:JSON.stringify(t)}):e.jsx("span",{className:"text-[13px] text-text-primary",children:String(t)})}function je({data:t}){const r=Object.entries(t).filter(([,a])=>typeof a!="object"||a===null);return r.length===0?null:e.jsxs("div",{children:[e.jsx(N,{title:"Properties"}),e.jsx("div",{className:"flex flex-col",children:r.map(([a,s])=>e.jsxs("div",{className:"grid grid-cols-[140px_1fr] gap-[var(--spacing-3)] py-[var(--spacing-1-5)] border-b border-border-divider last:border-b-0 items-start",children:[e.jsx("span",{className:"text-[11px] font-[var(--font-weight-semibold)] text-text-tertiary font-mono pt-[1px]",children:a}),e.jsx(J,{value:s})]},a))})]})}function ye(t){if(typeof t!="object"||t===null)return!1;const r=t;return"severity"in r||"gap_id"in r||"type"in r}function Ne({data:t}){const r=String(t.gap_id||t.id||""),a=String(t.severity||"medium"),s=String(t.type||""),n=String(t.description||t.claim||""),i=String(t.suggested_fix||t.fix||""),x={critical:{bg:"rgba(196,101,85,0.20)",color:"var(--color-status-blocked)"},high:{bg:"rgba(200,134,58,0.20)",color:"var(--color-accent-orange, #C8863A)"},medium:{bg:"rgba(184,149,64,0.20)",color:"var(--color-accent-yellow)"},low:{bg:"rgba(91,141,184,0.20)",color:"var(--color-accent-blue)"}},l=x[a.toLowerCase()]||x.medium;return e.jsxs("div",{className:"p-[10px_14px] rounded-[10px] border-l-[3px] mb-[var(--spacing-1-5)]",style:{borderLeftColor:"var(--color-status-blocked)",background:"var(--color-status-bg-blocked)"},children:[e.jsxs("div",{className:"flex items-center gap-[var(--spacing-1-5)] mb-[var(--spacing-1)]",children:[r&&e.jsx("span",{className:"text-[10px] font-[var(--font-weight-bold)] font-mono",style:{color:"var(--color-status-blocked)"},children:r}),e.jsx("span",{className:"text-[9px] font-[var(--font-weight-bold)] px-[5px] py-[1px] rounded-[var(--radius-sm)] uppercase",style:{background:l.bg,color:l.color},children:a}),s&&e.jsx("span",{className:"text-[10px] text-text-tertiary ml-auto font-mono",children:s})]}),n&&e.jsx("p",{className:"text-[13px] text-text-primary mb-[var(--spacing-1)]",children:n}),i&&e.jsxs("p",{className:"text-[length:var(--font-size-sm)] text-text-secondary italic",children:[e.jsx("strong",{className:"font-[var(--font-weight-semibold)] not-italic text-text-tertiary text-[10px] uppercase",children:"Fix: "}),i]})]})}function we(t){if(typeof t!="object"||t===null)return!1;const r=t;return("claim"in r||"check"in r)&&!("severity"in r)}function Ce({data:t}){const r=String(t.claim||t.check||t.description||""),a=String(t.evidence||t.detail||""),s=t.passed===!0||t.status==="passed"||t.status==="completed";return e.jsxs("div",{className:"flex items-start gap-[var(--spacing-2)] p-[var(--spacing-2)_var(--spacing-3)] rounded-[var(--radius-md)] bg-bg-card border border-border-divider",children:[s?e.jsx(I,{size:16,strokeWidth:2,className:"shrink-0 mt-[1px]",style:{color:"var(--color-status-completed)"}}):e.jsx(M,{size:16,strokeWidth:2,className:"shrink-0 mt-[1px] text-text-placeholder"}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("span",{className:"text-[13px] text-text-primary font-[var(--font-weight-medium)]",children:r}),a&&e.jsx("p",{className:"text-[11px] text-text-tertiary mt-[2px] italic",children:a})]})]})}function P({content:t}){const r=d.useMemo(()=>{try{return JSON.stringify(JSON.parse(t),null,2)}catch{return t}},[t]);return e.jsx("pre",{className:["rounded-[10px] p-[16px_20px] font-mono text-[11px] leading-[1.6] overflow-x-auto","bg-[#2C2723] text-[#D9D0C4] border border-[#3D3731]"].join(" "),children:r})}const ke=[{label:"Reader",icon:e.jsx(h,{size:14,strokeWidth:2}),shortcut:"1"},{label:"Gallery",icon:e.jsx(G,{size:14,strokeWidth:2}),shortcut:"2"},{label:"Structured",icon:e.jsx(K,{size:14,strokeWidth:2}),shortcut:"3"}],V=["reader","gallery","structured"],A={initial:{opacity:0,y:8},animate:{opacity:1,y:0},exit:{opacity:0,y:-8}};function Me(){const[t,r]=d.useState("reader"),{tree:a,selectedPath:s,content:n,loading:i,treeLoading:x,error:l,selectFile:f}=X(),{register:u,unregister:p}=d.useContext(D);return d.useEffect(()=>{u({items:ke.map(o=>({label:o.label,icon:o.icon,shortcut:o.shortcut})),activeIndex:V.indexOf(t),onSwitch:o=>r(V[o])})},[t,u]),d.useEffect(()=>()=>p(),[p]),d.useEffect(()=>{function o(c){c.target instanceof HTMLInputElement||c.target instanceof HTMLTextAreaElement||(c.key==="1"?r("reader"):c.key==="2"?r("gallery"):c.key==="3"&&r("structured"))}return window.addEventListener("keydown",o),()=>window.removeEventListener("keydown",o)},[]),e.jsxs("div",{className:"flex h-full overflow-hidden",children:[e.jsx("div",{className:"w-[260px] shrink-0 border-r border-border overflow-hidden flex flex-col",children:e.jsx(H,{tree:a,selectedPath:s,onSelectFile:f,loading:x})}),e.jsx("div",{className:"flex-1 overflow-hidden relative min-w-0",children:e.jsxs(Q,{mode:"wait",children:[t==="reader"&&e.jsx(w.div,{className:"absolute inset-0 flex flex-col",variants:A,initial:"initial",animate:"animate",exit:"exit",transition:{duration:.25,ease:[.34,1.56,.64,1]},children:e.jsx(de,{content:n,path:s,onNavigate:f,loading:i,error:l})},"reader"),t==="gallery"&&e.jsx(w.div,{className:"absolute inset-0 flex flex-col",variants:A,initial:"initial",animate:"animate",exit:"exit",transition:{duration:.25,ease:[.34,1.56,.64,1]},children:e.jsx(ve,{tree:a,onSelectFile:f,selectedPath:s})},"gallery"),t==="structured"&&e.jsx(w.div,{className:"absolute inset-0 flex flex-col",variants:A,initial:"initial",animate:"animate",exit:"exit",transition:{duration:.25,ease:[.34,1.56,.64,1]},children:e.jsx(he,{content:n,path:s})},"structured")]})})]})}export{Me as ArtifactsPage};