@vietor/easy-agent 0.4.5 → 0.4.7

package/README.md

@@ -29,13 +29,37 @@ Create `~/.easy-agent.json` in your home directory:
   "llm": {
     "baseUrl": "https://api.deepseek.com/v1",
     "apiKey": "your-api-key",
-    "model": "deepseek-v4-flash"
+    "model": "deepseek-v4-flash",
+    "reasoningEffort": "high"
   }
 }
 ```
 
 `llm.baseUrl`, `llm.apiKey`, and `llm.model` are all required. Point `baseUrl` at any OpenAI-compatible endpoint (OpenAI, Azure OpenAI, local servers, etc.) and set `model` to a model that endpoint serves.
 
+#### `wireApi` (optional)
+
+Selects the wire protocol the client speaks. Valid values: `"completions"` | `"anthropic"`. Defaults to `"completions"`.
+
+- `"completions"` - OpenAI Chat Completions compatible endpoint (the default). `reasoningEffort` is sent as `reasoning_effort`.
+- `"anthropic"` - Anthropic Messages API via the official SDK. Point `baseUrl` at an Anthropic-compatible endpoint (e.g. `https://api.anthropic.com`) and `model` at a Claude model. `reasoningEffort` enables extended thinking (`"high"` = 16k budget, `"max"` = 32k).
+
+```json
+{
+  "llm": {
+    "baseUrl": "https://api.anthropic.com",
+    "apiKey": "your-api-key",
+    "model": "claude-sonnet-5",
+    "wireApi": "anthropic",
+    "reasoningEffort": "high"
+  }
+}
+```
+
+#### `reasoningEffort` (optional)
+
+Controls the depth of model reasoning. Valid values: `"high"` | `"max"`. Defaults to `"high"`. When set to `"max"` the model spends more tokens on deeper reasoning before responding — useful for complex logic, math, or multi-step analysis. The current setting is shown in the TUI header (e.g. ` · reasoning max`). Requires a model that supports the `reasoning_effort` parameter.
+
 ### Proxy
 
 The agent automatically routes HTTP requests through a proxy when the standard environment variables are set:

package/dist/config.js

