mirrors/opencode
1
0
Fork 0
mirror of https://github.com/sst/opencode.git synced 2025-12-23 10:11:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Merge 63624f3043 into 83397ebde2

Browse source
This commit is contained in:
André Schärpf 2025-12-23 15:42:03 +08:00 • committed by GitHub
commit 20ba42de2e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 24 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

26
packages/opencode/src/cli/cmd/tui/routes/session/sidebar.tsx
View file

@ -1,5 +1,5 @@
import { useSync } from "@tui/context/sync"
import { createMemo, For, Show, Switch, Match } from "solid-js"
import { createEffect, createMemo, createSignal, For, Show, Switch, Match } from "solid-js"
import { createStore } from "solid-js/store"
import { useTheme } from "../../context/theme"
import { Locale } from "@/util/locale"
@ -16,6 +16,18 @@ export function Sidebar(props: { sessionID: string }) {
const { theme } = useTheme()
const session = createMemo(() => sync.session.get(props.sessionID)!)
const diff = createMemo(() => sync.data.session_diff[props.sessionID] ?? [])
const batch = 25
const [pages, setPages] = createSignal(1)
createEffect(() => {
diff()
setPages(1)
})
const diffSlice = createMemo(() => {
const list = diff()
const count = pages() * batch
if (count <= 0) return []
return list.slice(0, count)
})
const todo = createMemo(() => sync.data.todo[props.sessionID] ?? [])
const messages = createMemo(() => sync.data.message[props.sessionID] ?? [])
@ -240,7 +252,7 @@ export function Sidebar(props: { sessionID: string }) {
</text>
</box>
<Show when={diff().length <= 2 || expanded.diff}>
<For each={diff() || []}>
<For each={diffSlice()}>
{(item) => {
const file = createMemo(() => {
const splits = item.file.split(path.sep).filter(Boolean)
@ -266,6 +278,16 @@ export function Sidebar(props: { sessionID: string }) {
)
}}
</For>
<Show when={diff().length > diffSlice().length}>
<box flexDirection="column" gap={0} paddingTop={1}>
<text fg={theme.textMuted}>
Showing {diffSlice().length} of {diff().length}
</text>
<text fg={theme.text} onMouseDown={() => setPages((value) => value + 1)}>
Load more ({Math.min(batch, diff().length - diffSlice().length)} more)
</text>
</box>
</Show>
</Show>
</box>
</Show>