@shepai/cli 1.140.0-pr450.b6feb1f → 1.141.0-pr451.4a6394d

package/dist/src/presentation/web/components/common/feature-drawer-tabs/event-log-viewer.js

@@ -39,13 +39,16 @@ function LogLineRow({ line }) {
 function Timestamp({ value }) {
     if (!value)
         return null;
-    const time = value.replace(/^.*T/, '').replace('Z', '');
-    return (_jsx("span", { className: "text-muted-foreground/60 w-20 shrink-0 font-mono text-[10px]", children: time }));
+    // Show only MM:SS — compact, hours rarely change in a session
+    const full = value.replace(/^.*T/, '').replace('Z', '');
+    const parts = full.split(':');
+    const compact = parts.length >= 3 ? `${parts[1]}:${parts[2].split('.')[0]}` : full;
+    return (_jsx("span", { className: "text-muted-foreground/60 w-11 shrink-0 font-mono text-[10px]", children: compact }));
 }
 function PhaseBadge({ phase }) {
     if (!phase)
-        return null;
-    return (_jsx("span", { className: "bg-muted text-muted-foreground shrink-0 rounded px-1.5 py-0.5 font-mono text-[10px] font-medium", children: phase }));
+        return _jsx("span", { className: "w-20 shrink-0" });
+    return (_jsx("span", { className: "bg-muted text-muted-foreground w-20 shrink-0 truncate rounded px-1.5 py-0.5 font-mono text-[10px] font-medium", title: phase, children: phase }));
 }
 /* ---------------------------------------------------------------------------
  * Event-specific rows
@@ -54,7 +57,7 @@ function ToolCallRow({ line }) {
     const { toolName, args } = parseToolCall(line.message);
     // Try to extract a key detail from args for common tools
     const detail = getToolDetail(toolName, args);
-    return (_jsxs("div", { className: "hover:bg-muted/50 flex items-start gap-2 border-b border-transparent px-3 py-1.5 transition-colors", children: [_jsx(Timestamp, { value: line.timestamp }), _jsx(PhaseBadge, { phase: line.phase }), _jsxs("div", { className: "flex min-w-0 flex-1 items-start gap-1.5", children: [_jsx(ToolIcon, { toolName: toolName }), _jsx("span", { className: "text-xs font-semibold text-violet-600 dark:text-violet-400", children: toolName }), detail ? (_jsx("span", { className: "text-muted-foreground min-w-0 truncate font-mono text-xs", children: detail })) : null] })] }));
+    return (_jsxs("div", { className: "hover:bg-muted/50 flex items-start gap-2 border-b border-transparent px-3 py-1.5 transition-colors", children: [_jsx(Timestamp, { value: line.timestamp }), _jsx(PhaseBadge, { phase: line.phase }), _jsxs("div", { className: "flex min-w-0 flex-1 items-start gap-1.5", children: [_jsx(ToolIcon, { toolName: toolName }), _jsx("span", { className: "text-xs font-semibold text-violet-600 dark:text-violet-400", children: toolName }), detail ? (_jsx("span", { className: "text-muted-foreground min-w-0 font-mono text-xs break-all", children: detail })) : null] })] }));
 }
 function ToolIcon({ toolName }) {
     const lower = toolName.toLowerCase();
@@ -80,8 +83,7 @@ function getToolDetail(toolName, args) {
         if (toolName === 'Grep' && parsed.pattern)
             return parsed.pattern;
         if (toolName === 'Bash' && parsed.command) {
-            const cmd = parsed.command;
-            return cmd.length > 80 ? `${cmd.slice(0, 80)}...` : cmd;
+            return parsed.command;
         }
         if (toolName === 'Task' && parsed.description)
             return parsed.description;
@@ -89,7 +91,7 @@ function getToolDetail(toolName, args) {
     catch {
         // Not JSON — show truncated raw args
         if (args.length > 0)
-            return args.length > 80 ? `${args.slice(0, 80)}...` : args;
+            return args;
     }
     return null;
 }
@@ -105,10 +107,10 @@ function TokensRow({ line }) {
     return (_jsxs("div", { className: "hover:bg-muted/50 flex items-start gap-2 px-3 py-1.5 transition-colors", children: [_jsx(Timestamp, { value: line.timestamp }), _jsx(PhaseBadge, { phase: line.phase }), _jsxs("div", { className: "flex min-w-0 flex-1 items-start gap-1.5", children: [_jsx(Coins, { className: "mt-0.5 h-3 w-3 shrink-0 text-amber-500" }), _jsxs("span", { className: "text-muted-foreground text-xs", children: [_jsx("span", { className: "text-amber-600 dark:text-amber-400", children: inputTokens.toLocaleString() }), ' in / ', _jsx("span", { className: "text-amber-600 dark:text-amber-400", children: outputTokens.toLocaleString() }), ' out'] })] })] }));
 }
 function WorkerRow({ line }) {
-    return (_jsxs("div", { className: "hover:bg-muted/50 flex items-start gap-2 bg-zinc-50 px-3 py-1.5 transition-colors dark:bg-zinc-900/50", children: [_jsx(Timestamp, { value: line.timestamp }), _jsxs("div", { className: "flex min-w-0 flex-1 items-start gap-1.5", children: [_jsx(Server, { className: "mt-0.5 h-3 w-3 shrink-0 text-zinc-500" }), _jsx("span", { className: "text-muted-foreground text-xs font-medium", children: line.message })] })] }));
+    return (_jsxs("div", { className: "hover:bg-muted/50 flex items-start gap-2 bg-zinc-50 px-3 py-1.5 transition-colors dark:bg-zinc-900/50", children: [_jsx(Timestamp, { value: line.timestamp }), _jsx(PhaseBadge, { phase: line.phase }), _jsxs("div", { className: "flex min-w-0 flex-1 items-start gap-1.5", children: [_jsx(Server, { className: "mt-0.5 h-3 w-3 shrink-0 text-zinc-500" }), _jsx("span", { className: "text-muted-foreground text-xs font-medium break-all", children: line.message })] })] }));
 }
 function InfoRow({ line }) {
-    return (_jsxs("div", { className: "hover:bg-muted/50 flex items-start gap-2 px-3 py-1.5 transition-colors", children: [_jsx(Timestamp, { value: line.timestamp }), _jsx(PhaseBadge, { phase: line.phase }), _jsx("span", { className: "text-muted-foreground min-w-0 text-xs", children: line.message })] }));
+    return (_jsxs("div", { className: "hover:bg-muted/50 flex items-start gap-2 px-3 py-1.5 transition-colors", children: [_jsx(Timestamp, { value: line.timestamp }), _jsx(PhaseBadge, { phase: line.phase }), _jsx("span", { className: "text-muted-foreground min-w-0 text-xs break-all", children: line.message })] }));
 }
 function RawRow({ line }) {
     return (_jsx("div", { className: "px-3 py-0.5", children: _jsx("span", { className: "text-muted-foreground/70 font-mono text-[11px] break-all whitespace-pre-wrap", children: line.raw }) }));