@@ -7,6 +7,8 @@ const LLMConfig = z.object({
     baseUrl: z.string(),
     apiKey: z.string(),
     model: z.string(),
+    reasoningEffort: z.enum(["high", "max"]).default("high"),
+    wireApi: z.enum(["completions", "anthropic"]).default("completions"),
 });
 const StdioServerConfig = z.object({
     type: z.literal("stdio").optional(),

package/dist/tui/App.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
-import { Box, render, useApp, useInput, useWindowSize } from "ink";
+import { Box, render, Text, useApp, useInput, useWindowSize } from "ink";
 import { Markdown } from "./components/Markdown.js";
-import { TimelineList } from "./TimelineList.js";
+import { TimelineView } from "./TimelineView.js";
 import { TodoView } from "./TodoView.js";
 import { AppHeader } from "./AppHeader.js";
 import { PromptOrCommandInput } from "./PromptOrCommandInput.js";
@@ -14,10 +14,14 @@ export function App({ session }) {
     const { exit } = useApp();
     const { columns } = useWindowSize();
     const view = useSyncExternalStore(session.subscribe, session.getSnapshot);
-    const [runState, setRunState] = useState({ running: false, elapsed: 0, promptTokens: 0, completionTokens: 0 });
+    const [runState, setRunState] = useState({ running: false, elapsed: 0, thinkingElapsed: 0, replyElapsed: 0, promptTokens: 0, completionTokens: 0 });
     const [streamingText, setStreamingText] = useState("");
     const streamingRef = useRef("");
     const renderTimerRef = useRef(undefined);
+    const [reasoningText, setReasoningText] = useState("");
+    const reasoningRef = useRef("");
+    const reasoningRenderTimerRef = useRef(undefined);
+    const [showReasoning, setShowReasoning] = useState(false);
     const allCmds = useMemo(() => session.commandSchemas, [session]);
     const pendingQuestion = session.getPendingQuestion();
     useEffect(() => {
@@ -27,6 +31,14 @@ export function App({ session }) {
                     streamingRef.current += e.text;
                     scheduleStreamingRender();
                     break;
+                case "reasoning_delta":
+                    reasoningRef.current += e.text;
+                    scheduleReasoningRender();
+                    break;
+                case "reasoning_clear":
+                    reasoningRef.current = "";
+                    setReasoningText("");
+                    break;
                 case "assistant":
                     streamingRef.current = "";
                     setStreamingText("");
@@ -46,12 +58,24 @@ export function App({ session }) {
             setStreamingText(streamingRef.current);
         }, STREAM_FRAME_MS);
     };
+    const scheduleReasoningRender = () => {
+        if (reasoningRenderTimerRef.current)
+            return;
+        reasoningRenderTimerRef.current = setTimeout(() => {
+            reasoningRenderTimerRef.current = undefined;
+            setReasoningText(reasoningRef.current);
+        }, STREAM_FRAME_MS);
+    };
     useInput((_input, key) => {
         if (pendingQuestion) {
             if (key.ctrl && _input === "c")
                 session.abort();
             return;
         }
+        if (_input === "t" && runState.running && reasoningText) {
+            setShowReasoning((v) => !v);
+            return;
+        }
         if (key.escape) {
             session.abort();
         }
@@ -68,28 +92,28 @@ export function App({ session }) {
             exit();
     }
     async function handlePrompt(text) {
-        const [first, ...rest] = text.split(/\s+/);
-        if (first.startsWith("/") || session.isCommand(first)) {
-            const name = first.startsWith("/") ? first.slice(1) : first;
-            await handleCommand(name, rest.join(" "));
-        }
-        else {
-            await session.startPrompt(text);
-        }
+        await session.startPrompt(text);
     }
     let runningView = null;
     if (runState.running) {
         if (pendingQuestion) {
             runningView = (_jsx(QuestionView, { question: pendingQuestion, onAnswer: (ans) => session.submitAnswer(pendingQuestion.id, ans) }));
         }
-        else if (streamingText) {
-            runningView = (_jsx(Box, { marginTop: 1, paddingLeft: 1, paddingRight: 1, borderStyle: "single", borderTop: false, borderRight: false, borderBottom: false, borderColor: "gray", children: _jsx(Markdown, { color: "green", children: streamingText }) }));
-        }
         else {
-            runningView = (_jsx(Box, { marginTop: 1, paddingLeft: 1, children: _jsx(Spinner, { label: "thinking", elapsed: runState.elapsed, promptTokens: runState.promptTokens, completionTokens: runState.completionTokens }) }));
+            const spinnerLabel = streamingText ? "replying" : "thinking";
+            runningView = (_jsxs(_Fragment, { children: [reasoningText ? renderReasoning(reasoningText, showReasoning) : null, streamingText ? (_jsx(Box, { marginTop: 1, paddingLeft: 1, paddingRight: 1, borderStyle: "single", borderTop: false, borderRight: false, borderBottom: false, borderColor: "gray", children: _jsx(Markdown, { children: streamingText }) })) : null, _jsx(Box, { marginTop: 1, paddingLeft: 1, children: _jsx(Spinner, { label: spinnerLabel, thinkingElapsed: runState.thinkingElapsed, replyElapsed: runState.replyElapsed, promptTokens: runState.promptTokens, completionTokens: runState.completionTokens }) })] }));
         }
     }
-    return (_jsxs(Box, { width: columns, flexDirection: "column", children: [_jsx(AppHeader, { cwd: session.cwd }), _jsx(TimelineList, { session: session }), view.todos.length > 0 ? _jsx(TodoView, { todos: view.todos }) : null, runningView, !runState.running ? (_jsxs(_Fragment, { children: [_jsx(StatusBar, { contextTokens: session.contextTokens }), _jsx(PromptOrCommandInput, { commands: allCmds, onCommand: handleCommand, onPrompt: handlePrompt })] })) : null] }));
+    return (_jsxs(Box, { width: columns, flexDirection: "column", children: [_jsx(AppHeader, { cwd: session.cwd, model: session.model, reasoningEffort: session.reasoningEffort }), view.timeline.length > 0 ? (_jsx(Box, { flexDirection: "column", paddingLeft: 1, paddingRight: 1, children: view.timeline.map((entry, i) => (_jsx(TimelineView, { entry: entry }, i))) })) : null, runningView, view.todos.length > 0 ? _jsx(TodoView, { todos: view.todos }) : null, !runState.running ? (_jsx(PromptOrCommandInput, { commands: allCmds, onCommand: handleCommand, onPrompt: handlePrompt })) : null, _jsx(StatusBar, { contextTokens: session.contextTokens, contextLimit: session.compactThreshold, running: runState.running, questionPending: !!pendingQuestion, reasoningAvailable: !!reasoningText })] }));
+}
+function renderReasoning(text, expanded) {
+    const lines = text.split("\n");
+    const firstLine = (lines[0] ?? "").slice(0, 80);
+    if (expanded) {
+        return (_jsxs(Box, { marginTop: 1, paddingLeft: 1, flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: "\u250A thinking (t to collapse)" }), _jsx(Box, { paddingLeft: 1, children: _jsx(Text, { dimColor: true, children: text }) })] }));
+    }
+    const extra = lines.length > 1 ? ` …+${lines.length - 1} lines` : "";
+    return (_jsx(Box, { marginTop: 1, paddingLeft: 1, children: _jsxs(Text, { dimColor: true, children: ["\u250A ", firstLine, extra, " (t to expand)"] }) }));
 }
 export function startApp(session) {
     process.stdout.write("");

package/dist/tui/AppHeader.js

@@ -2,8 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo } from "react";
 import { Box, Text, useWindowSize } from "ink";
 import { getPackageInfo } from "../util/package.js";
-export const AppHeader = memo(function AppHeader({ cwd }) {
+export const AppHeader = memo(function AppHeader({ cwd, model, reasoningEffort }) {
     const { columns } = useWindowSize();
     const pkginfo = getPackageInfo();
-    return (_jsxs(Box, { width: columns, paddingX: 1, flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Easy Agent" }), _jsxs(Text, { dimColor: true, children: [" v", pkginfo.version] })] }), _jsx(Text, { dimColor: true, children: cwd })] }));
+    const reasoning = ` · reasoning ${reasoningEffort}`;
+    return (_jsxs(Box, { width: columns, paddingX: 1, flexDirection: "column", children: [_jsxs(Box, { flexDirection: "row", justifyContent: "space-between", children: [_jsxs(Text, { children: [_jsx(Text, { bold: true, children: "Easy Agent" }), _jsxs(Text, { dimColor: true, children: [" v", pkginfo.version] })] }), _jsx(Text, { dimColor: true, children: `${model}${reasoning}` })] }), _jsx(Text, { dimColor: true, children: cwd })] }));
 });

package/dist/tui/ErrorBoundary.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Component } from "react";
+import { Box, Text } from "ink";
+export class ErrorBoundary extends Component {
+    state = { error: null };
+    static getDerivedStateFromError(error) {
+        return { error };
+    }
+    render() {
+        if (this.state.error) {
+            return (_jsxs(Box, { flexDirection: "column", paddingX: 1, marginTop: 1, children: [_jsx(Text, { color: "red", bold: true, children: "\u2717 TUI Error" }), _jsx(Text, { dimColor: true, children: this.state.error.message })] }));
+        }
+        return this.props.children;
+    }
+}

package/dist/tui/PromptOrCommandInput.js

@@ -56,10 +56,15 @@ export function PromptOrCommandInput({ commands, onCommand, onPrompt }) {
             }
             return;
         }
+        const [first, ...rest] = text.split(/\s+/);
+        if (commands.some((c) => c.name === first)) {
+            onCommand(first, rest.join(" "));
+            return;
+        }
         onPrompt(text);
     };
     return (_jsxs(Box, { flexDirection: "column", children: [showMenu && filtered.length > 0 ? (_jsx(Box, { flexDirection: "column", borderStyle: "single", borderColor: "gray", children: visibleItems.items.map((cmd, i) => {
                     const realIdx = visibleItems.start + i;
                     return (_jsxs(Box, { children: [_jsxs(Text, { color: realIdx === selectedIndex ? "cyan" : undefined, children: [realIdx === selectedIndex ? "▸ " : "  ", "/", cmd.name] }), _jsxs(Text, { dimColor: true, children: ["  ", cmd.description] })] }, cmd.name));
-                }) })) : null, _jsxs(Box, { borderStyle: "single", borderLeft: false, borderRight: false, borderColor: "gray", children: [_jsx(Text, { color: "gray", children: "> " }), _jsx(TextInput, { value: input, onChange: setInput, onSubmit: onSubmit })] })] }));
+                }) })) : null, _jsxs(Box, { borderStyle: "single", borderBottom: false, borderLeft: false, borderRight: false, borderColor: "gray", children: [_jsx(Text, { color: "gray", children: "> " }), _jsx(TextInput, { value: input, onChange: setInput, onSubmit: onSubmit })] })] }));
 }

