@scira/cli 0.1.4 → 0.1.5

package/dist/ui/ink/SciraApp.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useMemo, useRef, useState } from "react";
-import { Box, useApp, useStdout, useStdin } from "ink";
-import { CHAT_COMMANDS, MENU_VISIBLE } from "./constants.js";
+import { Box, Text, useApp, useStdout, useStdin } from "ink";
+import { CHAT_COMMANDS, MENU_VISIBLE, SPINNER_FRAMES, LOADING_PHRASES } from "./constants.js";
 import { CWD_DISPLAY, wrapText, wrapInputWithCursor, loadInputHistory, saveInputHistory, linkAtMouseColumn, openExternalUrl } from "./lib/utils.js";
 import { deleteRun } from "../../storage/run-store.js";
 import { saveGlobalConfig } from "../../config/load-config.js";
@@ -346,12 +346,25 @@ export function SciraApp({ runPath: initialRunPath, config: initialConfig }) {
     const menuHeight = commandMenuHeight + helpHeight + approvalHeight + linkHeight;
     const feedRows = Math.max(3, rows - 6 - inputLines.length - menuHeight);
     const hasRunningTool = feed.some((it) => it.kind === "tool" && it.status === "running");
-    const { lines: feedLines, toggleAtLine, groupToggleAtLine, linkAtLine } = useFeedLines(feed, innerWidth, reasoningTick, hasRunningTool ? frame : 0, collapsedGroups, focusedGroupKey, itemExpandState, hoveredIdx, config);
+    const { lines: feedLines, toggleAtLine, groupToggleAtLine, linkAtLine, lastUserLineStart } = useFeedLines(feed, innerWidth, reasoningTick, hasRunningTool ? frame : 0, collapsedGroups, focusedGroupKey, itemExpandState, hoveredIdx, config);
     const contentRows = Math.max(1, feedRows);
     const maxScrollOffset = Math.max(0, feedLines.length - contentRows);
     wheelStateRef.current = { screen, maxScrollOffset };
-    const clampedOffset = Math.min(scrollOffset, maxScrollOffset);
-    const startIdx = Math.max(0, feedLines.length - contentRows - clampedOffset);
+    // scrollOffset < 0 is a sentinel meaning "pin the most recent user message to
+    // the top of the viewport" (with empty space below for the incoming reply).
+    // Once the reply grows past the viewport we fall back to bottom-anchoring so
+    // the streaming output stays visible. Any manual scroll clears the sentinel.
+    const pinUserToTop = scrollOffset < 0 && lastUserLineStart >= 0;
+    let startIdx;
+    if (pinUserToTop) {
+        const fitsBelow = feedLines.length - lastUserLineStart <= contentRows;
+        startIdx = fitsBelow ? lastUserLineStart : Math.max(0, feedLines.length - contentRows);
+    }
+    else {
+        const off = Math.min(Math.max(0, scrollOffset), maxScrollOffset);
+        startIdx = Math.max(0, feedLines.length - contentRows - off);
+    }
+    const clampedOffset = Math.max(0, feedLines.length - contentRows - startIdx);
     const hasLinkHover = hoveredIdx !== null && (linkAtLine.get(hoveredIdx)?.length ?? 0) > 0;
     const feedStartRow = 3;
     if (screen === "chat") {
@@ -384,7 +397,31 @@ export function SciraApp({ runPath: initialRunPath, config: initialConfig }) {
         clickMapRef.current = clickMap;
         hoverMapRef.current = hoverMap;
     }
-    const visibleLines = feedLines.slice(startIdx, startIdx + contentRows);
+    const slicedLines = feedLines.slice(startIdx, startIdx + contentRows);
+    // The feed box is bottom-aligned (justifyContent="flex-end"). When pinning the
+    // user message to the top, pad blank lines below it so short content is pushed
+    // up — the user message sits at the top with empty room below for the reply.
+    const blankLine = (k) => _jsx(Text, { children: " " }, k);
+    // Show an animated loading line whenever the agent is still doing non-text
+    // work (reasoning, tool calls, status) — i.e. the latest feed item isn't the
+    // streamed answer text. It stays pinned below the latest content for the whole
+    // turn, and the phrase rotates slowly so it doesn't feel frozen. The feed box
+    // is bottom-aligned with overflow hidden, so when the timeline is long the
+    // loader stays visible and the oldest lines scroll off the top instead.
+    const lastItem = feed[feed.length - 1];
+    const showLoader = busy && lastItem !== undefined && lastItem.kind !== "text";
+    const phrase = LOADING_PHRASES[Math.floor(frame / 24) % LOADING_PHRASES.length];
+    const loadingLine = (_jsx(Text, { dimColor: true, children: `${SPINNER_FRAMES[frame % SPINNER_FRAMES.length]} ${phrase}` }, "loading"));
+    const contentWithLoader = showLoader
+        ? (slicedLines.length > 0 ? [...slicedLines, blankLine("loading-gap"), loadingLine] : [loadingLine])
+        : slicedLines;
+    const visibleLines = pinUserToTop && contentWithLoader.length < contentRows
+        ? [
+            blankLine("pad-top"),
+            ...contentWithLoader,
+            ...Array.from({ length: Math.max(0, contentRows - contentWithLoader.length - 1) }, (_, i) => blankLine(`pad-${i}`)),
+        ]
+        : contentWithLoader;
     const scrollLabel = clampedOffset > 0
         ? (startIdx > 0 ? `↑ ${startIdx} · ↓ ${clampedOffset} · wheel/⇞⇟` : `top · ↓ ${clampedOffset} · wheel/⇞⇟`)
         : "";

package/dist/ui/ink/constants.js

@@ -51,6 +51,33 @@ export const TOOL_ICONS = {
     grepWorkspace: "⌕"
 };
 export const SPINNER_FRAMES = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
+export const LOADING_PHRASES = [
+    "Thinking it through…",
+    "Digging into it…",
+    "Connecting the dots…",
+    "Gathering context…",
+    "Working through it…",
+    "Sifting the details…",
+    "Putting it together…",
+    "Chasing down answers…",
+    "Mulling it over…",
+    "Lining things up…",
+    "Reading the room…",
+    "Scanning the sources…",
+    "Cross-checking facts…",
+    "Tracing the threads…",
+    "Weighing the options…",
+    "Following the trail…",
+    "Piecing it together…",
+    "Untangling the details…",
+    "Skimming the fine print…",
+    "Joining the dots…",
+    "Hunting for specifics…",
+    "Sorting signal from noise…",
+    "Drafting the answer…",
+    "Double-checking the work…",
+    "Wrapping my head around it…",
+];
 export const HOME_TIPS = [
     "Type a question and press ⏎ to start a new research run.",
     "Say \"deep research …\" or \"compare …\" to trigger the full research harness.",

package/dist/ui/ink/hooks/use-agent-turn.js

@@ -26,7 +26,9 @@ export function useAgentTurn({ config, currentRunPath, queuedPromptRef, fullMode
         const controller = new AbortController();
         session.abort = controller;
         setBusy(true);
-        setScrollOffset(0);
+        // Pin the just-sent user message to the top of the viewport, leaving room
+        // below for the incoming assistant reply (-1 sentinel; see SciraApp).
+        setScrollOffset(-1);
         sessionSetBusy(runPath, true);
         const modelId = config.model;
         const turnStartedAt = Date.now();

package/dist/ui/ink/hooks/use-feed-lines.js

@@ -63,6 +63,7 @@ reasoningTick, spinnerFrame, collapsedGroups, focusedGroupKey, itemExpandState,
         const toggleAtLine = new Map();
         const groupToggleAtLine = new Map();
         const linkAtLine = new Map();
+        let lastUserLineStart = -1;
         let key = 0;
         const { groupOf, groups } = computeGroups(feed);
         const eff = [];
@@ -188,6 +189,7 @@ reasoningTick, spinnerFrame, collapsedGroups, focusedGroupKey, itemExpandState,
                 const rightPad = time ? time.length + 1 : 0;
                 const wrapped = wrapText(fi.text, Math.max(10, bandW - 4 - rightPad));
                 const blank = " ".repeat(bandW);
+                lastUserLineStart = lines.length;
                 lines.push(_jsx(Text, { ...bandBg, children: blank }, key++));
                 wrapped.forEach((l, idx) => {
                     const isFirst = idx === 0;
@@ -233,7 +235,7 @@ reasoningTick, spinnerFrame, collapsedGroups, focusedGroupKey, itemExpandState,
                 }
             }
         });
-        return { lines, toggleAtLine, groupToggleAtLine, linkAtLine };
+        return { lines, toggleAtLine, groupToggleAtLine, linkAtLine, lastUserLineStart };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [feed, innerWidth, reasoningTick, spinnerFrame, collapsedGroups, focusedGroupKey, itemExpandState, hoveredLineIdx, config, theme]);
 }

package/dist/ui/ink/lib/tool-result.js

@@ -20,6 +20,10 @@ export function isCollapsibleToolName(name) {
     return name.length > 0;
 }
 export function defaultCollapsedToolName(name) {
+    // Chrome DevTools MCP tools (prefixed `devtools_`) produce long browser
+    // snapshots/output, so collapse them by default like the built-in tools.
+    if (name.startsWith("devtools_"))
+        return true;
     return DEFAULT_COLLAPSED_TOOLS.has(name);
 }
 export function isToolItemCollapsed(id, name, status, expandState) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scira/cli",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "Scira — terminal-native AI research agent with grounded sources, verified claims, and local run storage.",
   "license": "MIT",
   "type": "module",
@@ -39,14 +39,14 @@
     "test:watch": "vitest"
   },
   "dependencies": {
-    "@ai-sdk/mcp": "^1.0.48",
-    "@ai-sdk/openai-compatible": "^2.0.49",
-    "@ai-sdk/xai": "^3.0.94",
+    "@ai-sdk/mcp": "^1.0.49",
+    "@ai-sdk/openai-compatible": "^2.0.50",
+    "@ai-sdk/xai": "^3.0.95",
     "@clack/prompts": "^1.5.1",
     "@mendable/firecrawl-js": "^4.25.3",
     "@modelcontextprotocol/sdk": "^1.29.0",
     "@mozilla/readability": "^0.6.0",
-    "ai": "^6.0.202",
+    "ai": "^6.0.203",
     "diff": "^9.0.0",
     "exa-js": "^2.13.0",
     "files-sdk": "^1.8.0",