fix: repo path link now displays correctly with hover

Fixed the inline link issue where the repo path wasn't showing up.
Changed from inline text approach to a flex row layout so the link
can properly support hover/click interactions. The path now displays
correctly, is blue, and underlines on hover.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: brandonkachen

cli/src/chat.tsx

@@ -292,18 +292,20 @@ export const App = ({
       blocks.push({
         type: 'html',
         render: () => (
-          <text>
-            Codebuff can read and write files in{' '}
+          <box style={{ flexDirection: 'row', gap: 0, flexWrap: 'wrap' }}>
+            <text wrap={false}>Codebuff can read and write files in </text>
             <TerminalLink
               text={displayPath}
               color="#3b82f6"
-              inline={true}
+              inline={false}
+              lineWrap={false}
+              containerStyle={{ flexDirection: 'row', width: 'auto' }}
               onActivate={async () => {
                 await openFileAtPath(repoRoot)
               }}
             />
-            , and run terminal commands to help you build.
-          </text>
+            <text wrap={false}>, and run terminal commands to help you build.</text>
+          </box>
         ),
       })
 

cli/src/components/terminal-link.tsx

@@ -50,26 +50,9 @@ export const TerminalLink: React.FC<TerminalLinkProps> = ({
     }
   }, [onActivate])
 
-  // For inline mode, wrap in a text element with hover support
+  // For inline mode, render without hover/click support (spans don't support mouse events)
   if (inline) {
-    const content = shouldUnderline ? (
-      <u>
-        <span fg={displayColor}>{text}</span>
-      </u>
-    ) : (
-      <span fg={displayColor}>{text}</span>
-    )
-
-    return (
-      <text
-        wrap={false}
-        onMouseOver={() => setIsHovered(true)}
-        onMouseOut={() => setIsHovered(false)}
-        onMouseDown={handleActivate}
-      >
-        {content}
-      </text>
-    )
+    return <span fg={displayColor}>{text}</span>
   }
 
   return (