package/dist/tui/QuestionView.js

@@ -39,7 +39,7 @@ export function QuestionView({ question, onAnswer }) {
         }
     });
     if (mode === "input") {
-        return (_jsxs(Box, { flexDirection: "column", marginTop: 1, paddingLeft: 1, paddingRight: 1, children: [_jsx(Text, { color: "cyan", children: `? ${question.text}` }), _jsxs(Box, { borderStyle: "single", borderLeft: false, borderRight: false, borderColor: "gray", children: [_jsx(Text, { color: "gray", children: "\u276F " }), _jsx(TextInput, { value: text, onChange: setText, onSubmit: () => onAnswer(text) })] })] }));
+        return (_jsxs(Box, { flexDirection: "column", marginTop: 1, paddingLeft: 1, paddingRight: 1, children: [_jsx(Text, { color: "cyan", children: `? ${question.text}` }), _jsxs(Box, { borderStyle: "single", borderBottom: false, borderLeft: false, borderRight: false, borderColor: "gray", children: [_jsx(Text, { color: "gray", children: "\u276F " }), _jsx(TextInput, { value: text, onChange: setText, onSubmit: () => onAnswer(text) })] })] }));
     }
-    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, paddingLeft: 1, paddingRight: 1, children: [_jsx(Text, { color: "cyan", children: `? ${question.text}` }), _jsx(Box, { flexDirection: "column", borderStyle: "single", borderColor: "gray", children: items.map((item, i) => (_jsx(Box, { children: _jsxs(Text, { color: i === selected ? "cyan" : undefined, children: [i === selected ? "▸ " : "  ", item] }) }, item))) })] }));
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, paddingLeft: 1, paddingRight: 1, children: [_jsx(Text, { color: "cyan", children: `? ${question.text}` }), _jsx(Box, { flexDirection: "column", borderStyle: "single", borderBottom: false, borderColor: "gray", children: items.map((item, i) => (_jsx(Box, { children: _jsxs(Text, { color: i === selected ? "cyan" : undefined, children: [i === selected ? "▸ " : "  ", item] }) }, item))) })] }));
 }

