@cerbur/clutch-dsh-worktree 0.1.17 → 0.1.19

package/lib/client/dashboard/WorktreeDashboard.js

@@ -1,23 +1,51 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { NotificationToasts } from '../surface/components/NotificationToasts.js';
+import { worktreeDiagnostics } from '../settings/diagnostics.js';
 import { toWorktreeViewError } from '../view/worktree-view.js';
 import { formatWorktreeViewError } from '../view/worktree-error-copy.js';
-import { useEffect, useId, useLayoutEffect, useRef, useState } from 'react';
-import { Button, Input, Modal, StateDot, Tooltip, writeClipboard, } from '@deepseek-ai/dsh-client-ui-primitives';
-import { IconBranchOutline16, IconCheckOutline16, IconCopyOutline16, IconEditOutline16, IconPanelLeftOutline16, IconSearchOutline16, } from '../dsh-icons.js';
+import { useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import { Button, Modal, StateDot, Tooltip, writeClipboard, } from '@deepseek-ai/dsh-client-ui-primitives';
+import { IconBranchOutline16, IconChevronRightOutline14, IconCopyOutline16, IconEditOutline16, IconPanelLeftOutline16, } from '../dsh-icons.js';
 import { isBlankSession, relativeTime, sessionDisplayLabel } from '../session/session-view.js';
 import { currentSessionIdFromList } from '../session/session-selection.js';
 import { sessionStatusLabel, sessionTimeLabel } from '../session/session-labels.js';
 import { OpenInAppButton } from './OpenInAppButton.js';
 import { mountDashboardOverlay } from './dashboard-overlay.js';
-import { isMainWorktreeId } from './dashboard-selection.js';
+import { isMainWorktreeId, selectDerivedWorktrees, selectBaseWorktree } from './dashboard-selection.js';
 import { selectWorktreeAcquisitionFacts } from './worktree-acquisition-facts.js';
 import styles from './dashboard.css';
 import { WorktreeInstructions } from './WorktreeInstructions.js';
 import { WorktreeGitPanel } from './git/WorktreeGitPanel.js';
 import { useWorktreeGitOverview, WorktreeGitOverviewValue } from './git/WorktreeGitOverview.js';
+import { GitBranchPicker } from '../branch/GitBranchSelector.js';
 import { ToolSettings } from '../settings/ToolSettings.js';
 const TABS = ['overview', 'git', 'sessions', 'children', 'settings'];
+/** getRandomValues is also available on plain-HTTP LAN origins. */
+function createSyncRequestId() {
+    return 'sync:' + Array.from(globalThis.crypto.getRandomValues(new Uint8Array(16)), (byte) => byte.toString(16).padStart(2, '0')).join('');
+}
+function baselineSyncFailureNotices(record, requestId, result, t, onOpenSession) {
+    if (result.status === 'dispatched')
+        return [];
+    const status = result.status;
+    const context = record.branch + ' · ' + record.absolutePath;
+    return [{
+            key: JSON.stringify(['sync', record.workspaceId, record.worktreeId, requestId, result.sessionId]),
+            context,
+            error: {
+                code: 'WORKTREE_SYNC_PARTIAL', message: result.error ?? '', retryable: false,
+                details: { workspaceId: record.workspaceId, worktreeId: record.worktreeId,
+                    requestId, sessionId: result.sessionId, status },
+            },
+            text: t(`dashboard.sync.${status}`) + ' ' + t('dashboard.sync.partial'),
+            message: (translate) => translate(`dashboard.sync.${status}`) + ' ' + translate('dashboard.sync.partial'),
+            describe: (translate) => translate('dashboard.action.sync') + ' · ' + context,
+            actions: onOpenSession === undefined ? [] : [{
+                    label: t('dashboard.sync.openSession'), leaveSettings: true,
+                    onClick: () => onOpenSession(result.sessionId),
+                }],
+        }];
+}
 function DashboardIcon({ kind }) {
     const paths = {
         overview: 'M3 3h7v7H3z M14 3h7v7h-7z M3 14h7v7H3z M14 14h7v7h-7z',
@@ -36,27 +64,34 @@ function Card({ title, icon, action, children, }) {
 function DashboardFactRow({ label, children, action, baseline = false, }) {
     return (_jsxs("div", { children: [_jsx("dt", { children: label }), _jsx("dd", { "data-dashboard-baseline": baseline ? true : undefined, children: children }), _jsx("span", { className: styles.dashboardFactAction, children: action })] }));
 }
-function PlaceholderButton({ children, t }) {
-    return (_jsx("button", { type: "button", className: styles.dashboardButton, disabled: true, title: t('dashboard.soon'), children: children }));
-}
-function WorktreeBaselineEditor({ value, branches, currentBranch, onSave, t, disabled, context, }) {
+function WorktreeBaselineEditor({ value, renderValue, branches, loading, currentBranch, onSave, onFetch, onLoad, t, disabled, context, }) {
     const [saved, setSaved] = useState(value);
     const [draft, setDraft] = useState();
-    const [search, setSearch] = useState('');
     const [pending, setPending] = useState(false);
     const [error, setError] = useState();
     const busy = useRef(false);
     const alive = useRef(true);
-    const optionRefs = useRef([]);
     const trigger = useRef(null);
     const wasOpen = useRef(false);
     const expected = useRef(value);
-    const pickerId = useId();
-    const options = branches.filter((branch) => branch.name !== currentBranch);
+    // Workspace projections omit the branch catalog; this editor owns on-demand results.
+    const [fetched, setFetched] = useState();
+    const [reading, setReading] = useState(false);
+    const editorOpen = useRef(false);
+    const editorGeneration = useRef(0);
+    const requestGeneration = useRef(0);
+    const roster = fetched ?? branches;
+    const options = useMemo(() => roster.filter((branch) => branch.kind === 'remote' || branch.name !== currentBranch), [roster, currentBranch]);
+    const draftMatches = options.filter((branch) => (branch.ref ?? branch.name) === draft ||
+        (!draft?.startsWith('refs/') && (branch.name === draft ||
+            (branch.kind === 'remote' && 'remotes/' + branch.name === draft))));
+    const validDraft = draftMatches.length === 1;
     useEffect(() => {
         alive.current = true;
         return () => {
             alive.current = false;
+            editorGeneration.current++;
+            requestGeneration.current++;
         };
     }, []);
     useEffect(() => {
@@ -71,58 +106,48 @@ function WorktreeBaselineEditor({ value, branches, currentBranch, onSave, t, dis
     const closeEditor = () => {
         if (pending)
             return;
+        editorOpen.current = false;
+        editorGeneration.current++;
+        requestGeneration.current++;
+        setReading(false);
         setDraft(undefined);
-        setSearch('');
         setError(undefined);
     };
     const openEditor = () => {
+        editorOpen.current = true;
+        editorGeneration.current++;
+        requestGeneration.current++;
+        setReading(false);
         expected.current = saved;
         setDraft(saved ?? '');
-        setSearch('');
         setError(undefined);
     };
-    const query = search.trim().toLowerCase();
-    const filteredOptions = query.length === 0
-        ? options
-        : options.filter((branch) => branch.name.toLowerCase().includes(query));
-    const activeIndex = filteredOptions.findIndex((branch) => branch.name === draft);
-    // The list is a permanent, fixed-height region: filtering swaps its rows but
-    // never changes its height, so the modal frame stays put.
-    const listOpen = filteredOptions.length > 0;
-    const selectOption = (index) => {
-        if (pending)
-            return;
-        const branch = filteredOptions[index];
-        if (branch === undefined)
-            return;
-        setDraft(branch.name);
-    };
-    const moveOption = (offset) => {
-        if (filteredOptions.length === 0)
-            return;
-        const nextIndex = activeIndex < 0
-            ? offset > 0
-                ? 0
-                : filteredOptions.length - 1
-            : (activeIndex + offset + filteredOptions.length) % filteredOptions.length;
-        selectOption(nextIndex);
-        optionRefs.current[nextIndex]?.scrollIntoView({ block: 'nearest' });
-    };
-    const onSearchKeyDown = (event) => {
-        if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
-            event.preventDefault();
-            moveOption(event.key === 'ArrowDown' ? 1 : -1);
+    const lifetime = editorGeneration.current;
+    const readBranches = async (read) => {
+        if (!alive.current || !editorOpen.current || editorGeneration.current !== lifetime)
+            return options;
+        const request = ++requestGeneration.current;
+        const isCurrent = () => alive.current && editorOpen.current &&
+            editorGeneration.current === lifetime && requestGeneration.current === request;
+        setReading(true);
+        try {
+            const next = await read();
+            if (isCurrent())
+                setFetched(next);
+            return next.filter((branch) => branch.kind === 'remote' || branch.name !== currentBranch);
         }
-        else if (event.key === 'Enter' && filteredOptions.length > 0) {
-            event.preventDefault();
-            selectOption(activeIndex < 0 ? 0 : activeIndex);
+        finally {
+            if (isCurrent())
+                setReading(false);
         }
     };
     const save = async () => {
         if (busy.current ||
             draft === undefined ||
             onSave === undefined ||
-            !options.some((branch) => branch.name === draft))
+            loading ||
+            reading ||
+            !validDraft)
             return;
         busy.current = true;
         setPending(true);
@@ -132,8 +157,10 @@ function WorktreeBaselineEditor({ value, branches, currentBranch, onSave, t, dis
             if (alive.current) {
                 setSaved(result);
                 expected.current = result;
+                editorOpen.current = false;
+                editorGeneration.current++;
+                requestGeneration.current++;
                 setDraft(undefined);
-                setSearch('');
             }
         }
         catch (cause) {
@@ -146,9 +173,7 @@ function WorktreeBaselineEditor({ value, branches, currentBranch, onSave, t, dis
                 setPending(false);
         }
     };
-    return (_jsxs(_Fragment, { children: [_jsx(DashboardFactRow, { label: t('dashboard.base'), baseline: true, action: onSave !== undefined ? (_jsx(Tooltip, { label: t('dashboard.editBase'), side: "bottom", delayMs: 500, disabled: disabled || options.length === 0, children: _jsx("button", { type: "button", ref: trigger, className: styles.dashboardIconButton, "data-dashboard-baseline-edit": true, "aria-label": t('dashboard.editBase'), title: t('dashboard.editBase'), "aria-haspopup": "dialog", "aria-expanded": draft !== undefined, disabled: disabled || options.length === 0, onClick: openEditor, children: _jsx(IconEditOutline16, {}) }) })) : undefined, children: saved === undefined ? (_jsx("span", { className: styles.dashboardHistorical, children: t('dashboard.historicalUnavailable') })) : (_jsx("span", { "data-dashboard-baseline-value": true, children: saved })) }), _jsx(Modal, { open: draft !== undefined, onClose: closeEditor, closeLabel: t('dialog.closeBaseline'), title: t('dashboard.editBase'), description: t('dashboard.editBaseDescription'), className: styles.dashboardBaselineModal, contentClassName: styles.dashboardBaselineModalContent, footer: _jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", disabled: pending, onClick: closeEditor, children: t('dashboard.cancelBase') }), _jsx(Button, { variant: "primary", "data-dashboard-baseline-save": true, disabled: pending || disabled || !options.some((branch) => branch.name === draft), onClick: () => void save(), children: t(pending ? 'dashboard.savingBase' : 'dashboard.saveBase') })] }), children: _jsxs("div", { className: styles.dashboardBaselinePicker, "data-dashboard-baseline-modal": true, children: [_jsx(Input, { icon: _jsx(IconSearchOutline16, {}), className: styles.dashboardBaselineSearch, "aria-label": t('dashboard.searchBranches'), role: "combobox", "aria-autocomplete": "list", "aria-controls": listOpen ? `${pickerId}-options` : undefined, "aria-expanded": listOpen, "aria-haspopup": "listbox", "aria-activedescendant": listOpen && activeIndex >= 0 ? `${pickerId}-option-${activeIndex}` : undefined, "data-dashboard-baseline-search": true, disabled: pending || disabled, placeholder: t('dashboard.searchBranches'), value: search, onKeyDown: onSearchKeyDown, onChange: (event) => setSearch(event.currentTarget.value) }), _jsx("div", { className: styles.dashboardBaselineOptions, "data-dashboard-baseline-options": true, children: listOpen ? (_jsx("div", { id: `${pickerId}-options`, className: styles.dashboardBaselineList, role: "listbox", "aria-label": t('dashboard.searchBranches'), children: filteredOptions.map((branch, index) => (_jsxs("button", { type: "button", ref: (element) => {
-                                        optionRefs.current[index] = element;
-                                    }, id: `${pickerId}-option-${index}`, className: styles.dashboardBaselineOption, "data-dashboard-baseline-option": branch.name, "data-highlighted": activeIndex === index ? true : undefined, role: "option", "aria-selected": branch.name === draft, onClick: () => selectOption(index), children: [_jsx(IconBranchOutline16, {}), _jsx("span", { className: styles.dashboardBaselineOptionLabel, children: branch.name }), branch.name === draft && _jsx(IconCheckOutline16, {})] }, branch.name))) })) : (_jsx("div", { className: styles.dashboardBaselineEmpty, "data-dashboard-baseline-empty": true, role: "status", "aria-live": "polite", children: t('dashboard.noMatchingBranches') })) }), _jsx(NotificationToasts, { notices: error === undefined
+    return (_jsxs(_Fragment, { children: [_jsx(DashboardFactRow, { label: t('dashboard.base'), baseline: true, action: onSave !== undefined ? (_jsx(Tooltip, { label: t('dashboard.editBase'), side: "bottom", delayMs: 500, disabled: disabled || (options.length === 0 && onLoad === undefined), children: _jsx("button", { type: "button", ref: trigger, className: styles.dashboardIconButton, "data-dashboard-baseline-edit": true, "aria-label": t('dashboard.editBase'), title: t('dashboard.editBase'), "aria-haspopup": "dialog", "aria-expanded": draft !== undefined, disabled: disabled || (options.length === 0 && onLoad === undefined), onClick: openEditor, children: _jsx(IconEditOutline16, {}) }) })) : undefined, children: renderValue !== undefined ? renderValue(saved) : saved === undefined ? (_jsx("span", { className: styles.dashboardHistorical, children: t('dashboard.historicalUnavailable') })) : (_jsx("span", { "data-dashboard-baseline-value": true, title: saved, children: saved.replace(/^refs\/(heads|remotes)\//u, '') })) }), _jsx(Modal, { open: draft !== undefined, onClose: closeEditor, closeLabel: t('dialog.closeBaseline'), title: t('dashboard.editBase'), description: t('dashboard.editBaseDescription'), className: styles.dashboardBaselineModal, contentClassName: styles.dashboardBaselineModalContent, footer: _jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", disabled: pending, onClick: closeEditor, children: t('dashboard.cancelBase') }), _jsx(Button, { variant: "primary", "data-dashboard-baseline-save": true, disabled: pending || disabled || loading || reading || !validDraft, onClick: () => void save(), children: t(pending ? 'dashboard.savingBase' : 'dashboard.saveBase') })] }), children: _jsxs("div", { className: styles.dashboardBaselinePicker, "data-dashboard-baseline-modal": true, children: [draft !== undefined && _jsx(GitBranchPicker, { branches: options, value: draft, onChange: setDraft, t: t, disabled: pending || disabled, loading: loading, onClose: closeEditor, onLoad: onLoad === undefined ? undefined : () => readBranches(onLoad), onFetch: onFetch === undefined ? undefined : () => readBranches(onFetch) }, lifetime), _jsx(NotificationToasts, { notices: error === undefined
                                 ? []
                                 : [
                                     {
@@ -167,7 +192,7 @@ function WorktreeBaselineEditor({ value, branches, currentBranch, onSave, t, dis
                                 ] })] }) })] }));
 }
 /** A managed Worktree or browser Main projection with explicit unavailable states for inapplicable facts. */
-export function WorktreeDashboard({ manager, record, workspaceTitle, t, onClose, onOpenSidebar, isRightSidebarExpanded, sessions, sessionPresentations, sessionIds, actionPending, onOpenSession, onCreateSession, onCreateWorktree, onArchiveWorktree, onOpenFile, onSaveInstructions, onSaveBaseline, branches = [], }) {
+export function WorktreeDashboard({ manager, record, worktrees = [], mainRecord, onOpenWorktree, workspaceTitle, t, onClose, onOpenSidebar, isRightSidebarExpanded, sessions, sessionPresentations, sessionIds, actionPending, onOpenSession, onCreateSession, onCreateWorktree, onArchiveWorktree, onSyncBaseline, onOpenFile, onSaveInstructions, onSaveBaseline, onFetchBranches, onLoadBranches, branches = [], branchesLoading = false, }) {
     const surface = useRef(null);
     const heading = useRef(null);
     const [placement, setPlacement] = useState();
@@ -222,7 +247,7 @@ export function WorktreeDashboard({ manager, record, workspaceTitle, t, onClose,
         return () => {
             branchCopyGeneration.current += 1;
         };
-    }, [record.branch]);
+    }, [record.branch, record.currentBranch, record.currentHead?.name]);
     const copyPath = async () => {
         if (copyPending.current)
             return;
@@ -243,8 +268,10 @@ export function WorktreeDashboard({ manager, record, workspaceTitle, t, onClose,
                 copyPending.current = false;
         }
     };
-    const branchAvailable = record.branch.length > 0;
-    const displayBranch = branchAvailable ? record.branch : t('dashboard.branchUnavailable');
+    const isMain = isMainWorktreeId(record.worktreeId);
+    const refName = record.currentHead?.name ?? record.currentBranch ?? record.branch;
+    const branchAvailable = refName.length > 0;
+    const displayBranch = branchAvailable ? refName : t('dashboard.branchUnavailable');
     const copyBranch = async () => {
         if (!branchAvailable || branchCopyPending.current)
             return;
@@ -252,7 +279,7 @@ export function WorktreeDashboard({ manager, record, workspaceTitle, t, onClose,
         const generation = branchCopyGeneration.current;
         setBranchCopyState('pending');
         try {
-            const copied = await writeClipboard(record.branch);
+            const copied = await writeClipboard(refName);
             if (generation === branchCopyGeneration.current)
                 setBranchCopyState(copied ? 'copied' : 'failed');
         }
@@ -265,7 +292,7 @@ export function WorktreeDashboard({ manager, record, workspaceTitle, t, onClose,
                 branchCopyPending.current = false;
         }
     };
-    const healthKey = record.health === 'ready'
+    const healthKey = isMain ? 'dashboard.mainReady' : record.health === 'ready'
         ? 'worktree.ready'
         : record.health === 'repair'
             ? 'worktree.repair'
@@ -276,10 +303,10 @@ export function WorktreeDashboard({ manager, record, workspaceTitle, t, onClose,
                     : record.health === 'cleaned'
                         ? 'dashboard.cleaned'
                         : 'dashboard.unknown';
-    const liveBranch = record.currentBranch === null
+    const liveBranch = record.currentHead?.name ?? (record.currentBranch === null
         ? t('dashboard.detached')
         : (record.currentBranch ??
-            (branchAvailable ? record.branch : t('dashboard.branchUnavailable')));
+            (branchAvailable ? record.branch : t('dashboard.branchUnavailable'))));
     const baselineCurrentBranch = record.currentBranch === undefined ? record.branch : (record.currentBranch ?? undefined);
     const persistBaseline = onSaveBaseline === undefined
         ? undefined
@@ -289,6 +316,73 @@ export function WorktreeDashboard({ manager, record, workspaceTitle, t, onClose,
             return result;
         };
     const displayedBaseline = onSaveBaseline === undefined ? record.baseBranch : baselineBranch;
+    const [syncOpen, setSyncOpen] = useState(false);
+    const [syncStrategy, setSyncStrategy] = useState('rebase');
+    const [syncPending, setSyncPending] = useState(false);
+    const [syncError, setSyncError] = useState();
+    const [syncResult, setSyncResult] = useState();
+    const syncRequest = useRef();
+    const syncBusy = useRef(false);
+    const syncGeneration = useRef(0);
+    useEffect(() => {
+        syncGeneration.current++;
+        syncBusy.current = false;
+        syncRequest.current = undefined;
+        setSyncOpen(false);
+        setSyncPending(false);
+        setSyncError(undefined);
+        setSyncResult(undefined);
+        return () => { syncGeneration.current++; };
+    }, [record.workspaceId, record.worktreeId, displayedBaseline, manager]);
+    const closeSync = () => {
+        if (syncBusy.current)
+            return;
+        syncGeneration.current++;
+        setSyncOpen(false);
+    };
+    const startSync = async () => {
+        if (syncBusy.current || syncResult || !onSyncBaseline || !displayedBaseline)
+            return;
+        const generation = syncGeneration.current;
+        syncBusy.current = true;
+        setSyncPending(true);
+        setSyncError(undefined);
+        let requestId = syncRequest.current;
+        try {
+            requestId ??= createSyncRequestId();
+            syncRequest.current = requestId;
+            const result = await onSyncBaseline(syncStrategy, displayedBaseline, requestId);
+            if (generation !== syncGeneration.current) {
+                // Retiring navigation must not discard an already-created Session's failure.
+                // Capture the original identity without reviving UI sources or callbacks.
+                if (result.status !== 'dispatched')
+                    worktreeDiagnostics.recordInactive('sync:' + requestId, baselineSyncFailureNotices(record, requestId, result, t));
+                return;
+            }
+            setSyncResult(result);
+            if (result.status === 'dispatched') {
+                setSyncOpen(false);
+                onOpenSession(result.sessionId);
+            }
+        }
+        catch (cause) {
+            if (generation === syncGeneration.current)
+                setSyncError(toWorktreeViewError(cause));
+        }
+        finally {
+            if (generation === syncGeneration.current) {
+                syncBusy.current = false;
+                setSyncPending(false);
+            }
+        }
+    };
+    const partialSync = syncResult !== undefined && syncResult.status !== 'dispatched'
+        ? { ...syncResult, status: syncResult.status } : undefined;
+    const renderBaseline = (value) => {
+        const label = value === undefined ? (_jsx("span", { className: styles.dashboardHistorical, children: t('dashboard.historicalUnavailable') })) : (_jsx("span", { "data-dashboard-baseline-value": true, title: value, children: value.replace(/^refs\/(heads|remotes)\//u, '') }));
+        const base = selectBaseWorktree(record, worktrees, mainRecord, value);
+        return base === undefined || onOpenWorktree === undefined ? label : (_jsxs("button", { type: "button", className: styles.dashboardBaseLink, "data-dashboard-base-worktree": base.worktreeId, "aria-label": t('dashboard.openBaseWorktree'), title: t('dashboard.openBaseWorktree'), onClick: () => onOpenWorktree(base), children: [label, _jsx(IconChevronRightOutline14, {})] }));
+    };
     const gitOverview = useWorktreeGitOverview({
         manager,
         workspaceId: record.workspaceId,
@@ -300,14 +394,19 @@ export function WorktreeDashboard({ manager, record, workspaceTitle, t, onClose,
     const acquisitionFacts = selectWorktreeAcquisitionFacts(record);
     const acquisitionLabel = acquisitionFacts.timestampKind === 'imported' ? 'dashboard.imported' : 'dashboard.created';
     const tabLabel = (value) => t(`dashboard.tab.${value}`);
-    const placeholder = _jsx("span", { className: styles.dashboardSoon, children: t('dashboard.soon') });
+    const derivedWorktrees = selectDerivedWorktrees(record, worktrees);
+    const worktreeList = (records) => records.length === 0 ? (_jsx("div", { className: styles.dashboardEmpty, children: _jsx("p", { children: t('dashboard.noChildren') }) })) : (_jsx("ul", { className: styles.dashboardSessions, children: records.map((child) => (_jsx("li", { children: _jsxs("button", { type: "button", "data-dashboard-worktree": child.worktreeId, disabled: onOpenWorktree === undefined, onClick: () => onOpenWorktree?.(child), children: [_jsx(IconBranchOutline16, {}), _jsxs("span", { className: styles.dashboardSessionLabel, children: [_jsx("strong", { children: child.currentHead?.name ?? child.currentBranch ?? child.branch }), _jsx("code", { className: styles.dashboardChildPath, children: child.absolutePath })] }), _jsxs("span", { className: styles.dashboardChildState, children: [child.status === 'removed' && _jsx("span", { className: styles.dashboardSoon, children: t('dashboard.archived') }), _jsx("span", { className: styles.dashboardHealth, "data-health": child.health ?? 'unknown', children: t(child.health === 'ready' ? 'worktree.ready'
+                                    : child.health === 'repair' ? 'worktree.repair'
+                                        : child.health === 'recovery-needed' ? 'worktree.recovery'
+                                            : child.health === 'branch-drift' ? 'worktree.branchDrift'
+                                                : child.health === 'cleaned' ? 'dashboard.cleaned' : 'dashboard.unknown') })] }), _jsx("span", { "aria-hidden": "true", children: "\u2192" })] }) }, child.worktreeId))) }));
     const selectTab = (next, focus = false) => {
         setTab(next);
         if (focus)
             document.getElementById(`${id}-${next}`)?.focus();
     };
     const tabLink = (next, label) => (_jsxs("button", { type: "button", className: styles.dashboardLink, onClick: () => selectTab(next, true), children: [label, _jsx("span", { "aria-hidden": "true", children: "\u2192" })] }));
-    const sessionList = (ids) => ids.length === 0 ? (_jsx("div", { className: styles.dashboardEmpty, children: _jsx("p", { children: t('dashboard.noSessions') }) })) : (_jsx("ul", { className: styles.dashboardSessions, children: ids.map((sessionId) => {
+    const sessionList = (ids) => ids.length === 0 ? (_jsxs("div", { className: styles.dashboardEmpty, children: [_jsx("p", { children: t('dashboard.noSessions') }), onCreateSession !== undefined && _jsx("button", { type: "button", className: styles.dashboardButton, disabled: actionPending, onClick: onCreateSession, children: t('dashboard.newSession') })] })) : (_jsx("ul", { className: styles.dashboardSessions, children: ids.map((sessionId) => {
             const presentation = sessionPresentations[sessionId];
             const blank = isBlankSession(sessionId, sessions);
             const statusLabel = presentation === undefined ? undefined : sessionStatusLabel(t, presentation.status);
@@ -327,6 +426,12 @@ export function WorktreeDashboard({ manager, record, workspaceTitle, t, onClose,
             if (event.defaultPrevented)
                 return;
             if (event.key === 'Escape') {
+                // Portal keys bubble through this React ancestor before the native
+                // Modal's document listener. Let it closeSync (including its busy guard).
+                if (syncOpen)
+                    return;
+                if (event.target?.closest?.('[data-single-select-picker]'))
+                    return;
                 // Other dashboard menus own Escape even when focus remains elsewhere in the surface.
                 if (event.currentTarget.querySelector('[role="menu"]'))
                     return;
@@ -343,14 +448,7 @@ export function WorktreeDashboard({ manager, record, workspaceTitle, t, onClose,
                                 }, children: topActionIsCreateSession ? t('dashboard.newSession') : _jsxs(_Fragment, { children: ["\u2190 ", t('dashboard.back')] }) }), !rightSidebarOpen && onOpenSidebar !== undefined && (_jsx(Tooltip, { label: t('dashboard.openSidebar'), side: "bottom", delayMs: 500, children: _jsx("button", { type: "button", className: styles.dashboardSidebarButton, "aria-label": t('dashboard.openSidebar'), title: t('dashboard.openSidebar'), "data-sidebar-right-expand": true, onClick: () => {
                                         onOpenSidebar();
                                         setRightSidebarOpen(true);
-                                    }, children: _jsx(IconPanelLeftOutline16, {}) }) }))] })] }), _jsxs("div", { className: styles.dashboardPage, children: [_jsxs("header", { className: styles.dashboardHeader, children: [_jsxs("div", { className: styles.dashboardIdentity, children: [_jsxs("div", { className: styles.dashboardTitleRow, "data-dashboard-copy": "branch", role: branchAvailable ? 'button' : undefined, tabIndex: branchAvailable ? 0 : undefined, "aria-label": branchAvailable ? t('dashboard.copyBranch') : undefined, title: branchAvailable ? t('dashboard.copyBranch') : undefined, "aria-busy": branchAvailable && branchCopyState === 'pending' ? true : undefined, onClick: branchAvailable ? () => void copyBranch() : undefined, onKeyDown: branchAvailable
-                                            ? (event) => {
-                                                if (event.key === 'Enter' || event.key === ' ') {
-                                                    event.preventDefault();
-                                                    void copyBranch();
-                                                }
-                                            }
-                                            : undefined, children: [_jsx(IconBranchOutline16, {}), _jsx("h1", { id: `${id}-title`, ref: heading, tabIndex: -1, children: displayBranch }), _jsxs("span", { className: styles.dashboardHealth, "data-health": record.health ?? 'unknown', children: [_jsx("span", { "aria-hidden": "true", children: "\u25CF" }), t(healthKey)] }), record.status === 'removed' && (_jsx("span", { className: styles.dashboardSoon, children: t('dashboard.archived') }))] }), _jsxs("div", { className: styles.dashboardPath, children: [_jsx("span", { className: styles.dashboardFieldLabel, children: "cwd" }), _jsx("code", { children: record.absolutePath }), _jsx("button", { type: "button", className: styles.dashboardIconButton, "aria-label": t('worktree.copyPath'), title: t('worktree.copyPath'), disabled: copyState === 'pending', onClick: () => {
+                                    }, children: _jsx(IconPanelLeftOutline16, {}) }) }))] })] }), _jsxs("div", { className: styles.dashboardPage, children: [_jsxs("header", { className: styles.dashboardHeader, children: [_jsxs("div", { className: styles.dashboardIdentity, children: [_jsxs("div", { className: styles.dashboardTitleRow, children: [_jsx(IconBranchOutline16, {}), _jsx("h1", { id: `${id}-title`, ref: heading, tabIndex: -1, children: _jsx("button", { type: "button", className: styles.dashboardRefButton, "data-dashboard-copy": "branch", disabled: !branchAvailable, "aria-label": branchAvailable ? t('dashboard.copyBranch') : undefined, title: branchAvailable ? t('dashboard.copyBranch') : undefined, "aria-busy": branchAvailable && branchCopyState === 'pending' ? true : undefined, onClick: branchAvailable ? () => void copyBranch() : undefined, children: displayBranch }) }), record.currentHead?.kind !== undefined && record.currentHead.kind !== 'branch' && _jsx("span", { className: styles.dashboardSoon, children: t(record.currentHead.kind === 'tag' ? 'dashboard.refKind.tag' : 'dashboard.refKind.commit') }), _jsxs("span", { className: styles.dashboardHealth, "data-health": isMain ? 'local' : record.health ?? 'unknown', children: [_jsx("span", { "aria-hidden": "true", children: "\u25CF" }), t(healthKey)] }), record.status === 'removed' && (_jsx("span", { className: styles.dashboardSoon, children: t('dashboard.archived') }))] }), _jsxs("div", { className: styles.dashboardPath, children: [_jsx("span", { className: styles.dashboardFieldLabel, children: "cwd" }), _jsx("code", { children: record.absolutePath }), _jsx("button", { type: "button", className: styles.dashboardIconButton, "aria-label": t('worktree.copyPath'), title: t('worktree.copyPath'), disabled: copyState === 'pending', onClick: () => {
                                                     void copyPath();
                                                 }, children: _jsx(IconCopyOutline16, {}) })] }), _jsx(NotificationToasts, { notices: [
                                             ...(branchCopyState === 'failed'
@@ -367,7 +465,7 @@ export function WorktreeDashboard({ manager, record, workspaceTitle, t, onClose,
                                             ? t('dashboard.branchCopied')
                                             : copyState === 'copied'
                                                 ? t('dashboard.copied')
-                                                : '\u00a0' })] }), _jsx("div", { className: styles.dashboardHeaderAside, children: _jsxs("dl", { className: styles.dashboardFacts, children: [_jsx(DashboardFactRow, { label: t(acquisitionLabel), children: acquisitionFacts.timestamp ? (_jsx("time", { dateTime: acquisitionFacts.timestamp, children: new Date(acquisitionFacts.timestamp).toLocaleString() })) : (_jsx("span", { className: styles.dashboardHistorical, children: t('dashboard.historicalUnavailable') })) }), !isMainWorktreeId(record.worktreeId) && persistBaseline !== undefined ? (_jsx(WorktreeBaselineEditor, { context: workspaceTitle + ' · ' + record.branch + ' · ' + record.absolutePath, value: baselineBranch, branches: branches, currentBranch: baselineCurrentBranch, onSave: persistBaseline, t: t, disabled: record.status !== 'active' || record.health === 'recovery-needed' })) : (_jsx(DashboardFactRow, { label: t('dashboard.base'), baseline: true, children: displayedBaseline ?? (_jsx("span", { className: styles.dashboardHistorical, children: t('dashboard.historicalUnavailable') })) })), _jsx(DashboardFactRow, { label: t('dashboard.source'), children: isMainWorktreeId(record.worktreeId)
+                                                : '\u00a0' })] }), _jsx("div", { className: styles.dashboardHeaderAside, children: _jsxs("dl", { className: `${styles.dashboardFacts} ${styles.dashboardHeaderFacts}`, children: [!isMain && _jsx(DashboardFactRow, { label: t(acquisitionLabel), children: acquisitionFacts.timestamp ? (_jsx("time", { dateTime: acquisitionFacts.timestamp, children: new Date(acquisitionFacts.timestamp).toLocaleString() })) : (_jsx("span", { className: styles.dashboardHistorical, children: t('dashboard.historicalUnavailable') })) }), !isMain && (persistBaseline !== undefined ? (_jsx(WorktreeBaselineEditor, { context: workspaceTitle + ' · ' + record.branch + ' · ' + record.absolutePath, value: baselineBranch, renderValue: renderBaseline, branches: branches, loading: branchesLoading, currentBranch: baselineCurrentBranch, onSave: persistBaseline, onFetch: onFetchBranches, onLoad: onLoadBranches, t: t, disabled: record.status !== 'active' || record.health === 'recovery-needed' })) : (_jsx(DashboardFactRow, { label: t('dashboard.base'), baseline: true, children: renderBaseline(displayedBaseline) }))), _jsx(DashboardFactRow, { label: t('dashboard.source'), children: isMainWorktreeId(record.worktreeId)
                                                 ? t('worktree.main')
                                                 : t(record.source === 'external' ? 'dashboard.external' : 'dashboard.plugin') })] }) })] }), _jsx("div", { className: styles.dashboardTabs, role: "tablist", "aria-label": t('dashboard.title'), children: TABS.map((value) => (_jsxs("button", { type: "button", id: `${id}-${value}`, role: "tab", "aria-selected": tab === value, "aria-controls": `${id}-panel`, tabIndex: tab === value ? 0 : -1, onClick: () => selectTab(value), onKeyDown: (event) => {
                                 const index = TABS.indexOf(value);
@@ -384,11 +482,19 @@ export function WorktreeDashboard({ manager, record, workspaceTitle, t, onClose,
                                     event.preventDefault();
                                     selectTab(next, true);
                                 }
-                            }, children: [_jsx(DashboardIcon, { kind: value }), tabLabel(value)] }, value))) }), _jsx("div", { id: `${id}-panel`, role: "tabpanel", "aria-labelledby": `${id}-${tab}`, tabIndex: 0, className: styles.dashboardPanel, children: tab === 'overview' ? (_jsxs("div", { className: styles.dashboardGrid, children: [_jsxs("div", { className: styles.dashboardColumn, children: [_jsxs("section", { className: styles.dashboardStart, children: [_jsxs("h2", { children: [_jsx(IconBranchOutline16, {}), t('dashboard.start')] }), _jsx("p", { children: t('dashboard.startDescription') }), _jsxs("div", { className: styles.dashboardStartActions, children: [_jsxs("button", { type: "button", disabled: actionPending || !onCreateWorktree, onClick: onCreateWorktree, "data-dashboard-action": "create-worktree", children: [_jsx(DashboardIcon, { kind: "git" }), _jsxs("span", { children: [_jsx("strong", { children: t('dashboard.newWorktree') }), _jsx("small", { children: t('dashboard.newWorktreeDescription') })] })] }), _jsxs("button", { type: "button", disabled: actionPending || !onCreateSession, onClick: onCreateSession, "data-dashboard-action": "create-session", children: [_jsx(DashboardIcon, { kind: "sessions" }), _jsxs("span", { children: [_jsx("strong", { children: t('dashboard.newSession') }), _jsx("small", { children: t('dashboard.newSessionDescription') })] })] })] })] }), _jsxs(Card, { title: t('dashboard.instructions'), icon: _jsx(DashboardIcon, { kind: "instructions" }), children: [_jsx("p", { children: t('dashboard.instructionsDescription') }), _jsx(WorktreeInstructions, { context: workspaceTitle + ' · ' + record.branch + ' · ' + record.absolutePath, value: record.instructions ?? '', onSave: onSaveInstructions, t: t, disabled: actionPending || record.health === 'recovery-needed' })] }), _jsxs(Card, { title: tabLabel('sessions'), icon: _jsx(DashboardIcon, { kind: "sessions" }), action: _jsx("span", { children: sessionIds.length }), children: [sessionList(sessionIds.slice(0, 5)), tabLink('sessions', t('dashboard.viewSessions'))] })] }), _jsxs("div", { className: styles.dashboardColumn, children: [_jsxs(Card, { title: t('dashboard.status'), icon: _jsx(DashboardIcon, { kind: "git" }), children: [_jsx("p", { children: t('dashboard.statusHint') }), _jsxs("dl", { className: styles.dashboardFacts, children: [_jsx(DashboardFactRow, { label: t('dashboard.health'), children: t(healthKey) }), _jsx(DashboardFactRow, { label: t('dashboard.branch'), children: liveBranch }), _jsx(DashboardFactRow, { label: t('dashboard.base'), children: displayedBaseline ?? (_jsx("span", { className: styles.dashboardHistorical, children: t('dashboard.historicalUnavailable') })) }), _jsx(DashboardFactRow, { label: t('dashboard.aheadBehind'), children: _jsx(WorktreeGitOverviewValue, { state: gitOverview, metric: "aheadBehind", t: t }) }), _jsx(DashboardFactRow, { label: t('dashboard.committedChanges'), children: _jsx(WorktreeGitOverviewValue, { state: gitOverview, metric: "committed", t: t }) }), _jsx(DashboardFactRow, { label: t('dashboard.workingTree'), children: _jsx(WorktreeGitOverviewValue, { state: gitOverview, metric: "workingTree", t: t }) })] }), tabLink('git', t('dashboard.viewDetails'))] }), _jsxs(Card, { title: t('dashboard.derived'), icon: _jsx(DashboardIcon, { kind: "children" }), action: placeholder, children: [_jsx("div", { className: styles.dashboardEmpty, children: _jsx("p", { children: t('dashboard.childrenHint') }) }), tabLink('children', t('dashboard.viewChildren'))] }), _jsx(Card, { title: t('dashboard.quickActions'), icon: _jsx(DashboardIcon, { kind: "actions" }), children: _jsxs("div", { className: styles.dashboardQuickActions, children: [['terminal', 'diff', 'pullRequest', 'tests', 'sync'].map((action) => (_jsx(PlaceholderButton, { t: t, children: t(`dashboard.action.${action}`) }, action))), _jsx("button", { type: "button", className: styles.dashboardButton, disabled: actionPending || !onArchiveWorktree, onClick: onArchiveWorktree, "data-dashboard-action": "archive-worktree", children: t('dashboard.action.archive') })] }) })] })] })) : tab === 'git' ? (_jsx(WorktreeGitPanel, { context: workspaceTitle + ' · ' + record.branch + ' · ' + record.absolutePath, manager: manager, workspaceId: record.workspaceId, worktreeId: record.worktreeId, defaultBaselineBranch: displayedBaseline, currentBranch: baselineCurrentBranch, capturedBaseline: record.baseCommit !== undefined, onOpenFile: (filePath) => {
+                            }, children: [_jsx(DashboardIcon, { kind: value }), tabLabel(value)] }, value))) }), _jsx("div", { id: `${id}-panel`, role: "tabpanel", "aria-labelledby": `${id}-${tab}`, tabIndex: 0, className: styles.dashboardPanel, children: tab === 'overview' ? (_jsxs("div", { className: styles.dashboardGrid, children: [_jsxs("div", { className: styles.dashboardColumn, children: [_jsxs("section", { className: styles.dashboardStart, children: [_jsxs("h2", { children: [_jsx(IconBranchOutline16, {}), t('dashboard.start')] }), _jsx("p", { children: t('dashboard.startDescription') }), _jsxs("div", { className: styles.dashboardStartActions, children: [_jsxs("button", { type: "button", disabled: actionPending || !onCreateWorktree, onClick: onCreateWorktree, "data-dashboard-action": "create-worktree", children: [_jsx(DashboardIcon, { kind: "git" }), _jsxs("span", { children: [_jsx("strong", { children: t('dashboard.newWorktree') }), _jsx("small", { children: t('dashboard.newWorktreeDescription') })] })] }), _jsxs("button", { type: "button", disabled: actionPending || !onCreateSession, onClick: onCreateSession, "data-dashboard-action": "create-session", children: [_jsx(DashboardIcon, { kind: "sessions" }), _jsxs("span", { children: [_jsx("strong", { children: t('dashboard.newSession') }), _jsx("small", { children: t('dashboard.newSessionDescription') })] })] })] })] }), _jsxs(Card, { title: t('dashboard.instructions'), icon: _jsx(DashboardIcon, { kind: "instructions" }), children: [_jsx("p", { children: t('dashboard.instructionsDescription') }), _jsx(WorktreeInstructions, { context: workspaceTitle + ' · ' + record.branch + ' · ' + record.absolutePath, value: record.instructions ?? '', onSave: onSaveInstructions, t: t, disabled: actionPending || record.health === 'recovery-needed' })] }), _jsxs(Card, { title: tabLabel('sessions'), icon: _jsx(DashboardIcon, { kind: "sessions" }), action: _jsx("span", { children: sessionIds.length }), children: [sessionList(sessionIds.slice(0, 5)), tabLink('sessions', t('dashboard.viewSessions'))] })] }), _jsxs("div", { className: styles.dashboardColumn, children: [_jsxs(Card, { title: t('dashboard.status'), icon: _jsx(DashboardIcon, { kind: "git" }), children: [_jsx("p", { children: t('dashboard.statusHint') }), _jsxs("dl", { className: styles.dashboardFacts, children: [_jsx(DashboardFactRow, { label: t('dashboard.health'), children: t(healthKey) }), _jsx(DashboardFactRow, { label: t('dashboard.branch'), children: liveBranch }), !isMain && _jsx(DashboardFactRow, { label: t('dashboard.base'), children: displayedBaseline?.replace(/^refs\/(heads|remotes)\//u, '') ?? (_jsx("span", { className: styles.dashboardHistorical, children: t('dashboard.historicalUnavailable') })) }), _jsx(DashboardFactRow, { label: t('dashboard.aheadBehind'), children: _jsx(WorktreeGitOverviewValue, { state: gitOverview, metric: "aheadBehind", t: t }) }), _jsx(DashboardFactRow, { label: t('dashboard.committedChanges'), children: _jsx(WorktreeGitOverviewValue, { state: gitOverview, metric: "committed", t: t }) }), _jsx(DashboardFactRow, { label: t('dashboard.workingTree'), children: _jsx(WorktreeGitOverviewValue, { state: gitOverview, metric: "workingTree", t: t }) })] }), tabLink('git', t('dashboard.viewDetails'))] }), _jsxs(Card, { title: t('dashboard.derived'), icon: _jsx(DashboardIcon, { kind: "children" }), action: _jsx("span", { children: derivedWorktrees.length }), children: [_jsx("p", { children: t('dashboard.childrenHint') }), worktreeList(derivedWorktrees.slice(0, 5)), tabLink('children', t('dashboard.viewChildren'))] }), _jsx(Card, { title: t('dashboard.quickActions'), icon: _jsx(DashboardIcon, { kind: "actions" }), children: _jsxs("div", { className: styles.dashboardQuickActions, children: [_jsx("button", { type: "button", className: styles.dashboardButton, "data-dashboard-action": "sync-baseline", disabled: actionPending || !onSyncBaseline || !displayedBaseline, onClick: () => {
+                                                            setSyncOpen(true);
+                                                        }, children: t('dashboard.action.sync') }), _jsx("button", { type: "button", className: styles.dashboardButton, disabled: actionPending || !onArchiveWorktree, onClick: onArchiveWorktree, "data-dashboard-action": "archive-worktree", children: t('dashboard.action.archive') })] }) })] })] })) : tab === 'git' ? (_jsx(WorktreeGitPanel, { context: workspaceTitle + ' · ' + record.branch + ' · ' + record.absolutePath, manager: manager, workspaceId: record.workspaceId, worktreeId: record.worktreeId, defaultBaselineBranch: displayedBaseline, currentBranch: baselineCurrentBranch, capturedBaseline: record.baseCommit !== undefined, onOpenFile: onOpenFile === undefined ? undefined : (filePath) => {
                                 onOpenFile?.(filePath);
-                                setRightSidebarOpen(true);
+                                setRightSidebarOpen(isRightSidebarExpanded?.() ?? false);
                             }, t: t })) : tab === 'sessions' ? (_jsx(Card, { title: tabLabel('sessions'), icon: _jsx(DashboardIcon, { kind: "sessions" }), action: _jsx("button", { type: "button", className: styles.dashboardButton, disabled: actionPending || !onCreateSession, onClick: onCreateSession, children: t('dashboard.newSession') }), children: sessionList(sessionIds) })) : tab === 'settings' ? (_jsx(Card, { title: tabLabel('settings'), icon: _jsx(DashboardIcon, { kind: "settings" }), children: _jsx(ToolSettings, { manager: manager, scope: isMainWorktreeId(record.worktreeId)
                                     ? { kind: 'local', workspaceId: record.workspaceId }
-                                    : { kind: 'worktree', workspaceId: record.workspaceId, worktreeId: record.worktreeId }, t: t }, JSON.stringify([record.workspaceId, record.worktreeId])) })) : (_jsxs("section", { className: styles.dashboardTabPlaceholder, children: [_jsx(DashboardIcon, { kind: tab }), _jsx("h2", { children: tabLabel(tab) }), _jsx("p", { children: t(`dashboard.hint.${tab}`) }), placeholder] })) }), _jsx("p", { className: styles.dashboardFooter, children: t('dashboard.mvpHint') })] })] }));
+                                    : { kind: 'worktree', workspaceId: record.workspaceId, worktreeId: record.worktreeId }, t: t }, JSON.stringify([record.workspaceId, record.worktreeId])) })) : (_jsxs(Card, { title: tabLabel('children'), icon: _jsx(DashboardIcon, { kind: "children" }), action: _jsx("span", { children: derivedWorktrees.length }), children: [_jsx("p", { children: t('dashboard.childrenHint') }), worktreeList(derivedWorktrees)] })) }), _jsx("p", { className: styles.dashboardFooter, children: t('dashboard.mvpHint') })] }), _jsx(Modal, { open: syncOpen, onClose: closeSync, closeLabel: t('dialog.close'), title: t('dashboard.action.sync'), description: t('dashboard.sync.description'), className: styles.dashboardBaselineModal, footer: _jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", disabled: syncPending, onClick: closeSync, children: t('dashboard.cancelBase') }), syncResult ? _jsx(Button, { variant: "primary", onClick: () => onOpenSession(syncResult.sessionId), children: t('dashboard.sync.openSession') }) : _jsx(Button, { variant: "primary", disabled: syncPending, onClick: () => void startSync(), children: t(syncPending ? 'dashboard.sync.creating' : 'dashboard.sync.create') })] }), children: _jsxs("div", { className: styles.dashboardSyncOptions, children: [_jsxs("p", { children: [_jsx("code", { children: displayedBaseline }), _jsx("span", { "aria-hidden": "true", children: " \u2192 " }), _jsx("code", { children: record.currentBranch ?? record.branch })] }), ['rebase', 'merge'].map((strategy) => _jsxs("label", { children: [_jsx("input", { type: "radio", name: `${id}-sync-strategy`, value: strategy, checked: syncStrategy === strategy, disabled: syncPending || syncResult !== undefined || syncError !== undefined, onChange: () => { syncRequest.current = undefined; setSyncStrategy(strategy); } }), _jsxs("span", { children: [_jsx("strong", { children: strategy === 'rebase' ? 'Rebase' : 'Merge baseline' }), _jsx("small", { children: t(`dashboard.sync.${strategy}`) })] })] }, strategy)), partialSync && _jsxs("p", { role: "status", children: [t(`dashboard.sync.${partialSync.status}`), _jsx("br", {}), t('dashboard.sync.partial'), _jsx("br", {}), _jsx("code", { children: partialSync.sessionId })] })] }) }), _jsx(NotificationToasts, { notices: partialSync !== undefined
+                    ? baselineSyncFailureNotices(record, syncRequest.current, partialSync, t, onOpenSession)
+                    : syncError === undefined ? [] : [{
+                            key: 'sync:' + record.worktreeId, error: syncError,
+                            text: t('dashboard.sync.failed') + ' ' + formatWorktreeViewError(syncError, t),
+                            message: (translate) => translate('dashboard.sync.failed') + ' ' + formatWorktreeViewError(syncError, translate),
+                        }] })] }));
 }
 //# sourceMappingURL=WorktreeDashboard.js.map