@arvorco/relentless 0.1.18 → 0.1.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arvorco/relentless",
-  "version": "0.1.18",
+  "version": "0.1.19",
   "description": "Universal AI agent orchestrator - works with Claude Code, Amp, OpenCode, Codex, Droid, and Gemini",
   "type": "module",
   "publishConfig": {

package/src/tui/App.tsx

@@ -5,7 +5,7 @@
  */
 
 import React from "react";
-import { Box, Text } from "ink";
+import { Box, Text, useStdout } from "ink";
 import { Header } from "./components/Header.js";
 import { ProgressBar } from "./components/ProgressBar.js";
 import { CurrentStory } from "./components/CurrentStory.js";
@@ -20,8 +20,23 @@ interface AppProps {
 }
 
 export function App({ state }: AppProps): React.ReactElement {
+  const { stdout } = useStdout();
+  const terminalRows = stdout.rows ?? 24;
+  
   const completedCount = state.stories.filter((s) => s.passes).length;
   const totalCount = state.stories.length;
+  
+  // Calculate available rows for stories based on terminal height
+  // Chrome: Header(2) + Feature/Progress(2) + CurrentStory(2) + AgentOutputHeader(1) + AgentStatusFooter(2) + Padding(2) = ~11 lines
+  // AgentOutput: 6 lines
+  // Remaining space for stories
+  const chromeHeight = 11;
+  const agentOutputLines = 6;
+  const availableForStories = Math.max(8, terminalRows - chromeHeight - agentOutputLines);
+  
+  // Calculate story rows needed for 2-column layout
+  const storyRows = Math.ceil(totalCount / 2);
+  const maxStoryRows = Math.min(storyRows, availableForStories);
 
   return (
     <Box flexDirection="column" width="100%">
@@ -50,13 +65,13 @@ export function App({ state }: AppProps): React.ReactElement {
       </Box>
 
       {/* Agent output */}
-      <AgentOutput lines={state.outputLines} maxLines={8} />
+      <AgentOutput lines={state.outputLines} maxLines={agentOutputLines} />
 
       {/* Story grid */}
       <StoryGrid
         stories={state.stories}
         currentStoryId={state.currentStory?.id}
-        maxRows={8}
+        maxRows={maxStoryRows}
       />
 
       {/* Agent status footer */}

package/src/tui/components/StoryGrid.tsx

@@ -37,14 +37,43 @@ export function StoryGrid({
     rows.push(row);
   }
 
-  // Constrain to maxRows
-  const visibleRows = maxRows ? rows.slice(0, maxRows) : rows;
+  // Window around current story to show context
+  let visibleRows = rows;
+  let startRow = 0;
+  let endRow = rows.length;
+
+  if (maxRows && rows.length > maxRows) {
+    // Find the row containing the current story
+    const currentRowIdx = currentStoryId
+      ? rows.findIndex((row) => row.some((story) => story.id === currentStoryId))
+      : -1;
+
+    if (currentRowIdx >= 0) {
+      // Center the window around the current story
+      const half = Math.floor(maxRows / 2);
+      startRow = Math.max(0, currentRowIdx - half);
+      
+      // Adjust if window goes past the end
+      if (startRow + maxRows > rows.length) {
+        startRow = Math.max(0, rows.length - maxRows);
+      }
+      
+      endRow = Math.min(rows.length, startRow + maxRows);
+      visibleRows = rows.slice(startRow, endRow);
+    } else {
+      // No current story, just show first N rows
+      visibleRows = rows.slice(0, maxRows);
+      endRow = Math.min(rows.length, maxRows);
+    }
+  }
 
   return (
     <Box flexDirection="column" paddingY={1}>
       <Box paddingX={1}>
         <Text color={colors.dim} bold>
-          ── Stories ({stories.length}) ──
+          {visibleRows.length < rows.length
+            ? `── Stories (rows ${startRow + 1}-${endRow} of ${rows.length}, ${stories.length} total) ──`
+            : `── Stories (${stories.length}) ──`}
         </Text>
       </Box>
       <Box flexDirection="column" paddingX={1}>