([])
- const load = useCallback((p: string, push: boolean) => {
- setLoading(true)
- postJson('/api/worktable/fs', {
- path: p,
- sessionId: splitEnv?.getScope()?.sessionId ?? '',
- cwd: splitEnv?.getScope()?.cwd ?? '',
- })
- .then((d) => {
- setPath(d.path ?? p)
- setEntries(d.entries ?? [])
- setError('')
- setHistory((h) => (push && p !== d.path ? [...h, p] : h))
+ const [, setTick] = useState(0)
+ const rerender = () => setTick((t) => t + 1)
+
+ const fetchDir = useCallback(async (path: string, force = false) => {
+ if (!force && cacheRef.current[path]) return { path, entries: cacheRef.current[path] }
+ try {
+ const d = await postJson('/api/worktable/fs', {
+ path,
+ sessionId: splitEnv?.getScope()?.sessionId ?? '',
+ cwd: splitEnv?.getScope()?.cwd ?? '',
})
- .catch((e) => setError(String(e)))
- .finally(() => setLoading(false))
+ const entries: any[] = d.entries ?? []
+ cacheRef.current[d.path] = entries
+ setError(d.error ? String(d.error) : '')
+ return { path: d.path, entries }
+ } catch (e) {
+ setError(String(e))
+ return { path, entries: [] }
+ } finally {
+ rerender()
+ }
}, [])
- useEffect(() => {
- load(splitEnv?.getScope()?.cwd ?? '', false)
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, [])
- const back = () => {
- setHistory((h) => {
- if (h.length === 0) return h
- const prev = h[h.length - 1]
- load(prev, false)
- return h.slice(0, -1)
- })
+
+ const initRoot = useCallback(async () => {
+ const r = await fetchDir(splitEnv?.getScope()?.cwd ?? '')
+ setRootPath(r.path)
+ rerender()
+ }, [fetchDir])
+
+ useEffect(() => { initRoot() }, [initRoot])
+
+ const toggle = (path: string) => {
+ if (expandedRef.current.has(path)) expandedRef.current.delete(path)
+ else { expandedRef.current.add(path); fetchDir(path) }
+ rerender()
}
+
+ const refresh = () => {
+ cacheRef.current = {}
+ expandedRef.current.clear()
+ setError('')
+ initRoot()
+ }
+
+ const goUp = () => {
+ if (!rootPath) return
+ const parent = parentPathOf(rootPath)
+ if (parent === rootPath) return
+ cacheRef.current = {}
+ expandedRef.current.clear()
+ setError('')
+ fetchDir(parent).then((r) => { setRootPath(r.path); rerender() })
+ }
+
+ const renderLevel = (path: string, depth: number): any[] => {
+ const entries = cacheRef.current[path]
+ if (!entries) return []
+ const nodes: any[] = []
+ for (const e of entries) {
+ const isOpen = expandedRef.current.has(e.path)
+ nodes.push(
+
+
+ {e.isDir && isOpen && renderLevel(e.path, depth + 1)}
+
,
+ )
+ }
+ return nodes
+ }
+
return (
<>
-
-
-
- {path || '…'}
+
+
+ {rootPath || '…'}
{error &&
{error}
}
- {!error && !loading && entries.length === 0 &&
—
}
- {entries.map((e) => (
-
- ))}
+ {!error && cacheRef.current[rootPath]?.length === 0 &&
—
}
+ {renderLevel(rootPath, 0)}
+
{T('pane.jobsTitle')}
{jobs.length === 0 &&
{T('pane.jobsEmpty')}
}
{jobs.map((j) => (
@@ -836,6 +898,15 @@ function JobsPane() {
{j.kind}
))}
+
{T('pane.subagents')}
+ {subagents.length === 0 &&
{T('pane.subagentsEmpty')}
}
+ {subagents.map((s: any, i: number) => (
+
+ ●
+ {s?.label ?? s?.title ?? s?.name ?? '—'}
+ {s?.status && {s.status}}
+
+ ))}