diff options
| -rw-r--r-- | packages/opencode/src/cli/cmd/tui/routes/session/index.tsx | 45 |
1 files changed, 14 insertions, 31 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 78f2ff7aa..0037f23bb 100644 --- a/packages/opencode/src/cli/cmd/tui/routes/session/index.tsx +++ b/packages/opencode/src/cli/cmd/tui/routes/session/index.tsx @@ -92,7 +92,6 @@ const context = createContext<{ conceal: () => boolean showThinking: () => boolean showTimestamps: () => boolean - usernameVisible: () => boolean showDetails: () => boolean diffWrapMode: () => "word" | "none" sync: ReturnType<typeof useSync> @@ -141,7 +140,6 @@ export function Session() { const [conceal, setConceal] = createSignal(true) const [showThinking, setShowThinking] = createSignal(kv.get("thinking_visibility", true)) const [showTimestamps, setShowTimestamps] = createSignal(kv.get("timestamps", "hide") === "show") - const [usernameVisible, setUsernameVisible] = createSignal(kv.get("username_visible", true)) const [showDetails, setShowDetails] = createSignal(kv.get("tool_details_visibility", true)) const [showAssistantMetadata, setShowAssistantMetadata] = createSignal(kv.get("assistant_metadata_visibility", true)) const [showScrollbar, setShowScrollbar] = createSignal(kv.get("scrollbar_visible", false)) @@ -466,20 +464,6 @@ export function Session() { }, }, { - title: usernameVisible() ? "Hide username" : "Show username", - value: "session.username_visible.toggle", - keybind: "username_toggle", - category: "Session", - onSelect: (dialog) => { - setUsernameVisible((prev) => { - const next = !prev - kv.set("username_visible", next) - return next - }) - dialog.clear() - }, - }, - { title: "Toggle code concealment", value: "session.toggle.conceal", keybind: "messages_toggle_conceal" as any, @@ -913,7 +897,6 @@ export function Session() { conceal, showThinking, showTimestamps, - usernameVisible, showDetails, diffWrapMode, sync, @@ -1103,6 +1086,7 @@ function UserMessage(props: { const [hover, setHover] = createSignal(false) const queued = createMemo(() => props.pending && props.message.id > props.pending) const color = createMemo(() => (queued() ? theme.accent : local.agent.color(props.message.agent))) + const metadataVisible = createMemo(() => queued() || ctx.showTimestamps()) const compaction = createMemo(() => props.parts.find((x) => x.type === "compaction")) @@ -1132,7 +1116,7 @@ function UserMessage(props: { > <text fg={theme.text}>{text()?.text}</text> <Show when={files().length}> - <box flexDirection="row" paddingBottom={1} paddingTop={1} gap={1} flexWrap="wrap"> + <box flexDirection="row" paddingBottom={metadataVisible() ? 1 : 0} paddingTop={1} gap={1} flexWrap="wrap"> <For each={files()}> {(file) => { const bg = createMemo(() => { @@ -1150,23 +1134,22 @@ function UserMessage(props: { </For> </box> </Show> - <text fg={theme.textMuted}> - {ctx.usernameVisible() ? `${sync.data.config.username ?? "You "}` : "You "} - <Show - when={queued()} - fallback={ - <Show when={ctx.showTimestamps()}> + <Show + when={queued()} + fallback={ + <Show when={ctx.showTimestamps()}> + <text fg={theme.textMuted}> <span style={{ fg: theme.textMuted }}> - {ctx.usernameVisible() ? " ยท " : " "} {Locale.todayTimeOrDateTime(props.message.time.created)} </span> - </Show> - } - > - <span> </span> + </text> + </Show> + } + > + <text fg={theme.textMuted}> <span style={{ bg: theme.accent, fg: theme.backgroundPanel, bold: true }}> QUEUED </span> - </Show> - </text> + </text> + </Show> </box> </box> </Show> |