tui: add visual separator between username and timestamp for better readability

1 files changed, 2 insertions, 1 deletions

diff --git a/packages/opencode/src/cli/cmd/tui/routes/session/index.tsx b/packages/opencode/src/cli/cmd/tui/routes/session/index.tsx
index 4b1deea29..4d1b50ccf 100644
--- a/packages/opencode/src/cli/cmd/tui/routes/session/index.tsx
+++ b/packages/opencode/src/cli/cmd/tui/routes/session/index.tsx
@@ -1065,11 +1065,12 @@ function UserMessage(props: {
               </box>
             </Show>
             <text fg={theme.textMuted}>
-              {ctx.usernameVisible() ? `${sync.data.config.username ?? "You"} ` : "You"}{" "}
+              {ctx.usernameVisible() ? `${sync.data.config.username ?? "You"}` : "You"}
               <Show
                 when={queued()}
                 fallback={
                   <span style={{ fg: theme.textMuted }}>
+                    {ctx.usernameVisible() ? " · " : " "}
                     {ctx.showTimestamps()
                       ? Locale.todayTimeOrDateTime(props.message.time.created)
                       : Locale.time(props.message.time.created)}