@arvorco/relentless 0.1.17 → 0.1.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arvorco/relentless",
-  "version": "0.1.17",
+  "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

@@ -21,38 +21,22 @@ interface AppProps {
 
 export function App({ state }: AppProps): React.ReactElement {
   const { stdout } = useStdout();
-  const [terminalRows, setTerminalRows] = React.useState(() => stdout.rows ?? 24);
-
-  React.useEffect(() => {
-    if (!stdout.isTTY) return;
-
-    const handleResize = () => {
-      setTerminalRows(stdout.rows ?? 24);
-    };
-
-    stdout.on("resize", handleResize);
-    return () => {
-      stdout.off("resize", handleResize);
-    };
-  }, [stdout]);
-
+  const terminalRows = stdout.rows ?? 24;
+  
   const completedCount = state.stories.filter((s) => s.passes).length;
   const totalCount = state.stories.length;
-
-  // Prevent Ink from overflowing terminal height.
-  // Total height = agentOutputLines + storyGridRows + 18 (with compact layout below).
-  const contentBudget = Math.max(0, terminalRows - 18);
-
-  const minAgentLines = contentBudget > 0 ? Math.min(3, contentBudget) : 0;
-  const maxAgentLines = Math.min(10, contentBudget);
-  let agentOutputLines = Math.floor(contentBudget * 0.35);
-  agentOutputLines = Math.max(minAgentLines, Math.min(maxAgentLines, agentOutputLines));
-
-  let storyGridRows = contentBudget - agentOutputLines;
-  if (totalCount > 0 && storyGridRows === 0 && contentBudget >= 2) {
-    agentOutputLines -= 1;
-    storyGridRows = 1;
-  }
+  
+  // 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%">
@@ -87,7 +71,7 @@ export function App({ state }: AppProps): React.ReactElement {
       <StoryGrid
         stories={state.stories}
         currentStoryId={state.currentStory?.id}
-        maxRows={storyGridRows}
+        maxRows={maxStoryRows}
       />
 
       {/* 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

@@ -21,27 +21,25 @@ export function AgentOutput({
   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>
-      {clampedMaxLines > 0 && (
-        <Box flexDirection="column" paddingX={1} height={clampedMaxLines}>
-          {displayLines.length > 0 ? (
-            displayLines.map((line, i) => (
-              <Text key={i} color={colors.dim} wrap="truncate">
-                {line}
-              </Text>
-            ))
-          ) : (
-            <Text color={colors.dim} dimColor>
-              Waiting for agent output...
+      <Box flexDirection="column" paddingX={1}>
+        {displayLines.length > 0 ? (
+          displayLines.slice(0, clampedMaxLines).map((line, i) => (
+            <Text key={i} color={colors.dim} wrap="truncate">
+              {line}
             </Text>
-          )}
-        </Box>
-      )}
+          ))
+        ) : (
+          <Text color={colors.dim} dimColor>
+            Waiting for agent output...
+          </Text>
+        )}
+      </Box>
     </Box>
   );
 }

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/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

@@ -37,43 +37,47 @@ export function StoryGrid({
     rows.push(row);
   }
 
-  // Constrain rows to prevent TUI from overflowing terminal height.
-  // When constrained, keep the current story visible by windowing around its row.
-  const totalRows = rows.length;
-  const clampedMaxRows = maxRows === undefined ? undefined : Math.max(0, maxRows);
-
+  // Window around current story to show context
   let visibleRows = rows;
   let startRow = 0;
+  let endRow = rows.length;
 
-  if (clampedMaxRows !== undefined && totalRows > clampedMaxRows) {
+  if (maxRows && rows.length > maxRows) {
+    // Find the row containing the current story
     const currentRowIdx = currentStoryId
-      ? rows.findIndex((r) => r.some((s) => s.id === currentStoryId))
+      ? rows.findIndex((row) => row.some((story) => story.id === currentStoryId))
       : -1;
 
-    const windowSize = clampedMaxRows;
-    const half = Math.floor(windowSize / 2);
-
-    startRow = currentRowIdx >= 0 ? Math.max(0, currentRowIdx - half) : 0;
-    if (startRow + windowSize > totalRows) {
-      startRow = Math.max(0, totalRows - windowSize);
+    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);
     }
-
-    visibleRows = rows.slice(startRow, startRow + windowSize);
   }
 
   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>
-          {visibleRows.length < totalRows
-            ? `Stories (${startRow + 1}-${startRow + visibleRows.length} of ${totalRows} rows)`
-            : "Stories"}
+          {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} paddingY={0}>
-        {visibleRows.map((row, visibleRowIdx) => {
-          const rowIdx = startRow + visibleRowIdx;
-          return (
+      <Box flexDirection="column" paddingX={1}>
+        {visibleRows.map((row, rowIdx) => (
           <Box key={rowIdx} flexDirection="row">
             {row.map((story, colIdx) => {
               const isCurrent = story.id === currentStoryId;
@@ -88,29 +92,60 @@ 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>
               );
             })}
           </Box>
-          );
-        })}
+        ))}
       </Box>
     </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 {