@kortix/ui 0.14.5 → 0.14.7

package/dist/files/project/components/drive-list-view.js

@@ -84,7 +84,7 @@ function ListRow({ node, onClick, onDoubleClick, onDownload, onRename, onDelete,
                     (isCut || isCopied || selected) && 'ring-ring bg-ring/15 ring-1 ring-inset', isDragging && 'opacity-30', isDragOver && 'bg-primary/8'), children: [_jsx(TableCell, { children: _jsxs("div", { className: "flex min-w-0 items-center gap-2.5", children: [selectMode ? _jsx(SelectionCheck, { selected: selected, className: "shrink-0" }) : null, isDir ? (_jsx(Folder, { className: "text-muted-foreground size-4 shrink-0" })) : (getFileIcon(node.name, {
                                         className: 'size-4 shrink-0 text-muted-foreground',
                                         variant: 'monochrome',
-                                    })), isRenaming ? (_jsx("input", { ref: renameInputRef, type: "text", value: renameName, onChange: (e) => setRenameName(e.target.value), onKeyDown: (e) => {
+                                    })), isRenaming ? (_jsx("input", { ref: renameInputRef, type: "text", "aria-label": tHardcodedUi.raw('i18nComplete.text3064d79a295c'), value: renameName, onChange: (e) => setRenameName(e.target.value), onKeyDown: (e) => {
                                             if (e.key === 'Enter') {
                                                 if (e.nativeEvent.isComposing)
                                                     return;
@@ -92,7 +92,7 @@ function ListRow({ node, onClick, onDoubleClick, onDownload, onRename, onDelete,
                                             }
                                             if (e.key === 'Escape')
                                                 setIsRenaming(false);
-                                        }, onBlur: confirmRename, onClick: (e) => e.stopPropagation(), className: "border-border min-w-0 flex-1 border-b bg-transparent py-0.5 text-sm outline-none" })) : (_jsx("span", { className: cn('truncate text-sm font-medium', node.ignored && 'opacity-50', node.name.startsWith('.') && 'text-muted-foreground'), children: node.name })), uploading ? (_jsx("span", { role: "status", "aria-label": tDrives('uploadingFile', { name: node.name }), className: "shrink-0", children: _jsx(Loading, { variant: "spokes", className: "size-3.5" }) })) : null] }) }), _jsx(TableCell, { children: isDir ? (_jsx(ChalkBadge, { label: tHardcodedUi.raw('i18nComplete.text74ccd4330384') })) : ext ? (_jsx(ChalkBadge, { label: ext })) : (_jsx("span", { className: "text-muted-foreground text-sm", children: "\u2014" })) }), _jsx(TableCell, { children: !isRenaming && (_jsx("div", { className: "flex justify-end", children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { onClick: (e) => e.stopPropagation(), variant: "ghost", size: "icon-xs", className: "shrink-0 opacity-0 group-hover:opacity-100", children: _jsx(MoreVertical, { className: "text-muted-foreground size-3.5" }) }) }), _jsx(DropdownMenuContent, { align: "end", className: "w-48", children: isDir ? (_jsx(FolderDriveMenuItems, { Item: DropdownMenuItem, Separator: DropdownMenuSeparator, ...folderMenuProps })) : (_jsx(FileDriveMenuItems, { Item: DropdownMenuItem, Separator: DropdownMenuSeparator, ...fileMenuProps })) })] }) })) })] }) }), _jsx(ContextMenuContent, { className: "w-48", children: selection?.selectionMenu(node, ContextMenuItem, ContextMenuSeparator) ?? (_jsxs(_Fragment, { children: [_jsx(SelectMenuItem, { selection: selection, node: node, Item: ContextMenuItem, Separator: ContextMenuSeparator }), isDir ? (_jsx(FolderDriveMenuItems, { Item: ContextMenuItem, Separator: ContextMenuSeparator, ...folderMenuProps })) : (_jsx(FileDriveMenuItems, { Item: ContextMenuItem, Separator: ContextMenuSeparator, ...fileMenuProps }))] })) })] }));
+                                        }, onBlur: confirmRename, onClick: (e) => e.stopPropagation(), className: "border-border min-w-0 flex-1 border-b bg-transparent py-0.5 text-sm outline-none" })) : (_jsx("span", { className: cn('truncate text-sm font-medium', node.ignored && 'opacity-50', node.name.startsWith('.') && 'text-muted-foreground'), children: node.name })), uploading ? (_jsx("span", { role: "status", "aria-label": tDrives('uploadingFile', { name: node.name }), className: "shrink-0", children: _jsx(Loading, { variant: "spokes", className: "size-3.5" }) })) : null] }) }), _jsx(TableCell, { children: isDir ? (_jsx(ChalkBadge, { label: tHardcodedUi.raw('i18nComplete.text74ccd4330384') })) : ext ? (_jsx(ChalkBadge, { label: ext })) : (_jsx("span", { className: "text-muted-foreground text-sm", children: "\u2014" })) }), _jsx(TableCell, { children: !isRenaming && (_jsx("div", { className: "flex justify-end", children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { onClick: (e) => e.stopPropagation(), "aria-label": tHardcodedUi.raw('i18nComplete.textf8d46c2570e7'), variant: "ghost", size: "icon-xs", className: "shrink-0 opacity-0 group-hover:opacity-100", children: _jsx(MoreVertical, { className: "text-muted-foreground size-3.5" }) }) }), _jsx(DropdownMenuContent, { align: "end", className: "w-48", children: isDir ? (_jsx(FolderDriveMenuItems, { Item: DropdownMenuItem, Separator: DropdownMenuSeparator, ...folderMenuProps })) : (_jsx(FileDriveMenuItems, { Item: DropdownMenuItem, Separator: DropdownMenuSeparator, ...fileMenuProps })) })] }) })) })] }) }), _jsx(ContextMenuContent, { className: "w-48", children: selection?.selectionMenu(node, ContextMenuItem, ContextMenuSeparator) ?? (_jsxs(_Fragment, { children: [_jsx(SelectMenuItem, { selection: selection, node: node, Item: ContextMenuItem, Separator: ContextMenuSeparator }), isDir ? (_jsx(FolderDriveMenuItems, { Item: ContextMenuItem, Separator: ContextMenuSeparator, ...folderMenuProps })) : (_jsx(FileDriveMenuItems, { Item: ContextMenuItem, Separator: ContextMenuSeparator, ...fileMenuProps }))] })) })] }));
 }
 function ElevatedDirRow({ node, onNavigate }) {
     const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
@@ -119,10 +119,10 @@ export function DriveListView({ elevatedDirs, dirs, files, onNavigateToDir, onOp
             setSortBy(field);
         }
     };
-    const SortIcon = ({ field }) => {
+    const renderSortIcon = (field) => {
         if (sortDisabled || sortBy !== field)
             return null;
         return sortOrder === 'asc' ? (_jsx(ArrowUp, { className: "ml-1 size-3" })) : (_jsx(ArrowDown, { className: "ml-1 size-3" }));
     };
-    return (_jsx("div", { className: "space-y-7 p-5", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { className: "hover:bg-transparent", children: [_jsx(TableHead, { children: _jsxs(Button, { onClick: () => handleHeaderClick('name'), disabled: sortDisabled, variant: "transparent", className: "text-muted-foreground hover:text-foreground m-0 h-fit w-fit p-0 font-normal has-[>svg]:p-0", children: [tI18nComplete.raw('textdcd1d5223f73'), _jsx(SortIcon, { field: "name" })] }) }), _jsx(TableHead, { children: _jsxs(Button, { onClick: () => handleHeaderClick('type'), disabled: sortDisabled, variant: "transparent", className: "text-muted-foreground hover:text-foreground m-0 h-fit w-fit p-0 font-normal has-[>svg]:p-0", children: [tI18nComplete.raw('textbaaddf70fb5d'), _jsx(SortIcon, { field: "type" })] }) }), _jsx(TableHead, { className: "w-[52px]", children: _jsx("span", { className: "sr-only", children: tI18nComplete.raw('textff8059dc6752') }) })] }) }), _jsxs(TableBody, { children: [elevatedDirs.map((node) => (_jsx(ElevatedDirRow, { node: node, onNavigate: () => onNavigateToDir(node) }, node.path))), dirs.map((node) => (_jsx(ListRow, { node: node, onClick: () => onNavigateToDir(node), onDownload: onDownloadDir, isDownloadingItem: isDirDownloading(node.path), onRename: isFixed?.(node.path) ? undefined : onRename, onDelete: isFixed?.(node.path) ? undefined : onDelete, onCopy: onCopy, onCut: isFixed?.(node.path) ? undefined : onCut, onDropMove: onDropMove, onDropUpload: onDropUpload, isCut: clipboardOperation === 'cut' && clipboardPath === node.path, isCopied: clipboardOperation === 'copy' && clipboardPath === node.path }, node.path))), files.map((node) => (_jsx(ListRow, { node: node, onClick: () => onPreviewFile(node), onDoubleClick: () => onOpenFile(node), onDownload: onDownload, onRename: onRename, onDelete: onDelete, onHistory: onHistory, onCopy: onCopy, onCut: onCut, gitStatus: gitStatusMap.get(node.path), isCut: clipboardOperation === 'cut' && clipboardPath === node.path, isCopied: clipboardOperation === 'copy' && clipboardPath === node.path, uploading: uploadingPaths?.has(node.path) }, node.path)))] })] }) }));
+    return (_jsx("div", { className: "space-y-7 p-5", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { className: "hover:bg-transparent", children: [_jsx(TableHead, { children: _jsxs(Button, { onClick: () => handleHeaderClick('name'), disabled: sortDisabled, variant: "transparent", className: "text-muted-foreground hover:text-foreground m-0 h-fit w-fit p-0 font-normal has-[>svg]:p-0", children: [tI18nComplete.raw('textdcd1d5223f73'), renderSortIcon('name')] }) }), _jsx(TableHead, { children: _jsxs(Button, { onClick: () => handleHeaderClick('type'), disabled: sortDisabled, variant: "transparent", className: "text-muted-foreground hover:text-foreground m-0 h-fit w-fit p-0 font-normal has-[>svg]:p-0", children: [tI18nComplete.raw('textbaaddf70fb5d'), renderSortIcon('type')] }) }), _jsx(TableHead, { className: "w-[52px]", children: _jsx("span", { className: "sr-only", children: tI18nComplete.raw('textff8059dc6752') }) })] }) }), _jsxs(TableBody, { children: [elevatedDirs.map((node) => (_jsx(ElevatedDirRow, { node: node, onNavigate: () => onNavigateToDir(node) }, node.path))), dirs.map((node) => (_jsx(ListRow, { node: node, onClick: () => onNavigateToDir(node), onDownload: onDownloadDir, isDownloadingItem: isDirDownloading(node.path), onRename: isFixed?.(node.path) ? undefined : onRename, onDelete: isFixed?.(node.path) ? undefined : onDelete, onCopy: onCopy, onCut: isFixed?.(node.path) ? undefined : onCut, onDropMove: onDropMove, onDropUpload: onDropUpload, isCut: clipboardOperation === 'cut' && clipboardPath === node.path, isCopied: clipboardOperation === 'copy' && clipboardPath === node.path }, node.path))), files.map((node) => (_jsx(ListRow, { node: node, onClick: () => onPreviewFile(node), onDoubleClick: () => onOpenFile(node), onDownload: onDownload, onRename: onRename, onDelete: onDelete, onHistory: onHistory, onCopy: onCopy, onCut: onCut, gitStatus: gitStatusMap.get(node.path), isCut: clipboardOperation === 'cut' && clipboardPath === node.path, isCopied: clipboardOperation === 'copy' && clipboardPath === node.path, uploading: uploadingPaths?.has(node.path) }, node.path)))] })] }) }));
 }