package/dist/tui/Spinner.js

@@ -3,11 +3,11 @@ import { useEffect, useState } from "react";
 import { Text } from "ink";
 import { timeDisplay, compactDisplay } from "../util/format.js";
 const SPINNER_FRAMES = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
-export function Spinner({ label, elapsed, promptTokens, completionTokens, }) {
+export function Spinner({ label, thinkingElapsed, replyElapsed, promptTokens, completionTokens, }) {
     const [frame, setFrame] = useState(0);
     useEffect(() => {
         const id = setInterval(() => setFrame((f) => (f + 1) % SPINNER_FRAMES.length), 80);
         return () => clearInterval(id);
     }, []);
-    return (_jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: SPINNER_FRAMES[frame] }), _jsxs(Text, { children: [" ", label] }), _jsxs(Text, { dimColor: true, children: [" \u00B7 ", timeDisplay(elapsed), " \u00B7 \u2191", compactDisplay(promptTokens), " \u00B7 \u2193", compactDisplay(completionTokens)] })] }));
+    return (_jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: SPINNER_FRAMES[frame] }), _jsxs(Text, { children: [" ", label] }), _jsxs(Text, { dimColor: true, children: [" \u00B7 think ", timeDisplay(thinkingElapsed), " \u00B7 reply ", timeDisplay(replyElapsed), " \u00B7 \u2191", compactDisplay(promptTokens), " \u00B7 \u2193", compactDisplay(completionTokens)] })] }));
 }

package/dist/tui/StatusBar.js

@@ -1,8 +1,19 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo } from "react";
 import { Box, Text, useWindowSize } from "ink";
 import { compactDisplay } from "../util/format.js";
