diff --git a/packages/opencode/src/cli/cmd/tui/component/logo.tsx b/packages/opencode/src/cli/cmd/tui/component/logo.tsx
index 6fd744794..771962b75 100644
--- a/packages/opencode/src/cli/cmd/tui/component/logo.tsx
+++ b/packages/opencode/src/cli/cmd/tui/component/logo.tsx
@@ -8,19 +8,9 @@ import { useTheme, tint } from "@tui/context/theme"
// ~ = shadow top only (▀ with fg=shadow)
const SHADOW_MARKER = /[_^~]/
-const LOGO_LEFT = [
- ` `,
- `█▀▀█ █▀▀█ █▀▀█ █▀▀▄`,
- `█__█ █__█ █^^^ █__█`,
- `▀▀▀▀ █▀▀▀ ▀▀▀▀ ▀~~▀`,
-]
+const LOGO_LEFT = [` `, `█▀▀█ █▀▀█ █▀▀█ █▀▀▄`, `█__█ █__█ █^^^ █__█`, `▀▀▀▀ █▀▀▀ ▀▀▀▀ ▀~~▀`]
-const LOGO_RIGHT = [
- ` ▄ `,
- `█▀▀▀ █▀▀█ █▀▀█ █▀▀█`,
- `█___ █__█ █__█ █^^^`,
- `▀▀▀▀ ▀▀▀▀ ▀▀▀▀ ▀▀▀▀`,
-]
+const LOGO_RIGHT = [` ▄ `, `█▀▀▀ █▀▀█ █▀▀█ █▀▀█`, `█___ █__█ █__█ █^^^`, `▀▀▀▀ ▀▀▀▀ ▀▀▀▀ ▀▀▀▀`]
export function Logo() {
const { theme } = useTheme()
@@ -36,24 +26,44 @@ export function Logo() {
const markerIndex = rest.search(SHADOW_MARKER)
if (markerIndex === -1) {
- elements.push({rest})
+ elements.push(
+
+ {rest}
+ ,
+ )
break
}
if (markerIndex > 0) {
- elements.push({rest.slice(0, markerIndex)})
+ elements.push(
+
+ {rest.slice(0, markerIndex)}
+ ,
+ )
}
const marker = rest[markerIndex]
switch (marker) {
case "_":
- elements.push( )
+ elements.push(
+
+ {" "}
+ ,
+ )
break
case "^":
- elements.push(▀)
+ elements.push(
+
+ ▀
+ ,
+ )
break
case "~":
- elements.push(▀)
+ elements.push(
+
+ ▀
+ ,
+ )
break
}