@pugi/cli 0.1.0-beta.15 → 0.1.0-beta.17

package/dist/tui/agent-progress-card.js

@@ -0,0 +1,111 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+/** Width of the progress bar in display cells. Tuned to fit comfortably
+ *  inside an 80-col terminal alongside the percent label. */
+export const PROGRESS_BAR_WIDTH = 24;
+/** Max milestone rows the card renders before collapsing to the footer
+ *  summary. Matches the CC `/compact` cutoff. */
+export const MAX_VISIBLE_MILESTONES = 5;
+const STATUS_GLYPH = {
+    done: '◼',
+    active: '▸',
+    pending: '◻',
+};
+const STATUS_COLOR = {
+    done: 'green',
+    active: 'yellow',
+    pending: 'gray',
+};
+const HEADER_DOT_COLOR = {
+    running: 'cyan',
+    completed: 'green',
+    failed: 'red',
+};
+/**
+ * Build the unicode progress bar. Exported для тесты — guarantees the
+ * filled/empty counts match the percent under all rounding edges.
+ */
+export function renderProgressBarCells(percent, width = PROGRESS_BAR_WIDTH) {
+    const safePercent = Math.max(0, Math.min(100, percent));
+    const cells = Math.round((safePercent / 100) * width);
+    const clamped = Math.max(0, Math.min(width, cells));
+    return {
+        filled: '▰'.repeat(clamped),
+        empty: '▱'.repeat(width - clamped),
+        cells: clamped,
+    };
+}
+/**
+ * Format milliseconds as the CC-style `Hh Mm Ss` / `Mm Ss` / `Ss` label.
+ * Mirrors the rule used by status-bar elapsed slot.
+ */
+export function formatElapsed(ms) {
+    const total = Math.max(0, Math.floor(ms / 1000));
+    const h = Math.floor(total / 3600);
+    const m = Math.floor((total % 3600) / 60);
+    const s = total % 60;
+    if (h > 0)
+        return `${h}h ${m}m ${s}s`;
+    if (m > 0)
+        return `${m}m ${s}s`;
+    return `${s}s`;
+}
+/**
+ * Format a raw token count as `21.7k` / `3.4M` / `812`. Mirrors the
+ * formatter in `core/repl/model-pricing.ts` so both surfaces stay
+ * visually consistent without coupling.
+ */
+export function formatTokenCount(n) {
+    if (n === undefined)
+        return undefined;
+    if (n < 1_000)
+        return `${n}`;
+    if (n < 1_000_000) {
+        const k = n / 1_000;
+        return `${k >= 10 ? k.toFixed(1).replace(/\.0$/, '') : k.toFixed(1)}k`;
+    }
+    const m = n / 1_000_000;
+    return `${m >= 10 ? m.toFixed(1).replace(/\.0$/, '') : m.toFixed(1)}M`;
+}
+/**
+ * Compute the "… +N pending, M completed" footer counts. When the
+ * agent supplied rollups they win; otherwise we derive from the
+ * milestone array.
+ */
+export function computeFooterCounts(milestones, visibleCount, rollup) {
+    const pending = rollup.pendingCount
+        ?? milestones.filter((m) => m.status === 'pending').length;
+    const completed = rollup.completedCount
+        ?? milestones.filter((m) => m.status === 'done').length;
+    const hidden = Math.max(0, milestones.length - visibleCount);
+    return { pending, completed, hidden };
+}
+function MilestoneRow({ milestone }) {
+    const glyph = STATUS_GLYPH[milestone.status];
+    const color = STATUS_COLOR[milestone.status];
+    // Truncate to 64 chars so a verbose label can't wrap and break the
+    // grid layout in the watcher.
+    const label = milestone.label.length > 64
+        ? `${milestone.label.slice(0, 63)}…`
+        : milestone.label;
+    return (_jsxs(Box, { children: [_jsx(Text, { children: '   ' }), _jsx(Text, { color: color, children: glyph }), _jsx(Text, { children: " " }), _jsx(Text, { color: color === 'gray' ? 'gray' : undefined, dimColor: milestone.status === 'pending', children: label })] }));
+}
+export function AgentProgressCard({ progress, nowEpochMs, }) {
+    // Re-derive elapsed from the wall clock when the parent supplied it;
+    // this is what makes the card tick once a second without the writer
+    // re-emitting JSON every tick.
+    const elapsed = nowEpochMs !== undefined
+        ? Math.max(progress.elapsedMs, nowEpochMs - Date.parse(progress.startedAt))
+        : progress.elapsedMs;
+    const bar = renderProgressBarCells(progress.percentComplete);
+    const percentLabel = `${Math.round(Math.max(0, Math.min(100, progress.percentComplete)))}%`;
+    const tokensLabel = formatTokenCount(progress.tokensUsed);
+    const dotColor = HEADER_DOT_COLOR[progress.status];
+    const visibleMilestones = progress.milestones.slice(0, MAX_VISIBLE_MILESTONES);
+    const footer = computeFooterCounts(progress.milestones, visibleMilestones.length, { pendingCount: progress.pendingCount, completedCount: progress.completedCount });
+    // CC compact pattern: header has a leading `· ` glyph + the task label.
+    // We append `…` only while running (matches CC's "Compacting…" verb form).
+    const headerVerb = progress.status === 'running' ? '…' : '';
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, paddingY: 0, marginBottom: 1, children: [_jsxs(Box, { children: [_jsx(Text, { color: dotColor, children: '· ' }), _jsx(Text, { bold: true, children: progress.agentType }), _jsx(Text, { children: " " }), _jsxs(Text, { children: [progress.task, headerVerb] }), _jsxs(Text, { dimColor: true, children: [' (', formatElapsed(elapsed), tokensLabel ? ` · ↑ ${tokensLabel} tokens` : '', ')'] })] }), _jsxs(Box, { children: [_jsx(Text, { children: '  ' }), _jsx(Text, { color: "cyan", children: bar.filled }), _jsx(Text, { dimColor: true, children: bar.empty }), _jsxs(Text, { children: [' ', percentLabel] })] }), progress.stepDescription ? (_jsxs(Box, { children: [_jsx(Text, { children: '  ' }), _jsxs(Text, { dimColor: true, children: ["step ", progress.currentStep, "/", progress.totalSteps, ": ", progress.stepDescription] })] })) : null, visibleMilestones.length > 0 ? (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { children: '  ' }), _jsx(Text, { dimColor: true, children: "\u23BF" })] }), visibleMilestones.map((m, i) => (_jsx(MilestoneRow, { milestone: m }, `${m.label}-${i}`))), footer.hidden > 0 ? (_jsxs(Box, { children: [_jsx(Text, { children: '     ' }), _jsxs(Text, { dimColor: true, children: ["\u2026 +", footer.pending, " pending, ", footer.completed, " completed"] })] })) : null] })) : null] }));
+}
+//# sourceMappingURL=agent-progress-card.js.map

