From 5cbe764fa7354670bdbe2dfb9a90e91abc13f0d5 Mon Sep 17 00:00:00 2001
From: 01luyicheng <your.email@example.com>
Date: Sun, 1 Feb 2026 10:37:58 +0800
Subject: [PATCH] fix(tui): Fix TypeScript error in tips.tsx

---
 packages/opencode/src/cli/cmd/tui/component/tips.tsx | 5 +++--
 1 file changed, 3 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 141fddaad8..a7cce58e16 100644
--- a/packages/opencode/src/cli/cmd/tui/component/tips.tsx
+++ b/packages/opencode/src/cli/cmd/tui/component/tips.tsx
@@ -1,5 +1,6 @@
 import { createMemo, createSignal, For } from "solid-js"
 import { DEFAULT_THEMES, useTheme } from "@tui/context/theme"
+import { Locale } from "@/util/locale"
 
 const themeCount = Object.keys(DEFAULT_THEMES).length
 const themeTip = `Use {highlight}/theme{/highlight} or {highlight}Ctrl+X T{/highlight} to switch between ${themeCount} built-in themes`
@@ -39,9 +40,9 @@ export function Tips() {
       <text flexShrink={0} style={{ fg: theme.warning }}>
         ● Tip{" "}
       </text>
-      <text flexShrink={1} wrapMode="none">
+      <text flexShrink={1} wrapMode="none" overflow="hidden">
         <For each={parts}>
-          {(part) => <span flexShrink={0} style={{ fg: part.highlight ? theme.text : theme.textMuted }}>{part.text}</span>}
+          {(part) => <span style={{ fg: part.highlight ? theme.text : theme.textMuted }}>{part.text}</span>}
         </For>
       </text>
     </box>