@arvorco/relentless 0.1.16 → 0.1.18

package/package.json

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

package/src/tui/App.tsx

@@ -29,12 +29,12 @@ export function App({ state }: AppProps): React.ReactElement {
       <Header agent={state.currentAgent} />
 
       {/* Feature info and progress */}
-      <Box flexDirection="column" paddingX={1} paddingY={1}>
+      <Box flexDirection="column" paddingX={1} paddingY={0}>
         <Box>
           <Text color={colors.dim}>Feature: </Text>
           <Text bold>{state.feature}</Text>
         </Box>
-        <Box marginTop={1}>
+        <Box>
           <Text color={colors.dim}>Progress: </Text>
           <ProgressBar completed={completedCount} total={totalCount} />
         </Box>
@@ -50,12 +50,13 @@ export function App({ state }: AppProps): React.ReactElement {
       </Box>
 
       {/* Agent output */}
-      <AgentOutput lines={state.outputLines} />
+      <AgentOutput lines={state.outputLines} maxLines={8} />
 
       {/* Story grid */}
       <StoryGrid
         stories={state.stories}
         currentStoryId={state.currentStory?.id}
+        maxRows={8}
       />
 
       {/* Agent status footer */}

package/src/tui/TUIRunner.tsx

@@ -113,6 +113,10 @@ function TUIRunnerComponent({
             id: s.id,
             title: s.title,
             passes: s.passes,
+            priority: s.priority,
+            criteriaCount: s.acceptanceCriteria.length,
+            research: s.research,
+            phase: s.phase,
           })),
           agents: agentStates,
         }));
@@ -153,7 +157,15 @@ function TUIRunnerComponent({
           // Update current story
           setState((prev) => ({
             ...prev,
-            currentStory: { id: story.id, title: story.title, passes: story.passes },
+            currentStory: {
+              id: story.id,
+              title: story.title,
+              passes: story.passes,
+              priority: story.priority,
+              criteriaCount: story.acceptanceCriteria.length,
+              research: story.research,
+              phase: story.phase,
+            },
             elapsedSeconds: 0,
           }));
 
@@ -334,6 +346,10 @@ function TUIRunnerComponent({
               id: s.id,
               title: s.title,
               passes: s.passes,
+              priority: s.priority,
+              criteriaCount: s.acceptanceCriteria.length,
+              research: s.research,
+              phase: s.phase,
             })),
           }));
 

package/src/tui/components/AgentOutput.tsx

@@ -6,7 +6,7 @@
 
 import React from "react";
 import { Box, Text } from "ink";
