@cerbur/clutch-dsh-worktree 0.1.0 → 0.1.2

package/lib/client/WorktreeSurface.js

@@ -1,11 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { Button, IconArchiveOutline20, IconBranchOutline16, IconChevronDownOutline14, IconChevronRightOutline14, IconCloseOutline16, IconEditOutline16, IconEllipsisOutline16, IconFolderClose16, IconFolderOpen16, IconPlusOutline16, IconSearchOutline16, IconTrashOutline16, Input, Menu, Modal, StateDot, } from '@deepseek-ai/dsh-client-ui-primitives';
+import { Button, HoverCard, IconArchiveOutline20, IconBranchOutline16, IconChevronDownOutline14, IconChevronRightOutline14, IconCloseOutline16, IconEditOutline16, IconEllipsisOutline16, IconFolderClose16, IconFolderOpen16, IconPlusOutline16, IconSearchOutline16, IconTrashOutline16, Input, Menu, Modal, StateDot, } from '@deepseek-ai/dsh-client-ui-primitives';
 import { openWorktreeSession } from './navigation.js';
 import { useSidebarOverlayGeometry } from './sidebar-overlay-geometry.js';
 import { effectiveViewMode, unboundSessionIds, workspaceSessionIds } from './view-mode.js';
+import { formatWorktreeViewError } from './worktree-error-copy.js';
 import { executeWorktreeAction, createDefaultWorktreeName, filterArchivedSessionIds, loadWorktreeViews, selectDefaultBaseBranch, stableWorkspaceIds, toWorktreeViewError, WorktreeSessionBindingError, } from './worktree-view.js';
 import styles from './worktree.css';