package/dist/tui/repl-render.js

@@ -16,6 +16,8 @@
  * a tiny `event:`/`data:`/`id:` parser. This keeps the dependency
  * graph at zero new packages.
  */
+import { existsSync } from 'node:fs';
+import { resolve } from 'node:path';
 import React from 'react';
 import { render } from 'ink';
 import { Repl } from './repl.js';
@@ -314,11 +316,9 @@ export function drainBufferedStdin(stdin = process.stdin) {
  * future unit spec can lock the contract.
  */
 export function isProjectRoot(cwd) {
-    // Local import keeps the bootstrap free of top-of-file `fs` calls
-    // that would run at module-load time — Ink + the SSE transport are
-    // happier when this file's side-effect surface stays small.
-    const { existsSync } = require('node:fs');
-    const { resolve } = require('node:path');
+    // ESM static imports — `require()` is not defined in a `"type": "module"`
+    // bundle and would throw `ReferenceError: require is not defined` the
+    // moment the REPL bootstrap calls this gate. Beta.16 P0 fix 2026-05-27.
     return (existsSync(resolve(cwd, 'package.json')) ||
         existsSync(resolve(cwd, '.git')) ||
         existsSync(resolve(cwd, '.pugi')) ||

package/dist/tui/tool-stream-pane.js

@@ -64,6 +64,13 @@ function toolDisplayName(tool) {
     switch (tool) {
         case 'read':
             return 'Read';
+        case 'write':
+            // 2026-05-27 — Write is the most operator-visible tool for the
+            // codegen-dispatch surface (Hiroshi writing index.html / style.css
+            // / script.js for a tic-tac-toe brief). Add the display name so
+            // the tool stream pane renders ✓ Write(index.html) instead of an
+            // unlabeled placeholder. Mirrors the Claude Code Write rendering.
+            return 'Write';
         case 'edit':
             return 'Edit';
         case 'bash':

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pugi/cli",
-  "version": "0.1.0-beta.15",
+  "version": "0.1.0-beta.17",
   "description": "Pugi CLI - terminal-native software execution system",
   "homepage": "https://pugi.io",
   "repository": {
@@ -54,7 +54,7 @@
     "undici": "^8.3.0",
     "zod": "^3.23.0",
     "@pugi/personas": "0.1.2",
-    "@pugi/sdk": "0.1.0-beta.15"
+    "@pugi/sdk": "0.1.0-beta.17"
   },
   "devDependencies": {
     "@types/node": "^22.0.0",