-import { colors, borders } from "../theme.js";
+import { colors } from "../theme.js";
 
 interface AgentOutputProps {
   lines: string[];
@@ -17,19 +17,19 @@ export function AgentOutput({
   lines,
   maxLines = 8,
 }: AgentOutputProps): React.ReactElement {
-  // Take last N lines for display
-  const displayLines = lines.slice(-maxLines);
+  const clampedMaxLines = Math.max(0, maxLines);
+  const displayLines = clampedMaxLines > 0 ? lines.slice(-clampedMaxLines) : [];
 
   return (
-    <Box flexDirection="column" borderStyle="single" borderColor={colors.dim}>
-      <Box paddingX={1} borderBottom borderColor={colors.dim}>
+    <Box flexDirection="column" paddingY={1}>
+      <Box paddingX={1}>
         <Text color={colors.dim} bold>
-          Agent Output
+          ── Agent Output ──
         </Text>
       </Box>
-      <Box flexDirection="column" paddingX={1} height={maxLines}>
+      <Box flexDirection="column" paddingX={1}>
         {displayLines.length > 0 ? (
-          displayLines.map((line, i) => (
+          displayLines.slice(0, clampedMaxLines).map((line, i) => (
             <Text key={i} color={colors.dim} wrap="truncate">
               {line}
             </Text>

package/src/tui/components/AgentStatus.tsx

@@ -31,9 +31,8 @@ export function AgentStatus({
 
   return (
     <Box
-      borderStyle="single"
-      borderColor={colors.dim}
       paddingX={1}
+      paddingY={1}
       flexDirection="row"
       justifyContent="space-between"
     >

package/src/tui/components/CurrentStory.tsx

@@ -32,14 +32,14 @@ export function CurrentStory({
 }: CurrentStoryProps): React.ReactElement {
   if (!story) {
     return (
-      <Box paddingY={1}>
+      <Box>
         <Text color={colors.dim}>No story in progress</Text>
       </Box>
     );
   }
 
   return (
-    <Box flexDirection="column" paddingY={1}>
+    <Box flexDirection="column">
       <Box>
         <Text color={colors.dim}>Current Story: </Text>
         <Text color={colors.warning} bold>

package/src/tui/components/Header.tsx

@@ -16,9 +16,8 @@ interface HeaderProps {
 export function Header({ agent }: HeaderProps): React.ReactElement {
   return (
     <Box
-      borderStyle="single"
-      borderColor={colors.primary}
       paddingX={1}
+      paddingY={1}
       flexDirection="row"
       justifyContent="space-between"
     >

package/src/tui/components/StoryGrid.tsx

@@ -13,12 +13,14 @@ interface StoryGridProps {
   stories: Story[];
   currentStoryId?: string;
   columns?: number;
+  maxRows?: number;
 }
 
 export function StoryGrid({
   stories,
   currentStoryId,
   columns = 2,
+  maxRows,
 }: StoryGridProps): React.ReactElement {
   // Split stories into columns
   const rows: Story[][] = [];
@@ -35,15 +37,18 @@ export function StoryGrid({
     rows.push(row);
   }
 
+  // Constrain to maxRows
+  const visibleRows = maxRows ? rows.slice(0, maxRows) : rows;
+
   return (
-    <Box flexDirection="column" borderStyle="single" borderColor={colors.dim}>
-      <Box paddingX={1} borderBottom borderColor={colors.dim}>
+    <Box flexDirection="column" paddingY={1}>
+      <Box paddingX={1}>
         <Text color={colors.dim} bold>
-          Stories
+          ── Stories ({stories.length}) ──
         </Text>
       </Box>
-      <Box flexDirection="column" paddingX={1} paddingY={0}>
-        {rows.map((row, rowIdx) => (
+      <Box flexDirection="column" paddingX={1}>
+        {visibleRows.map((row, rowIdx) => (
           <Box key={rowIdx} flexDirection="row">
             {row.map((story, colIdx) => {
               const isCurrent = story.id === currentStoryId;
@@ -58,23 +63,55 @@ export function StoryGrid({
                   ? colors.success
                   : colors.dim;
 
+              const priorityColor =
+                story.priority <= 2 ? colors.error : story.priority <= 5 ? colors.warning : colors.dim;
+
               return (
                 <Box key={colIdx} width="50%">
+                  {/* Status symbol */}
                   <Text color={symbolColor}>{symbol} </Text>
+
+                  {/* Story ID */}
                   <Text
                     color={story.passes ? colors.success : isCurrent ? colors.warning : undefined}
                     dimColor={story.passes}
                   >
-                    {story.id.padEnd(8)}
+                    {story.id.padEnd(9)}
+                  </Text>
+
+                  {/* Priority badge */}
+                  <Text color={priorityColor} bold={story.priority <= 3}>
+                    P{story.priority}{" "}
                   </Text>
+
+                  {/* Title (longer) */}
                   <Text
-                    color={colors.dim}
+                    color={story.passes ? colors.dim : undefined}
                     dimColor={story.passes}
                     strikethrough={story.passes}
                     wrap="truncate"
                   >
-                    {story.title.substring(0, 25)}
+                    {story.title.substring(0, 40)}
+                  </Text>
+
+                  {/* Acceptance criteria count */}
+                  <Text color={colors.dim} dimColor>
+                    {" "}
+                    ({story.criteriaCount}c)
                   </Text>
+
+                  {/* Research indicator */}
+                  {story.research && (
+                    <Text color={colors.dim}> 🔍</Text>
+                  )}
+
+                  {/* Phase badge */}
+                  {story.phase && (
+                    <Text color={colors.dim} dimColor>
+                      {" "}
+                      [{story.phase}]
+                    </Text>
+                  )}
                 </Box>
               );
             })}

package/src/tui/types.ts

@@ -10,6 +10,10 @@ export interface Story {
   id: string;
   title: string;
   passes: boolean;
+  priority: number;
+  criteriaCount: number;
+  research?: boolean;
+  phase?: string;
 }
 
 export interface AgentState {