From 16409ff42d320594769efa9c7b3f731dbc3b3c5e Mon Sep 17 00:00:00 2001
From: Jason Woltje <jason@diversecanvas.com>
Date: Sun, 15 Mar 2026 13:59:48 -0500
Subject: [PATCH] =?UTF-8?q?feat(cli):=20simplify=20top=20bar=20=E2=80=94?=
 =?UTF-8?q?=20title=20+=20host=20only?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Show 'Mosaic Stack TUI' on left, gateway host on right
- Remove connection status from top bar (lives in footer)
- Remove model/conversation from top bar (lives in footer)
---
 packages/cli/src/tui/components/top-bar.tsx | 45 +++------------------
 1 file changed, 5 insertions(+), 40 deletions(-)

diff --git a/packages/cli/src/tui/components/top-bar.tsx b/packages/cli/src/tui/components/top-bar.tsx
index e4f4be5..fff5133 100644
--- a/packages/cli/src/tui/components/top-bar.tsx
+++ b/packages/cli/src/tui/components/top-bar.tsx
@@ -2,54 +2,19 @@ import React from 'react';
 import { Box, Text } from 'ink';
 
 export interface TopBarProps {
-  connected: boolean;
-  connecting: boolean;
   gatewayUrl: string;
-  conversationId?: string;
-  modelName: string | null;
 }
 
-export function TopBar({
-  connected,
-  connecting,
-  gatewayUrl,
-  conversationId,
-  modelName,
-}: TopBarProps) {
-  const indicator = connected ? '●' : '○';
-  const indicatorColor = connected ? 'green' : connecting ? 'yellow' : 'red';
-
-  const statusLabel = connected ? 'connected' : connecting ? 'connecting' : 'disconnected';
-
+export function TopBar({ gatewayUrl }: TopBarProps) {
   // Strip protocol for compact display
   const host = gatewayUrl.replace(/^https?:\/\//, '');
 
   return (
     <Box borderStyle="single" borderColor="gray" paddingX={1} justifyContent="space-between">
-      <Box>
-        <Text bold color="blue">
-          mosaic
-        </Text>
-        <Text> </Text>
-        <Text color={indicatorColor}>{indicator}</Text>
-        <Text dimColor> {statusLabel}</Text>
-        <Text dimColor> · {host}</Text>
-      </Box>
-      <Box>
-        {modelName && (
-          <>
-            <Text dimColor>model: </Text>
-            <Text color="magenta">{modelName}</Text>
-            <Text> </Text>
-          </>
-        )}
-        {conversationId && (
-          <>
-            <Text dimColor>conv: </Text>
-            <Text>{conversationId.slice(0, 8)}</Text>
-          </>
-        )}
-      </Box>
+      <Text bold color="blue">
+        Mosaic Stack TUI
+      </Text>
+      <Text dimColor>{host}</Text>
     </Box>
   );
 }