From 2cd122c9c17d9b04ed5a7332ecdbaa19ea71c3c6 Mon Sep 17 00:00:00 2001
From: alt-glitch <balyan.sid@gmail.com>
Date: Tue, 9 Jun 2026 05:22:26 +0000
Subject: [PATCH] opentui(v5b): frame the startup panel in a themed border box

Design-judge top nit: Ink's bordered-box-around-the-session-info is the single
biggest 'designed home screen vs log output' signal, and the flat left-aligned
version lacked it. Wrap the model/dir/session block + Tools/Skills/MCP sections +
summary in a full border box (theme border token); banner+tagline stay above,
tips below. 85 pass.
---
 ui-tui-opentui-v2/src/view/homeHint.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/ui-tui-opentui-v2/src/view/homeHint.tsx b/ui-tui-opentui-v2/src/view/homeHint.tsx
index 922682fc07e..482495b8370 100644
--- a/ui-tui-opentui-v2/src/view/homeHint.tsx
+++ b/ui-tui-opentui-v2/src/view/homeHint.tsx
@@ -91,8 +91,15 @@ export function HomeHint(props: { store: SessionStore }) {
         <span style={{ fg: theme().color.muted }}>Nous Research · Messenger of the Digital Gods</span>
       </text>
 
+      {/* framed session panel (Ink SessionPanel parity) — the bordered box is the
+          key "this is a designed home screen, not log output" signal. */}
+      <box
+        style={{ flexDirection: 'column', marginTop: 1, paddingLeft: 1, paddingRight: 1 }}
+        border
+        borderColor={theme().color.border}
+      >
       {/* session info block: model · Nous Research / dir / Session id */}
-      <box style={{ flexDirection: 'column', marginTop: 1 }}>
+      <box style={{ flexDirection: 'column' }}>
         <Show when={info().model}>
           <text selectable={false}>
             <span style={{ fg: theme().color.accent }}>{shortModel(info().model!)}</span>
@@ -162,6 +169,8 @@ export function HomeHint(props: { store: SessionStore }) {
           </box>
         )}
       </Show>
+      </box>
+      {/* end framed session panel */}
 
       <box style={{ marginTop: 1 }}>
         <text selectable={false}>