LLM/opencode
1
0
Fork 0
mirror of https://github.com/anomalyco/opencode.git synced 2026-05-18 18:16:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: defer timeline diff rendering

Browse Source
This commit is contained in:
LukeParkerDev
2026-05-14 09:59:28 +10:00
parent 0d57ecd879
commit 3fd1bddca1
1 changed files with 15 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
packages/app/src/pages/session/message-timeline.tsx
View File

@@ -360,7 +360,6 @@ function TimelineThinkingRow(props: { reasoningHeading?: string; showReasoningSu
function TimelineDiffSummaryRow(props: { diffs: SummaryDiff[] }) {
const language = useLanguage()
const fileComponent = useFileComponent()
const maxFiles = 10
const [state, setState] = createStore({
showAll: false,
@@ -394,7 +393,7 @@ function TimelineDiffSummaryRow(props: { diffs: SummaryDiff[] }) {
>
<For each={visible()}>
{(diff) => {
const view = normalize(diff)
const opened = createMemo(() => expanded().includes(diff.file))
return (
<Accordion.Item value={diff.file}>
@@ -419,9 +418,9 @@ function TimelineDiffSummaryRow(props: { diffs: SummaryDiff[] }) {
</Accordion.Trigger>
</StickyAccordionHeader>
<Accordion.Content>
<div data-slot="session-turn-diff-view" data-scrollable>
<Dynamic component={fileComponent} mode="diff" fileDiff={view.fileDiff} />
</div>
<Show when={opened()}>
<TimelineDiffView diff={diff} />
</Show>
</Accordion.Content>
</Accordion.Item>
)
@@ -438,6 +437,17 @@ function TimelineDiffSummaryRow(props: { diffs: SummaryDiff[] }) {
)
}
function TimelineDiffView(props: { diff: SummaryDiff }) {
const fileComponent = useFileComponent()
const view = normalize(props.diff)
return (
<div data-slot="session-turn-diff-view" data-scrollable>
<Dynamic component={fileComponent} mode="diff" fileDiff={view.fileDiff} />
</div>
)
}
export function MessageTimeline(props: {
mobileChanges: boolean
mobileFallback: JSX.Element