klyro 0.1.51 → 0.1.52

package/dist/tui/app.js

@@ -3,7 +3,7 @@ import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-run
  * Klyro TUI - opencode-clean - no clumsy words, correct wrap, markdown, scroll
  * Header 3 rows, guide │ at col2, ● Klyro accent, prose wrapped at word boundaries
  */
-import { useState, useEffect, useRef, useCallback, useMemo } from 'react';
+import React, { useState, useEffect, useRef, useCallback, useMemo } from 'react';
 import { Box, Text, useInput, useStdout } from 'ink';
 import { execFileSync } from 'node:child_process';
 import { TuiApprovalBridge } from './approval.js';
@@ -83,13 +83,17 @@ function groupTools(items) {
     return out;
 }
 // design.md §23/§24 — terminal Markdown via tui/markdown.ts: headings,
-// **bold**, *italic*, `code`, fences, links, lists. Ink wraps each line.
+// **bold**, *italic*, `code`, fences, links, lists. Ink wraps the text.
+//
+// CRITICAL: this must return a SINGLE <Text> with inline nested parts.
+// A fragment of sibling <Text>s inside the row-direction parent Box lays
+// out as side-by-side COLUMNS (garbled transcript) instead of lines.
 function MarkdownText({ text, dim, width }) {
     void width;
     const lines = useMemo(() => renderMarkdownLines(text), [text]);
     const dimColor = tokens.colors.dim;
     const softColor = tokens.colors.soft;
-    return (_jsx(_Fragment, { children: lines.map((l, i) => (_jsx(Text, { wrap: "wrap", color: dim ? dimColor : undefined, children: l.parts.map((p, j) => (_jsx(Text, { bold: p.bold || undefined, color: p.bold ? (dim ? undefined : softColor) : p.dim ? dimColor : p.code ? softColor : undefined, children: p.text }, j))) }, i))) }));
+    return (_jsx(Text, { wrap: "wrap", color: dim ? dimColor : undefined, children: lines.map((l, i) => (_jsxs(React.Fragment, { children: [i > 0 ? '\n' : null, l.parts.map((p, j) => (_jsx(Text, { bold: p.bold || undefined, color: p.bold ? (dim ? undefined : softColor) : p.dim ? dimColor : p.code ? softColor : undefined, children: p.text }, j)))] }, i))) }));
 }
 // Chat scroll — scroll.md §5 anchor model adapted to Ink.
 //

package/dist/tui/snapshot.test.js

@@ -82,6 +82,17 @@ describe('App visual snapshot', () => {
         expect(frame).not.toContain('## Done');
         expect(frame).not.toContain('`npm test`');
     });
+    it('multiline assistant text renders as stacked lines, not columns', () => {
+        const { lastFrame } = render(_jsx(App, { ...DEFAULT_PROPS, initialModel: "gpt-4o-mini", maxSteps: 30, initialStatus: { status: 'idle', model: 'gpt-4o-mini', step: 0, maxSteps: 30, usageInput: 0, usageOutput: 0, repairs: 0 }, initialTranscript: [
+                { id: 'm1', kind: 'text', text: 'ZZZTOPLINE\nZZZBOTTOMLINE', role: 'assistant' },
+            ] }));
+        const rows = (lastFrame() ?? '').split('\n');
+        const top = rows.findIndex((r) => r.includes('ZZZTOPLINE'));
+        const bottom = rows.findIndex((r) => r.includes('ZZZBOTTOMLINE'));
+        // Columns bug put both markers on the SAME row; correct render stacks them.
+        expect(top).toBeGreaterThanOrEqual(0);
+        expect(bottom).toBeGreaterThan(top);
+    });
     it('diff transcript item renders the diff box', () => {
         const { lastFrame } = render(_jsx(App, { ...DEFAULT_PROPS, initialModel: "gpt-4o-mini", maxSteps: 30, initialStatus: { status: 'idle', model: 'gpt-4o-mini', step: 0, maxSteps: 30, usageInput: 0, usageOutput: 0, repairs: 0 }, initialTranscript: [
                 {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "klyro",
-  "version": "0.1.51",
+  "version": "0.1.52",
   "description": "Klyro \u2014 autonomous coding harness CLI that streams from any OpenAI-compatible or Anthropic LLM endpoint.",
   "type": "module",
   "main": "dist/index.js",