feat: add Ink-based fullscreen TUI components

2026-02-05 00:39:53 -08:00
parent c0deeb5cf0
commit 53a8bd97eb
6 changed files with 197 additions and 1 deletions
@@ -0,0 +1,28 @@
+import React from 'react';
+import { Box, Text } from 'ink';
+
+export interface StatusBarProps {
+  sessionId: string;
+  messageCount: number;
+  model: string;
+}
+
+export function StatusBar({ sessionId, messageCount, model }: StatusBarProps): React.ReactElement {
+  return (
+    <Box borderStyle="single" borderColor="gray" paddingX={1}>
+      <Box flexGrow={1}>
+        <Text color="cyan">Flynn</Text>
+        <Text color="gray"> | </Text>
+        <Text color="gray">Session: </Text>
+        <Text>{sessionId}</Text>
+      </Box>
+      <Box>
+        <Text color="gray">Messages: </Text>
+        <Text>{messageCount}</Text>
+        <Text color="gray"> | </Text>
+        <Text color="gray">Model: </Text>
+        <Text color="green">{model}</Text>
+      </Box>
+    </Box>
+  );
+}