@phren/agent 0.1.4 → 0.1.5

package/dist/tui/components/App.js

@@ -2,23 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useState, useCallback } from "react";
 import { Static, Box, Text, useApp } from "ink";
 import { Banner } from "./Banner.js";
-import { UserMessage } from "./UserMessage.js";
-import { StreamingText } from "./StreamingText.js";
 import { ToolCall } from "./ToolCall.js";
 import { ThinkingIndicator } from "./ThinkingIndicator.js";
 import { SteerQueue } from "./SteerQueue.js";
 import { InputArea, PermissionsLine } from "./InputArea.js";
 import { useKeyboardShortcuts } from "../hooks/useKeyboardShortcuts.js";
-function CompletedItem({ msg }) {
-    switch (msg.kind) {
-        case "user":
-            return _jsx(UserMessage, { text: msg.text });
-        case "assistant":
-            return (_jsxs(Box, { flexDirection: "column", children: [msg.text ? _jsx(StreamingText, { text: msg.text }) : null, msg.toolCalls?.map((tc, i) => (_jsx(ToolCall, { ...tc }, i)))] }));
-        case "status":
-            return _jsx(Text, { dimColor: true, children: msg.text });
-    }
-}
 export function App({ state, completedMessages, streamingText, completedToolCalls, thinking, thinkStartTime, thinkElapsed, steerQueue, running, showBanner, inputHistory, onSubmit, onPermissionCycle, onCancelTurn, onExit, }) {
     const { exit } = useApp();
     const [inputValue, setInputValue] = useState("");
@@ -53,7 +41,7 @@ export function App({ state, completedMessages, streamingText, completedToolCall
         onCyclePermissions: onPermissionCycle,
         onCancelTurn,
     });
-    // Build the Static items — banner first if shown, then completed messages
+    // Build Static items — banner first, then completed messages
     const staticItems = [];
     if (showBanner) {
         staticItems.push({ id: "banner", kind: "banner" });
@@ -63,8 +51,18 @@ export function App({ state, completedMessages, streamingText, completedToolCall
     }
     return (_jsxs(_Fragment, { children: [_jsx(Static, { items: staticItems, children: (item) => {
                     if (item.kind === "banner") {
-                        return (_jsx(Box, { children: _jsx(Banner, { version: state.version }) }, "banner"));
+                        return (_jsx(Box, { flexDirection: "column", children: _jsx(Banner, { version: state.version }) }, "banner"));
+                    }
+                    if (item.kind === "user") {
+                        return (_jsx(Box, { flexDirection: "column", marginTop: 1, children: _jsxs(Text, { bold: true, children: ["\u276f", " ", item.text] }) }, item.id));
+                    }
+                    if (item.kind === "assistant") {
+                        const aMsg = item;
+                        return (_jsxs(Box, { flexDirection: "column", marginTop: 1, paddingLeft: 2, children: [aMsg.text ? (_jsxs(Box, { children: [_jsxs(Text, { color: "magenta", children: ["\u25c6", " "] }), _jsx(Text, { children: aMsg.text })] })) : null, aMsg.toolCalls?.map((tc, i) => (_jsx(ToolCall, { ...tc }, i)))] }, item.id));
+                    }
+                    if (item.kind === "status") {
+                        return _jsx(Text, { dimColor: true, children: item.text }, item.id);
                     }
-                    return (_jsx(Box, { flexDirection: "column", children: _jsx(CompletedItem, { msg: item }) }, item.id));
-                } }), _jsxs(Box, { flexDirection: "column", children: [completedToolCalls.map((tc, i) => (_jsx(ToolCall, { ...tc }, `tc-${i}`))), streamingText !== "" && _jsx(StreamingText, { text: streamingText }), thinking && _jsx(ThinkingIndicator, { startTime: thinkStartTime }), thinkElapsed !== null && (_jsxs(Text, { dimColor: true, children: ["  ", "\u25c6", " thought for ", thinkElapsed, "s"] })), ctrlCCount > 0 && !running && (_jsxs(Text, { dimColor: true, children: ["  ", "Press Ctrl+C again to exit."] })), _jsx(SteerQueue, { items: steerQueue }), _jsx(InputArea, { value: inputValue, onChange: setInputValue, onSubmit: handleSubmit, bashMode: bashMode, focus: !running }), _jsx(PermissionsLine, { mode: state.permMode })] })] }));
+                    return null;
+                } }), _jsxs(Box, { flexDirection: "column", children: [completedToolCalls.map((tc, i) => (_jsx(ToolCall, { ...tc }, `tc-${i}`))), streamingText !== "" && (_jsxs(Box, { paddingLeft: 2, children: [_jsxs(Text, { color: "magenta", children: ["\u25c6", " "] }), _jsx(Text, { children: streamingText })] })), thinking && _jsx(ThinkingIndicator, { startTime: thinkStartTime }), thinkElapsed !== null && (_jsxs(Text, { dimColor: true, children: ["  ", "\u25c6", " thought for ", thinkElapsed, "s"] })), ctrlCCount > 0 && !running && (_jsxs(Text, { dimColor: true, children: ["  ", "Press Ctrl+C again to exit."] })), _jsx(SteerQueue, { items: steerQueue }), _jsx(InputArea, { value: inputValue, onChange: setInputValue, onSubmit: handleSubmit, bashMode: bashMode, focus: !running }), _jsx(PermissionsLine, { mode: state.permMode })] })] }));
 }

