monadical/opencode
14
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

fix(tui): use sender color for queued messages (#12832)

Browse Source
This commit is contained in:
Marcio
2026-02-10 05:54:12 +07:00
committed by GitHub
parent 832902c8e3
commit 056d0c1197
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/opencode/src/cli/cmd/tui/routes/session/index.tsx
View File

@@ -17,7 +17,7 @@ import { useRoute, useRouteData } from "@tui/context/route"
import { useSync } from "@tui/context/sync" import { useSync } from "@tui/context/sync"
import { SplitBorder } from "@tui/component/border" import { SplitBorder } from "@tui/component/border"
import { Spinner } from "@tui/component/spinner" import { Spinner } from "@tui/component/spinner"
import { useTheme } from "@tui/context/theme" import { selectedForeground, useTheme } from "@tui/context/theme"
import { import {
BoxRenderable, BoxRenderable,
ScrollBoxRenderable, ScrollBoxRenderable,
@@ -1152,7 +1152,8 @@ function UserMessage(props: {
const { theme } = useTheme() const { theme } = useTheme()
const [hover, setHover] = createSignal(false) const [hover, setHover] = createSignal(false)
const queued = createMemo(() => props.pending && props.message.id > props.pending) const queued = createMemo(() => props.pending && props.message.id > props.pending)
const color = createMemo(() => (queued() ? theme.accent : local.agent.color(props.message.agent))) const color = createMemo(() => local.agent.color(props.message.agent))
const queuedFg = createMemo(() => selectedForeground(theme, color()))
const metadataVisible = createMemo(() => queued() || ctx.showTimestamps()) const metadataVisible = createMemo(() => queued() || ctx.showTimestamps())
const compaction = createMemo(() => props.parts.find((x) => x.type === "compaction")) const compaction = createMemo(() => props.parts.find((x) => x.type === "compaction"))
@@ -1214,7 +1215,7 @@ function UserMessage(props: {
} }
> >
<text fg={theme.textMuted}> <text fg={theme.textMuted}>
<span style={{ bg: theme.accent, fg: theme.backgroundPanel, bold: true }}> QUEUED </span> <span style={{ bg: color(), fg: queuedFg(), bold: true }}> QUEUED </span>
</text> </text>
</Show> </Show>
</box> </box>