Simplify title screen

Author: jahooma

cli/src/chat.tsx

@@ -189,11 +189,6 @@ export const App = ({
     }
 
     const agentListId = 'loaded-agents-list'
-    const userCredentials = getUserCredentials()
-    const greeting = userCredentials?.name?.trim().length
-      ? `Welcome back, ${userCredentials.name.trim()}!`
-      : null
-
     const baseTextColor = theme.foreground
 
     const homeDir = os.homedir()
@@ -205,7 +200,7 @@ export const App = ({
 
     const agentSectionHeader = agentId
       ? `**Active agent: ${agentId}**`
-      : `**Active agent:** *fast default (base2-fast)*`
+      : undefined
 
     const buildBlocks = (listId: string): ContentBlock[] => {
       const blocks: ContentBlock[] = [
@@ -218,29 +213,27 @@ export const App = ({
         },
       ]
 
-      if (greeting) {
-        blocks.push({
-          type: 'text',
-          content: greeting,
-          color: baseTextColor,
-        })
-      }
-
       blocks.push({
         type: 'html',
         render: () => (
-          <text style={{ wrapMode: 'word' }}>
-            <span fg={baseTextColor}>
-              Codebuff can read and write files in{' '}
-              <TerminalLink
-                text={displayPath}
-                inline={true}
-                underlineOnHover={true}
-                onActivate={() => openFileAtPath(repoRoot)}
-              />
-              , and run terminal commands to help you build.
-            </span>
-          </text>
+          <>
+            <text style={{ wrapMode: 'word', marginBottom: 1 }}>
+              <span fg={baseTextColor}>
+                Codebuff will run commands on your behalf to help you build.
+              </span>
+            </text>
+            <text style={{ wrapMode: 'word', marginBottom: 1 }}>
+              <span fg={baseTextColor}>
+                Directory{' '}
+                <TerminalLink
+                  text={displayPath}
+                  inline={true}
+                  underlineOnHover={true}
+                  onActivate={() => openFileAtPath(repoRoot)}
+                />
+              </span>
+            </text>
+          </>
         ),
       })
 
@@ -251,13 +244,15 @@ export const App = ({
         agentsDir: loadedAgentsData.agentsDir,
       })
 
-      blocks.push({
-        type: 'text',
-        content: agentSectionHeader,
-        marginTop: 1,
-        marginBottom: 0,
-        color: baseTextColor,
-      })
+      if (agentSectionHeader) {
+        blocks.push({
+          type: 'text',
+          content: agentSectionHeader,
+          marginTop: 1,
+          marginBottom: 0,
+          color: baseTextColor,
+        })
+      }
 
       return blocks
     }
@@ -485,8 +480,10 @@ export const App = ({
 
   const abortControllerRef = useRef<AbortController | null>(null)
 
-  const { scrollToLatest, scrollboxProps, isAtBottom } =
-    useChatScrollbox(scrollRef, messages)
+  const { scrollToLatest, scrollboxProps, isAtBottom } = useChatScrollbox(
+    scrollRef,
+    messages,
+  )
 
   const inertialScrollAcceleration = useMemo(
     () => createChatScrollAcceleration(),

cli/src/components/message-block.tsx

@@ -266,9 +266,7 @@ export const MessageBlock = ({
     const headerName = displayInfo.name
 
     return (
-      <box
-        key={keyPrefix}
-      >
+      <box key={keyPrefix}>
         {toolRenderConfig.content ? (
           toolRenderConfig.content
         ) : (
@@ -343,10 +341,7 @@ export const MessageBlock = ({
     const statusIndicator = isActive ? '●' : '✓'
 
     return (
-      <box
-        key={keyPrefix}
-        style={{ flexDirection: 'column', gap: 0 }}
-      >
+      <box key={keyPrefix} style={{ flexDirection: 'column', gap: 0 }}>
         <AgentBranchItem
           name={agentBlock.agentName}
           content={displayContent}
@@ -371,7 +366,6 @@ export const MessageBlock = ({
     isLastBranch: boolean,
     keyPrefix: string,
   ): React.ReactNode {
-    const TRUNCATE_LIMIT = 3
     const isCollapsed = collapsedAgents.has(agentListBlock.id)
     const { agents } = agentListBlock
 
@@ -388,9 +382,6 @@ export const MessageBlock = ({
     })
 
     const agentCount = sortedAgents.length
-    const previewAgents = sortedAgents.slice(0, TRUNCATE_LIMIT)
-    const remainingCount =
-      agentCount > TRUNCATE_LIMIT ? agentCount - TRUNCATE_LIMIT : 0
 
     const formatIdentifier = (agent: { id: string; displayName: string }) =>
       agent.displayName && agent.displayName !== agent.id
@@ -419,33 +410,16 @@ export const MessageBlock = ({
     )
 
     const headerText = pluralize(agentCount, 'local agent')
-    const previewLines = previewAgents.map(
-      (agent) => `  • ${formatIdentifier(agent)}`,
-    )
-    const finishedPreview = isCollapsed
-      ? [
-          ...previewLines,
-          remainingCount > 0
-            ? `  ... ${pluralize(remainingCount, 'more agent')} available`
-            : null,
-        ]
-          .filter(Boolean)
-          .join('\n')
-      : ''
-
     return (
-      <box
-        key={keyPrefix}
-      >
-        <AgentBranchItem
+      <box key={keyPrefix}>
+        <ToolCallItem
           name={headerText}
           content={agentListContent}
-          agentId={agentListBlock.id}
           isCollapsed={isCollapsed}
           isStreaming={false}
           branchChar=""
           streamingPreview=""
-          finishedPreview={finishedPreview}
+          finishedPreview=""
           onToggle={() => onToggleCollapsed(agentListBlock.id)}
         />
       </box>