From 74bc4988a5205b001ca12187afaab284aee93d69 Mon Sep 17 00:00:00 2001
From: 01luyicheng <your.email@example.com>
Date: Sun, 1 Feb 2026 11:25:15 +0800
Subject: [PATCH] fix(tui): Use flexGrow instead of flexShrink for tips text

---
 packages/opencode/src/cli/cmd/tui/component/tips.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/opencode/src/cli/cmd/tui/component/tips.tsx b/packages/opencode/src/cli/cmd/tui/component/tips.tsx
index f029b9d27f..3da26d3e4e 100644
--- a/packages/opencode/src/cli/cmd/tui/component/tips.tsx
+++ b/packages/opencode/src/cli/cmd/tui/component/tips.tsx
@@ -36,11 +36,11 @@ export function Tips() {
   const parts = parse(TIPS[Math.floor(Math.random() * TIPS.length)])
 
   return (
-    <box flexDirection="column" maxWidth="100%">
+    <box flexDirection="column" width="100%">
       <text flexShrink={0} style={{ fg: theme.warning }}>
         ● Tip{" "}
       </text>
-      <text flexShrink={1} wrapMode="word" width="100%">
+      <text flexGrow={1} wrapMode="word">
         <For each={parts}>
           {(part) => <span style={{ fg: part.highlight ? theme.text : theme.textMuted }}>{part.text}</span>}
         </For>