package/dist/tui/components/ThinkingIndicator.js

@@ -1,8 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useMemo } from "react";
 import { Text } from "ink";
+// Phren's own thinking verbs — memory-oriented, not generic
+const THINKING_VERBS = [
+    "thinking", "reasoning", "recalling", "connecting", "processing",
+];
 export function ThinkingIndicator({ startTime }) {
     const [frame, setFrame] = useState(0);
+    // Pick a random verb once per mount
+    const verb = useMemo(() => THINKING_VERBS[Math.floor(Math.random() * THINKING_VERBS.length)], []);
     useEffect(() => {
         const timer = setInterval(() => {
             setFrame((f) => f + 1);
@@ -16,5 +22,5 @@ export function ThinkingIndicator({ startTime }) {
     const g = Math.round(140 * (1 - t) + 211 * t);
     const b = Math.round(250 * (1 - t) + 242 * t);
     const hex = `#${r.toString(16).padStart(2, "0")}${g.toString(16).padStart(2, "0")}${b.toString(16).padStart(2, "0")}`;
-    return (_jsxs(Text, { children: ["  ", _jsx(Text, { color: hex, children: "\u25C6 thinking" }), " ", _jsxs(Text, { dimColor: true, children: [elapsed, "s"] })] }));
+    return (_jsxs(Text, { children: ["  ", _jsxs(Text, { color: hex, children: ["\u25c6", " ", verb] }), " ", _jsxs(Text, { dimColor: true, children: [elapsed, "s"] })] }));
 }

package/dist/tui/ink-entry.js

@@ -99,6 +99,7 @@ export async function startInkTui(config, spawner) {
         },
     });
     function handleSubmit(input) {
+        console.error(`[BRIDGE] handleSubmit: ${JSON.stringify(input.slice(0, 40))} running=${running}`);
         const line = input.trim();
         if (!line)
             return;
@@ -172,42 +173,53 @@ export async function startInkTui(config, spawner) {
     // TurnHooks bridge — updates mutable state, calls update()
     const tuiHooks = {
         onTextDelta: (text) => {
+            console.error(`[BRIDGE] onTextDelta: ${JSON.stringify(text.slice(0, 40))}`);
             thinking = false;
             streamingText += text;
             update();
         },
         onTextDone: () => {
+            console.error("[BRIDGE] onTextDone");
             // streaming complete — finalized in runAgentTurn
         },
         onTextBlock: (text) => {
+            console.error(`[BRIDGE] onTextBlock: ${JSON.stringify(text.slice(0, 40))}`);
             thinking = false;
             streamingText += text;
             update();
         },
         onToolStart: (_name, _input, _count) => {
+            console.error(`[BRIDGE] onToolStart: ${_name} (${_count} tools)`);
             thinking = false;
             update();
         },
         onToolEnd: (name, input, output, isError, dur) => {
+            console.error(`[BRIDGE] onToolEnd: ${name} isError=${isError} dur=${dur}ms`);
             const diffData = (name === "edit_file" || name === "write_file") ? decodeDiffPayload(output) : null;
             const cleanOutput = diffData ? output.slice(0, output.indexOf(DIFF_MARKER)) : output;
             currentToolCalls.push({ name, input, output: cleanOutput, isError, durationMs: dur });
             update();
         },
-        onStatus: () => { update(); },
+        onStatus: (msg) => { console.error(`[BRIDGE] onStatus: ${msg.slice(0, 60)}`); update(); },
         getSteeringInput: () => {
-            if (steerQueueBuf.length > 0 && inputMode === "steering") {
-                return steerQueueBuf.shift();
-            }
-            if (pendingInput && inputMode === "steering") {
-                const steer = pendingInput;
-                pendingInput = null;
-                return steer;
-            }
-            return null;
+            const result = (() => {
+                if (steerQueueBuf.length > 0 && inputMode === "steering") {
+                    return steerQueueBuf.shift();
+                }
+                if (pendingInput && inputMode === "steering") {
+                    const steer = pendingInput;
+                    pendingInput = null;
+                    return steer;
+                }
+                return null;
+            })();
+            if (result)
+                console.error(`[BRIDGE] getSteeringInput: ${JSON.stringify(result.slice(0, 40))}`);
+            return result;
         },
     };
     async function runAgentTurn(userInput) {
+        console.error(`[BRIDGE] runAgentTurn START: ${JSON.stringify(userInput.slice(0, 40))}`);
         running = true;
         thinking = true;
         thinkStartTime = Date.now();
@@ -220,10 +232,12 @@ export async function startInkTui(config, spawner) {
         }
         catch (err) {
             const msg = err instanceof Error ? err.message : String(err);
+            console.error(`[BRIDGE] runAgentTurn ERROR: ${msg}`);
             streamingText += `\nError: ${msg}`;
         }
         // Compute elapsed time
         const elapsed = ((Date.now() - thinkStartTime) / 1000).toFixed(1);
+        console.error(`[BRIDGE] runAgentTurn END: elapsed=${elapsed}s streamingText=${streamingText.length}chars toolCalls=${currentToolCalls.length}`);
         // Finalize: move streaming content + tool calls to completed messages
         thinking = false;
         if (streamingText || currentToolCalls.length > 0) {
@@ -259,6 +273,8 @@ export async function startInkTui(config, spawner) {
             runAgentTurn(queued);
         }
     }
+    // Clear screen before initial render — start clean
+    process.stdout.write("\x1b[2J\x1b[H");
     // Initial render
     const app = render(_jsx(App, { state: getAppState(), completedMessages: [], streamingText: "", completedToolCalls: [], thinking: false, thinkStartTime: 0, thinkElapsed: null, steerQueue: [], running: false, showBanner: true, inputHistory: [], onSubmit: handleSubmit, onPermissionCycle: handlePermissionCycle, onCancelTurn: handleCancelTurn, onExit: handleExit }), { exitOnCtrlC: false });
     rerender = app.rerender;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phren/agent",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "Coding agent with persistent memory — powered by phren",
   "type": "module",
   "bin": {
@@ -17,7 +17,7 @@
     "ink-spinner": "^5.0.0",
     "ink-text-input": "^6.0.0",
     "react": "^19.2.4",
-    "@phren/cli": "0.1.4"
+    "@phren/cli": "0.1.5"
   },
   "engines": {
     "node": ">=20.0.0"