From 9712a60dfb8dfb86423745551b3ac4b4a46bb439 Mon Sep 17 00:00:00 2001
From: 01luyicheng <your.email@example.com>
Date: Sun, 1 Feb 2026 11:20:24 +0800
Subject: [PATCH] fix(tui): Change flexDirection to column for tips layout

---
 packages/opencode/src/cli/cmd/tui/component/tips.tsx | 2 +-
 packages/opencode/src/cli/cmd/tui/routes/home.tsx    | 2 +-
 2 files 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 4bfb42dce6..f029b9d27f 100644
--- a/packages/opencode/src/cli/cmd/tui/component/tips.tsx
+++ b/packages/opencode/src/cli/cmd/tui/component/tips.tsx
@@ -36,7 +36,7 @@ export function Tips() {
   const parts = parse(TIPS[Math.floor(Math.random() * TIPS.length)])
 
   return (
-    <box flexDirection="row" maxWidth="100%">
+    <box flexDirection="column" maxWidth="100%">
       <text flexShrink={0} style={{ fg: theme.warning }}>
         ● Tip{" "}
       </text>
diff --git a/packages/opencode/src/cli/cmd/tui/routes/home.tsx b/packages/opencode/src/cli/cmd/tui/routes/home.tsx
index 9c881e3e5b..6a72b9223b 100644
--- a/packages/opencode/src/cli/cmd/tui/routes/home.tsx
+++ b/packages/opencode/src/cli/cmd/tui/routes/home.tsx
@@ -105,7 +105,7 @@ export function Home() {
             hint={Hint}
           />
         </box>
-        <box width="100%" paddingTop={2}>
+        <box width="100%" paddingTop={2} flexDirection="column">
           <Show when={showTips()}>
             <Tips />
           </Show>