@elyun/bylane 1.12.0 → 1.14.0

package/hooks/bylane-agent-tracker.js

@@ -0,0 +1,84 @@
+#!/usr/bin/env node
+/**
+ * bylane-agent-tracker.js
+ * PreToolUse / PostToolUse 훅 — Agent 도구 호출을 추적하고 취소 플래그를 검사한다.
+ *
+ * 등록 방법 (npx @elyun/bylane 이 자동 등록):
+ *   settings.json > hooks > PreToolUse  : node .../bylane-agent-tracker.js pre
+ *   settings.json > hooks > PostToolUse : node .../bylane-agent-tracker.js post
+ */
+
+import { readFileSync, writeFileSync, existsSync, mkdirSync } from 'fs'
+import { join } from 'path'
+
+const hookType = process.argv[2] ?? 'pre'   // 'pre' | 'post'
+const STATE_DIR = '.bylane/state'
+const SUBAGENTS_FILE = join(STATE_DIR, 'subagents.json')
+const CANCEL_FILE = join(STATE_DIR, 'cancel.json')
+
+let input
+try {
+  input = JSON.parse(readFileSync('/dev/stdin', 'utf8'))
+} catch {
+  process.exit(0)
+}
+
+const { session_id, tool_name, tool_input, tool_result } = input
+
+// Agent 도구 호출만 처리
+if (tool_name !== 'Agent') process.exit(0)
+
+function readSubagents() {
+  if (!existsSync(SUBAGENTS_FILE)) return { active: [], recent: [] }
+  try { return JSON.parse(readFileSync(SUBAGENTS_FILE, 'utf8')) } catch { return { active: [], recent: [] } }
+}
+
+function writeSubagents(data) {
+  mkdirSync(STATE_DIR, { recursive: true })
+  writeFileSync(SUBAGENTS_FILE, JSON.stringify(data, null, 2))
+}
+
+if (hookType === 'pre') {
+  // 취소 플래그 확인 → 있으면 에이전트 실행 차단
+  if (existsSync(CANCEL_FILE)) {
+    const out = JSON.stringify({
+      decision: 'block',
+      reason: '사용자가 에이전트 실행을 취소했습니다. (byLane monitor에서 [c] 키로 설정됨)'
+    })
+    process.stdout.write(out)
+    process.exit(0)
+  }
+
+  // 신규 하위 에이전트 기록
+  const data = readSubagents()
+  const entry = {
+    id: `${session_id}-${Date.now()}`,
+    sessionId: session_id,
+    subagentType: tool_input?.subagent_type ?? 'general-purpose',
+    prompt: (tool_input?.prompt ?? '').slice(0, 120),
+    status: 'running',
+    startedAt: new Date().toISOString()
+  }
+  data.active.push(entry)
+  // active는 최대 20개 유지
+  if (data.active.length > 20) data.active.shift()
+  writeSubagents(data)
+
+} else if (hookType === 'post') {
+  // 완료 처리 — active → recent 이동
+  const data = readSubagents()
+  const idx = [...data.active].reverse()
+    .findIndex(a => a.sessionId === session_id && a.status === 'running')
+
+  if (idx !== -1) {
+    const realIdx = data.active.length - 1 - idx
+    const agent = { ...data.active[realIdx], status: 'completed', completedAt: new Date().toISOString() }
+    data.active.splice(realIdx, 1)
+    data.recent.unshift(agent)
+    // recent는 최대 10개 유지
+    if (data.recent.length > 10) data.recent.pop()
+    writeSubagents(data)
+  }
+}
+
+process.exit(0)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elyun/bylane",
-  "version": "1.12.0",
+  "version": "1.14.0",
   "description": "Frontend development harness for Claude Code",
   "type": "module",
   "bin": {

package/src/cli.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import { cpSync, mkdirSync, symlinkSync, existsSync, readdirSync, copyFileSync, renameSync, readFileSync } from 'fs'
+import { mkdirSync, symlinkSync, existsSync, readdirSync, copyFileSync, renameSync, readFileSync, writeFileSync } from 'fs'
 import { join, dirname } from 'path'
 import { fileURLToPath } from 'url'
 import { homedir } from 'os'
@@ -13,8 +13,8 @@ const command = args[0] || 'install'
 const useSymlink = args.includes('--symlink')
 
 const TARGETS = [
-  { src: join(ROOT, 'commands'), dest: join(CLAUDE_DIR, 'commands'),  label: 'Commands' },
-  { src: join(ROOT, 'hooks'),    dest: join(CLAUDE_DIR, 'hooks'),     label: 'Hooks' },
+  { src: join(ROOT, 'commands'), dest: join(CLAUDE_DIR, 'commands'), label: 'Commands' },
+  { src: join(ROOT, 'hooks'),    dest: join(CLAUDE_DIR, 'hooks'),    label: 'Hooks' },
 ]
 
 function backupAndCopy(src, dest, file, label) {
@@ -38,6 +38,49 @@ function backupAndCopy(src, dest, file, label) {
   }
 }
 
+function registerHooks() {
+  const settingsPath = join(CLAUDE_DIR, 'settings.json')
+  let settings = {}
+  if (existsSync(settingsPath)) {
+    try { settings = JSON.parse(readFileSync(settingsPath, 'utf8')) } catch {}
+  }
+
+  const hookScript = join(CLAUDE_DIR, 'hooks', 'bylane-agent-tracker.js')
+  settings.hooks = settings.hooks ?? {}
+
+  // PreToolUse
+  settings.hooks.PreToolUse = settings.hooks.PreToolUse ?? []
+  const preExists = settings.hooks.PreToolUse.some(h =>
+    h.hooks?.some(hh => hh.command?.includes('bylane-agent-tracker'))
+  )
+  if (!preExists) {
+    settings.hooks.PreToolUse.push({
+      matcher: 'Agent',
+      hooks: [{ type: 'command', command: `node ${hookScript} pre` }]
+    })
+    console.log('  + Hook: PreToolUse/Agent → bylane-agent-tracker')
+  } else {
+    console.log('  = Hook: PreToolUse/Agent (이미 등록됨)')
+  }
+
+  // PostToolUse
+  settings.hooks.PostToolUse = settings.hooks.PostToolUse ?? []
+  const postExists = settings.hooks.PostToolUse.some(h =>
+    h.hooks?.some(hh => hh.command?.includes('bylane-agent-tracker'))
+  )
+  if (!postExists) {
+    settings.hooks.PostToolUse.push({
+      matcher: 'Agent',
+      hooks: [{ type: 'command', command: `node ${hookScript} post` }]
+    })
+    console.log('  + Hook: PostToolUse/Agent → bylane-agent-tracker')
+  } else {
+    console.log('  = Hook: PostToolUse/Agent (이미 등록됨)')
+  }
+
+  writeFileSync(settingsPath, JSON.stringify(settings, null, 2))
+}
+
 function install() {
   console.log('\n  byLane 설치 중...\n')
 
@@ -63,6 +106,9 @@ function install() {
     }
   }
 
+  console.log('')
+  registerHooks()
+
   console.log(`
   byLane 설치 완료!
 

package/src/monitor/index.js

@@ -1,26 +1,59 @@
 #!/usr/bin/env node
 import { createLayout } from './layout.js'
 import { createPoller } from './poller.js'
+import { existsSync, readFileSync, writeFileSync, unlinkSync, mkdirSync } from 'fs'
+import { join } from 'path'
 
 const { screen, header, pipeline, log, queue, status, onCleanup } = createLayout()
 const poller = createPoller()
 
-let startTime = Date.now()
+const startTime = Date.now()
+const STATE_DIR = '.bylane/state'
+const SUBAGENTS_FILE = join(STATE_DIR, 'subagents.json')
+const CANCEL_FILE = join(STATE_DIR, 'cancel.json')
 
-const clockInterval = setInterval(() => {
-  header.update({
-    time: new Date().toLocaleTimeString('ko-KR', { hour12: false }),
-    elapsed: `${Math.floor((Date.now() - startTime) / 1000)}s`
-  })
-}, 1000)
+function readSubagents() {
+  if (!existsSync(SUBAGENTS_FILE)) return { active: [], recent: [] }
+  try { return JSON.parse(readFileSync(SUBAGENTS_FILE, 'utf8')) } catch { return { active: [], recent: [] } }
+}
 
 onCleanup(() => poller.stop())
 
 poller.onChange((states) => {
-  pipeline.update(states)
+  const active = Object.values(states).find(s => s.status === 'in_progress')
+  const workflowTitle = active ? (active.currentTask ?? active.agent) : 'Idle'
+
+  header.update({
+    workflowTitle,
+    time: new Date().toLocaleTimeString('ko-KR', { hour12: false }),
+    elapsed: `${Math.floor((Date.now() - startTime) / 1000)}s`
+  })
+  pipeline.update(states, readSubagents())
   log.update(states)
   queue.update()
   status.update()
 })
 
+// 'c' — 하위 에이전트 취소 플래그 토글
+const cancelLabel = () => existsSync(CANCEL_FILE) ? '[취소 활성]' : ''
+screen.key('c', () => {
+  if (existsSync(CANCEL_FILE)) {
+    unlinkSync(CANCEL_FILE)
+    header.update({
+      workflowTitle: '에이전트 취소 해제',
+      time: new Date().toLocaleTimeString('ko-KR', { hour12: false }),
+      elapsed: `${Math.floor((Date.now() - startTime) / 1000)}s`
+    })
+  } else {
+    mkdirSync(STATE_DIR, { recursive: true })
+    writeFileSync(CANCEL_FILE, JSON.stringify({ cancelledAt: new Date().toISOString() }))
+    header.update({
+      workflowTitle: '!! 에이전트 취소 요청됨 !!',
+      time: new Date().toLocaleTimeString('ko-KR', { hour12: false }),
+      elapsed: `${Math.floor((Date.now() - startTime) / 1000)}s`
+    })
+  }
+  screen.render()
+})
+
 screen.render()

package/src/monitor/layout.js

@@ -23,7 +23,7 @@ export function createLayout() {
     left: 0,
     width: '100%',
     height: 1,
-    content: ' [q]종료  [p]일시정지  [c]작업취소  [Tab]포커스  [j/k]로그스크롤  [?]도움말',
+    content: ' [q]종료  [c]에이전트취소토글  [Tab]포커스  [j/k]로그스크롤',
     style: { fg: 'black', bg: 'cyan' }
   })
   screen.append(footer)

package/src/monitor/panels/log.js

@@ -16,24 +16,30 @@ export function createLogPanel(screen) {
     vi: true
   })
   screen.append(box)
+
   const lines = []
+  const seen = new Set()
 
   return {
     update(states) {
-      const newLines = []
+      let changed = false
       for (const state of Object.values(states)) {
-        for (const entry of (state.log ?? []).slice(-5)) {
+        for (const entry of (state.log ?? [])) {
+          const key = `${state.agent}:${entry.ts}`
+          if (seen.has(key)) continue
+          seen.add(key)
           const ts = new Date(entry.ts).toLocaleTimeString('ko-KR', { hour12: false })
-          newLines.push(` ${ts} {cyan-fg}${state.agent}{/cyan-fg}`)
-          newLines.push(`   > ${entry.msg}`)
+          lines.push(` ${ts} {cyan-fg}${state.agent}{/cyan-fg}`)
+          lines.push(`   > ${entry.msg}`)
+          changed = true
         }
       }
-      const all = [...lines, ...newLines].slice(-50)
-      lines.length = 0
-      lines.push(...all)
-      box.setContent(lines.join('\n'))
-      box.scrollTo(lines.length)
-      screen.render()
+      if (changed) {
+        if (lines.length > 200) lines.splice(0, lines.length - 200)
+        box.setContent(lines.join('\n'))
+        box.scrollTo(lines.length)
+        screen.render()
+      }
     }
   }
 }

package/src/monitor/panels/pipeline.js

@@ -27,7 +27,7 @@ export function createPipelinePanel(screen) {
   screen.append(box)
 
   return {
-    update(states) {
+    update(states, subagents = { active: [], recent: [] }) {
       const lines = AGENTS.map(name => {
         const s = states[name]
         if (!s) return ` ${STATUS_ICON.idle} ${name.padEnd(16)} 대기`
@@ -40,9 +40,29 @@ export function createPipelinePanel(screen) {
           : ''
         return ` ${icon} ${name.padEnd(16)} ${elapsed.padEnd(6)} ${bar}`
       })
+
       const retries = states['orchestrator']?.retries ?? 0
       const maxRetries = states['orchestrator']?.maxRetries ?? 3
       lines.push('', ` Retries: ${retries}/${maxRetries}`)
+
+      // 하위 에이전트 섹션
+      lines.push('', ' SUBAGENTS')
+      if (subagents.active.length === 0) {
+        lines.push(' 실행 중 없음')
+      } else {
+        for (const a of subagents.active) {
+          const elapsed = `${Math.floor((Date.now() - new Date(a.startedAt)) / 1000)}s`
+          const type = (a.subagentType ?? 'general').padEnd(14)
+          const prompt = a.prompt.length > 28
+            ? a.prompt.slice(0, 28) + '...'
+            : a.prompt.padEnd(31)
+          lines.push(` [>] ${type} ${elapsed.padEnd(6)} ${prompt}`)
+        }
+      }
+      if (subagents.recent.length > 0) {
+        lines.push(` 최근 완료: ${subagents.recent.length}건`)
+      }
+
       box.setContent(lines.join('\n'))
       screen.render()
     }

package/src/monitor/panels/queue.js

@@ -1,6 +1,16 @@
 import blessed from 'blessed'
 import { existsSync, readFileSync } from 'fs'
 
+function readQueue(path) {
+  if (!existsSync(path)) return []
+  try {
+    const data = JSON.parse(readFileSync(path, 'utf8'))
+    return data.queue ?? []
+  } catch {
+    return []
+  }
+}
+
 export function createQueuePanel(screen) {
   const box = blessed.box({
     top: '60%',
@@ -16,20 +26,20 @@ export function createQueuePanel(screen) {
 
   return {
     update() {
-      const queuePath = '.bylane/queue.json'
-      let queue = []
-      if (existsSync(queuePath)) {
-        try {
-          queue = JSON.parse(readFileSync(queuePath, 'utf8'))
-        } catch {
-          queue = []
-        }
-      }
-      const header = ` ${'#'.padEnd(3)} ${'TYPE'.padEnd(12)} ${'TARGET'.padEnd(10)} STATUS`
-      const rows = queue.slice(0, 8).map((item, i) =>
-        ` ${String(i + 1).padEnd(3)} ${(item.type ?? '').padEnd(12)} ${(item.target ?? '').padEnd(10)} ${item.status ?? ''}`
+      const reviewItems = readQueue('.bylane/state/review-queue.json')
+        .map(p => ({ type: 'review', target: `PR #${p.number}`, status: p.status ?? '' }))
+      const respondItems = readQueue('.bylane/state/respond-queue.json')
+        .map(p => ({ type: 'respond', target: `PR #${p.number}`, status: p.status ?? '' }))
+
+      const all = [...reviewItems, ...respondItems]
+      const header = ` ${'#'.padEnd(3)} ${'TYPE'.padEnd(10)} ${'TARGET'.padEnd(10)} STATUS`
+      const rows = all.slice(0, 8).map((item, i) =>
+        ` ${String(i + 1).padEnd(3)} ${item.type.padEnd(10)} ${item.target.padEnd(10)} ${item.status}`
       )
-      box.setContent([header, ...rows].join('\n'))
+      const content = all.length === 0
+        ? [header, ' 대기 중인 항목 없음']
+        : [header, ...rows]
+      box.setContent(content.join('\n'))
       screen.render()
     }
   }