diff options
| author | Adam <[email protected]> | 2025-10-24 15:43:47 -0500 |
|---|---|---|
| committer | Adam <[email protected]> | 2025-10-24 15:43:47 -0500 |
| commit | fa8e714d6922474f314c0c94f99ccca3ef66416f (patch) | |
| tree | 6dc68828b3f706133b2ecd2fbc542ce6530b81d2 | |
| parent | 90515bc8c311c0e6159204f76c3b130ea7e80a78 (diff) | |
| download | opencode-fa8e714d6922474f314c0c94f99ccca3ef66416f.tar.gz opencode-fa8e714d6922474f314c0c94f99ccca3ef66416f.zip | |
wip: desktop work
| -rw-r--r-- | packages/desktop/src/pages/index.tsx | 23 |
1 files changed, 17 insertions, 6 deletions
diff --git a/packages/desktop/src/pages/index.tsx b/packages/desktop/src/pages/index.tsx index 3b2aa1e4a..6702284b2 100644 --- a/packages/desktop/src/pages/index.tsx +++ b/packages/desktop/src/pages/index.tsx @@ -159,6 +159,20 @@ export default function Page() { setActiveItem(undefined) } + const scrollDiffItem = (element: HTMLElement) => { + element.scrollIntoView({ block: "start", behavior: "instant" }) + } + + const handleDiffTriggerClick = (event: MouseEvent) => { + const target = event.currentTarget as HTMLElement + queueMicrotask(() => { + if (target.getAttribute("aria-expanded") !== "true") return + const item = target.closest('[data-slot="accordion-item"]') as HTMLElement | null + if (!item) return + scrollDiffItem(item) + }) + } + const handlePromptSubmit = async (parts: ContentPart[]) => { const existingSession = local.session.active() let session = existingSession @@ -564,10 +578,7 @@ export default function Page() { </For> </ul> </Show> - <div - ref={messageScrollElement} - class="grow min-w-0 h-full overflow-y-auto no-scrollbar snap-y" - > + <div ref={messageScrollElement} class="grow min-w-0 h-full overflow-y-auto no-scrollbar"> <div class="flex flex-col items-start gap-50 pb-[800px]"> <For each={local.session.userMessages()}> {(message) => { @@ -578,7 +589,7 @@ export default function Page() { return ( <div data-message={message.id} - class="flex flex-col items-start self-stretch gap-14 pt-1.5 snap-start" + class="flex flex-col items-start self-stretch gap-14 pt-1.5" > {/* Title */} <div class="flex flex-col items-start gap-2 self-stretch"> @@ -603,7 +614,7 @@ export default function Page() { {(diff) => ( <Accordion.Item value={diff.file}> <Accordion.Header> - <Accordion.Trigger> + <Accordion.Trigger onClick={handleDiffTriggerClick}> <div class="flex items-center justify-between w-full"> <div class="flex items-center gap-5"> <FileIcon |