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 2

feat(desktop): Loading more session number per project by button (#5616)

Browse source 
Co-authored-by: Aiden Cline <63023139+rekram1-node@users.noreply.github.com>
This commit is contained in:
Eric Guo 2025-12-17 04:50:33 +08:00 • committed by GitHub
parent 1aee8b49e1
commit a2c91ebc32
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 22 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

6
packages/desktop/src/context/global-sync.tsx
View file

@ -99,19 +99,19 @@ export const { use: useGlobalSync, provider: GlobalSyncProvider } = createSimple
}
async function loadSessions(directory: string) {
const [store, setStore] = child(directory)
globalSDK.client.session.list({ directory }).then((x) => {
const fourHoursAgo = Date.now() - 4 * 60 * 60 * 1000
const nonArchived = (x.data ?? [])
.slice()
.filter((s) => !s.time.archived)
.sort((a, b) => a.id.localeCompare(b.id))
// Include at least 5 sessions, plus any updated in the last hour
// Include sessions up to the limit, plus any updated in the last hour
const sessions = nonArchived.filter((s, i) => {
if (i < 5) return true
if (i < store.limit) return true
const updated = new Date(s.time.updated).getTime()
return updated > fourHoursAgo
})
const [, setStore] = child(directory)
setStore("session", sessions)
})
}

20
packages/desktop/src/pages/layout.tsx
View file

@ -497,7 +497,7 @@ export default function Layout(props: ParentProps) {
const sortable = createSortable(props.project.worktree)
const slug = createMemo(() => base64Encode(props.project.worktree))
const name = createMemo(() => getFilename(props.project.worktree))
const [store] = globalSync.child(props.project.worktree)
const [store, setProjectStore] = globalSync.child(props.project.worktree)
const sessions = createMemo(() => store.session ?? [])
const rootSessions = createMemo(() => sessions().filter((s) => !s.parentID))
const childSessionsByParent = createMemo(() => {
@ -511,6 +511,11 @@ export default function Layout(props: ParentProps) {
}
return map
})
const hasMoreSessions = createMemo(() => store.session.length >= store.limit)
const loadMoreSessions = async () => {
setProjectStore("limit", (limit) => limit + 10)
await globalSync.project.loadSessions(props.project.worktree)
}
const [expanded, setExpanded] = createSignal(true)
return (
// @ts-ignore
@ -583,6 +588,19 @@ export default function Layout(props: ParentProps) {
</div>
</div>
</Show>
<Show when={hasMoreSessions()}>
<div class="relative w-full pl-4 pr-2 py-1">
<Button
variant="ghost"
class="w-full text-12-regular text-text-muted"
size="small"
icon="plus-small"
onClick={loadMoreSessions}
>
Load more
</Button>
</div>
</Show>
</nav>
</Collapsible.Content>
</Collapsible>