package/dist/files/project/components/file-breadcrumbs.js

@@ -12,7 +12,7 @@ function BreadcrumbSegments({ segments, onSegmentClick, onHomeClick, fileMode, f
     // When rootPath is set, only show segments at or below it
     const rootSegmentCount = useMemo(() => (rootPath ? rootPath.split('/').filter(Boolean).length : 0), [rootPath]);
     const visibleSegments = useMemo(() => (rootPath ? segments.slice(rootSegmentCount) : segments), [rootPath, segments, rootSegmentCount]);
-    return (_jsxs("nav", { className: "flex min-w-0 flex-1 items-center gap-0.5 overflow-x-auto", onDoubleClick: onDoubleClick, title: onDoubleClick ? tI18nComplete.raw('text5efd0bed7735') : undefined, children: [_jsx("button", { onClick: onHomeClick, className: cn('flex shrink-0 cursor-pointer items-center gap-1 rounded-lg px-2 py-1 transition-colors', 'hover:bg-muted', visibleSegments.length === 0
+    return (_jsxs("nav", { className: "flex min-w-0 flex-1 items-center gap-0.5 overflow-x-auto", onDoubleClick: onDoubleClick, title: onDoubleClick ? tI18nComplete.raw('text5efd0bed7735') : undefined, children: [_jsx("button", { onClick: onHomeClick, "aria-label": tI18nComplete.raw('text3a78695388b3'), className: cn('flex shrink-0 cursor-pointer items-center gap-1 rounded-lg px-2 py-1 transition-colors', 'hover:bg-muted', visibleSegments.length === 0
                     ? 'text-foreground bg-muted/50 font-medium'
                     : 'text-muted-foreground'), children: _jsx(FolderRoot, { className: "h-3.5 w-3.5" }) }), visibleSegments.map((segment, visibleIndex) => {
                 // Skip 'workspace' when not sandboxed (rootPath null)

package/dist/files/project/components/file-explorer-page.js

@@ -357,7 +357,7 @@ export function FileExplorerPage({ embedded = false } = {}) {
                                                         gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
                                                     }, children: Array.from({ length: 8 }).map((_, i) => (_jsx(Skeleton, { className: "h-[138px] rounded-lg" }, `fi${i}`))) })] })] })) : (_jsx("div", { className: "space-y-1", children: Array.from({ length: 10 }).map((_, i) => (_jsx(Skeleton, { className: "h-10 w-full rounded" }, i))) })) })), !!error && !isLoading && (_jsx(ErrorState, { title: tHardcodedUi.raw('featuresProjectFilesComponentsFileExplorerPage.line658JsxTextFailedToLoadFiles'), description: error instanceof Error
                                     ? error.message
-                                    : tHardcodedUi.raw('i18nComplete.text27c2ccd962c2'), action: _jsx(Button, { variant: "outline", size: "sm", onClick: () => refetchFiles(), children: tHardcodedUi.raw('i18nComplete.text942087cc2d41') }) })), isEmpty && (_jsx(EmptyState, { icon: FolderOpen, title: tHardcodedUi.raw('featuresProjectFilesComponentsDriveListView.line396JsxTextThisFolderIsEmpty'), description: tHardcodedUi.raw('featuresProjectFilesComponentsDriveListView.line398JsxTextNoFilesOrSubfoldersAtThisPathIn') })), !isLoading && !error && files && !isEmpty && (_jsxs(_Fragment, { children: [viewMode === 'grid' ? (_jsx(DriveGridView, { elevatedDirs: elevatedDirs, dirs: dirs, files: fileItems, onNavigateToDir: handleNavigateToDir, onOpenFile: handleOpenFile, onPreviewFile: handlePreviewFile, onDownload: handleDownload, onDownloadDir: handleDownloadDir, onRename: handleRename, onDelete: handleDelete, onHistory: handleHistory, onCopy: handleCopy, onCut: handleCut, onDropMove: handleDropMove, gitStatusMap: gitStatusMap, clipboardPath: clipboard?.path, clipboardOperation: clipboard?.operation, isDirDownloading: isDirDownloading, readOnly: true })) : (_jsx(DriveListView, { elevatedDirs: elevatedDirs, dirs: dirs, files: fileItems, sortDisabled: partial, onNavigateToDir: handleNavigateToDir, onOpenFile: handleOpenFile, onPreviewFile: handlePreviewFile, onDownload: handleDownload, onDownloadDir: handleDownloadDir, onRename: handleRename, onDelete: handleDelete, onHistory: handleHistory, onCopy: handleCopy, onCut: handleCut, onDropMove: handleDropMove, gitStatusMap: gitStatusMap, clipboardPath: clipboard?.path, clipboardOperation: clipboard?.operation, isDirDownloading: isDirDownloading, readOnly: true })), _jsx(LoadMoreRow, { listing: listing })] }))] }), _jsx(CheckpointsPanel, { open: rightPanel === 'history', onClose: () => setRightPanel(null) }), _jsx(ChangeRequestsPanel, { open: rightPanel === 'proposed-changes', onClose: () => setRightPanel(null) })] }), _jsx(ChangeRequestDetailDialog, { crId: createdCrId, onClose: () => setCreatedCrId(null) }), _jsx(ExplorerFilePreview, {}), searchEnabled && isSearchOpen && _jsx(FileSearch, {}), historyPopoverPath && (_jsx("div", { className: "bg-popover border-border animate-in slide-in-from-bottom-4 fade-in-0 fixed right-4 bottom-4 z-50 overflow-hidden rounded-md border shadow-2xl duration-200", children: _jsx(FileHistoryPopoverContent, { filePath: historyPopoverPath, onClose: () => setHistoryPopoverPath(null) }) })), _jsx(AlertDialog, { open: !!deleteTarget, onOpenChange: () => setDeleteTarget(null), children: _jsxs(AlertDialogContent, { className: "sm:max-w-md", onOpenAutoFocus: (e) => {
+                                    : tHardcodedUi.raw('i18nComplete.text27c2ccd962c2'), action: _jsx(Button, { variant: "outline", size: "sm", onClick: () => refetchFiles(), children: tHardcodedUi.raw('i18nComplete.text942087cc2d41') }) })), isEmpty && (_jsx(EmptyState, { icon: FolderOpen, title: tHardcodedUi.raw('featuresProjectFilesComponentsDriveListView.line396JsxTextThisFolderIsEmpty'), description: tHardcodedUi.raw('featuresProjectFilesComponentsDriveListView.line398JsxTextNoFilesOrSubfoldersAtThisPathIn') })), !isLoading && !error && files && !isEmpty && (_jsxs(_Fragment, { children: [viewMode === 'grid' ? (_jsx(DriveGridView, { elevatedDirs: elevatedDirs, dirs: dirs, files: fileItems, onNavigateToDir: handleNavigateToDir, onOpenFile: handleOpenFile, onPreviewFile: handlePreviewFile, onDownload: handleDownload, onDownloadDir: handleDownloadDir, onRename: handleRename, onDelete: handleDelete, onHistory: handleHistory, onCopy: handleCopy, onCut: handleCut, onDropMove: handleDropMove, gitStatusMap: gitStatusMap, clipboardPath: clipboard?.path, clipboardOperation: clipboard?.operation, isDirDownloading: isDirDownloading, readOnly: true })) : (_jsx(DriveListView, { elevatedDirs: elevatedDirs, dirs: dirs, files: fileItems, sortDisabled: partial, onNavigateToDir: handleNavigateToDir, onOpenFile: handleOpenFile, onPreviewFile: handlePreviewFile, onDownload: handleDownload, onDownloadDir: handleDownloadDir, onRename: handleRename, onDelete: handleDelete, onHistory: handleHistory, onCopy: handleCopy, onCut: handleCut, onDropMove: handleDropMove, gitStatusMap: gitStatusMap, clipboardPath: clipboard?.path, clipboardOperation: clipboard?.operation, isDirDownloading: isDirDownloading, readOnly: true })), _jsx(LoadMoreRow, { listing: listing })] }))] }), _jsx(CheckpointsPanel, { open: rightPanel === 'history', onClose: () => setRightPanel(null) }), _jsx(ChangeRequestsPanel, { open: rightPanel === 'proposed-changes', onClose: () => setRightPanel(null) })] }), _jsx(ChangeRequestDetailDialog, { crId: createdCrId, onClose: () => setCreatedCrId(null), onOpenChangeRequest: setCreatedCrId }), _jsx(ExplorerFilePreview, {}), searchEnabled && isSearchOpen && _jsx(FileSearch, {}), historyPopoverPath && (_jsx("div", { className: "bg-popover border-border animate-in slide-in-from-bottom-4 fade-in-0 fixed right-4 bottom-4 z-50 overflow-hidden rounded-md border shadow-2xl duration-200", children: _jsx(FileHistoryPopoverContent, { filePath: historyPopoverPath, onClose: () => setHistoryPopoverPath(null) }) })), _jsx(AlertDialog, { open: !!deleteTarget, onOpenChange: () => setDeleteTarget(null), children: _jsxs(AlertDialogContent, { className: "sm:max-w-md", onOpenAutoFocus: (e) => {
                         e.preventDefault();
                         deleteButtonRef.current?.focus();
                     }, children: [_jsxs(AlertDialogHeader, { children: [_jsxs(AlertDialogTitle, { children: [tHardcodedUi.raw('i18nComplete.texte2d0a54968ea'), ' ', deleteTarget?.type === 'directory' ? 'folder' : 'file'] }), _jsxs(AlertDialogDescription, { children: [tHardcodedUi.raw('featuresProjectFilesComponentsFileExplorerPage.line806JsxTextAreYouSureYouWantToDelete'), ' ', _jsxs("span", { className: "text-foreground font-semibold", children: [tHardcodedUi.raw('featuresProjectFilesComponentsFileExplorerPage.line807JsxTextQuot'), deleteTarget?.name, tHardcodedUi.raw('featuresProjectFilesComponentsFileExplorerPage.line807JsxTextQuot32c14d98')] }), tHardcodedUi.raw('featuresProjectFilesComponentsFileExplorerPage.line807JsxTextThisActionCannotBeUndone')] })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { disabled: deleteMutation.isPending, children: tHardcodedUi.raw('i18nComplete.text19766ed6ccb2') }), _jsx(AlertDialogAction, { ref: deleteButtonRef, onClick: (e) => {

package/dist/files/project/components/file-history-popover.js

@@ -83,12 +83,7 @@ function CompactCommitRow({ commit, filePath }) {
         setTimeout(() => setCopied(false), 2000);
     }, [commit.hash]);
     const toggle = () => setExpanded((v) => !v);
-    return (_jsxs("li", { className: cn('relative rounded-md', expanded && 'bg-muted'), children: [_jsxs("div", { role: "button", tabIndex: 0, "aria-expanded": expanded, onClick: toggle, onKeyDown: (e) => {
-                    if (e.key === 'Enter' || e.key === ' ') {
-                        e.preventDefault();
-                        toggle();
-                    }
-                }, className: cn('group/row focus-visible:ring-ring flex w-full cursor-pointer items-start gap-3 rounded-md px-2 py-2 text-left outline-none focus-visible:ring-1', !expanded && 'hover:bg-muted'), children: [_jsx("span", { className: "border-muted-foreground bg-background relative z-10 mt-[5px] size-2.5 shrink-0 rounded-full border" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "text-foreground truncate text-sm font-medium", children: commit.subject }), _jsxs(InlineMeta, { className: "mt-0.5", children: [commit.author, _jsx("time", { title: formatFullDate(commit.timestamp), children: formatRelativeDate(commit.timestamp) })] })] }), _jsxs("button", { type: "button", onClick: handleCopyHash, className: "text-muted-foreground hover:text-foreground flex shrink-0 items-center gap-1 rounded-sm px-1 font-mono text-xs leading-5", title: tHardcodedUi.raw('featuresProjectFilesComponentsFileHistoryPopover.line160JsxAttrTitleCopyCheckpointId'), children: [copied ? (_jsx(SolidCheckIcon, { className: "text-kortix-green size-3" })) : (_jsx(Copy, { className: "size-3 opacity-0 group-hover/row:opacity-100" })), commit.shortHash] })] }), expanded && _jsx(CompactCommitDiff, { filePath: filePath, commitHash: commit.hash })] }));
+    return (_jsxs("li", { className: cn('relative rounded-md', expanded && 'bg-muted'), children: [_jsxs("div", { className: cn('group/row has-[button[aria-expanded]:focus-visible]:ring-ring flex w-full items-start gap-3 rounded-md has-[button[aria-expanded]:focus-visible]:ring-1', !expanded && 'hover:bg-muted'), children: [_jsxs("button", { type: "button", "aria-expanded": expanded, onClick: toggle, className: "flex min-w-0 flex-1 cursor-pointer items-start gap-3 py-2 pl-2 text-left outline-none", children: [_jsx("span", { className: "border-muted-foreground bg-background relative z-10 mt-[5px] size-2.5 shrink-0 rounded-full border" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "text-foreground truncate text-sm font-medium", children: commit.subject }), _jsxs(InlineMeta, { className: "mt-0.5", children: [commit.author, _jsx("time", { title: formatFullDate(commit.timestamp), children: formatRelativeDate(commit.timestamp) })] })] })] }), _jsxs("button", { type: "button", onClick: handleCopyHash, className: "text-muted-foreground hover:text-foreground my-2 mr-2 flex shrink-0 items-center gap-1 rounded-sm px-1 font-mono text-xs leading-5", title: tHardcodedUi.raw('featuresProjectFilesComponentsFileHistoryPopover.line160JsxAttrTitleCopyCheckpointId'), children: [copied ? (_jsx(SolidCheckIcon, { className: "text-kortix-green size-3" })) : (_jsx(Copy, { className: "size-3 opacity-0 group-hover/row:opacity-100" })), commit.shortHash] })] }), expanded && _jsx(CompactCommitDiff, { filePath: filePath, commitHash: commit.hash })] }));
 }
 export function FileHistoryPopoverContent({ filePath, onClose }) {
     const tHardcodedUi = useTranslations('hardcodedUi');

package/dist/files/project/components/file-search.js

@@ -112,7 +112,12 @@ export function FileSearch() {
             }
         }
     }, [closeSearch, results, selectedIndex, handleSelect, scrollItemIntoView]);