-export const StatusBar = memo(function StatusBar({ contextTokens }) {
+export const StatusBar = memo(function StatusBar({ contextTokens, contextLimit, running, questionPending, reasoningAvailable }) {
     const { columns } = useWindowSize();
-    return (_jsx(Box, { width: columns, paddingX: 1, flexDirection: "row", children: _jsxs(Text, { dimColor: true, children: ["Context: ", compactDisplay(contextTokens), " tokens \u00B7 ESC to stop \u00B7 / for commands"] }) }));
+    const pct = Math.min(100, contextLimit > 0 ? Math.round((contextTokens / contextLimit) * 100) : 0);
+    const filled = Math.round((pct / 100) * 10);
+    const bar = "█".repeat(filled) + "░".repeat(10 - filled);
+    const ctxColor = pct >= 85 ? "red" : pct >= 60 ? "yellow" : "green";
+    let hints;
+    if (questionPending)
+        hints = "↑↓ select · enter confirm · esc skip";
+    else if (running)
+        hints = reasoningAvailable ? "esc stop · t reasoning" : "esc stop";
+    else
+        hints = "/ commands";
+    return (_jsxs(Box, { width: columns, paddingX: 1, flexDirection: "row", justifyContent: "space-between", borderStyle: "single", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, borderColor: "gray", children: [_jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: `ctx ${compactDisplay(contextTokens)} ` }), _jsx(Text, { color: ctxColor, children: `▕${bar}▏ ${pct}%` })] }), _jsx(Text, { dimColor: true, children: hints })] }));
 });

package/dist/tui/TimelineView.js

@@ -18,7 +18,7 @@ export const TimelineView = memo(function Entry({ entry }) {
         case "skill":
             return (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { children: [_jsx(Text, { color: "magenta", children: "\u25C8 " }), _jsx(Text, { dimColor: true, children: "skill " }), _jsx(Text, { color: "magenta", bold: true, children: entry.name })] }) }));
         case "assistant":
-            return (_jsx(Box, { marginTop: 1, children: _jsx(Markdown, { color: "green", children: entry.text }) }));
+            return (_jsx(Box, { marginTop: 1, children: _jsx(Markdown, { children: entry.text }) }));
         case "tool":
             return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { children: [_jsx(Text, { color: "yellow", children: "\u25CF " }), _jsx(Text, { color: "yellow", bold: true, children: entry.name }), entry.summary ? _jsxs(Text, { dimColor: true, children: [" ", entry.summary] }) : null] }), entry.result !== null ? (_jsx(Text, { color: entry.isError ? "red" : "gray", children: `  ${preview(entry.isError ?? false, entry.result)}` })) : null] }));
         case "retry":

package/dist/tui/TodoView.js

@@ -12,8 +12,7 @@ const COLORS = {
     completed: "green",
 };
 export const TodoView = memo(function TodoView({ todos }) {
-    if (todos.length === 0)
-        return null;
     const done = todos.filter((t) => t.status === "completed").length;
-    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, paddingLeft: 1, paddingRight: 1, children: [_jsx(Text, { dimColor: true, children: `Tasks [${done}/${todos.length}]` }), todos.map((t, i) => (_jsx(Text, { color: COLORS[t.status], strikethrough: t.status === "completed", children: `${ICONS[t.status]} ${t.content}` }, i)))] }));
+    const headerColor = done === todos.length ? "green" : "cyan";
+    return (_jsxs(Box, { flexDirection: "column", paddingLeft: 1, paddingRight: 1, children: [_jsx(Box, { borderStyle: "single", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, borderColor: "gray" }), _jsx(Text, { color: headerColor, children: `Tasks [${done}/${todos.length}]` }), todos.map((t, i) => (_jsx(Text, { color: COLORS[t.status], strikethrough: t.status === "completed", children: `${ICONS[t.status]} ${t.content}` }, i)))] }));
 });

package/dist/tui/components/Markdown.js

@@ -4,14 +4,14 @@ import { Box, Text } from "ink";
 import { lexer } from "marked";
 import stringWidth from "string-width";
 const HEADING_COLOR = ["magentaBright", "cyanBright", "blue", "yellow", "green", "gray"];