+function toNativeWorktreeViewError(error) {
+    const viewError = toWorktreeViewError(error);
+    if (typeof error === 'object' && error !== null)
+        return viewError;
+    return { ...viewError, message: String(error) };
+}
 const EMPTY_READ_STATE = { status: 'idle', views: [] };
 function useStableWorkspaceIds(workspaces) {
     const next = workspaces.map((workspace) => workspace.workspaceId);
@@ -46,17 +53,17 @@ function workspaceMatches(workspace, view, sessions, query) {
     return view.bindings.some((binding) => includesText(sessionLabel(binding.sessionId, sessions), query));
 }
 /** Workspace row using the native DSH menu, fixed action column, and drag contract. */
-function WorktreeWorkspaceRow({ workspace, expanded, actionPending, menuOpen, drag, onToggle, onCreateWorktree, onRename, onDelete, onMenuOpenChange, }) {
+function WorktreeWorkspaceRow({ t, workspace, expanded, actionPending, menuOpen, drag, onToggle, onCreateWorktree, onRename, onDelete, onMenuOpenChange, }) {
     const workspaceMenuItems = [
         {
             id: 'rename',
-            label: 'Rename',
+            label: t('workspace.rename'),
             icon: _jsx(IconEditOutline16, {}),
             disabled: actionPending,
         },
         {
             id: 'delete',
-            label: 'Delete',
+            label: t('workspace.delete'),
             icon: _jsx(IconTrashOutline16, {}),
             danger: true,
             disabled: actionPending,
@@ -84,7 +91,9 @@ function WorktreeWorkspaceRow({ workspace, expanded, actionPending, menuOpen, dr
                 return;
             event.preventDefault();
             drag.drop(rowHalf(event));
-        }, children: [_jsx("button", { type: "button", className: `${styles.disclosureButton} ${styles.workspaceDisclosure}`, "aria-label": `${expanded ? 'Collapse' : 'Expand'} ${workspace.title}`, "aria-expanded": expanded, onClick: (event) => {
+        }, children: [_jsx("button", { type: "button", className: `${styles.disclosureButton} ${styles.workspaceDisclosure}`, "aria-label": t(expanded ? 'workspace.collapse' : 'workspace.expand', {
+                    name: workspace.title,
+                }), "aria-expanded": expanded, onClick: (event) => {
                     event.stopPropagation();
                     onToggle();
                 }, children: expanded ? (_jsx(IconChevronDownOutline14, { size: 18 })) : (_jsx(IconChevronRightOutline14, { size: 18 })) }), _jsx("span", { className: styles.workspaceIcon, "aria-hidden": "true", children: expanded ? _jsx(IconFolderOpen16, {}) : _jsx(IconFolderClose16, {}) }), _jsx("span", { className: styles.workspaceTitle, children: workspace.title }), _jsxs("span", { className: `${styles.treeActionSlot} ${styles.workspaceActions}`, children: [_jsx("span", { className: styles.menuAction, children: _jsx(Menu, { open: menuOpen, onClose: () => {
@@ -95,27 +104,47 @@ function WorktreeWorkspaceRow({ workspace, expanded, actionPending, menuOpen, dr
                                     onRename();
                                 if (id === 'delete')
                                     onDelete();
-                            }, portal: true, closeOnPointerLeave: true, anchor: (_jsx("button", { type: "button", className: styles.iconButton, "data-workspace-menu": true, "aria-label": `Workspace options for ${workspace.title}`, onClick: (event) => {
+                            }, portal: true, closeOnPointerLeave: true, anchor: (_jsx("button", { type: "button", className: styles.iconButton, "data-workspace-menu": true, "aria-label": t('workspace.options', { name: workspace.title }), onClick: (event) => {
                                     event.stopPropagation();
                                     onMenuOpenChange(!menuOpen);
-                                }, children: _jsx(IconEllipsisOutline16, {}) })) }) }), _jsx("button", { type: "button", className: styles.iconButton, "data-add-worktree": true, "aria-label": `Add Worktree to ${workspace.title}`, onClick: (event) => {
+                                }, children: _jsx(IconEllipsisOutline16, {}) })) }) }), _jsx("button", { type: "button", className: styles.iconButton, "data-add-worktree": true, "aria-label": t('workspace.addWorktree', { name: workspace.title }), onClick: (event) => {
                             event.stopPropagation();
                             onCreateWorktree();
                         }, children: _jsx(IconPlusOutline16, {}) })] })] }));
 }
 /** Shared Main/Worktree group row with parameterized icon, state, and actions. */
-function WorktreeGroupRow({ kind, label, expanded, icon, workspaceTitle, state, stateLabel, onToggle, onCreateSession, }) {
+function WorktreeGroupRow({ t, kind, label, expanded, icon, workspaceTitle, state, stateLabel, onToggle, onCreateSession, menu, }) {
     const main = kind === 'main';
-    return (_jsxs("div", { className: styles.worktreeRow, "data-main-group": main ? 'true' : undefined, "data-main-expanded": main ? String(expanded) : undefined, onClick: onToggle, children: [_jsx("button", { type: "button", className: `${styles.disclosureButton} ${styles.worktreeDisclosure}`, "aria-label": `${expanded ? 'Collapse' : 'Expand'} ${label}`, "aria-expanded": expanded, onClick: (event) => {
+    const row = (_jsxs("div", { className: styles.worktreeRow, "data-main-group": main ? 'true' : undefined, "data-main-expanded": main ? String(expanded) : undefined, "data-menu-open": menu?.open ? 'true' : undefined, onClick: onToggle, children: [_jsx("button", { type: "button", className: `${styles.disclosureButton} ${styles.worktreeDisclosure}`, "aria-label": t(expanded ? 'worktree.collapse' : 'worktree.expand', { name: label }), "aria-expanded": expanded, onClick: (event) => {
                     event.stopPropagation();
                     onToggle();
-                }, children: expanded ? (_jsx(IconChevronDownOutline14, { size: 18 })) : (_jsx(IconChevronRightOutline14, { size: 18 })) }), _jsx("span", { className: styles.worktreeIcon, "aria-hidden": "true", children: icon }), state !== undefined && stateLabel !== undefined && (_jsx("span", { className: styles.worktreeState, role: "img", "aria-label": stateLabel, title: stateLabel, children: _jsx(StateDot, { state: state }) })), _jsx("span", { className: styles.worktreeLabel, children: label }), _jsx("span", { className: styles.treeActionSlot, children: onCreateSession !== undefined && (_jsx("button", { type: "button", className: styles.iconButton, "data-add-main-session": main ? 'true' : undefined, "data-add-session": main ? undefined : 'true', "aria-label": `Add Session to ${workspaceTitle}`, onClick: (event) => {
-                        event.stopPropagation();
-                        onCreateSession();
-                    }, children: _jsx(IconPlusOutline16, {}) })) })] }));
+                }, children: expanded ? (_jsx(IconChevronDownOutline14, { size: 18 })) : (_jsx(IconChevronRightOutline14, { size: 18 })) }), _jsx("span", { className: styles.worktreeIcon, "aria-hidden": "true", children: icon }), state !== undefined && stateLabel !== undefined && (_jsx("span", { className: styles.worktreeState, role: "img", "aria-label": stateLabel, title: stateLabel, children: _jsx(StateDot, { state: state }) })), _jsx("span", { className: styles.worktreeLabel, children: label }), _jsxs("span", { className: styles.treeActionSlot, children: [menu !== undefined && (_jsx("span", { className: styles.menuAction, children: _jsx(Menu, { open: menu.open, onClose: () => {
+                                menu.onOpenChange(false);
+                            }, items: [
+                                {
+                                    id: 'remove',
+                                    label: t('worktree.remove'),
+                                    icon: _jsx(IconTrashOutline16, {}),
+                                    danger: true,
+                                    disabled: menu.disabled,
+                                },
+                            ], onSelect: (id) => {
+                                menu.onOpenChange(false);
+                                if (id === 'remove')
+                                    menu.onRemove();
+                            }, portal: true, closeOnPointerLeave: true, anchor: _jsx("button", { type: "button", className: styles.iconButton, "data-worktree-menu": true, "aria-label": t('worktree.options', { name: menu.label }), onClick: (event) => {
+                                    event.stopPropagation();
+                                    menu.onOpenChange(!menu.open);
+                                }, children: _jsx(IconEllipsisOutline16, {}) }) }) })), onCreateSession !== undefined && (_jsx("button", { type: "button", className: styles.iconButton, "data-add-main-session": main ? 'true' : undefined, "data-add-session": main ? undefined : 'true', "aria-label": t('worktree.addSession', { name: workspaceTitle }), onClick: (event) => {
+                            event.stopPropagation();
+                            onCreateSession();
+                        }, children: _jsx(IconPlusOutline16, {}) }))] })] }));
+    if (main)
+        return row;
+    return (_jsx(HoverCard, { anchor: row, content: _jsx("div", { className: styles.worktreeHoverTitle, children: label }), openDelayMs: 500, disabled: menu?.open === true }));
 }
 /** Worktree-mode Session row with the same trailing options menu as native DSH rows. */
-function WorktreeSessionRow({ sessionId, label, drag, actionPending, onOpen, onRename, onFork, onArchive, }) {
+function WorktreeSessionRow({ t, sessionId, label, drag, actionPending, onOpen, onRename, onFork, onArchive, }) {
     const [menuOpen, setMenuOpen] = useState(false);
     const markerClass = drag.marker === 'before'
         ? styles.dropBefore
@@ -125,19 +154,19 @@ function WorktreeSessionRow({ sessionId, label, drag, actionPending, onOpen, onR
     const sessionMenuItems = [
         {
             id: 'rename',
-            label: 'Rename',
+            label: t('session.rename'),
             icon: _jsx(IconEditOutline16, {}),
             disabled: onRename === undefined || actionPending,
         },
         {
             id: 'fork',
-            label: 'Fork session',
+            label: t('session.fork'),
             icon: _jsx(IconBranchOutline16, {}),
             disabled: onFork === undefined || actionPending,
         },
         {
             id: 'archive',
-            label: 'Archive session',
+            label: t('session.archive'),
             icon: _jsx(IconArchiveOutline20, { size: 16 }),
             disabled: onArchive === undefined || actionPending,
         },
@@ -167,15 +196,15 @@ function WorktreeSessionRow({ sessionId, label, drag, actionPending, onOpen, onR
                             onFork?.(sessionId);
                         if (id === 'archive')
                             onArchive?.(sessionId);
-                    }, portal: true, closeOnPointerLeave: true, anchor: (_jsx("button", { type: "button", className: styles.iconButton, "data-session-menu": true, "aria-label": `Session options for ${label}`, onClick: (event) => {
+                    }, portal: true, closeOnPointerLeave: true, anchor: (_jsx("button", { type: "button", className: styles.iconButton, "data-session-menu": true, "aria-label": t('session.options', { name: label }), onClick: (event) => {
                             event.stopPropagation();
                             setMenuOpen((current) => !current);
                         }, children: _jsx(IconEllipsisOutline16, {}) })) }) })] }));
 }
-function WorktreeSessionGroup({ groupKey, sessionIds, workspaceId, expanded, actionPending, sessions, dragState, onToggleExpanded, onStartDrag, onHoverDrag, onClearDrag, onFinishDrag, onCommitDrag, onOpen, onRename, onFork, onArchive, }) {
+function WorktreeSessionGroup({ t, groupKey, sessionIds, workspaceId, expanded, actionPending, sessions, dragState, onToggleExpanded, onStartDrag, onHoverDrag, onClearDrag, onFinishDrag, onCommitDrag, onOpen, onRename, onFork, onArchive, }) {
     const visibleSessionIds = expanded ? sessionIds : sessionIds.slice(0, 5);
     const sameGroupDrag = dragState?.groupKey === groupKey;
-    return (_jsxs(_Fragment, { children: [visibleSessionIds.map((sessionId) => (_jsx(WorktreeSessionRow, { sessionId: sessionId, label: sessionLabel(sessionId, sessions), drag: {
+    return (_jsxs(_Fragment, { children: [visibleSessionIds.map((sessionId) => (_jsx(WorktreeSessionRow, { t: t, sessionId: sessionId, label: sessionLabel(sessionId, sessions), drag: {
                     active: sameGroupDrag,
                     marker: sameGroupDrag && dragState.over?.sessionId === sessionId
                         ? dragState.over.half
@@ -202,13 +231,15 @@ function WorktreeSessionGroup({ groupKey, sessionIds, workspaceId, expanded, act
                     },
                 }, actionPending: actionPending, onOpen: () => {
                     onOpen(sessionId);
-                }, onRename: onRename, onFork: onFork, onArchive: onArchive }, `${groupKey}:${sessionId}`))), sessionIds.length > 5 && (_jsx("button", { type: "button", className: styles.sessionOverflowButton, "aria-expanded": expanded, onClick: onToggleExpanded, children: expanded ? 'Collapse' : `Expand ${sessionIds.length - 5} more` }))] }));
+                }, onRename: onRename, onFork: onFork, onArchive: onArchive }, `${groupKey}:${sessionId}`))), sessionIds.length > 5 && (_jsx("button", { type: "button", className: styles.sessionOverflowButton, "aria-expanded": expanded, onClick: onToggleExpanded, children: expanded
+                    ? t('session.collapse')
+                    : t('session.expandMore', { count: sessionIds.length - 5 }) }))] }));
 }
 /**
  * Peer Worktree navigation surface. It keeps the original DSH Workspace mode
  * intact and renders a browser-local Workspace → Worktree → Session projection.
  */
-export function WorktreeSurface({ useStore, actions, useSessions, useWorkspaces, available, manager, createWorkspace, createSessionForWorktree: createSessionCallback, createMainSession, renameWorkspace, deleteWorkspace, insertWorkspaceBefore, insertSessionBefore, renameSession, forkSession, archiveSession, ensureSessionWorkspace, syncSessionWorkspaces, openSession, }) {
+export function WorktreeSurface({ useStore, actions, useSessions, useWorkspaces, t, available, manager, createWorkspace, createSessionForWorktree: createSessionCallback, createMainSession, renameWorkspace, deleteWorkspace, insertWorkspaceBefore, insertSessionBefore, renameSession, forkSession, archiveSession, ensureSessionWorkspace, syncSessionWorkspaces, openSession, }) {
     const preferredMode = useStore((state) => state.viewMode);
     const mode = effectiveViewMode(preferredMode, available && manager !== undefined);
     const sessions = useSessions((state) => state);
@@ -221,6 +252,8 @@ export function WorktreeSurface({ useStore, actions, useSessions, useWorkspaces,
     const [expandedWorktrees, setExpandedWorktrees] = useState({});
     const [worktreeModalWorkspaceId, setWorktreeModalWorkspaceId] = useState();
     const [openWorkspaceMenuId, setOpenWorkspaceMenuId] = useState();
+    const [openWorktreeMenuId, setOpenWorktreeMenuId] = useState();
+    const [worktreeRemoval, setWorktreeRemoval] = useState();
     const [selectedBranch, setSelectedBranch] = useState('');
     const [newBranch, setNewBranch] = useState('');
     const [pendingSessionBinding, setPendingSessionBinding] = useState();
@@ -328,7 +361,11 @@ export function WorktreeSurface({ useStore, actions, useSessions, useWorkspaces,
         if (workspaceRenameBlocked || target === undefined)
             return;
         if (renameWorkspace === undefined) {
-            setWorkspaceRenameError('Workspace rename is unavailable; retry after reconnecting.');
+            setWorkspaceRenameError({
+                code: 'WORKSPACE_RENAME_UNAVAILABLE',
+                message: '',
+                retryable: true,
+            });
             return;
         }
         setWorkspaceRenamePending(true);
@@ -338,7 +375,7 @@ export function WorktreeSurface({ useStore, actions, useSessions, useWorkspaces,
             setWorkspaceRenameTarget(undefined);
         }
         catch (error) {
-            setWorkspaceRenameError(error instanceof Error ? error.message : String(error));
+            setWorkspaceRenameError(toNativeWorktreeViewError(error));
         }
         finally {
             setWorkspaceRenamePending(false);
@@ -359,7 +396,11 @@ export function WorktreeSurface({ useStore, actions, useSessions, useWorkspaces,
         if (target === undefined || workspaceDeletePending)
             return;
         if (deleteWorkspace === undefined) {
-            setWorkspaceDeleteError('Workspace delete is unavailable; retry after reconnecting.');
+            setWorkspaceDeleteError({
+                code: 'WORKSPACE_DELETE_UNAVAILABLE',
+                message: '',
+                retryable: true,
+            });
             return;
         }
         setWorkspaceDeletePending(true);
@@ -369,7 +410,7 @@ export function WorktreeSurface({ useStore, actions, useSessions, useWorkspaces,
             setWorkspaceDeleteTarget(undefined);
         }
         catch (error) {
-            setWorkspaceDeleteError(error instanceof Error ? error.message : String(error));
+            setWorkspaceDeleteError(toNativeWorktreeViewError(error));
         }
         finally {
             setWorkspaceDeletePending(false);
@@ -399,7 +440,7 @@ export function WorktreeSurface({ useStore, actions, useSessions, useWorkspaces,
         if (insertWorkspaceBefore === undefined) {
             setActionError({
                 code: 'WORKSPACE_ORDER_UNAVAILABLE',
-                message: 'Workspace ordering is unavailable; retry after reconnecting.',
+                message: '',
                 retryable: true,
             });
             return;
@@ -432,7 +473,7 @@ export function WorktreeSurface({ useStore, actions, useSessions, useWorkspaces,
         if (insertSessionBefore === undefined) {
             setActionError({
                 code: 'SESSION_ORDER_UNAVAILABLE',
-                message: 'Session ordering is unavailable; retry after reconnecting.',
+                message: '',
                 retryable: true,
             });
             return;
@@ -459,7 +500,11 @@ export function WorktreeSurface({ useStore, actions, useSessions, useWorkspaces,
         if (target === undefined || title.length === 0 || sessionRenamePending)
             return;
         if (renameSession === undefined) {
-            setSessionRenameError('Session rename is unavailable; retry after reconnecting.');
+            setSessionRenameError({
+                code: 'SESSION_RENAME_UNAVAILABLE',
+                message: '',
+                retryable: true,
+            });
             return;
         }
         setSessionRenamePending(true);
@@ -469,7 +514,7 @@ export function WorktreeSurface({ useStore, actions, useSessions, useWorkspaces,
             setSessionRenameTarget(undefined);
         }
         catch (error) {
-            setSessionRenameError(error instanceof Error ? error.message : String(error));
+            setSessionRenameError(toNativeWorktreeViewError(error));
         }
         finally {
             setSessionRenamePending(false);
@@ -532,14 +577,18 @@ export function WorktreeSurface({ useStore, actions, useSessions, useWorkspaces,
                 input,
             });
             if (createdWorktree === undefined) {
-                throw new Error('Worktree creation returned no Worktree record; retry the request.');
+                throw {
+                    code: 'WORKTREE_RECORD_MISSING',
+                    message: '',
+                    retryable: true,
+                };
             }
             setWorktreeModalWorkspaceId(undefined);
             if (createSessionCallback === undefined) {
                 await refresh();
                 setActionError({
-                    code: 'SESSION_CREATE_UNAVAILABLE',
-                    message: 'Worktree created, but Session creation is unavailable; retry after reconnecting.',
+                    code: 'WORKTREE_CREATED_SESSION_UNAVAILABLE',
+                    message: '',
                     retryable: true,
                 });
                 return;
@@ -571,7 +620,7 @@ export function WorktreeSurface({ useStore, actions, useSessions, useWorkspaces,
         if (createSessionCallback === undefined) {
             setActionError({
                 code: 'SESSION_CREATE_UNAVAILABLE',
-                message: 'Session creation is unavailable; retry after reconnecting.',
+                message: '',
                 retryable: true,
             });
             return;
@@ -624,31 +673,31 @@ export function WorktreeSurface({ useStore, actions, useSessions, useWorkspaces,
     if (mode !== 'worktree')
         return null;
     const visibleWorkspaces = workspaces.items.filter((workspace) => workspaceMatches(workspace, viewByWorkspace.get(workspace.workspaceId), sessions, query));
-    return (_jsxs("aside", { ref: ref, className: styles.surface, "data-worktree-surface": true, "data-collapsed": collapsed || undefined, "aria-label": "Worktree navigation", style: {
+    return (_jsxs("aside", { ref: ref, className: styles.surface, "data-worktree-surface": true, "data-collapsed": collapsed || undefined, "aria-label": t('mode.navigation'), style: {
             width: `${width}px`,
             ...(bounds.ready
                 ? { top: `${bounds.top}px`, height: `${bounds.height}px` }
                 : { height: '0px', visibility: 'hidden' }),
-        }, children: [_jsxs("div", { className: styles.wideContent, children: [_jsxs("header", { className: styles.header, children: [_jsx("span", { className: styles.title, children: "Worktrees" }), _jsx("button", { type: "button", className: styles.closeButton, "aria-label": "Exit Worktree mode", onClick: () => {
+        }, children: [_jsxs("div", { className: styles.wideContent, children: [_jsxs("header", { className: styles.header, children: [_jsx("span", { className: styles.title, children: t('worktree.title') }), _jsx("button", { type: "button", className: styles.closeButton, "aria-label": t('mode.exit'), onClick: () => {
                                     actions.setViewMode('workspace-session');
-                                }, children: _jsx(IconCloseOutline16, {}) })] }), _jsxs("div", { className: styles.searchRow, children: [_jsx("span", { className: styles.searchIcon, "aria-hidden": "true", children: _jsx(IconSearchOutline16, {}) }), _jsx("input", { className: styles.searchInput, "aria-label": "Search Workspaces and Sessions", placeholder: "Search Workspaces and Sessions", value: searchQuery, onChange: (event) => {
+                                }, children: _jsx(IconCloseOutline16, {}) })] }), _jsxs("div", { className: styles.searchRow, children: [_jsx("span", { className: styles.searchIcon, "aria-hidden": "true", children: _jsx(IconSearchOutline16, {}) }), _jsx("input", { className: styles.searchInput, "aria-label": t('workspace.search'), placeholder: t('workspace.search'), value: searchQuery, onChange: (event) => {
                                     setSearchQuery(event.currentTarget.value);
-                                } }), _jsx("button", { type: "button", className: styles.iconButton, "aria-label": "Add Workspace", onClick: () => {
+                                } }), _jsx("button", { type: "button", className: styles.iconButton, "aria-label": t('workspace.add'), onClick: () => {
                                     if (createWorkspace !== undefined)
                                         void runMutation(createWorkspace);
-                                }, children: _jsx(IconPlusOutline16, {}) })] }), _jsxs("div", { className: styles.content, tabIndex: 0, children: [actionError !== undefined && (_jsxs("div", { className: styles.error, role: "alert", "data-worktree-error": true, children: [_jsx("p", { className: styles.message, "data-error": "true", children: actionError.message }), pendingSessionBinding !== undefined && (_jsxs("div", { className: styles.recoveryActions, children: [_jsx("button", { type: "button", className: styles.actionButton, disabled: actionPending, onClick: () => {
+                                }, children: _jsx(IconPlusOutline16, {}) })] }), _jsxs("div", { className: styles.content, tabIndex: 0, children: [actionError !== undefined && (_jsxs("div", { className: styles.error, role: "alert", "data-worktree-error": true, children: [_jsx("p", { className: styles.message, "data-error": "true", children: formatWorktreeViewError(actionError, t) }), pendingSessionBinding !== undefined && (_jsxs("div", { className: styles.recoveryActions, children: [_jsx("button", { type: "button", className: styles.actionButton, disabled: actionPending, onClick: () => {
                                                     void retrySessionBinding();
-                                                }, children: "Retry Binding" }), _jsx("button", { type: "button", className: styles.actionButton, disabled: actionPending, onClick: () => {
+                                                }, children: t('action.retryBinding') }), _jsx("button", { type: "button", className: styles.actionButton, disabled: actionPending, onClick: () => {
                                                     const sessionId = pendingSessionBinding.sessionId;
                                                     setPendingSessionBinding(undefined);
                                                     setActionError(undefined);
                                                     openSession(sessionId);
-                                                }, children: "Open Created Session" })] })), actionError.retryable && (_jsx("button", { type: "button", className: styles.retryButton, onClick: () => {
+                                                }, children: t('action.openCreatedSession') })] })), actionError.retryable && (_jsx("button", { type: "button", className: styles.retryButton, onClick: () => {
                                             setActionError(undefined);
                                             void refresh();
-                                        }, children: "Retry" }))] })), readState.status === 'loading' && _jsx("p", { className: styles.message, children: "Loading Workspaces\u2026" }), readState.status === 'error' && readState.error !== undefined ? (_jsxs("div", { className: styles.error, role: "alert", "data-worktree-error": true, children: [_jsx("p", { className: styles.message, "data-error": "true", children: readState.error.message }), _jsx("button", { type: "button", className: styles.retryButton, onClick: () => {
+                                        }, children: t('action.retry') }))] })), readState.status === 'loading' && (_jsx("p", { className: styles.message, children: t('status.loading') })), readState.status === 'error' && readState.error !== undefined ? (_jsxs("div", { className: styles.error, role: "alert", "data-worktree-error": true, children: [_jsx("p", { className: styles.message, "data-error": "true", children: formatWorktreeViewError(readState.error, t) }), _jsx("button", { type: "button", className: styles.retryButton, onClick: () => {
                                             void refresh();
-                                        }, children: "Retry" })] })) : readState.status === 'ready' ? (_jsx("div", { className: styles.workspaceList, children: visibleWorkspaces.length === 0 ? (_jsx("p", { className: styles.empty, children: "No matching Workspaces" })) : (visibleWorkspaces.map((workspace) => {
+                                        }, children: t('action.retry') })] })) : readState.status === 'ready' ? (_jsx("div", { className: styles.workspaceList, children: visibleWorkspaces.length === 0 ? (_jsx("p", { className: styles.empty, children: t('workspace.noMatches') })) : (visibleWorkspaces.map((workspace) => {
                                     const view = viewByWorkspace.get(workspace.workspaceId);
                                     const expanded = expandedWorkspaces[workspace.workspaceId] !== false;
                                     const workspaceMatchesQuery = includesText(workspace.title, query);
@@ -663,7 +712,7 @@ export function WorktreeSurface({ useStore, actions, useSessions, useWorkspaces,
                                     const mainExpanded = expandedMains[workspace.workspaceId] !== false;
                                     const mainGroupKey = `main:${workspace.workspaceId}`;
                                     const worktrees = view?.worktrees ?? [];
-                                    return (_jsxs("section", { className: styles.workspaceGroup, "data-workspace-id": workspace.workspaceId, children: [_jsx(WorktreeWorkspaceRow, { workspace: workspace, expanded: expanded, actionPending: actionPending, menuOpen: openWorkspaceMenuId === workspace.workspaceId, drag: {
+                                    return (_jsxs("section", { className: styles.workspaceGroup, "data-workspace-id": workspace.workspaceId, children: [_jsx(WorktreeWorkspaceRow, { t: t, workspace: workspace, expanded: expanded, actionPending: actionPending, menuOpen: openWorkspaceMenuId === workspace.workspaceId, drag: {
                                                     active: workspaceDrag !== undefined,
                                                     marker: workspaceDrag?.over?.workspaceId === workspace.workspaceId
                                                         ? workspaceDrag.over.half
@@ -707,13 +756,13 @@ export function WorktreeSurface({ useStore, actions, useSessions, useWorkspaces,
                                                     openWorkspaceDelete(workspace);
                                                 }, onMenuOpenChange: (open) => {
                                                     setOpenWorkspaceMenuId(open ? workspace.workspaceId : undefined);
-                                                } }), expanded && (_jsxs("div", { className: styles.treeChildren, children: [_jsx(WorktreeGroupRow, { kind: "main", label: "Main", expanded: mainExpanded, icon: _jsx(IconBranchOutline16, {}), workspaceTitle: workspace.title, onToggle: () => {
+                                                } }), expanded && (_jsxs("div", { className: styles.treeChildren, children: [_jsx(WorktreeGroupRow, { t: t, kind: "main", label: t('worktree.main'), expanded: mainExpanded, icon: _jsx(IconBranchOutline16, {}), workspaceTitle: workspace.title, onToggle: () => {
                                                             toggleMain(workspace.workspaceId);
                                                         }, onCreateSession: createMainSession === undefined
                                                             ? undefined
                                                             : () => {
                                                                 createMainSession(workspace.workspaceId);
-                                                            } }), mainExpanded && (_jsx(WorktreeSessionGroup, { groupKey: mainGroupKey, sessionIds: visibleMainSessionIds, workspaceId: workspace.workspaceId, expanded: expandedSessionGroups[mainGroupKey] === true, actionPending: actionPending, sessions: sessions, dragState: sessionDrag, onToggleExpanded: () => {
+                                                            } }), mainExpanded && (_jsx(WorktreeSessionGroup, { t: t, groupKey: mainGroupKey, sessionIds: visibleMainSessionIds, workspaceId: workspace.workspaceId, expanded: expandedSessionGroups[mainGroupKey] === true, actionPending: actionPending, sessions: sessions, dragState: sessionDrag, onToggleExpanded: () => {
                                                             setExpandedSessionGroups((current) => ({
                                                                 ...current,
                                                                 [mainGroupKey]: current[mainGroupKey] !== true,
@@ -731,7 +780,7 @@ export function WorktreeSurface({ useStore, actions, useSessions, useWorkspaces,
                                                             sessionDropCommitted.current = false;
                                                         }, onCommitDrag: commitSessionDrag, onOpen: (sessionId) => {
                                                             openWorktreeSession({ open: openSession }, sessionId);
-                                                        }, onRename: renameSession === undefined ? undefined : openSessionRename, onFork: forkSession, onArchive: archiveSession === undefined ? undefined : archiveWorktreeSession })), worktrees.length === 0 && (_jsx("p", { className: styles.emptyNested, children: "No Worktrees" })), worktrees.map((record) => {
+                                                        }, onRename: renameSession === undefined ? undefined : openSessionRename, onFork: forkSession, onArchive: archiveSession === undefined ? undefined : archiveWorktreeSession })), worktrees.length === 0 && (_jsx("p", { className: styles.emptyNested, children: t('worktree.noWorktrees') })), worktrees.map((record) => {
                                                         const worktreeSessionIds = filterArchivedSessionIds(bindingIdsFor(bindings, record.worktreeId).filter((sessionId) => sessions.ids.includes(sessionId)), archivedSessionIds);
                                                         const worktreeMatchesQuery = workspaceMatchesQuery ||
                                                             includesText(record.branch, query) ||
@@ -750,12 +799,12 @@ export function WorktreeSurface({ useStore, actions, useSessions, useWorkspaces,
                                                                 ? 'error'
                                                                 : 'done';
                                                         const stateLabel = record.status === 'removed'
-                                                            ? 'Detached Worktree'
+                                                            ? t('worktree.detached')
                                                             : record.health === 'repair'
-                                                                ? 'Worktree needs repair'
-                                                                : 'Active Worktree ready';
+                                                                ? t('worktree.repair')
+                                                                : t('worktree.ready');
                                                         const worktreeExpanded = expandedWorktrees[record.worktreeId] !== false;
-                                                        return (_jsxs("div", { className: styles.worktreeGroup, "data-worktree-id": record.worktreeId, children: [_jsx(WorktreeGroupRow, { kind: "worktree", label: record.branch, expanded: worktreeExpanded, icon: _jsx(IconBranchOutline16, {}), workspaceTitle: workspace.title, state: state, stateLabel: stateLabel, onToggle: () => {
+                                                        return (_jsxs("div", { className: styles.worktreeGroup, "data-worktree-id": record.worktreeId, children: [_jsx(WorktreeGroupRow, { t: t, kind: "worktree", label: record.branch, expanded: worktreeExpanded, icon: _jsx(IconBranchOutline16, {}), workspaceTitle: workspace.title, state: state, stateLabel: stateLabel, onToggle: () => {
                                                                         toggleWorktree(record.worktreeId);
                                                                     }, onCreateSession: record.status === 'active'
                                                                         ? () => {
@@ -765,7 +814,20 @@ export function WorktreeSurface({ useStore, actions, useSessions, useWorkspaces,
                                                                                 cwd: record.absolutePath,
                                                                             });
                                                                         }
-                                                                        : undefined }), worktreeExpanded && (_jsx(WorktreeSessionGroup, { groupKey: worktreeGroupKey, sessionIds: visibleWorktreeSessionIds, workspaceId: workspace.workspaceId, expanded: expandedSessionGroups[worktreeGroupKey] === true, actionPending: actionPending, sessions: sessions, dragState: sessionDrag, onToggleExpanded: () => {
+                                                                        : undefined, menu: record.status === 'active'
+                                                                        ? {
+                                                                            open: openWorktreeMenuId === record.worktreeId,
+                                                                            label: record.branch,
+                                                                            disabled: actionPending,
+                                                                            onOpenChange: (open) => {
+                                                                                setOpenWorktreeMenuId(open ? record.worktreeId : undefined);
+                                                                            },
+                                                                            onRemove: () => {
+                                                                                setWorktreeRemoval(record);
+                                                                                setActionError(undefined);
+                                                                            },
+                                                                        }
+                                                                        : undefined }), worktreeExpanded && (_jsx(WorktreeSessionGroup, { t: t, groupKey: worktreeGroupKey, sessionIds: visibleWorktreeSessionIds, workspaceId: workspace.workspaceId, expanded: expandedSessionGroups[worktreeGroupKey] === true, actionPending: actionPending, sessions: sessions, dragState: sessionDrag, onToggleExpanded: () => {
                                                                         setExpandedSessionGroups((current) => ({
                                                                             ...current,
                                                                             [worktreeGroupKey]: current[worktreeGroupKey] !== true,
@@ -787,11 +849,11 @@ export function WorktreeSurface({ useStore, actions, useSessions, useWorkspaces,
                                                                         ? undefined
                                                                         : archiveWorktreeSession }))] }, record.worktreeId));
                                                     })] }))] }, workspace.workspaceId));
-                                })) })) : null] })] }), _jsx("div", { className: styles.railContent, children: _jsx("button", { type: "button", className: styles.railButton, "aria-label": "Exit Worktree mode", onClick: () => {
+                                })) })) : null] })] }), _jsx("div", { className: styles.railContent, children: _jsx("button", { type: "button", className: styles.railButton, "aria-label": t('mode.exit'), onClick: () => {
                         actions.setViewMode('workspace-session');
-                    }, children: "WT" }) }), _jsxs(Modal, { open: sessionRenameTarget !== undefined, onClose: closeSessionRename, closeLabel: "Close", title: "Rename session", footer: (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", disabled: sessionRenamePending, onClick: closeSessionRename, children: "Cancel" }), _jsx(Button, { variant: "primary", disabled: sessionRenamePending || sessionRenameDraft.trim().length === 0, onClick: () => {
+                    }, children: "WT" }) }), _jsxs(Modal, { open: sessionRenameTarget !== undefined, onClose: closeSessionRename, closeLabel: t('dialog.close'), title: t('session.rename'), footer: (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", disabled: sessionRenamePending, onClick: closeSessionRename, children: t('dialog.cancel') }), _jsx(Button, { variant: "primary", disabled: sessionRenamePending || sessionRenameDraft.trim().length === 0, onClick: () => {
                                 void confirmSessionRename();
-                            }, children: "Rename" })] })), children: [_jsx(Input, { className: styles.renameInput, value: sessionRenameDraft, "aria-label": "Session name", autoFocus: true, disabled: sessionRenamePending, onFocus: (event) => {
+                            }, children: t('dialog.rename') })] })), children: [_jsx(Input, { className: styles.renameInput, value: sessionRenameDraft, "aria-label": t('session.name'), autoFocus: true, disabled: sessionRenamePending, onFocus: (event) => {
                             event.currentTarget.select();
                         }, onChange: (event) => {
                             setSessionRenameDraft(event.currentTarget.value);
@@ -801,9 +863,9 @@ export function WorktreeSurface({ useStore, actions, useSessions, useWorkspaces,
                                 event.preventDefault();
                                 void confirmSessionRename();
                             }
-                        } }), sessionRenameError !== undefined && (_jsx("p", { className: styles.renameError, role: "alert", children: sessionRenameError }))] }), workspaceRenameTarget !== undefined && (_jsxs(Modal, { open: workspaceRenameTarget !== undefined, onClose: closeWorkspaceRename, closeLabel: "Close Rename Workspace dialog", title: "Rename Workspace", footer: (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", disabled: workspaceRenamePending, onClick: closeWorkspaceRename, children: "Cancel" }), _jsx(Button, { variant: "primary", disabled: workspaceRenameBlocked, onClick: () => {
+                        } }), sessionRenameError !== undefined && (_jsx("p", { className: styles.renameError, role: "alert", children: formatWorktreeViewError(sessionRenameError, t) }))] }), workspaceRenameTarget !== undefined && (_jsxs(Modal, { open: workspaceRenameTarget !== undefined, onClose: closeWorkspaceRename, closeLabel: t('dialog.closeWorkspaceRename'), title: t('workspace.renameTitle'), footer: (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", disabled: workspaceRenamePending, onClick: closeWorkspaceRename, children: t('dialog.cancel') }), _jsx(Button, { variant: "primary", disabled: workspaceRenameBlocked, onClick: () => {
                                 void confirmWorkspaceRename();
-                            }, children: "Rename" })] })), children: [_jsx(Input, { className: styles.renameInput, value: workspaceRenameDraft, "aria-label": "Workspace name", autoFocus: true, disabled: workspaceRenamePending, onFocus: (event) => {
+                            }, children: t('dialog.rename') })] })), children: [_jsx(Input, { className: styles.renameInput, value: workspaceRenameDraft, "aria-label": t('workspace.name'), autoFocus: true, disabled: workspaceRenamePending, onFocus: (event) => {
                             event.currentTarget.select();
                         }, onChange: (event) => {
                             setWorkspaceRenameDraft(event.currentTarget.value);
@@ -813,22 +875,42 @@ export function WorktreeSurface({ useStore, actions, useSessions, useWorkspaces,
                                 event.preventDefault();
                                 void confirmWorkspaceRename();
                             }
-                        } }), workspaceRenameDuplicate && (_jsx("p", { className: styles.renameError, role: "alert", children: "A Workspace with this name already exists." })), workspaceRenameError !== undefined && (_jsx("p", { className: styles.renameError, role: "alert", children: workspaceRenameError }))] })), workspaceDeleteTarget !== undefined && (_jsx(Modal, { open: workspaceDeleteTarget !== undefined, onClose: closeWorkspaceDelete, closeLabel: "Close Delete Workspace dialog", title: "Delete Workspace", description: `Delete ${workspaceDeleteTarget.title}? This removes only the DSH Workspace registration. The directory, Sessions, and Git Worktrees will be retained.`, footer: (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", disabled: workspaceDeletePending, onClick: closeWorkspaceDelete, children: "Cancel" }), _jsx(Button, { variant: "outline", disabled: workspaceDeletePending, onClick: () => {
+                        } }), workspaceRenameDuplicate && (_jsx("p", { className: styles.renameError, role: "alert", children: t('workspace.duplicate') })), workspaceRenameError !== undefined && (_jsx("p", { className: styles.renameError, role: "alert", children: formatWorktreeViewError(workspaceRenameError, t) }))] })), workspaceDeleteTarget !== undefined && (_jsx(Modal, { open: workspaceDeleteTarget !== undefined, onClose: closeWorkspaceDelete, closeLabel: t('dialog.closeWorkspaceDelete'), title: t('workspace.deleteTitle'), description: t('workspace.deleteDescription', { name: workspaceDeleteTarget.title }), footer: (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", disabled: workspaceDeletePending, onClick: closeWorkspaceDelete, children: t('dialog.cancel') }), _jsx(Button, { variant: "outline", disabled: workspaceDeletePending, onClick: () => {
                                 void confirmWorkspaceDelete();
-                            }, children: "Delete" })] })), children: workspaceDeleteError !== undefined && (_jsx("p", { className: styles.renameError, role: "alert", children: workspaceDeleteError })) })), worktreeModalWorkspaceId !== undefined && modalWorkspace !== undefined && (_jsxs(Modal, { open: worktreeModalWorkspaceId !== undefined, onClose: () => {
+                            }, children: t('dialog.delete') })] })), children: workspaceDeleteError !== undefined && (_jsx("p", { className: styles.renameError, role: "alert", children: formatWorktreeViewError(workspaceDeleteError, t) })) })), worktreeModalWorkspaceId !== undefined && modalWorkspace !== undefined && (_jsxs(Modal, { open: worktreeModalWorkspaceId !== undefined, onClose: () => {
                     if (actionPending)
                         return;
                     setWorktreeModalWorkspaceId(undefined);
-                }, closeLabel: "Close Create Worktree dialog", title: "New Worktree", description: `${modalWorkspace.title} · the Worktree path is managed by DSH.`, footer: (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", disabled: actionPending, onClick: () => {
+                }, closeLabel: t('dialog.closeWorktreeCreate'), title: t('worktree.createTitle'), description: t('worktree.createDescription', { name: modalWorkspace.title }), footer: (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", disabled: actionPending, onClick: () => {
                                 setWorktreeModalWorkspaceId(undefined);
-                            }, children: "Cancel" }), _jsx(Button, { variant: "primary", disabled: actionPending ||
+                            }, children: t('dialog.cancel') }), _jsx(Button, { variant: "primary", disabled: actionPending ||
                                 selectedBranch.length === 0 ||
                                 newBranch.trim().length === 0, onClick: () => {
                                 void submitWorktree();
-                            }, children: "Create Worktree" })] })), children: [_jsxs("label", { className: styles.modalField, children: ["Base branch", _jsxs("select", { className: styles.actionSelect, "aria-label": "Worktree base branch", value: selectedBranch, disabled: actionPending, onChange: (event) => {
+                            }, children: t('worktree.create') })] })), children: [_jsxs("label", { className: styles.modalField, children: [t('worktree.baseBranch'), _jsxs("select", { className: styles.actionSelect, "aria-label": t('worktree.baseBranch'), value: selectedBranch, disabled: actionPending, onChange: (event) => {
                                     setSelectedBranch(event.currentTarget.value);
-                                }, children: [_jsx("option", { value: "", children: "No local branch" }), (modalView?.branches ?? []).map((branch) => (_jsxs("option", { value: branch.name, children: [branch.name, branch.isCurrent ? ' (current)' : '', branch.checkedOut ? ' (checked out)' : ''] }, branch.name)))] })] }), _jsxs("label", { className: styles.modalField, children: ["Worktree name", _jsx(Input, { className: styles.renameInput, "aria-label": "Worktree name", value: newBranch, placeholder: "dsh/12345678", disabled: actionPending, onChange: (event) => {
+                                }, children: [_jsx("option", { value: "", children: t('worktree.noLocalBranch') }), (modalView?.branches ?? []).map((branch) => (_jsxs("option", { value: branch.name, children: [branch.name, branch.isCurrent ? t('branch.current') : '', branch.checkedOut ? t('branch.checkedOut') : ''] }, branch.name)))] })] }), _jsxs("label", { className: styles.modalField, children: [t('worktree.name'), _jsx(Input, { className: styles.renameInput, "aria-label": t('worktree.name'), value: newBranch, placeholder: "dsh/12345678", disabled: actionPending, onChange: (event) => {
                                     setNewBranch(event.currentTarget.value);
-                                } })] }), modalView?.branches.length === 0 && (_jsx("p", { className: styles.empty, children: "No local branches found in this Workspace." }))] }))] }));
+                                } })] }), modalView?.branches.length === 0 && (_jsx("p", { className: styles.empty, children: t('worktree.noBranches') }))] })), worktreeRemoval !== undefined && (_jsx(Modal, { open: worktreeRemoval !== undefined, onClose: () => {
+                    if (actionPending)
+                        return;
+                    setWorktreeRemoval(undefined);
+                }, closeLabel: t('dialog.closeWorktreeRemove'), title: t('worktree.remove'), description: t('worktree.removeDescription', { name: worktreeRemoval.branch }), footer: (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", disabled: actionPending, onClick: () => {
+                                setWorktreeRemoval(undefined);
+                            }, children: t('dialog.cancel') }), _jsx(Button, { variant: "primary", disabled: actionPending, onClick: () => {
+                                if (manager === undefined)
+                                    return;
+                                const target = worktreeRemoval;
+                                void runMutation(async () => {
+                                    await executeWorktreeAction(manager, {
+                                        type: 'removeWorktree',
+                                        input: {
+                                            workspaceId: target.workspaceId,
+                                            worktreeId: target.worktreeId,
+                                        },
+                                    });
+                                    setWorktreeRemoval(undefined);
+                                });
+                            }, children: t('worktree.remove') })] })) }))] }));
 }
 //# sourceMappingURL=WorktreeSurface.js.map