@shepai/cli 1.103.1-pr308.436876d → 1.103.1-pr309.f0bca17

package/dist/src/presentation/web/components/common/feature-drawer-tabs/log-tab.stories.js

@@ -8,14 +8,61 @@ const meta = {
         layout: 'fullscreen',
     },
     decorators: [
-        (Story) => (_jsx("div", { style: { height: '600px', width: '400px', border: '1px solid var(--color-border)' }, children: _jsx(Story, {}) })),
+        (Story) => (_jsx("div", { style: { height: '600px', width: '480px', border: '1px solid var(--color-border)' }, children: _jsx(Story, {}) })),
     ],
 };
 export default meta;
 /* ---------------------------------------------------------------------------
  * Data fixtures
  * ------------------------------------------------------------------------- */
-const typicalLogContent = `[2026-03-08T10:00:01.123Z] Starting agent run for feature "auth-module"
+const structuredLogContent = `[2026-03-08T10:00:01.000Z] [claude-code|claude-sonnet-4-6] [WORKER] Starting worker — full command:
+[2026-03-08T10:00:01.001Z] [claude-code|claude-sonnet-4-6] [WORKER]   feature-agent-worker --feature-id auth-module --run-id run-123 --repo /home/user/myproject --agent-type claude-code --model claude-sonnet-4-6
+[2026-03-08T10:00:01.010Z] [claude-code|claude-sonnet-4-6] [WORKER] Initializing container...
+[2026-03-08T10:00:01.050Z] [claude-code|claude-sonnet-4-6] [WORKER] Creating executor from pinned agent type: claude-code
+[2026-03-08T10:00:01.100Z] [claude-code|claude-sonnet-4-6] [WORKER] Updating status to running (PID 54321)...
+[2026-03-08T10:00:01.110Z] [claude-code|claude-sonnet-4-6] [WORKER] Starting graph invocation...
+[2026-03-08T10:00:05.000Z] [requirements] [claude-code|claude-sonnet-4-6] Starting...
+[2026-03-08T10:00:05.010Z] [requirements] [claude-code|claude-sonnet-4-6] Executing agent at cwd=/home/user/myproject
+[2026-03-08T10:00:05.020Z] [requirements] [claude-code|claude-sonnet-4-6] Prompt length: 2847 chars
+[2026-03-08T10:00:05.100Z] [requirements] [claude-code|claude-sonnet-4-6] Spawning: claude -p "Analyze this project..." --output-format stream-json --verbose
+[2026-03-08T10:00:05.102Z] [requirements] [claude-code|claude-sonnet-4-6] Subprocess PID: 54322
+[2026-03-08T10:00:08.234Z] [requirements] [claude-code|claude-sonnet-4-6] [tool] Read {"file_path": "src/main.ts"}
+[2026-03-08T10:00:10.345Z] [requirements] [claude-code|claude-sonnet-4-6] [text] Analyzing the codebase structure and identifying key entry points for the authentication module
+[2026-03-08T10:00:12.567Z] [requirements] [claude-code|claude-sonnet-4-6] [tool] Glob {"pattern": "src/**/*.ts"}
+[2026-03-08T10:00:14.789Z] [requirements] [claude-code|claude-sonnet-4-6] [tool] Read {"file_path": "src/auth/providers.ts"}
+[2026-03-08T10:00:16.012Z] [requirements] [claude-code|claude-sonnet-4-6] [tool] Grep {"pattern": "interface.*Auth", "path": "src/"}
+[2026-03-08T10:00:18.234Z] [requirements] [claude-code|claude-sonnet-4-6] [text] The project uses a clean architecture pattern with dependency injection. I can see the auth interfaces are defined in the domain layer
+[2026-03-08T10:00:20.456Z] [requirements] [claude-code|claude-sonnet-4-6] [tool] Bash {"command": "find src -name '*.test.ts' | wc -l"}
+[2026-03-08T10:00:45.789Z] [requirements] [claude-code|claude-sonnet-4-6] [result] 8920 chars, session=sess-abc123def456
+[2026-03-08T10:00:45.790Z] [requirements] [claude-code|claude-sonnet-4-6] [tokens] 2450 in / 4560 out
+[2026-03-08T10:00:45.791Z] [requirements] [claude-code|claude-sonnet-4-6] Process closed with code 0, result=8920 chars
+[2026-03-08T10:00:45.800Z] [requirements] [claude-code|claude-sonnet-4-6] Complete (8920 chars, 40.8s)
+[2026-03-08T10:00:45.900Z] [requirements] [claude-code|claude-sonnet-4-6] Interrupting for human approval
+[2026-03-08T10:02:30.000Z] [requirements] [claude-code|claude-sonnet-4-6] Phase approved, skipping re-execution
+[2026-03-08T10:02:30.100Z] [plan] [claude-code|claude-sonnet-4-6] Starting...
+[2026-03-08T10:02:30.110Z] [plan] [claude-code|claude-sonnet-4-6] Executing agent at cwd=/home/user/myproject
+[2026-03-08T10:02:30.120Z] [plan] [claude-code|claude-sonnet-4-6] Prompt length: 15234 chars
+[2026-03-08T10:02:35.100Z] [plan] [claude-code|claude-sonnet-4-6] [tool] Read {"file_path": "CLAUDE.md"}
+[2026-03-08T10:02:38.200Z] [plan] [claude-code|claude-sonnet-4-6] [text] Creating implementation plan with TDD approach as required by project conventions
+[2026-03-08T10:02:42.300Z] [plan] [claude-code|claude-sonnet-4-6] [tool] Write {"file_path": "specs/001-auth/plan.yaml"}
+[2026-03-08T10:02:45.400Z] [plan] [claude-code|claude-sonnet-4-6] [text] Plan includes 3 phases: scaffold auth module, implement OAuth2 providers, add tests and documentation
+[2026-03-08T10:03:15.234Z] [plan] [claude-code|claude-sonnet-4-6] [result] 12345 chars, session=sess-abc123def456
+[2026-03-08T10:03:15.235Z] [plan] [claude-code|claude-sonnet-4-6] [tokens] 8900 in / 3456 out
+[2026-03-08T10:03:15.300Z] [plan] [claude-code|claude-sonnet-4-6] Complete (12345 chars, 45.1s)
+[2026-03-08T10:05:00.000Z] [implement] [claude-code|claude-sonnet-4-6] Starting...
+[2026-03-08T10:05:01.000Z] [implement] [claude-code|claude-sonnet-4-6] [tool] Write {"file_path": "src/auth/oauth-provider.ts"}
+[2026-03-08T10:05:03.000Z] [implement] [claude-code|claude-sonnet-4-6] [tool] Write {"file_path": "src/auth/token-manager.ts"}
+[2026-03-08T10:05:05.000Z] [implement] [claude-code|claude-sonnet-4-6] [tool] Edit {"file_path": "src/auth/index.ts"}
+[2026-03-08T10:05:07.000Z] [implement] [claude-code|claude-sonnet-4-6] [tool] Bash {"command": "pnpm test:unit"}
+[2026-03-08T10:05:30.000Z] [implement] [claude-code|claude-sonnet-4-6] [text] All 14 unit tests passing. Moving to integration tests
+[2026-03-08T10:05:35.000Z] [implement] [claude-code|claude-sonnet-4-6] [tool] Bash {"command": "pnpm test:int"}
+[2026-03-08T10:05:55.000Z] [implement] [claude-code|claude-sonnet-4-6] [result] 24560 chars, session=sess-abc123def456
+[2026-03-08T10:05:55.001Z] [implement] [claude-code|claude-sonnet-4-6] [tokens] 15200 in / 9360 out
+[2026-03-08T10:05:55.100Z] [implement] [claude-code|claude-sonnet-4-6] Complete (24560 chars, 54.1s)
+[2026-03-08T10:06:00.000Z] [claude-code|claude-sonnet-4-6] [WORKER] Graph invocation completed. Error: none
+[2026-03-08T10:06:00.100Z] [claude-code|claude-sonnet-4-6] [WORKER] Run marked as completed
+[2026-03-08T10:06:00.200Z] [claude-code|claude-sonnet-4-6] [WORKER] Worker completed successfully, exiting.`;
+const rawLogContent = `[2026-03-08T10:00:01.123Z] Starting agent run for feature "auth-module"
 [2026-03-08T10:00:02.789Z] Agent started — analyzing codebase
 [2026-03-08T10:00:03.456Z] Scanning repository structure...
 [2026-03-08T10:00:04.012Z] Found 127 source files across 14 packages