-    return (_jsx("div", { className: "absolute inset-0 z-50 bg-black/60 backdrop-blur-sm", onClick: closeSearch, children: _jsx("div", { className: "mx-auto mt-4 max-w-lg px-4", onClick: (e) => e.stopPropagation(), children: _jsxs("div", { className: "border-border bg-card overflow-hidden rounded-2xl border shadow-2xl", children: [_jsxs("div", { className: "flex items-center gap-2 border-b px-3", children: [_jsx(Search, { className: "text-muted-foreground h-4 w-4 shrink-0" }), _jsx(Input, { type: "text", ref: inputRef, value: query, onChange: (e) => setQuery(e.target.value), onKeyDown: handleInputKeyDown, placeholder: tHardcodedUi.raw(searchContents
+    return (_jsx("div", { role: "presentation", className: "absolute inset-0 z-50 bg-black/60 backdrop-blur-sm", onClick: (e) => {
+            if (e.target === e.currentTarget)
+                closeSearch();
+            else
+                e.stopPropagation();
+        }, children: _jsx("div", { className: "mx-auto mt-4 max-w-lg px-4", children: _jsxs("div", { className: "border-border bg-card overflow-hidden rounded-2xl border shadow-2xl", children: [_jsxs("div", { className: "flex items-center gap-2 border-b px-3", children: [_jsx(Search, { className: "text-muted-foreground h-4 w-4 shrink-0" }), _jsx(Input, { type: "text", ref: inputRef, value: query, onChange: (e) => setQuery(e.target.value), onKeyDown: handleInputKeyDown, placeholder: tHardcodedUi.raw(searchContents
                                     ? 'featuresProjectFilesComponentsFileSearch.searchContentsPlaceholder'
                                     : 'featuresProjectFilesComponentsFileSearch.line109JsxAttrPlaceholderSearchFiles'), className: "h-10 border-0 px-0 shadow-none focus-visible:ring-0" }), _jsx("button", { onClick: closeSearch, "aria-label": tI18nHardcoded.raw('autoFeaturesProjectFilesComponentsFileSearchJsxAttrAriaLabel732c1816'), className: "hover:bg-muted rounded p-1", children: _jsx(X, { className: "text-muted-foreground h-4 w-4" }) })] }), canSearchContents && (_jsx("div", { className: "flex items-center border-b", children: _jsx(Switch, { label: tHardcodedUi.raw('featuresProjectFilesComponentsFileSearch.searchContents'), "aria-label": tHardcodedUi.raw('featuresProjectFilesComponentsFileSearch.searchContents'), checked: contentMode, onCheckedChange: (checked) => {
                                 setContentMode(checked);

package/dist/files/project/components/open-change-request-dialog.js

@@ -30,6 +30,7 @@ function BranchRow({ branch }) {
     const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
     return (_jsxs("div", { className: "flex items-center justify-start gap-2 py-0.5", children: [_jsx(Layers, { className: "text-muted-foreground size-4 shrink-0" }), _jsxs("div", { className: "flex flex-col items-start gap-0", children: [branch.subject && (_jsx("span", { className: "text-muted-foreground/80 truncate text-xs", children: branch.subject })), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("span", { className: "text-foreground truncate font-mono text-xs", children: displayBranchName(branch.name) }), branch.is_default && (_jsx(Badge, { variant: "kortix", size: "xs", className: "shrink-0 text-[11px]", children: tI18nComplete.raw('text37a8eec1ce19') }))] })] })] }));
 }
+const NO_BRANCHES = [];
 const PICKER_TRIGGER_CLASS = 'py-2 flex-1 min-w-0 rounded-sm border-0 bg-transparent px-2 hover:bg-muted/40 focus:ring-0';
 export function OpenChangeRequestDialog({ open, onOpenChange, projectId, defaultBranch, session = null, initialHeadRef, onCreated, }) {
     const tHardcodedUi = useTranslations('hardcodedUi');
@@ -41,7 +42,7 @@ export function OpenChangeRequestDialog({ open, onOpenChange, projectId, default
     const activeSession = session ?? lastSessionRef.current;
     const sessionMode = activeSession !== null;
     const branchesQuery = useBranches({ enabled: open && !sessionMode, projectId });
-    const branches = branchesQuery.data?.branches ?? [];
+    const branches = branchesQuery.data?.branches ?? NO_BRANCHES;
     const branchMap = useMemo(() => {
         const m = new Map();
         for (const b of branches)

package/dist/files/project/components/version-selector-logic.d.ts

@@ -0,0 +1,11 @@
+import type { ProjectBranch } from '@kortix/sdk';
+/** A session branch is named by its session id. A person knows it by the session's title (KRTX-3020). */
+export declare function versionTitle(branch: ProjectBranch): string;
+/** Search reads the title, the agent, the branch name and the last commit. */
+export declare function versionMatches(branch: ProjectBranch, query: string): boolean;
+/** The default branch, live work, then what the person archived or deleted, each in served order. */
+export declare function groupVersions(branches: ProjectBranch[]): {
+    primary: ProjectBranch[];
+    others: ProjectBranch[];
+    archived: ProjectBranch[];
+};

package/dist/files/project/components/version-selector-logic.js

@@ -0,0 +1,26 @@
+/** A session branch is named by its session id. A person knows it by the session's title (KRTX-3020). */
+export function versionTitle(branch) {
+    return branch.session?.title?.trim() || branch.name;
+}
+/** Search reads the title, the agent, the branch name and the last commit. */
+export function versionMatches(branch, query) {
+    const q = query.trim().toLowerCase();
+    if (!q)
+        return true;
+    return [branch.session?.title, branch.session?.agent_name, branch.name, branch.subject].some((value) => value?.toLowerCase().includes(q));
+}
+/** The default branch, live work, then what the person archived or deleted, each in served order. */
+export function groupVersions(branches) {
+    const primary = [];
+    const others = [];
+    const archived = [];
+    for (const b of branches) {
+        if (b.is_default)
+            primary.push(b);
+        else if (b.session?.archived || b.session?.deleted)
+            archived.push(b);
+        else
+            others.push(b);
+    }
+    return { primary, others, archived };
+}

package/dist/files/project/components/version-selector.js

@@ -13,6 +13,7 @@ import { useMemo, useState } from 'react';
 import { useProjectContext } from '../context.js';
 import { useBranches } from '../hooks/use-branches.js';
 import { useVersionStore } from '../store/version-store.js';
+import { groupVersions, versionMatches, versionTitle } from './version-selector-logic.js';
 /** Shared formatter, hoisted so each row render does not rebuild the Intl
  *  machinery. Same options as the old `toLocaleDateString` call — identical output. */
 const commitDateFormatter = new Intl.DateTimeFormat(undefined, {
@@ -30,24 +31,10 @@ export function VersionSelector() {
     const { data, isLoading, error } = useBranches({ enabled: open || activeRef !== '' });
     const defaultBranch = data?.default_branch ?? activeRef;
     const isOnMain = activeRef === defaultBranch;
-    const filtered = useMemo(() => {
-        const branches = data?.branches ?? [];
-        const trimmed = query.trim().toLowerCase();
-        if (!trimmed)
-            return branches;
-        return branches.filter((b) => b.name.toLowerCase().includes(trimmed) || b.subject.toLowerCase().includes(trimmed));
-    }, [data?.branches, query]);
-    const { primary, others } = useMemo(() => {
-        const primary = [];
-        const others = [];
-        for (const b of filtered) {
-            if (b.is_default)
-                primary.push(b);
-            else
-                others.push(b);
-        }
-        return { primary, others };
-    }, [filtered]);
+    const filtered = useMemo(() => (data?.branches ?? []).filter((b) => versionMatches(b, query)), [data?.branches, query]);
+    const { primary, others, archived } = useMemo(() => groupVersions(filtered), [filtered]);
+    const activeBranch = data?.branches.find((b) => b.name === activeRef);
+    const activeLabel = activeBranch ? versionTitle(activeBranch) : activeRef;
     const handleSelect = (branchName) => {
         setVersion(projectId, branchName === defaultBranch ? null : branchName);
         setOpen(false);
@@ -57,10 +44,14 @@ export function VersionSelector() {
             setOpen(v);
             if (!v)
                 setQuery('');
-        }, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline-ghost", type: "button", size: "sm", className: cn('w-30 max-w-[300px] min-w-0 shrink-0 justify-between'), title: tHardcodedUi.raw('featuresProjectFilesComponentsVersionSelector.line88JsxAttrTitleSwitchVersion'), children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Layers, { className: "text-muted-foreground size-3.5 shrink-0" }), _jsx("span", { className: "truncate", children: activeRef || 'Version' })] }), _jsx(ChevronsUpDown, { className: "text-muted-foreground size-3 shrink-0" })] }) }), _jsxs(PopoverContent, { align: "start", sideOffset: 6, className: "flex w-[340px] flex-col overflow-hidden p-0", children: [_jsxs("div", { className: "border-border flex shrink-0 items-center gap-1.5 border-b px-3 py-2", children: [_jsx(Search, { className: "text-muted-foreground/60 h-3.5 w-3.5 shrink-0" }), _jsx("input", { type: "text", value: query, onChange: (e) => setQuery(e.target.value), placeholder: tHardcodedUi.raw('featuresProjectFilesComponentsVersionSelector.line112JsxAttrPlaceholderFindAVersion'), className: "text-foreground placeholder:text-muted-foreground/50 h-7 min-w-0 flex-1 border-0 bg-transparent px-0 text-sm outline-none", autoFocus: true })] }), _jsx("div", { className: "h-[520px] max-h-[calc(100vh-8rem)] min-h-0 shrink", children: _jsxs(FadedScrollArea, { fadeColor: "from-popover", className: "h-full overscroll-contain", children: [isLoading && (_jsxs("div", { className: "text-muted-foreground flex items-center justify-center gap-2 py-8 text-xs", children: [_jsx(Loading, { className: "size-3.5" }), tHardcodedUi.raw('featuresProjectFilesComponentsVersionSelector.line122JsxTextLoadingVersions')] })), error && !isLoading && (_jsx("div", { className: "text-muted-foreground px-4 py-8 text-center text-xs", children: tHardcodedUi.raw('featuresProjectFilesComponentsVersionSelector.line128JsxTextFailedToLoadVersions') })), !isLoading && !error && filtered.length === 0 && (_jsxs("div", { className: "text-muted-foreground px-4 py-8 text-center text-xs", children: [tHardcodedUi.raw('featuresProjectFilesComponentsVersionSelector.line134JsxTextNoVersionsMatch'), ' ', query ? `“${query}”` : ''] })), primary.length > 0 && (_jsxs("div", { className: cn('space-y-3 p-3', others.length > 0 ? 'pb-0' : 'pb-3'), children: [_jsx(Label, { children: tHardcodedUi.raw('featuresProjectFilesComponentsVersionSelector.line140JsxTextMainVersion') }), primary.map((b) => (_jsx(VersionRow, { branch: b, isActive: activeRef === b.name, onClick: () => handleSelect(b.name) }, b.name)))] })), others.length > 0 && (_jsxs("div", { className: "space-y-3 p-3 pb-3", children: [_jsx(Label, { children: tHardcodedUi.raw('featuresProjectFilesComponentsVersionSelector.line154JsxTextOtherVersions') }), others.map((b) => (_jsx(VersionRow, { branch: b, isActive: activeRef === b.name, onClick: () => handleSelect(b.name) }, b.name)))] }))] }) })] })] }));
+        }, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline-ghost", type: "button", size: "sm", className: "max-w-48 min-w-30 shrink-0 justify-between", title: tHardcodedUi.raw('featuresProjectFilesComponentsVersionSelector.line88JsxAttrTitleSwitchVersion'), children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx(Layers, { className: "text-muted-foreground size-3.5 shrink-0" }), _jsx("span", { className: "truncate", children: activeLabel || 'Version' })] }), _jsx(ChevronsUpDown, { className: "text-muted-foreground size-3 shrink-0" })] }) }), _jsxs(PopoverContent, { align: "start", sideOffset: 6, className: "flex w-[340px] flex-col overflow-hidden p-0", children: [_jsxs("div", { className: "border-border flex shrink-0 items-center gap-1.5 border-b px-3 py-2", children: [_jsx(Search, { className: "text-muted-foreground h-3.5 w-3.5 shrink-0" }), _jsx("input", { type: "text", value: query, onChange: (e) => setQuery(e.target.value), placeholder: tHardcodedUi.raw('featuresProjectFilesComponentsVersionSelector.line112JsxAttrPlaceholderFindAVersion'), className: "text-foreground placeholder:text-muted-foreground h-7 min-w-0 flex-1 border-0 bg-transparent px-0 text-sm outline-none" })] }), _jsx("div", { className: "h-[520px] max-h-[calc(100vh-8rem)] min-h-0 shrink", children: _jsxs(FadedScrollArea, { fadeColor: "from-popover", className: "h-full overscroll-contain", children: [isLoading && (_jsxs("div", { className: "text-muted-foreground flex items-center justify-center gap-2 py-8 text-xs", children: [_jsx(Loading, { className: "size-3.5" }), tHardcodedUi.raw('featuresProjectFilesComponentsVersionSelector.line122JsxTextLoadingVersions')] })), error && !isLoading && (_jsx("div", { className: "text-muted-foreground px-4 py-8 text-center text-xs", children: tHardcodedUi.raw('featuresProjectFilesComponentsVersionSelector.line128JsxTextFailedToLoadVersions') })), !isLoading && !error && filtered.length === 0 && (_jsxs("div", { className: "text-muted-foreground px-4 py-8 text-center text-xs", children: [tHardcodedUi.raw('featuresProjectFilesComponentsVersionSelector.line134JsxTextNoVersionsMatch'), ' ', query ? `“${query}”` : ''] })), primary.length > 0 && (_jsxs("div", { className: cn('space-y-3 p-3', others.length + archived.length > 0 ? 'pb-0' : 'pb-3'), children: [_jsx(Label, { children: tHardcodedUi.raw('featuresProjectFilesComponentsVersionSelector.line140JsxTextMainVersion') }), primary.map((b) => (_jsx(VersionRow, { branch: b, isActive: activeRef === b.name, onClick: () => handleSelect(b.name) }, b.name)))] })), others.length > 0 && (_jsxs("div", { className: cn('space-y-3 p-3', archived.length > 0 ? 'pb-0' : 'pb-3'), children: [_jsx(Label, { children: tHardcodedUi.raw('featuresProjectFilesComponentsVersionSelector.line154JsxTextOtherVersions') }), others.map((b) => (_jsx(VersionRow, { branch: b, isActive: activeRef === b.name, onClick: () => handleSelect(b.name) }, b.name)))] })), archived.length > 0 && (_jsxs("div", { className: "space-y-3 p-3 pb-3", children: [_jsx(Label, { children: tHardcodedUi.raw('i18nComplete.textbdb86505f806') }), archived.map((b) => (_jsx(VersionRow, { branch: b, isActive: activeRef === b.name, onClick: () => handleSelect(b.name) }, b.name)))] }))] }) })] })] }));
 }
 function VersionRow({ branch, isActive, onClick, }) {
     const tHardcodedUi = useTranslations('hardcodedUi');
     const date = branch.committed_at ? commitDateFormatter.format(new Date(branch.committed_at)) : '';
-    return (_jsxs("button", { type: "button", onClick: onClick, className: cn('border-border bg-popover hover:bg-foreground/4 flex w-full cursor-pointer items-start gap-2.5 rounded-md px-3 py-2 text-left', isActive && 'bg-primary/5'), children: [_jsx("div", { className: "mt-0.5 flex size-4 shrink-0 items-center justify-center", children: isActive ? (_jsx(Check, { className: "text-primary size-3.5" })) : (_jsx(Layers, { className: "text-muted-foreground size-3.5" })) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("span", { className: "text-foreground truncate text-sm font-medium", children: branch.name }), branch.is_default && (_jsx(Badge, { variant: "kortix", size: "xs", children: tHardcodedUi.raw('i18nComplete.texteb814be3ca3b') }))] }), _jsxs("div", { className: "text-muted-foreground/80 mt-0.5 flex items-center gap-1.5 text-xs", children: [date && (_jsxs("span", { children: [tHardcodedUi.raw('i18nComplete.text3a5ecca188c0'), " ", date] })), !branch.is_default && branch.ahead != null && branch.behind != null && (_jsxs(_Fragment, { children: [date && _jsx("span", { className: "text-muted-foreground/40", children: "\u00B7" }), _jsxs("span", { className: "inline-flex items-center gap-1 tabular-nums", title: tHardcodedUi.raw('featuresProjectFilesComponentsVersionSelector.line234JsxAttrTitleAheadBehindMainVersion'), children: [_jsxs("span", { className: "text-kortix-green inline-flex items-center gap-0.5", children: [_jsx(ArrowUpRight, { className: "h-2.5 w-2.5" }), branch.ahead] }), _jsxs("span", { className: "text-kortix-red inline-flex items-center gap-0.5", children: [_jsx(ArrowDownLeft, { className: "h-2.5 w-2.5" }), branch.behind] })] })] }))] }), branch.subject && (_jsx("div", { className: "text-muted-foreground/70 mt-0.5 truncate text-xs", children: branch.subject }))] })] }));
+    const title = versionTitle(branch);
+    const agent = branch.session?.agent_name;
+    return (_jsxs("button", { type: "button", onClick: onClick, 
+        // The id stays one hover away, and search still finds it.
+        title: title === branch.name ? undefined : branch.name, className: cn('border-border bg-popover hover:bg-foreground/4 flex w-full cursor-pointer items-start gap-2.5 rounded-md px-3 py-2 text-left', isActive && 'bg-primary/5'), children: [_jsx("div", { className: "mt-0.5 flex size-4 shrink-0 items-center justify-center", children: isActive ? (_jsx(Check, { className: "text-primary size-3.5" })) : (_jsx(Layers, { className: "text-muted-foreground size-3.5" })) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("span", { className: "text-foreground truncate text-sm font-medium", children: title }), branch.is_default && (_jsx(Badge, { variant: "kortix", size: "xs", children: tHardcodedUi.raw('i18nComplete.texteb814be3ca3b') })), branch.session?.deleted && (_jsx(Badge, { variant: "outline", size: "xs", children: tHardcodedUi.raw('i18nComplete.textb48ff39c2e0f') }))] }), _jsxs("div", { className: "text-muted-foreground mt-0.5 flex items-center gap-1.5 text-xs", children: [agent && _jsx("span", { className: "truncate", children: agent }), agent && date && _jsx("span", { className: "text-muted-foreground", children: "\u00B7" }), date && (_jsxs("span", { children: [tHardcodedUi.raw('i18nComplete.text3a5ecca188c0'), " ", date] })), !branch.is_default && branch.ahead != null && branch.behind != null && (_jsxs(_Fragment, { children: [date && _jsx("span", { className: "text-muted-foreground", children: "\u00B7" }), _jsxs("span", { className: "inline-flex items-center gap-1 tabular-nums", title: tHardcodedUi.raw('featuresProjectFilesComponentsVersionSelector.line234JsxAttrTitleAheadBehindMainVersion'), children: [_jsxs("span", { className: "text-kortix-green inline-flex items-center gap-0.5", children: [_jsx(ArrowUpRight, { className: "h-2.5 w-2.5" }), branch.ahead] }), _jsxs("span", { className: "text-kortix-red inline-flex items-center gap-0.5", children: [_jsx(ArrowDownLeft, { className: "h-2.5 w-2.5" }), branch.behind] })] })] }))] }), branch.subject && (_jsx("div", { className: "text-muted-foreground mt-0.5 truncate text-xs", children: branch.subject }))] })] }));
 }

package/dist/files/project/file-source.js

@@ -1,4 +1,9 @@
 'use client';
+import { useQueryClient } from '@tanstack/react-query';
+import { writeProjectFile } from '@kortix/sdk';
+import { fileContentKeys } from './hooks/use-file-content.js';
+import { useProjectCan } from '../../internal/lib/use-project-can.js';
+import { PROJECT_ACTIONS } from '../../internal/lib/project-actions.js';
 import { useMemo } from 'react';
 import { downloadFile, uploadFile } from './api/runtime-files.js';
 import { FilePathBreadcrumbs } from './components/file-breadcrumbs.js';
@@ -16,6 +21,8 @@ import { useBinaryBlob } from './hooks/use-binary-blob.js';
  */
 export function useProjectFileSource() {
     const ctx = useProjectContext();
+    const queryClient = useQueryClient();
+    const canWrite = useProjectCan(ctx?.projectId ?? '', PROJECT_ACTIONS.PROJECT_FILE_WRITE).allowed === true;
     return useMemo(() => ({
         id: 'project-ref',
         useFileContent,
@@ -25,6 +32,16 @@ export function useProjectFileSource() {
             ? downloadFile(ctx.projectId, ctx.ref, filePath, fileName)
             : Promise.reject(new Error('No project context for download')),
         upload: uploadFile,
+        editablePreview: canWrite,
+        save: ctx && canWrite ? async (filePath, file, revision) => {
+            if (!revision)
+                throw new Error('Reload the file before saving.');
+            await writeProjectFile(ctx.projectId, {
+                path: filePath.replace(/^\/workspace\//, '').replace(/^\//, ''), ref: ctx.ref,
+                content: await file.text(), expected_revision: revision,
+            });
+            await queryClient.invalidateQueries({ queryKey: fileContentKeys.all });
+        } : undefined,
         Breadcrumbs: FilePathBreadcrumbs,
-    }), [ctx]);
+    }), [ctx, canWrite, queryClient]);
 }

package/dist/files/project/hooks/use-file-content.js

@@ -20,6 +20,8 @@ export function useFileContent(filePath, options) {
         staleTime: options?.staleTime ?? 10_000,
         gcTime: 5 * 60_000,
         refetchOnWindowFocus: false,
+        // A revision used for edits must remain paired with the displayed text.
+        refetchOnMount: false,
         retry: (failureCount, error) => {
             const msg = error.message.toLowerCase();
             if (msg.includes('404') ||

package/dist/files/project/hooks/use-server-health.js

@@ -18,19 +18,21 @@ export function useServerHealth(_options) {
  * git-status gate (`project?.vcs === 'git'`) continues to behave correctly.
  */
 export function useCurrentProject(_options) {
-    const data = {
-        id: 'project-files',
-        worktree: '/workspace',
-        vcs: 'git',
-        name: 'project',
-        time: { created: Date.now(), updated: Date.now() },
-        sandboxes: [],
-    };
-    return useMemo(() => ({
-        data,
-        isLoading: false,
-        isError: false,
-        error: null,
-        refetch: async () => ({ data }),
-    }), []);
+    return useMemo(() => {
+        const data = {
+            id: 'project-files',
+            worktree: '/workspace',
+            vcs: 'git',
+            name: 'project',
+            time: { created: Date.now(), updated: Date.now() },
+            sandboxes: [],
+        };
+        return {
+            data,
+            isLoading: false,
+            isError: false,
+            error: null,
+            refetch: async () => ({ data }),
+        };
+    }, []);
 }

package/dist/files/renderers/docx/docx-viewer.js

@@ -196,11 +196,6 @@ function DocxPageNumberControl({ activePageStore, controlsDisabled, onPageChange
     const displayPage = pageCount ? activePage : 1;
     const [isEditing, setIsEditing] = React.useState(false);
     const [draftPage, setDraftPage] = React.useState(() => String(displayPage));
-    React.useEffect(() => {
-        if (!isEditing) {
-            setDraftPage(String(displayPage));
-        }
-    }, [displayPage, isEditing]);
     React.useEffect(() => {
         if (!isEditing)
             return;

package/dist/files/renderers/image-renderer.js

@@ -55,11 +55,10 @@ export function ImageRenderer({ url, className, fileName, controls = 'hover', ba
     const [rotation, setRotation] = useState(0);
     const [isPanning, setIsPanning] = useState(false);
     const [position, setPosition] = useState({ x: 0, y: 0 });
-    const [startPanPosition, setStartPanPosition] = useState({ x: 0, y: 0 });
+    const startPanPositionRef = useRef({ x: 0, y: 0 });
     const [backdrop, setBackdrop] = useState('transparent');
     const [imgLoaded, setImgLoaded] = useState(false);
     const [imgError, setImgError] = useState(false);
-    const [imgInfo, setImgInfo] = useState(null);
     // ── Retry state ──────────────────────────────────────────────────────
     const [retryCount, setRetryCount] = useState(0);
     const [imgSrc, setImgSrc] = useState(url);
@@ -71,18 +70,6 @@ export function ImageRenderer({ url, className, fileName, controls = 'hover', ba
     const isSvg = fileName?.toLowerCase().endsWith('.svg') ||
         url?.toLowerCase().endsWith('.svg') ||
         url?.includes('image/svg');
-    // Derive the display file type for the info panel
-    const displayFileType = (() => {
-        if (isSvg)
-            return 'SVG';
-        if (fileName) {
-            const ext = fileName.split('.').pop()?.toUpperCase();
-            if (ext)
-                return ext;
-        }
-        const ext = url.split('.').pop()?.toUpperCase();
-        return ext || 'Image';
-    })();
     // When the parent passes a new URL, reset everything. The reset runs during
     // render, not in an effect: an effect also ran on mount, after a cached
     // image had already fired `load`, and set `imgLoaded` back to false. The
@@ -123,17 +110,12 @@ export function ImageRenderer({ url, className, fileName, controls = 'hover', ba
         setImgError(false);
         setRetryCount(0); // reset on success
         if (imageRef.current) {
-            setImgInfo({
-                width: imageRef.current.naturalWidth,
-                height: imageRef.current.naturalHeight,
-                type: displayFileType,
-            });
             previewFit?.report({
                 width: imageRef.current.naturalWidth,
                 height: imageRef.current.naturalHeight,
             });
         }
-    }, [displayFileType, previewFit]);
+    }, [previewFit]);
     // Retries exhausted: these bytes are never going to decode, so there will be
     // no `report` for this image. Say "never" rather than staying silent — a
     // consumer reads silence as "still loading" and keeps whatever width it last
@@ -213,17 +195,17 @@ export function ImageRenderer({ url, className, fileName, controls = 'hover', ba
     const handleMouseDown = (e) => {
         if (canPan) {
             setIsPanning(true);
-            setStartPanPosition({
+            startPanPositionRef.current = {
                 x: e.clientX - position.x,
                 y: e.clientY - position.y,
-            });
+            };
         }
     };
     const handleMouseMove = (e) => {
         if (isPanning && canPan) {
             setPosition({
-                x: e.clientX - startPanPosition.x,
-                y: e.clientY - startPanPosition.y,
+                x: e.clientX - startPanPositionRef.current.x,
+                y: e.clientY - startPanPositionRef.current.y,
             });
         }
     };

package/dist/files/renderers/pdf/pdf-viewer.js

@@ -240,7 +240,7 @@ function PDFViewerFileActionsMenu({ onUploadFile, showUpload = false, }) {
     const inputRef = React.useRef(null);
     if (!showUpload || !onUploadFile)
         return null;
-    return (_jsxs(_Fragment, { children: [_jsx("input", { ref: inputRef, type: "file", accept: "application/pdf,.pdf", className: "sr-only", tabIndex: -1, onChange: (event) => {
+    return (_jsxs(_Fragment, { children: [_jsx("input", { ref: inputRef, type: "file", accept: "application/pdf,.pdf", "aria-label": tI18nComplete.raw('text865e89de78d9'), className: "sr-only", tabIndex: -1, onChange: (event) => {
                     const nextFile = event.target.files?.[0];
                     if (nextFile) {
                         onUploadFile(nextFile);

package/dist/files/renderers/presentation/FullScreenPresentationViewer.js

@@ -19,11 +19,9 @@ export function FullScreenPresentationViewer({ isOpen, onClose, presentationName
     const [metadata, setMetadata] = useState(null);
     const [currentSlide, setCurrentSlide] = useState(initialSlide);
     const [isLoading, setIsLoading] = useState(false);
-    const [error, setError] = useState(null);
     const [retryAttempt, setRetryAttempt] = useState(0);
     const retryTimeoutRef = useRef(null);
     const hasLoadedRef = useRef(false);
-    const [showControls, setShowControls] = useState(true);
     const [showEditor, setShowEditor] = useState(false);
     const [isDownloadingPDF, setIsDownloadingPDF] = useState(false);
     const [isDownloadingPPTX, setIsDownloadingPPTX] = useState(false);
@@ -57,7 +55,6 @@ export function FullScreenPresentationViewer({ isOpen, onClose, presentationName
             return;
         }
         setIsLoading(true);
-        setError(null);
         setRetryAttempt(retryCount);
         try {
             // Sanitize the presentation name to match backend directory creation
@@ -218,12 +215,6 @@ export function FullScreenPresentationViewer({ isOpen, onClose, presentationName
         document.addEventListener('keydown', handleKeyDown, true);
         return () => document.removeEventListener('keydown', handleKeyDown, true);
     }, [isOpen, goToNextSlide, goToPreviousSlide, totalSlides, onClose, showEditor]);
-    // Always show controls
-    useEffect(() => {
-        if (isOpen) {
-            setShowControls(true);
-        }
-    }, [isOpen]);
     // Download handlers
     const handleDownload = async (format) => {
         if (isDownloadRestricted) {
@@ -322,7 +313,7 @@ export function FullScreenPresentationViewer({ isOpen, onClose, presentationName
         });
         SlideIframeComponent.displayName = 'SlideIframeComponent';
         return SlideIframeComponent;
-    }, [sandboxUrl, refreshTimestamp, showEditor, subdomainOpts, tHardcodedUi]);
+    }, [sandboxUrl, refreshTimestamp, showEditor, subdomainOpts, tHardcodedUi, tI18nComplete]);
     if (!isOpen)
         return null;
     // Render slide iframe with proper scaling
@@ -331,7 +322,7 @@ export function FullScreenPresentationViewer({ isOpen, onClose, presentationName
                                         ? tHardcodedUi.raw('i18nComplete.textbd0b7be215ce')
                                         : tHardcodedUi.raw('i18nComplete.text8268dd9ea939'), onClick: () => setShowEditor(!showEditor), children: showEditor ? (_jsx(Presentation, { className: "h-3.5 w-3.5" })) : (_jsx(Edit, { className: "h-3.5 w-3.5" })) }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "sm", className: "w-8 p-0", title: tHardcodedUi.raw('componentsThreadToolViewsPresentationToolsFullscreenpresentationviewer.line485JsxAttrTitleExportPresentation'), disabled: isDownloadingPDF || isDownloadingPPTX, children: isDownloadingPDF || isDownloadingPPTX ? (_jsx(KortixLoader, { customSize: 14 })) : (_jsx(Download, { className: "h-3.5 w-3.5" })) }) }), _jsxs(DropdownMenuContent, { align: "end", className: "w-32", children: [_jsxs(DropdownMenuItem, { className: "cursor-pointer", onClick: () => handleDownload(DownloadFormat.PDF), disabled: isDownloadingPDF, children: [_jsx(FileText, { className: "mr-2 h-4 w-4" }), "PDF"] }), _jsxs(DropdownMenuItem, { className: "cursor-pointer", onClick: () => handleDownload(DownloadFormat.PPTX), disabled: isDownloadingPPTX, children: [_jsx(Presentation, { className: "mr-2 h-4 w-4" }), "PPTX"] })] })] }), _jsx(Button, { variant: "ghost", size: "sm", onClick: onClose, className: "h-8 w-8 p-0", title: tHardcodedUi.raw('componentsThreadToolViewsPresentationToolsFullscreenpresentationviewer.line529JsxAttrTitleCloseFullScreen'), children: _jsx(X, { className: "h-3.5 w-3.5" }) })] })] }) }), _jsx("div", { className: "flex min-h-0 flex-1 items-center justify-center bg-zinc-100 p-2 dark:bg-zinc-900", children: isLoading || !currentSlideData ? (_jsxs("div", { className: "text-center", children: [_jsx(KortixLoader, { size: "large", className: "mx-auto mb-4" }), _jsx("p", { className: "text-zinc-700 dark:text-zinc-300", children: retryAttempt > 0
                                 ? tI18nComplete('text3df439a7a73b', { value0: retryAttempt + 1 })
-                                : tHardcodedUi.raw('i18nComplete.text1ac9fe8126fa') })] })) : currentSlideData ? (_jsxs("div", { className: "flex h-full w-full flex-col", children: [_jsx("div", { className: "flex-1 overflow-hidden rounded-xl bg-transparent", style: { aspectRatio: '16 / 9' }, children: renderSlide }), _jsxs("div", { className: "mt-3 flex items-center justify-between px-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: () => setCurrentSlide(1), disabled: currentSlide <= 1, className: "h-8 w-8 p-0 disabled:opacity-50", children: _jsx(SkipBack, { className: "h-3.5 w-3.5" }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: goToPreviousSlide, disabled: currentSlide <= 1, className: "h-8 w-8 p-0 disabled:opacity-50", children: _jsx(ChevronLeft, { className: "h-4 w-4" }) })] }), _jsx("div", { className: "flex items-center", children: _jsx("div", { className: "flex gap-2", children: slides.map((slide) => (_jsx("button", { onClick: () => setCurrentSlide(slide.number), className: cn('h-2.5 w-2.5 rounded-full transition-colors duration-200', slide.number === currentSlide
+                                : tHardcodedUi.raw('i18nComplete.text1ac9fe8126fa') })] })) : currentSlideData ? (_jsxs("div", { className: "flex h-full w-full flex-col", children: [_jsx("div", { className: "flex-1 overflow-hidden rounded-xl bg-transparent", style: { aspectRatio: '16 / 9' }, children: renderSlide }), _jsxs("div", { className: "mt-3 flex items-center justify-between px-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: () => setCurrentSlide(1), disabled: currentSlide <= 1, className: "h-8 w-8 p-0 disabled:opacity-50", children: _jsx(SkipBack, { className: "h-3.5 w-3.5" }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: goToPreviousSlide, disabled: currentSlide <= 1, className: "h-8 w-8 p-0 disabled:opacity-50", children: _jsx(ChevronLeft, { className: "h-4 w-4" }) })] }), _jsx("div", { className: "flex items-center", children: _jsx("div", { className: "flex gap-2", children: slides.map((slide) => (_jsx("button", { "aria-label": `${tHardcodedUi.raw('i18nComplete.text6bb4c1177681')} ${slide.number}`, onClick: () => setCurrentSlide(slide.number), className: cn('h-2.5 w-2.5 rounded-full transition-colors duration-200', slide.number === currentSlide
                                                 ? 'bg-black dark:bg-white'
                                                 : 'bg-zinc-300 hover:bg-zinc-400 dark:bg-zinc-600 dark:hover:bg-zinc-500') }, slide.number))) }) }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: goToNextSlide, disabled: currentSlide >= totalSlides, className: "h-8 w-8 p-0 disabled:opacity-50", children: _jsx(ChevronRight, { className: "h-4 w-4" }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setCurrentSlide(totalSlides), disabled: currentSlide >= totalSlides, className: "h-8 w-8 p-0 disabled:opacity-50", children: _jsx(SkipForward, { className: "h-3.5 w-3.5" }) })] })] })] })) : (_jsx("div", { className: "text-center", children: _jsx("p", { className: "text-zinc-700 dark:text-zinc-300", children: tHardcodedUi.raw('componentsThreadToolViewsPresentationToolsFullscreenpresentationviewer.line621JsxTextNoSlideFound') }) })) })] }));
 }

package/dist/files/renderers/show-content-renderer.js

@@ -692,7 +692,7 @@ export function ShowCarousel({ items, LocalhostPreview, onIndexChange, fill = fa
     const currentItem = items[currentIndex];
     if (!currentItem)
         return null;
-    return (_jsxs("div", { className: cn('outline-none', fill && 'flex h-full flex-col'), 
+    return (_jsxs("div", { role: "group", className: cn('outline-none', fill && 'flex h-full flex-col'), 
         // -1: a click on the content focuses the card, so ←/→ page it next,
         // without adding a Tab stop. Tab still reaches the chevrons inside.
         tabIndex: fill || count < 2 ? undefined : -1, onKeyDown: fill || count < 2 ? undefined : (e) => handleArrowKey(e), children: [_jsx("div", { className: cn(fill ? 'min-h-0 flex-1 overflow-hidden' : 'min-h-[420px]'), children: currentItem.status === 'pending' ? (_jsxs("div", { className: cn('flex items-center justify-center gap-3', fill ? 'h-full' : 'min-h-[420px]'), children: [_jsx(Loading, { className: "text-muted-foreground size-4" }), _jsx(TextShimmer, { duration: 1, spread: 2, className: "text-sm", children: tHardcodedUi.raw('componentsSessionToolRenderers.line4935JsxTextPreparingOutput') })] })) : (_jsx(ShowContentRenderer, { type: currentItem.type, title: currentItem.title, description: currentItem.description, path: currentItem.path, url: currentItem.url, content: currentItem.content, language: currentItem.language, aspectRatio: currentItem.aspect_ratio, attachment: currentItem.attachment, LocalhostPreview: LocalhostPreview, toolbarActions: toolbarActions, fill: fill })) }), count > 1 && !hideNav && (_jsxs("div", { className: "border-border flex shrink-0 items-center gap-2 border-t px-2 py-1.5 pr-3.5", children: [_jsxs("div", { className: "flex shrink-0 items-center", children: [_jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: prev, className: "hit-area-2 hit-area-r-0 transition-transform active:scale-[0.96]", disabled: currentIndex === 0, "aria-label": tI18nComplete.raw('text81b35f1b4332'), children: _jsx(ChevronLeft, { className: "size-4" }) }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: next, className: "hit-area-2 hit-area-l-0 transition-transform active:scale-[0.96]", disabled: currentIndex >= count - 1, "aria-label": tI18nComplete.raw('text1e47d4f7a1a3'), children: _jsx(ChevronRight, { className: "size-4" }) })] }), _jsx(FadedScrollArea, { ref: stripRef, orientation: "horizontal", fadeColor: "from-secondary", className: "min-w-0 flex-1 overscroll-x-contain", children: _jsx("div", { className: "flex w-max min-w-0 items-center gap-1", children: items.map((item, i) => {