refactor(workspace): migrate from per-folder windows to single-window workspace

Replace the legacy folder + welcome routes with a unified /workspace route
that hosts all folders, conversations, tabs, and terminals in one window.

- Persist opened tabs to the database (opened_tabs entity + migration)
  so tab layout survives restarts and deep-link bootstrap restores state
- Replace FolderContext shim with AppWorkspaceProvider, ActiveFolderProvider,
  and TabProvider; expose both opened (folders) and full DB (allFolders)
  listings via list_all_folder_details
- Return conversations across all non-deleted folders from list_all when
  no folder filter is given, so the sidebar can show every folder's history
- Add ConversationContextBar above the chat input with folder picker
  (auto-opens unopened folders on select), branch picker, and commit /
  push / merge / stash entries to restore BranchDropdown functionality
- Rework sidebar with stats header, search, flat / folder-grouped view
  modes (localStorage-persisted), reveal-in-sidebar event subscriber,
  and per-folder context menu (focus, close tabs, remove from workspace);
  indent conversations under folder headers in grouped mode
- Gate terminal creation on active folder and show folder context
- Remove deprecated BranchDropdown, FolderNameDropdown, welcome route,
  and per-folder window commands
- Localize all new strings across 10 locales
This commit is contained in:
xintaofei
2026-04-20 21:22:36 +08:00
parent 10801bf393
commit d9323d7399
89 changed files with 3701 additions and 2743 deletions

View File