@@ -35,22 +82,58 @@ const typicalLogContent = `[2026-03-08T10:00:01.123Z] Starting agent run for fea
 [2026-03-08T10:00:24.789Z] Phase 3: add tests and documentation
 [2026-03-08T10:00:26.456Z] Generating test suite...
 [2026-03-08T10:00:28.012Z] All phases complete — feature "auth-module" ready for review`;
-const longLogContent = Array.from({ length: 200 }, (_, i) => `[2026-03-08T10:${String(Math.floor(i / 60)).padStart(2, '0')}:${String(i % 60).padStart(2, '0')}.${String((i * 7) % 1000).padStart(3, '0')}Z] Step ${i + 1}: processing task batch ${Math.floor(i / 10) + 1} — file ${i + 1} of 200`).join('\n');
+const longStructuredContent = Array.from({ length: 100 }, (_, i) => {
+    const min = String(Math.floor(i / 60)).padStart(2, '0');
+    const sec = String(i % 60).padStart(2, '0');
+    const ms = String((i * 7) % 1000).padStart(3, '0');
+    const ts = `2026-03-08T10:${min}:${sec}.${ms}Z`;
+    const phase = ['requirements', 'research', 'plan', 'implement'][i % 4];
+    const tags = ['[tool]', '[text]', '[tool]', '[text]', '[result]', '[tokens]'];
+    const tag = tags[i % tags.length];
+    const messages = {
+        '[tool]': [
+            'Read {"file_path": "src/components/button.tsx"}',
+            'Bash {"command": "pnpm test:unit"}',
+            'Grep {"pattern": "export function", "path": "src/"}',
+            'Write {"file_path": "src/new-file.ts"}',
+            'Glob {"pattern": "**/*.test.ts"}',
+        ],
+        '[text]': [
+            'Analyzing the component structure for potential improvements',
+            'The test suite is comprehensive with good coverage',
+            'Implementing the authentication flow with OAuth2 providers',
+            'Refactoring to use dependency injection pattern',
+        ],
+        '[result]': ['4520 chars, session=sess-xyz789'],
+        '[tokens]': ['3200 in / 1800 out'],
+    };
+    const msgList = messages[tag] ?? messages['[text]'];
+    const msg = msgList[i % msgList.length];
+    return `[${ts}] [${phase}] [claude-code|claude-sonnet-4-6] ${tag} ${msg}`;
+}).join('\n');
 /* ---------------------------------------------------------------------------
  * Stories
  * ------------------------------------------------------------------------- */
