summaryrefslogtreecommitdiffhomepage
path: root/packages/ui/src/components/message-nav.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/ui/src/components/message-nav.tsx')
-rw-r--r--packages/ui/src/components/message-nav.tsx21
1 files changed, 4 insertions, 17 deletions
diff --git a/packages/ui/src/components/message-nav.tsx b/packages/ui/src/components/message-nav.tsx
index 29b465c8c..7416cfd93 100644
--- a/packages/ui/src/components/message-nav.tsx
+++ b/packages/ui/src/components/message-nav.tsx
@@ -1,7 +1,6 @@
import { UserMessage } from "@opencode-ai/sdk/v2"
-import { ComponentProps, createMemo, For, Match, Show, splitProps, Switch } from "solid-js"
+import { ComponentProps, For, Match, Show, splitProps, Switch } from "solid-js"
import { DiffChanges } from "./diff-changes"
-import { Spinner } from "./spinner"
import { Tooltip } from "@kobalte/core/tooltip"
export function MessageNav(
@@ -9,20 +8,15 @@ export function MessageNav(
messages: UserMessage[]
current?: UserMessage
size: "normal" | "compact"
- working?: boolean
onMessageSelect: (message: UserMessage) => void
},
) {
- const [local, others] = splitProps(props, ["messages", "current", "size", "working", "onMessageSelect"])
- const lastUserMessage = createMemo(() => {
- return local.messages?.at(0)
- })
+ const [local, others] = splitProps(props, ["messages", "current", "size", "onMessageSelect"])
const content = () => (
<ul role="list" data-component="message-nav" data-size={local.size} {...others}>
<For each={local.messages}>
{(message) => {
- const messageWorking = createMemo(() => message.id === lastUserMessage()?.id && local.working)
const handleClick = () => local.onMessageSelect(message)
return (
@@ -35,14 +29,7 @@ export function MessageNav(
</Match>
<Match when={local.size === "normal"}>
<button data-slot="message-nav-message-button" onClick={handleClick}>
- <Switch>
- <Match when={messageWorking()}>
- <Spinner />
- </Match>
- <Match when={true}>
- <DiffChanges changes={message.summary?.diffs ?? []} variant="bars" />
- </Match>
- </Switch>
+ <DiffChanges changes={message.summary?.diffs ?? []} variant="bars" />
<div
data-slot="message-nav-title-preview"
data-active={message.id === local.current?.id || undefined}
@@ -64,7 +51,7 @@ export function MessageNav(
return (
<Switch>
<Match when={local.size === "compact"}>
- <Tooltip openDelay={0} closeDelay={300} placement="left-start" gutter={-65} shift={-16} overlap>
+ <Tooltip openDelay={0} closeDelay={300} placement="right-start" gutter={-40} shift={-10} overlap>
<Tooltip.Trigger as="div">{content()}</Tooltip.Trigger>
<Tooltip.Portal>
<Tooltip.Content data-slot="message-nav-tooltip">