poe-code 3.0.181 → 3.0.182

package/packages/design-system/dist/dashboard/components/output-pane.js

@@ -2,24 +2,20 @@ import { resolveThemeName } from "../../internal/theme-detect.js";
 import { hasAnsi, parseAnsi } from "../ansi.js";
 const TEXT_OFFSET = 3;
 const CONTINUATION_PREFIX = "│";
-export function renderOutputPane(buffer, rect, state) {
+export function renderOutputPane(buffer, rect, items) {
     buffer.clearRect(rect);
     if (rect.width <= 0 || rect.height <= 0) {
         return;
     }
-    const visualLines = computeVisualLines(state.items, rect.width);
-    const showBanner = !state.autoFollow && rect.height >= 2;
-    const contentHeight = showBanner ? rect.height - 1 : rect.height;
-    const startLine = state.autoFollow
-        ? Math.max(visualLines.length - contentHeight, 0)
-        : clampScrollOffset(state.scrollOffset, visualLines.length);
+    const visualLines = computeVisualLines(items, rect.width);
+    const startLine = Math.max(visualLines.length - rect.height, 0);
     const textRect = {
         x: rect.x + TEXT_OFFSET,
         y: rect.y,
         width: rect.width - TEXT_OFFSET,
-        height: contentHeight
+        height: rect.height
     };
-    for (let row = 0; row < contentHeight; row += 1) {
+    for (let row = 0; row < rect.height; row += 1) {
         const line = visualLines[startLine + row];
         if (line === undefined) {
             continue;
@@ -47,36 +43,6 @@ export function renderOutputPane(buffer, rect, state) {
         }
         buffer.putInRect(textRect, row, line.text, line.style);
     }
-    if (showBanner) {
-        const hiddenBelow = Math.max(0, visualLines.length - (startLine + contentHeight));
-        renderFollowBanner(buffer, rect, hiddenBelow);
-    }
-}
-function renderFollowBanner(buffer, rect, hiddenBelow) {
-    const bannerRow = rect.height - 1;
-    const themeName = resolveThemeName();
-    const keyStyle = themeName === "light"
-        ? { fg: "#006699", bold: true }
-        : { fg: "cyan", bold: true };
-    const labelStyle = getMutedStyle(themeName);
-    const message = hiddenBelow > 0
-        ? `↓ F to follow · ${hiddenBelow} more`
-        : "↓ F to follow";
-    const cells = buildBannerCells(message, keyStyle, labelStyle);
-    const clipped = cells.slice(0, rect.width);
-    const startX = rect.x + Math.max(0, Math.floor((rect.width - clipped.length) / 2));
-    const y = rect.y + bannerRow;
-    for (let index = 0; index < clipped.length; index += 1) {
-        const cell = clipped[index];
-        buffer.put(startX + index, y, cell.ch, cell.style);
-    }
-}
-function buildBannerCells(message, keyStyle, labelStyle) {
-    const cells = [];
-    for (const ch of message) {
-        cells.push({ ch, style: ch === "F" ? keyStyle : labelStyle });
-    }
-    return cells;
 }
 export function computeVisualLines(items, width) {
     if (width <= 0) {
@@ -153,34 +119,6 @@ function hardWrapSegments(segments, width) {
 function countCells(text) {
     return Array.from(text).length;
 }
-export function scrollUp(state, lines) {
-    return {
-        ...state,
-        autoFollow: false,
-        scrollOffset: Math.max(0, state.scrollOffset - normalizeCount(lines))
-    };
-}
-export function scrollDown(state, lines, totalVisualLines) {
-    return {
-        ...state,
-        autoFollow: false,
-        scrollOffset: Math.min(clampScrollOffset(totalVisualLines - 1, totalVisualLines), state.scrollOffset + normalizeCount(lines))
-    };
-}
-export function scrollToTop(state) {
-    return {
-        ...state,
-        autoFollow: false,
-        scrollOffset: 0
-    };
-}
-export function scrollToBottom(state, totalVisualLines, paneHeight) {
-    return {
-        ...state,
-        autoFollow: true,
-        scrollOffset: Math.max(0, normalizeCount(totalVisualLines) - normalizeCount(paneHeight))
-    };
-}
 function getPrefix(kind) {
     if (kind === "success") {
         return "◆";
@@ -311,13 +249,6 @@ function splitLogicalLines(value) {
     lines.push(currentLine);
     return lines;
 }
-function clampScrollOffset(scrollOffset, totalVisualLines) {
-    const maxOffset = Math.max(0, normalizeCount(totalVisualLines) - 1);
-    return Math.max(0, Math.min(normalizeCount(scrollOffset), maxOffset));
-}
-function normalizeCount(value) {
-    return Math.max(0, Math.floor(value));
-}
 function isWrappingSpace(ch) {
     return ch === " " || ch === "\t";
 }

package/packages/design-system/dist/dashboard/dashboard.js

@@ -26,11 +26,6 @@ export function createDashboard(opts = {}) {
     });
     let driver;
     let store;
-    let currentLayout = computeDashboardLayout({
-        totalWidth: 0,
-        totalHeight: 0,
-        rightPaneWidth
-    });
     let previousBuffer = new ScreenBuffer(0, 0);
     let unsubscribeStore;
     let unsubscribeKeypress;
@@ -62,6 +57,7 @@ export function createDashboard(opts = {}) {
         previousBuffer = new ScreenBuffer(0, 0);
         driver.enterRawMode();
         driver.enterAltScreen();
+        driver.disableLineWrap();
         driver.hideCursor();
         render();
         const activeStore = getStore();
@@ -73,10 +69,6 @@ export function createDashboard(opts = {}) {
             if (command === undefined) {
                 return;
             }
-            if (isScrollCommand(command)) {
-                activeStore.dispatch(command, currentLayout.leftPane.height);
-                return;
-            }
             emitCommand(command);
         });
         unsubscribeResize = driver.onResize(() => {
@@ -123,25 +115,21 @@ export function createDashboard(opts = {}) {
             return;
         }
         const { cols, rows } = driver.getSize();
-        currentLayout = computeDashboardLayout({
+        const layout = computeDashboardLayout({
             totalWidth: cols,
             totalHeight: rows,
             rightPaneWidth
         });
         const nextBuffer = new ScreenBuffer(cols, rows);
         const state = getStore().getState();
-        renderBorder(nextBuffer, currentLayout, {
+        renderBorder(nextBuffer, layout, {
             leftTitle: title,
             rightTitle: statsTitle,
             style: { dim: true }
         });
-        renderOutputPane(nextBuffer, currentLayout.leftPane, {
-            items: state.output,
-            scrollOffset: state.outputScroll,
-            autoFollow: state.autoFollow
-        });
-        renderStatsPane(nextBuffer, currentLayout.rightPane, state.stats);
-        renderFooter(nextBuffer, currentLayout.footer, footerHints);
+        renderOutputPane(nextBuffer, layout.leftPane, state.output);
+        renderStatsPane(nextBuffer, layout.rightPane, state.stats);
+        renderFooter(nextBuffer, layout.footer, footerHints);
         driver.flush(diff(previousBuffer, nextBuffer));
         previousBuffer = nextBuffer;
     }
@@ -177,11 +165,3 @@ export function createDashboard(opts = {}) {
 function isTerminalMode() {
     return resolveOutputFormat() === "terminal";
 }
-function isScrollCommand(command) {
-    return command === "scrollUp"
-        || command === "scrollDown"
-        || command === "pageUp"
-        || command === "pageDown"
-        || command === "scrollToTop"
-        || command === "scrollToBottom";
-}

package/packages/design-system/dist/dashboard/keymap.js

@@ -1,26 +1,11 @@
-const commands = [
-    "quit",
-    "edit",
-    "pause",
-    "retry",
-    "scrollUp",
-    "scrollDown",
-    "pageUp",
-    "pageDown",
-    "scrollToTop",
-    "scrollToBottom"
-];
+const commands = ["forceQuit", "quit", "edit", "pause", "retry", "view-log"];
 const defaultBindings = {
-    quit: ["q", "Ctrl+C"],
+    forceQuit: ["Ctrl+C"],
+    quit: ["q"],
     edit: ["e"],
     pause: ["p"],
     retry: ["r"],
-    scrollUp: ["up", "k"],
-    scrollDown: ["down", "j"],
-    pageUp: ["pageup"],
-    pageDown: ["pagedown"],
-    scrollToTop: ["home", "g"],
-    scrollToBottom: ["end", "G", "f", "F"]
+    "view-log": ["l"]
 };
 export function createKeymap(overrides) {
     const bindings = new Map();

package/packages/design-system/dist/dashboard/snapshot.js

@@ -25,11 +25,7 @@ export function renderDashboardSnapshot(opts = {}) {
         rightTitle: statsTitle,
         style: { dim: true }
     });
-    renderOutputPane(buffer, layout.leftPane, {
-        items,
-        scrollOffset: 0,
-        autoFollow: true
-    });
+    renderOutputPane(buffer, layout.leftPane, items);
     renderStatsPane(buffer, layout.rightPane, stats);
     renderFooter(buffer, layout.footer, defaultHints());
     return bufferToAnsi(buffer);

package/packages/design-system/dist/dashboard/store.d.ts

@@ -1,9 +1,8 @@
-import type { Command, DashboardState, DashboardStats, OutputItem } from "./types.js";
+import type { DashboardState, DashboardStats, OutputItem } from "./types.js";
 export type DashboardStore = {
     getState(): DashboardState;
     appendOutput(item: OutputItem): void;
     updateStats(partial: Partial<DashboardStats>): void;
-    dispatch(command: Command, paneHeight: number): void;
     onChange(handler: () => void): () => void;
 };
 export declare function createStore(): DashboardStore;

package/packages/design-system/dist/dashboard/store.js

@@ -1,18 +1,14 @@
-import { scrollDown, scrollToBottom, scrollToTop, scrollUp } from "./components/output-pane.js";
+const MAX_RETAINED_OUTPUT = 256;
 export function createStore() {
     let state = {
         output: [],
-        outputScroll: 0,
-        autoFollow: true,
         stats: {
             status: "idle",
             iterations: 0,
             tokensIn: 0,
             tokensOut: 0,
             elapsedMs: 0
-        },
-        paused: false,
-        activeDialog: { kind: "none" }
+        }
     };
     const listeners = new Set();
     function notify() {
@@ -24,12 +20,10 @@ export function createStore() {
         return state;
     }
     function appendOutput(item) {
-        const output = [...state.output, item];
-        state = {
-            ...state,
-            output,
-            outputScroll: state.autoFollow ? Math.max(0, output.length - 1) : state.outputScroll
-        };
+        const next = state.output.length >= MAX_RETAINED_OUTPUT
+            ? [...state.output.slice(state.output.length - MAX_RETAINED_OUTPUT + 1), item]
+            : [...state.output, item];
+        state = { ...state, output: next };
         notify();
     }
     function updateStats(partial) {
@@ -42,41 +36,6 @@ export function createStore() {
         };
         notify();
     }
-    function dispatch(command, paneHeight) {
-        const totalVisualLines = state.output.length;
-        const currentPaneState = state.autoFollow
-            ? toStateFromPane(state, scrollToBottom(toPaneState(state), totalVisualLines, paneHeight))
-            : state;
-        if (command === "scrollUp") {
-            state = toStateFromPane(currentPaneState, scrollUp(toPaneState(currentPaneState), 1));
-            notify();
-            return;
-        }
-        if (command === "scrollDown") {
-            state = toStateFromPane(currentPaneState, scrollDown(toPaneState(currentPaneState), 1, totalVisualLines));
-            notify();
-            return;
-        }
-        if (command === "pageUp") {
-            state = toStateFromPane(currentPaneState, scrollUp(toPaneState(currentPaneState), paneHeight));
-            notify();
-            return;
-        }
-        if (command === "pageDown") {
-            state = toStateFromPane(currentPaneState, scrollDown(toPaneState(currentPaneState), paneHeight, totalVisualLines));
-            notify();
-            return;
-        }
-        if (command === "scrollToTop") {
-            state = toStateFromPane(currentPaneState, scrollToTop(toPaneState(currentPaneState)));
-            notify();
-            return;
-        }
-        if (command === "scrollToBottom") {
-            state = toStateFromPane(currentPaneState, scrollToBottom(toPaneState(currentPaneState), totalVisualLines, paneHeight));
-            notify();
-        }
-    }
     function onChange(handler) {
         listeners.add(handler);
         return () => {
@@ -87,21 +46,6 @@ export function createStore() {
         getState,
         appendOutput,
         updateStats,
-        dispatch,
         onChange
     };
 }
-function toPaneState(state) {
-    return {
-        items: state.output,
-        scrollOffset: state.outputScroll,
-        autoFollow: state.autoFollow
-    };
-}
-function toStateFromPane(state, paneState) {
-    return {
-        ...state,
-        outputScroll: paneState.scrollOffset,
-        autoFollow: paneState.autoFollow
-    };
-}

package/packages/design-system/dist/dashboard/terminal.d.ts

@@ -11,6 +11,8 @@ export type TerminalDriver = {
     exitRawMode(): void;
     enterAltScreen(): void;
     exitAltScreen(): void;
+    disableLineWrap(): void;
+    enableLineWrap(): void;
     hideCursor(): void;
     showCursor(): void;
     moveTo(x: number, y: number): void;

package/packages/design-system/dist/dashboard/terminal.js

@@ -8,6 +8,7 @@ export function createTerminalDriver(opts) {
     const keypressListeners = new Set();
     let rawMode = false;
     let altScreen = false;
+    let lineWrapEnabled = true;
     let cursorHidden = false;
     let destroyed = false;
     readline.emitKeypressEvents(stdin);
@@ -41,6 +42,20 @@ export function createTerminalDriver(opts) {
         write("\u001b[?1049l");
         altScreen = false;
     }
+    function disableLineWrap() {
+        if (destroyed || !lineWrapEnabled) {
+            return;
+        }
+        write("\u001b[?7l");
+        lineWrapEnabled = false;
+    }
+    function enableLineWrap() {
+        if (destroyed || lineWrapEnabled) {
+            return;
+        }
+        write("\u001b[?7h");
+        lineWrapEnabled = true;
+    }
     function hideCursor() {
         if (destroyed || cursorHidden) {
             return;
@@ -131,6 +146,7 @@ export function createTerminalDriver(opts) {
         }
         resizeListeners.clear();
         exitRawMode();
+        enableLineWrap();
         exitAltScreen();
         showCursor();
         destroyed = true;
@@ -140,6 +156,8 @@ export function createTerminalDriver(opts) {
         exitRawMode,
         enterAltScreen,
         exitAltScreen,
+        disableLineWrap,
+        enableLineWrap,
         hideCursor,
         showCursor,
         moveTo,

package/packages/design-system/dist/dashboard/types.d.ts

@@ -12,20 +12,10 @@ export type DashboardStats = {
     elapsedMs: number;
     currentAction?: string;
 };
-export type Command = "quit" | "edit" | "pause" | "retry" | "scrollUp" | "scrollDown" | "pageUp" | "pageDown" | "scrollToTop" | "scrollToBottom";
-export type DialogState = {
-    kind: "none";
-} | {
-    kind: "edit";
-    initialValue: string;
-};
+export type Command = "quit" | "forceQuit" | "edit" | "pause" | "retry" | "view-log";
 export type DashboardState = {
     output: OutputItem[];
-    outputScroll: number;
-    autoFollow: boolean;
     stats: DashboardStats;
-    paused: boolean;
-    activeDialog: DialogState;
 };
 export type CellStyle = {
     fg?: string;

package/packages/design-system/dist/terminal-markdown/ast.d.ts

@@ -1,4 +1,11 @@
-export type MdNode = {
+export type MdRange = {
+    start: number;
+    end: number;
+};
+type MdNodeWithRange = {
+    range?: MdRange;
+};
+export type MdNode = MdNodeWithRange & ({
     type: "root";
     children: MdNode[];
 } | {
@@ -81,4 +88,5 @@ export type MdNode = {
 } | {
     type: "footnoteReference";
     label: string;
-};
+});
+export {};

package/packages/design-system/dist/terminal-markdown/parser/block.d.ts

@@ -1,6 +1,7 @@
-import type { MdNode } from "../ast.js";
+import type { MdNode, MdRange } from "../ast.js";
 export declare function parseBlocks(input: string): MdNode[];
 export declare function parseBlockDocument(input: string): {
     frontmatter?: Record<string, unknown>;
+    frontmatterRange?: MdRange;
     children: MdNode[];
 };