-/** Default — typical agent log output with live connection. */
+/** Default — structured agent log output with live connection (claude-code). */
 export const Default = {
     args: {
-        content: typicalLogContent,
+        content: structuredLogContent,
         isConnected: true,
         error: null,
     },
 };
-/** LongLog — 200 lines of log output to test scrolling behavior. */
-export const LongLog = {
+/** LongStructured — 100 structured events to test scrolling behavior. */
+export const LongStructured = {
     args: {
-        content: longLogContent,
+        content: longStructuredContent,
+        isConnected: true,
+        error: null,
+    },
+};
+/** RawFallback — unstructured log content falls back gracefully. */
+export const RawFallback = {
+    args: {
+        content: rawLogContent,
         isConnected: true,
         error: null,
     },
@@ -58,7 +141,7 @@ export const LongLog = {
 /** Disconnected — log content present but connection is lost. */
 export const Disconnected = {
     args: {
-        content: typicalLogContent,
+        content: structuredLogContent,
         isConnected: false,
         error: null,
     },

package/dist/src/presentation/web/components/common/feature-drawer-tabs/overview-tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overview-tab.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-drawer-tabs/overview-tab.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAMxE,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,eAAe,CAAC;CACvB;AAED,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE,gBAAgB,2CAwCrD"}
+{"version":3,"file":"overview-tab.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-drawer-tabs/overview-tab.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAOxE,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,eAAe,CAAC;CACvB;AAED,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE,gBAAgB,2CAwCrD"}

package/dist/src/presentation/web/components/common/feature-drawer-tabs/overview-tab.js

@@ -1,5 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from 'react';
 import { AlertTriangle, ExternalLink, GitBranch, GitCommitHorizontal, Zap } from 'lucide-react';
 import { InlineAttachments } from '../../common/inline-attachments/index.js';
 import { PrStatus } from '../../../../../../packages/core/src/domain/generated/output.js';
@@ -10,6 +11,7 @@ import { CiStatusBadge } from '../../common/ci-status-badge/index.js';
 import { CometSpinner } from '../../ui/comet-spinner.js';
 import { featureNodeStateConfig, lifecycleDisplayLabels } from '../../common/feature-node/index.js';
 import { getAgentTypeIcon, agentTypeLabels, } from '../../common/feature-node/agent-type-icons.js';
+import { formatDuration } from '../../../lib/format-duration.js';
 export function OverviewTab({ data }) {
     const isCompleted = data.lifecycle === 'maintain';
     return (_jsxs(_Fragment, { children: [_jsxs("div", { "data-testid": "feature-drawer-status", className: "flex flex-col gap-3 p-4", children: [_jsx("div", { className: "text-muted-foreground text-xs font-semibold tracking-wider", children: lifecycleDisplayLabels[data.lifecycle] }), _jsx(FeatureStateBadge, { data: data }), !isCompleted && data.progress > 0 ? (_jsxs("div", { "data-testid": "feature-drawer-progress", className: "flex flex-col gap-1", children: [_jsxs("div", { className: "text-muted-foreground flex items-center justify-between text-xs", children: [_jsx("span", { children: "Progress" }), _jsxs("span", { children: [data.progress, "%"] })] }), _jsx("div", { className: "bg-muted h-2 w-full overflow-hidden rounded-full", children: _jsx("div", { className: cn('h-full rounded-full transition-all', featureNodeStateConfig[data.state].progressClass), style: { width: `${data.progress}%` } }) })] })) : null, isCompleted && data.pr ? _jsx(FeaturePrInfo, { pr: data.pr }) : null] }), _jsx(FeatureInfo, { data: data }), !isCompleted && data.pr ? (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsx("div", { className: "p-4", children: _jsx(FeaturePrInfo, { pr: data.pr }) })] })) : null, _jsx(FeatureDetails, { data: data })] }));
@@ -63,11 +65,42 @@ function FeaturePrInfo({ pr }) {
     return (_jsx("div", { "data-testid": "feature-drawer-pr", children: _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("a", { href: pr.url, target: "_blank", rel: "noopener noreferrer", className: "text-primary flex items-center gap-1.5 text-sm font-semibold underline underline-offset-2", children: ["PR #", pr.number, _jsx(ExternalLink, { className: "h-3.5 w-3.5" })] }), _jsx(Badge, { className: prStatusStyles[pr.status], children: pr.status })] }), pr.ciStatus ? (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-muted-foreground text-xs font-medium", children: "CI Status" }), _jsx(CiStatusBadge, { status: pr.ciStatus })] })) : null, pr.mergeable === false ? (_jsxs("div", { "data-testid": "pr-merge-conflict", className: "flex items-center justify-between", children: [_jsx("span", { className: "text-muted-foreground text-xs font-medium", children: "Merge Status" }), _jsxs(Badge, { className: "border-transparent bg-orange-50 text-orange-700 hover:bg-orange-50", children: [_jsx(AlertTriangle, { className: "mr-1 h-3.5 w-3.5" }), "Conflicts"] })] })) : null, pr.commitHash ? (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-muted-foreground text-xs font-medium", children: "Commit" }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(GitCommitHorizontal, { className: "text-muted-foreground h-3.5 w-3.5" }), _jsx("code", { className: "bg-muted text-foreground rounded-md px-1.5 py-0.5 font-mono text-[11px]", children: pr.commitHash.slice(0, 7) })] })] })) : null] }) }));
 }
 // ── Details section ──────────────────────────────────────────────────