@@ -20,9 +20,10 @@ import {
SquareTerminal,
} from "lucide-react"
import { useTranslations } from "next-intl"
import { getGitBranch, openFolderWindow, openSettingsWindow } from "@/lib/api"
import { openSettingsWindow } from "@/lib/api"
import { useAppWorkspace } from "@/contexts/app-workspace-context"
import { useActiveFolder } from "@/contexts/active-folder-context"
import { isDesktop, openFileDialog } from "@/lib/platform"
import { useFolderContext } from "@/contexts/folder-context"
import { Button } from "@/components/ui/button"
import { useSidebarContext } from "@/contexts/sidebar-context"
import { useAuxPanelContext } from "@/contexts/aux-panel-context"
@@ -36,8 +37,6 @@ import {
matchShortcutEvent,
} from "@/lib/keyboard-shortcuts"
import { AppTitleBar } from "./app-title-bar"
import { FolderNameDropdown } from "./folder-name-dropdown"
import { BranchDropdown } from "./branch-dropdown"
import { CommandDropdown } from "./command-dropdown"
import { SearchCommandDialog } from "@/components/conversations/search-command-dialog"
import { DirectoryBrowserDialog } from "@/components/shared/directory-browser-dialog"
@@ -71,7 +70,8 @@ const MODE_TABS = [
export function FolderTitleBar() {
const tModes = useTranslations("Folder.modes")
const tTitleBar = useTranslations("Folder.folderTitleBar")
const { folder } = useFolderContext()
const { openFolder } = useAppWorkspace()
const { activeFolder } = useActiveFolder()
const { isOpen, toggle } = useSidebarContext()
const { isOpen: auxPanelOpen, toggle: toggleAuxPanel } = useAuxPanelContext()
const { isOpen: terminalOpen, toggle: toggleTerminal } = useTerminalContext()
@@ -79,14 +79,8 @@ export function FolderTitleBar() {
const { mode, setMode } = useWorkspaceContext()
const isMac = useIsMac()
const { shortcuts } = useShortcutSettings()
const [branch, setBranch] = useState<string | null>(null)
const [searchOpen, setSearchOpen] = useState(false)
const [browserOpen, setBrowserOpen] = useState(false)
const pollTimerRef = useRef<ReturnType<typeof setTimeout> | undefined>(
undefined
)
const folderPath = folder?.path ?? ""
const handleOpenFolder = useCallback(async () => {
if (isDesktop()) {
@@ -97,14 +91,14 @@ export function FolderTitleBar() {
})
if (!result) return
const selected = Array.isArray(result) ? result[0] : result
await openFolderWindow(selected, { newWindow: true })
await openFolder(selected)
} catch (err) {
console.error("[FolderTitleBar] failed to open folder:", err)
}
} else {
setBrowserOpen(true)
}
}, [])
}, [openFolder])
const handleOpenSettings = useCallback(() => {
openSettingsWindow().catch((err) => {
@@ -112,63 +106,6 @@ export function FolderTitleBar() {
})
}, [])
useEffect(() => {
if (!folderPath) return
let cancelled = false
// 10s when we have a branch, 60s when we don't. The slow poll still
// discovers a branch created externally (e.g. `git init` in a terminal)
// without hammering the backend when there is nothing to find.
const POLL_FAST_MS = 10_000
const POLL_SLOW_MS = 60_000
const clearPoll = () => {
if (pollTimerRef.current !== undefined) {
clearTimeout(pollTimerRef.current)
pollTimerRef.current = undefined
}
}
const scheduleNext = (delayMs: number) => {
clearPoll()
pollTimerRef.current = setTimeout(() => {
pollTimerRef.current = undefined
void doFetch()
}, delayMs)
}
async function doFetch() {
if (document.visibilityState !== "visible") return
let nextDelayMs = POLL_FAST_MS
try {
const b = await getGitBranch(folderPath)
if (cancelled) return
setBranch(b)
if (b === null) nextDelayMs = POLL_SLOW_MS
} catch {
if (!cancelled) setBranch(null)
nextDelayMs = POLL_SLOW_MS
}
if (!cancelled) scheduleNext(nextDelayMs)
}
function handleVisibilityChange() {
if (document.visibilityState === "visible") {
void doFetch()
}
}
void doFetch()
document.addEventListener("visibilitychange", handleVisibilityChange)
return () => {
cancelled = true
clearPoll()
document.removeEventListener("visibilitychange", handleVisibilityChange)
}
}, [folderPath])
useEffect(() => {
function handleKeyDown(e: KeyboardEvent) {
if (matchShortcutEvent(e, shortcuts.toggle_search)) {
@@ -192,9 +129,9 @@ export function FolderTitleBar() {
return
}
if (matchShortcutEvent(e, shortcuts.new_conversation)) {
if (!folderPath) return
if (!activeFolder) return
e.preventDefault()
openNewConversationTab(folderPath)
openNewConversationTab(activeFolder.id, activeFolder.path)
return
}
if (matchShortcutEvent(e, shortcuts.open_folder)) {
@@ -210,7 +147,7 @@ export function FolderTitleBar() {
document.addEventListener("keydown", handleKeyDown)
return () => document.removeEventListener("keydown", handleKeyDown)
}, [
folderPath,
activeFolder,
handleOpenFolder,
handleOpenSettings,
openNewConversationTab,
@@ -220,14 +157,6 @@ export function FolderTitleBar() {
toggleTerminal,
])
const refreshBranch = useCallback(async () => {
if (!folderPath) return
try {
setBranch(await getGitBranch(folderPath))
} catch {
setBranch(null)
}
}, [folderPath])
const isMobile = useIsMobile()
const modeContainerRef = useRef<HTMLDivElement>(null)
const modeItemRefs = useRef<Map<string, HTMLDivElement>>(new Map())
@@ -326,7 +255,6 @@ export function FolderTitleBar() {
className="block h-3 w-3 shrink-0"
shapeRendering="geometricPrecision"
/>
{/* Hide text labels on mobile to save space */}
{!isMobile && (
<span
className={cn(
@@ -365,23 +293,9 @@ export function FolderTitleBar() {
>
<Menu className="h-4 w-4" />
</Button>
<FolderNameDropdown />
<BranchDropdown
branch={branch}
parentBranch={folder?.parent_branch ?? null}
onBranchChange={refreshBranch}
/>
</div>
) : (
<div className="flex min-w-0 items-center gap-4">
<FolderNameDropdown />
<BranchDropdown
branch={branch}
parentBranch={folder?.parent_branch ?? null}
onBranchChange={refreshBranch}
/>
<div data-tauri-drag-region className="h-8 flex-1" />
</div>
<div data-tauri-drag-region className="h-8 flex-1" />
)
}
center={isMobile ? undefined : modeTabsElement}
@@ -511,7 +425,7 @@ export function FolderTitleBar() {
open={browserOpen}
onOpenChange={setBrowserOpen}
onSelect={(path) => {
openFolderWindow(path, { newWindow: true }).catch((err) => {
openFolder(path).catch((err) => {
console.error("[FolderTitleBar] failed to open folder:", err)
})
}}