-export function Markdown({ children, color }) {
+export function Markdown({ children }) {
     const tokens = useMemo(() => lexer(children, { gfm: true }), [children]);
-    return _jsx(Box, { flexDirection: "column", children: renderBlocks(tokens, color) });
+    return _jsx(Box, { flexDirection: "column", children: renderBlocks(tokens) });
 }
-function renderBlocks(tokens, color) {
-    return tokens.map((token, i) => (_jsx(Fragment, { children: renderBlock(token, color) }, i)));
+function renderBlocks(tokens) {
+    return tokens.map((token, i) => (_jsx(Fragment, { children: renderBlock(token) }, i)));
 }
-function renderBlock(token, color) {
+function renderBlock(token) {
     switch (token.type) {
         case "space":
             return _jsx(Text, { children: " " });
@@ -22,15 +22,15 @@ function renderBlock(token, color) {
         case "code":
             return (_jsxs(Box, { borderStyle: "round", borderColor: "gray", paddingX: 1, flexDirection: "column", children: [token.lang ? _jsx(Text, { dimColor: true, children: token.lang }) : null, _jsx(Text, { children: token.text })] }));
         case "blockquote":
-            return (_jsx(Box, { borderStyle: "single", borderTop: false, borderBottom: false, borderRight: false, borderColor: "gray", paddingLeft: 1, children: renderBlocks(token.tokens, color) }));
+            return (_jsx(Box, { borderStyle: "single", borderTop: false, borderBottom: false, borderRight: false, borderColor: "gray", paddingLeft: 1, children: renderBlocks(token.tokens) }));
         case "list":
-            return renderList(token, color);
+            return renderList(token);
         case "table":
-            return renderTable(token, color);
+            return renderTable(token);
         case "paragraph":
-            return _jsx(Text, { color: color, children: renderInline(token.tokens) });
+            return _jsx(Text, { children: renderInline(token.tokens) });
         case "text":
-            return _jsx(Text, { color: color, children: token.tokens ? renderInline(token.tokens) : token.text });
+            return _jsx(Text, { children: token.tokens ? renderInline(token.tokens) : token.text });
         case "html":
             return _jsx(Text, { dimColor: true, children: token.text });
         default:
@@ -68,7 +68,7 @@ function renderInline(tokens) {
         }
     });
 }
-function renderList(token, color) {
+function renderList(token) {
     const markers = token.items.map((item, i) => {
         if (item.task)
             return item.checked ? "[x]" : "[ ]";
@@ -77,9 +77,9 @@ function renderList(token, color) {
         return "•";
     });
     const markerWidth = Math.max(1, ...markers.map((s) => stringWidth(s)));
-    return (_jsx(Box, { flexDirection: "column", children: token.items.map((item, i) => (_jsxs(Box, { marginTop: token.loose && i > 0 ? 1 : 0, children: [_jsxs(Text, { color: color, children: [padAlign(markers[i], markerWidth, "right"), " "] }), _jsx(Box, { flexDirection: "column", flexGrow: 1, children: renderBlocks(item.tokens, color) })] }, i))) }));
+    return (_jsx(Box, { flexDirection: "column", children: token.items.map((item, i) => (_jsxs(Box, { marginTop: token.loose && i > 0 ? 1 : 0, children: [_jsxs(Text, { children: [padAlign(markers[i], markerWidth, "right"), " "] }), _jsx(Box, { flexDirection: "column", flexGrow: 1, children: renderBlocks(item.tokens) })] }, i))) }));
 }
-function renderTable(token, color) {
+function renderTable(token) {
     const aligns = token.align;
     const cols = token.header.length;
     const overhead = 3 * cols + 1;
@@ -99,7 +99,7 @@ function renderTable(token, color) {
         return Array.from({ length: height }, (_, r) => (_jsx(Text, { children: [
                 ...row.flatMap((_, c) => [
                     _jsx(Text, { dimColor: true, children: "\u2502" }, `s${c}`),
-                    _jsx(Text, { color: color, bold: bold, children: ` ${padAlign(wrapped[c][r] ?? "", widths[c], aligns[c])} ` }, `c${c}`),
+                    _jsx(Text, { bold: bold, children: ` ${padAlign(wrapped[c][r] ?? "", widths[c], aligns[c])} ` }, `c${c}`),
                 ]),
                 _jsx(Text, { dimColor: true, children: "\u2502" }, "e"),
             ] }, r)));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vietor/easy-agent",
-  "version": "0.4.5",
+  "version": "0.4.7",
   "type": "module",
   "main": "dist/cli.js",
   "bin": {
@@ -23,7 +23,7 @@
     "react": "^19.2.7",
     "string-width": "^8.2.1",
     "zod": "^4.4.3",
-    "@vietor/easy-agent-core": "0.4.5"
+    "@vietor/easy-agent-core": "0.4.7"
   },
   "devDependencies": {
     "@types/node": "^22.0.0",