+/** Hook that returns a live-updating elapsed time string for running features. */
+function useElapsedTime(startedAt) {
+    const [elapsed, setElapsed] = useState(null);
+    const intervalRef = useRef(null);
+    useEffect(() => {
+        if (!startedAt) {
+            setElapsed(null);
+            return;
+        }
+        // Compute immediately
+        setElapsed(formatDuration(Math.max(0, Date.now() - startedAt)));
+        // Tick every second
+        intervalRef.current = setInterval(() => {
+            setElapsed(formatDuration(Math.max(0, Date.now() - startedAt)));
+        }, 1000);
+        return () => {
+            if (intervalRef.current) {
+                clearInterval(intervalRef.current);
+                intervalRef.current = null;
+            }
+        };
+    }, [startedAt]);
+    return elapsed;
+}
 function FeatureDetails({ data }) {
-    const hasAnyDetail = data.fastMode ?? data.agentType ?? data.runtime ?? data.blockedBy ?? data.errorMessage;
+    const isRunning = data.state === 'running' || data.state === 'action-required';
+    const elapsedTime = useElapsedTime(isRunning ? data.startedAt : undefined);
+    const hasAnyDetail = data.fastMode ??
+        data.agentType ??
+        data.runtime ??
+        elapsedTime ??
+        data.blockedBy ??
+        data.errorMessage;
     if (!hasAnyDetail)
         return null;
-    return (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsxs("div", { "data-testid": "feature-drawer-details", className: "flex flex-col gap-3 p-4", children: [data.fastMode ? (_jsxs("div", { className: "flex flex-col gap-0.5", children: [_jsx("span", { className: "text-muted-foreground text-xs font-medium", children: "Mode" }), _jsxs("span", { className: "flex items-center gap-2 text-sm", children: [_jsx(Zap, { className: "h-4 w-4 shrink-0 text-amber-500" }), "Fast Mode"] })] })) : null, data.agentType ? _jsx(AgentDetailRow, { agentType: data.agentType }) : null, data.runtime ? _jsx(DetailRow, { label: "Runtime", value: data.runtime }) : null, data.blockedBy ? _jsx(DetailRow, { label: "Blocked by", value: data.blockedBy }) : null, data.errorMessage ? _jsx(DetailRow, { label: "Error", value: data.errorMessage }) : null] })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsxs("div", { "data-testid": "feature-drawer-details", className: "flex flex-col gap-3 p-4", children: [data.fastMode ? (_jsxs("div", { className: "flex flex-col gap-0.5", children: [_jsx("span", { className: "text-muted-foreground text-xs font-medium", children: "Mode" }), _jsxs("span", { className: "flex items-center gap-2 text-sm", children: [_jsx(Zap, { className: "h-4 w-4 shrink-0 text-amber-500" }), "Fast Mode"] })] })) : null, data.agentType ? _jsx(AgentDetailRow, { agentType: data.agentType }) : null, data.runtime ? _jsx(DetailRow, { label: "Runtime", value: data.runtime }) : null, !data.runtime && elapsedTime ? (_jsx(DetailRow, { label: "Running for", value: elapsedTime })) : null, data.blockedBy ? _jsx(DetailRow, { label: "Blocked by", value: data.blockedBy }) : null, data.errorMessage ? _jsx(DetailRow, { label: "Error", value: data.errorMessage }) : null] })] }));
 }
 function AgentDetailRow({ agentType }) {
     const Icon = getAgentTypeIcon(agentType);

package/dist/src/presentation/web/lib/parse-log-line.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Parses structured log lines from the feature agent worker process.
+ *
+ * Log format: [timestamp] [phase] [agent|model] [tag] message
+ * Worker format: [timestamp] [agent|model] [WORKER] message
+ * Fallback: raw string lines
+ */
+export type LogEventTag = 'tool' | 'text' | 'result' | 'tokens' | 'raw' | 'worker' | 'info';
+export interface ParsedLogLine {
+    /** ISO timestamp */
+    timestamp: string | null;
+    /** Phase name (e.g. "requirements", "implement") */
+    phase: string | null;
+    /** Agent type (e.g. "claude-code") */
+    agent: string | null;
+    /** Model name (e.g. "claude-haiku-4-5") */
+    model: string | null;
+    /** Event tag */
+    tag: LogEventTag;
+    /** The message content after tags */
+    message: string;
+    /** Original raw line */
+    raw: string;
+}
+export declare function parseLogLine(raw: string): ParsedLogLine;
+/** Tool call info extracted from [tool] messages */
+export interface ToolCallInfo {
+    toolName: string;
+    args: string;
+}
+/** Parse a [tool] message into tool name and args */
+export declare function parseToolCall(message: string): ToolCallInfo;
+/** Result info extracted from [result] messages */
+export interface ResultInfo {
+    chars: number;
+    sessionId: string | null;
+}
+/** Parse a [result] message */
+export declare function parseResultMessage(message: string): ResultInfo;
+/** Token info extracted from [tokens] messages */
+export interface TokenInfo {
+    inputTokens: number;
+    outputTokens: number;
+}
+/** Parse a [tokens] message */
+export declare function parseTokensMessage(message: string): TokenInfo;
+/** Parse all lines from raw content string */
+export declare function parseLogContent(content: string): ParsedLogLine[];
+//# sourceMappingURL=parse-log-line.d.ts.map

package/dist/src/presentation/web/lib/parse-log-line.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parse-log-line.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/lib/parse-log-line.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE5F,MAAM,WAAW,aAAa;IAC5B,oBAAoB;IACpB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,oDAAoD;IACpD,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,sCAAsC;IACtC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,2CAA2C;IAC3C,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,gBAAgB;IAChB,GAAG,EAAE,WAAW,CAAC;IACjB,qCAAqC;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,wBAAwB;IACxB,GAAG,EAAE,MAAM,CAAC;CACb;AAgBD,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,CAwEvD;AAED,oDAAoD;AACpD,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,qDAAqD;AACrD,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,YAAY,CAS3D;AAED,mDAAmD;AACnD,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED,+BAA+B;AAC/B,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,MAAM,GAAG,UAAU,CAO9D;AAED,kDAAkD;AAClD,MAAM,WAAW,SAAS;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,+BAA+B;AAC/B,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,CAO7D;AAED,8CAA8C;AAC9C,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,aAAa,EAAE,CAMhE"}

package/dist/src/presentation/web/lib/parse-log-line.js

@@ -0,0 +1,126 @@
+/**
+ * Parses structured log lines from the feature agent worker process.
+ *
+ * Log format: [timestamp] [phase] [agent|model] [tag] message
+ * Worker format: [timestamp] [agent|model] [WORKER] message
+ * Fallback: raw string lines
+ */
+/**
+ * Regex to match structured log lines.
+ * Captures: timestamp, optional phase, optional agent|model, rest of message
+ *
+ * Examples:
+ * [2026-03-08T10:00:01.123Z] [requirements] [claude-code|claude-haiku-4-5] [tool] Read {"path":"f.ts"}
+ * [2026-03-08T10:00:01.123Z] [claude-code|claude-haiku-4-5] [WORKER] Starting worker
+ * [2026-03-08T10:00:01.123Z] [requirements] [claude-code|claude-haiku-4-5] Starting...
+ */
+const LOG_LINE_REGEX = /^\[(\d{4}-\d{2}-\d{2}T[\d:.]+Z?)\]\s+(?:\[([^\]]+)\]\s+)?(?:\[([^\]|]+)(?:\|([^\]]+))?\]\s+)?(.*)$/;
+const TAG_REGEX = /^\[(tool|text|result|tokens|raw|WORKER)\]\s*(.*)/;
+export function parseLogLine(raw) {
+    const match = raw.match(LOG_LINE_REGEX);
+    if (!match) {
+        return {
+            timestamp: null,
+            phase: null,
+            agent: null,
+            model: null,
+            tag: 'raw',
+            message: raw,
+            raw,
+        };
+    }
+    const [, timestamp, group1, group2, group3, rest] = match;
+    // Determine phase, agent, model from the captured groups.
+    // The log format can be:
+    //   [ts] [phase] [agent|model] message       → group1=phase, group2=agent, group3=model
+    //   [ts] [agent|model] [WORKER] message      → group1="agent|model", group2=WORKER
+    //   [ts] [phase] [agent] message             → group1=phase, group2=agent
+    //   [ts] [phase] message                     → group1=phase only
+    let phase = null;
+    let agent = null;
+    let model = null;
+    let message = rest ?? '';
+    if (group2 != null && group1 != null) {
+        // Two bracket groups captured
+        if (group1.includes('|')) {
+            // group1 is [agent|model], group2 is next tag (e.g. WORKER)
+            const [agentPart, modelPart] = group1.split('|');
+            agent = agentPart;
+            model = modelPart ?? null;
+            // group2 becomes part of the message to be parsed as a tag
+            message = `[${group2}] ${rest ?? ''}`;
+        }
+        else {
+            // group1 is [phase], group2|group3 is [agent|model]
+            phase = group1;
+            agent = group2;
+            model = group3 ?? null;
+        }
+    }
+    else if (group1 != null) {
+        // Only one bracket group
+        if (group1.includes('|')) {
+            const [agentPart, modelPart] = group1.split('|');
+            agent = agentPart;
+            model = modelPart ?? null;
+        }
+        else {
+            phase = group1;
+        }
+    }
+    // Parse tag from message
+    const tagMatch = message.match(TAG_REGEX);
+    let tag = 'info';
+    if (tagMatch) {
+        tag = tagMatch[1].toLowerCase();
+        message = tagMatch[2];
+    }
+    return {
+        timestamp: timestamp ?? null,
+        phase,
+        agent,
+        model,
+        tag,
+        message: message.trim(),
+        raw,
+    };
+}
+/** Parse a [tool] message into tool name and args */
+export function parseToolCall(message) {
+    const spaceIdx = message.indexOf(' ');
+    if (spaceIdx === -1) {
+        return { toolName: message, args: '' };
+    }
+    return {
+        toolName: message.slice(0, spaceIdx),
+        args: message.slice(spaceIdx + 1),
+    };
+}
+/** Parse a [result] message */
+export function parseResultMessage(message) {
+    const charsMatch = message.match(/^(\d+)\s+chars/);
+    const sessionMatch = message.match(/session=(\S+)/);
+    return {
+        chars: charsMatch ? parseInt(charsMatch[1], 10) : 0,
+        sessionId: sessionMatch ? sessionMatch[1] : null,
+    };
+}
+/** Parse a [tokens] message */
+export function parseTokensMessage(message) {
+    const match = message.match(/^(\d+)\s+in\s*\/\s*(\d+)\s+out/);
+    if (!match)
+        return { inputTokens: 0, outputTokens: 0 };
+    return {
+        inputTokens: parseInt(match[1], 10),
+        outputTokens: parseInt(match[2], 10),
+    };
+}
+/** Parse all lines from raw content string */
+export function parseLogContent(content) {
+    if (!content)
+        return [];
+    return content
+        .split('\n')
+        .filter((line) => line.trim().length > 0)
+        .map(parseLogLine);
+}