wushenghua/hapi
1
0
Fork 0
mirror of https://github.com/wu736139669/hapi.git synced 2026-08-05 06:24:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(web): make the pinned 'in progress' section collapsible

Browse Source
This commit is contained in:
wushenghua
2026-08-02 21:26:30 +08:00
parent 597fd93b71
commit ee13e85e27
1 changed files with 25 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/components/SessionList.tsx
+11 -1
View File
@@ -1083,6 +1083,7 @@ export function SessionList(props: {
const [collapseOverrides, setCollapseOverrides] = useState<Map<string, boolean>>(
() => new Map()
)
const [runningSectionCollapsed, setRunningSectionCollapsed] = useState(false)
const autoExpandedSelectedSessionKeyRef = useRef<string | null>(null)
const isGroupCollapsed = (group: SessionGroup): boolean => {
if (isFiltering) return false
@@ -1411,7 +1412,12 @@ export function SessionList(props: {
{runningSessions.length > 0 ? (
<div key="running-section">
<div className="group/running flex min-w-0 w-full select-none items-center gap-2 rounded-lg py-1.5 pl-2 pr-2">
<div
className="group/running flex min-w-0 w-full select-none cursor-pointer items-center gap-2 rounded-lg py-1.5 pl-2 pr-2 transition-colors hover:bg-[var(--app-secondary-bg)]"
onClick={() => setRunningSectionCollapsed((value) => !value)}
title={t('sessions.runningSection')}
>
<ChevronIcon className="h-3.5 w-3.5 text-[var(--app-hint)] shrink-0" collapsed={runningSectionCollapsed} />
<span className="inline-flex h-3.5 w-3.5 shrink-0 items-center justify-center" aria-hidden="true">
<span className="h-1.5 w-1.5 rounded-full bg-[var(--app-badge-success-text)] animate-pulse" />
</span>
@@ -1422,6 +1428,8 @@ export function SessionList(props: {
({runningSessions.length})
</span>
</div>
<div className="collapsible-panel" data-open={!runningSectionCollapsed || undefined}>
<div className="collapsible-inner">
<div className="flex flex-col gap-0.5 ml-3 pl-1 py-1">
{runningSessions.map((s) => (
<SessionItem
@@ -1438,6 +1446,8 @@ export function SessionList(props: {
))}
</div>
</div>
</div>
</div>
) : null}
{groups.map((group) => {
const isCollapsed = isGroupCollapsed(group)