scripter-x 1.0.1 → 1.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "scripter-x",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "ScripterX — local Flipkart session extractor (runs on your residential IP, syncs to marthunt)",
   "type": "module",
   "bin": {

package/src/ui/App.js

@@ -8,7 +8,7 @@
 //   'output'  → scrollback lines a command printed (tables, results)
 import React, { useState, useEffect, useRef } from 'react';
 import { Box, Text, useApp } from 'ink';
-import { Shell } from './Shell.js';
+import { Shell, WelcomeBox } from './Shell.js';
 import { SelectList, Confirm, TextField } from './components.js';
 import { RunView } from './RunView.js';
 import { COLORS } from '../theme.js';
@@ -81,12 +81,17 @@ export function App({ ctx }) {
     }
   }
 
-  // scrollback (map semantic color names → theme hexes)
+  // scrollback (map semantic color names → theme hexes). Show only the most recent lines
+  // that fit, so output grows DOWNWARD toward the prompt instead of pushing it off-screen.
   const colorMap = { accent: COLORS.accent, danger: COLORS.danger, success: COLORS.success, warn: COLORS.warn };
+  const visibleLines = lines.slice(-200);
   const scroll = h(Box, { flexDirection: 'column' },
-    lines.map((l, i) => h(Text, { key: i, color: colorMap[l.color] || l.color || undefined }, l.text)));
+    visibleLines.map((l, i) => h(Text, { key: i, color: colorMap[l.color] || l.color || undefined }, l.text)));
 
+  // Layout (top → bottom): banner · output · prompt/palette. So command output appears
+  // BELOW the banner and ABOVE the prompt — never above the banner.
   return h(Box, { flexDirection: 'column', ref: frameRef },
+    h(WelcomeBox, { username: me.username, server: me.server, frameRef, onLogout: () => runCommand('logout') }),
     scroll,
     screen === 'run' && runController ? h(RunView, { controller: runController, embedded: true }) : null,
     screen === 'prompts' && prompt ? h(PromptView, { prompt, frameRef }) : null,

package/src/ui/Shell.js

@@ -28,7 +28,7 @@ export const COMMANDS = [
   { name: 'exit', desc: 'quit ScripterX' },
 ];
 
-function WelcomeBox({ username, server, frameRef, onLogout }) {
+export function WelcomeBox({ username, server, frameRef, onLogout }) {
   const logo = logoLines();
   return h(Box, { borderStyle: 'round', borderColor: COLORS.accent, paddingX: 2, paddingY: 1, flexDirection: 'column' },
     // ASCII wordmark with a top→bottom gradient
@@ -127,9 +127,10 @@ export function Shell({ username, server, onRun, busy, frameRef }) {
     onRun(name);
   }
 
+  // NOTE: the welcome banner is rendered by App at the TOP; Shell renders only the
+  // prompt + palette so they sit BELOW the command output.
   return h(Box, { flexDirection: 'column' },
-    h(WelcomeBox, { username, server, frameRef, onLogout: () => run('logout') }),
-    h(Box, { marginTop: 1 },
+    h(Box, null,
       h(Text, { color: COLORS.accent }, '› '),
       h(Text, null, query || ''),
       busy ? h(Text, { color: 'gray' }, ' …') : h(Text, { color: COLORS.accent }, '▏')),