@kortix/ui 0.14.5 → 0.14.7

package/dist/customize/settings/tabs/sandbox-template-form.js

@@ -11,7 +11,7 @@ import { useTranslations } from '../../../i18n/index.js';
  */
 import { ShippingContainerIcon as Container, FileCodeIcon as FileCode, PackageIcon as Package, } from '@phosphor-icons/react';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
-import { useEffect, useMemo, useState } from 'react';
+import { useMemo, useState } from 'react';
 import { Button } from '../../../primitives/button.js';
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from '../../../primitives/dialog.js';
 import { Input } from '../../../primitives/input.js';
@@ -39,7 +39,7 @@ export function SandboxTemplateForm({ projectId, open, onOpenChange, template, }
     const isEdit = !!template;
     const queryClient = useQueryClient();
     const [name, setName] = useState('');
-    const [slug, setSlug] = useState('');
+    const [typedSlug, setSlug] = useState('');
     const [slugManuallyEdited, setSlugManuallyEdited] = useState(false);
     const [mode, setMode] = useState('image');
     const [image, setImage] = useState('');
@@ -49,10 +49,10 @@ export function SandboxTemplateForm({ projectId, open, onOpenChange, template, }
     const [memoryGb, setMemoryGb] = useState('4');
     const [diskGb, setDiskGb] = useState('20');
     // Reset / hydrate when opening
-    useEffect(() => {
-        if (!open)
-            return;
-        if (template) {
+    const [hydratedFor, setHydratedFor] = useState(null);
+    if (!hydratedFor || hydratedFor[0] !== open || hydratedFor[1] !== template) {
+        setHydratedFor([open, template]);
+        if (open && template) {
             setName(template.name);
             setSlug(template.slug);
             setSlugManuallyEdited(true);
@@ -71,7 +71,7 @@ export function SandboxTemplateForm({ projectId, open, onOpenChange, template, }
             setMemoryGb(String(template.memory_gb));
             setDiskGb(String(template.disk_gb));
         }
-        else {
+        else if (open) {
             setName('');
             setSlug('');
             setSlugManuallyEdited(false);
@@ -83,12 +83,9 @@ export function SandboxTemplateForm({ projectId, open, onOpenChange, template, }
             setMemoryGb('6');
             setDiskGb('20');
         }
-    }, [open, template]);
+    }
     // Auto-slug from name when the user hasn't typed a slug manually yet.
-    useEffect(() => {
-        if (!slugManuallyEdited)
-            setSlug(slugify(name));
-    }, [name, slugManuallyEdited]);
+    const slug = slugManuallyEdited ? typedSlug : slugify(name);
     const slugError = useMemo(() => {
         if (!slug)
             return null;

package/dist/customize/settings/tabs/transfer-workspace-dialog.d.ts

@@ -0,0 +1,4 @@
+export declare function TransferWorkspaceEntry({ projectId, currentAccountId, }: {
+    projectId: string;
+    currentAccountId?: string;
+}): import("react").JSX.Element;

package/dist/customize/settings/tabs/transfer-workspace-dialog.js

@@ -0,0 +1,82 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Transfer-workspace entry point — the settings row and its dialog.
+ *
+ * The API (POST /v1/projects/:id/transfer) refuses a caller who holds the
+ * destructive tier on the project but no rights on the TARGET organization,
+ * and answers with the target's project cap when the move would exceed its
+ * plan — so this dialog only has to pick a target and say plainly what
+ * moves: sessions, files, settings and member grants follow the project;
+ * the usage ledger stays with the organization that consumed it.
+ *
+ * The project may land in an organization the mover cannot see afterwards
+ * (they are not a member there) — the same outcome the Delete flow produces,
+ * so success leaves the project the same way: forget the remembered landing
+ * target, close the settings overlay, replace into the landing door.
+ */
+import { useMemo, useState } from 'react';
+import { Button } from '../../../primitives/button.js';
+import { ConfirmDialog } from '../../../primitives/confirm-dialog.js';
+import { SettingsRow } from '../../../primitives/settings-row.js';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../../primitives/select.js';
+import { errorToast, successToast } from '../../../primitives/toast.js';
+import { useSettingsPanelStore } from '../../../internal/stores/settings-panel-store.js';
+import { useUiRouter, useUiViewerId } from '../../../providers/ui-provider.js';
+import { useAccountsList } from '../../../internal/hooks/account/use-accounts-list.js';
+import { PROJECT_LANDING_PATH } from '../../../internal/lib/onboarding/landing-destination.js';
+import { forgetLastProjectId } from '../../../internal/lib/onboarding/last-project-cookie.js';
+import { transferProject } from '@kortix/sdk';
+import { qk } from '@kortix/sdk/react';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { useTranslations } from '../../../i18n/index.js';
+export function TransferWorkspaceEntry({ projectId, currentAccountId, }) {
+    const t = useTranslations('settings.workspace');
+    const [open, setOpen] = useState(false);
+    return (_jsxs(_Fragment, { children: [_jsx(SettingsRow, { label: t('transferWorkspace'), description: t('transferDescription'), children: _jsx(Button, { variant: "ghost", size: "sm", className: "text-destructive hover:bg-destructive/10 hover:text-destructive", onClick: () => setOpen(true), children: t('transferWorkspace') }) }), _jsx(TransferWorkspaceDialog, { projectId: projectId, currentAccountId: currentAccountId, open: open, onOpenChange: setOpen })] }));
+}
+function TransferWorkspaceDialog({ projectId, currentAccountId, open, onOpenChange, }) {
+    const t = useTranslations('settings.workspace');
+    const queryClient = useQueryClient();
+    const router = useUiRouter();
+    const viewerId = useUiViewerId();
+    const [targetId, setTargetId] = useState('');
+    // Same freshness contract as every other account-list reader: fetch only
+    // while the dialog is open.
+    const accountsQuery = useAccountsList({ enabled: open });
+    // The target cannot be the account the project already lives in — the API
+    // refuses that anyway — and a stale `currentAccountId` (project query still
+    // in flight) is harmless: the API re-checks.
+    const targetOptions = useMemo(() => (accountsQuery.data ?? []).filter((account) => account.account_id !== currentAccountId), [accountsQuery.data, currentAccountId]);
+    const transferMutation = useMutation({
+        mutationFn: () => transferProject(projectId, targetId),
+        onSuccess: () => {
+            successToast(t('transferSuccess'));
+            // Same leave-the-project flow as Delete: the moved project must stop
+            // being the remembered landing target, the global overlay must close
+            // before the navigation lands, and Back must not return to a project
+            // the viewer may no longer see.
+            forgetLastProjectId(viewerId, projectId);
+            useSettingsPanelStore.getState().close();
+            // qk.projects.scope(): lists across every account plus the accountless
+            // slot — the project just changed accounts, so every list form is
+            // stale at once. The moved project's own caches are unreachable after
+            // the replace below (the old id's entries gcTime out).
+            queryClient.invalidateQueries({ queryKey: qk.projects.scope() });
+            onOpenChange(false);
+            router.replace(PROJECT_LANDING_PATH);
+        },
+        onError: (error) => errorToast(error.message || t('transferFailed')),
+    });
+    const targetName = targetOptions.find((account) => account.account_id === targetId)?.name;
+    const changeOpen = (next) => {
+        if (transferMutation.isPending)
+            return;
+        if (!next) {
+            setTargetId('');
+            transferMutation.reset();
+        }
+        onOpenChange(next);
+    };
+    return (_jsx(ConfirmDialog, { open: open, onOpenChange: changeOpen, title: t('transferTitle'), description: _jsxs("div", { className: "space-y-4", children: [_jsx("p", { children: t('transferDialog') }), accountsQuery.isLoading ? (_jsx("p", { children: t('transferLoadingTargets') })) : accountsQuery.isError ? (_jsx(Button, { variant: "outline", onClick: () => accountsQuery.refetch(), children: t('retry') })) : targetOptions.length === 0 ? (_jsx("p", { children: t('transferNoTargets') })) : (_jsxs(Select, { value: targetId, onValueChange: setTargetId, children: [_jsx(SelectTrigger, { className: "w-full", "aria-label": t('transferTargetLabel'), children: _jsx(SelectValue, { placeholder: t('transferTargetPlaceholder') }) }), _jsx(SelectContent, { children: targetOptions.map((account) => (_jsx(SelectItem, { value: account.account_id, children: account.name }, account.account_id))) })] }))] }), cancelLabel: t('keepWorkspace'), confirmLabel: targetName ? t('transferMoveTo', { name: targetName }) : t('transferMove'), confirmVariant: "destructive", confirmDisabled: !targetName || accountsQuery.isError, isPending: transferMutation.isPending, onConfirm: () => transferMutation.mutate() }));
+}

package/dist/customize/shared/capability-tabs.js

@@ -126,7 +126,8 @@ export function CapabilityTabs({ projectId }) {
     // once the project turns its flag on. `capabilityAccess()` applies the flags
     // and the leaves; before it settles the bar is invisible and both are left out.
     const access = useCapabilityAccess(projectId);
-    const tabs = allTabs.filter((tab) => access.settled ? access.tabs.includes(tab.key) : !FLAG_GATED_TABS.includes(tab.key));
+    const allowedTabs = new Set(access.tabs);
+    const tabs = allTabs.filter((tab) => access.settled ? allowedTabs.has(tab.key) : !FLAG_GATED_TABS.includes(tab.key));
     const leading = tabs.filter((tab) => !TRAILING_TABS.includes(tab.key));
     const primary = leading.filter((tab) => PRIMARY_TABS.includes(tab.key));
     const library = leading.filter((tab) => !PRIMARY_TABS.includes(tab.key));

package/dist/customize/skills/skills-page.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { NewEntityMenu } from '../shared/new-entity-menu.js';
 import { useTranslations as useI18nTranslations } from '../../i18n/index.js';
-import { useEffect, useMemo, useRef, useState } from 'react';
+import { useMemo, useRef, useState } from 'react';
 import { Button } from '../../primitives/button.js';
 import { InputGroupSearch, InputGroupSearchClear, InputGroupSearchIcon, InputGroupSearchInput, } from '../../primitives/input-group.js';
 import { Tabs, TabsList, TabsTrigger } from '../../primitives/tabs.js';
@@ -85,10 +85,8 @@ export function SkillsPage({ projectId }) {
     });
     // The one honest auto-close: the config came back and this skill is not in
     // it, so it really was deleted or renamed.
-    useEffect(() => {
-        if (detail.isMissing)
-            setSelectedPath(null);
-    }, [detail.isMissing]);
+    if (detail.isMissing)
+        setSelectedPath(null);
     // `null` = render the grid. Otherwise which "nothing to show" copy applies:
     // genuinely zero skills vs. skills exist but this filter/search hid all of
     // them. Telling the user "No skills yet" in the second case is false and

package/dist/customize/triggers/schedule/event-trigger-copy.js

@@ -411,10 +411,11 @@ export function newConnectorSlug(app, taken) {
         .toLowerCase()
         .replace(/[^a-z0-9_-]+/g, '-')
         .replace(/^-+|-+$/g, '') || 'app';
-    if (!taken.includes(slug))
+    const takenSet = new Set(taken);
+    if (!takenSet.has(slug))
         return slug;
     for (let n = 2;; n++)
-        if (!taken.includes(`${slug}-${n}`))
+        if (!takenSet.has(`${slug}-${n}`))
             return `${slug}-${n}`;
 }
 /* ─── Delivery ──────────────────────────────────────────────────────────── */

package/dist/customize/triggers/schedule/schedule-builder.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { CalendarDotsIcon as CalendarClock, CaretDownIcon as ChevronDown } from '@phosphor-icons/react';
 import { useTranslations } from '../../../i18n/index.js';
-import { useCallback, useEffect, useState } from 'react';
+import { useCallback, useState } from 'react';
 import { Button } from '../../../primitives/button.js';
 import { Input } from '../../../primitives/input.js';
 import { Label } from '../../../primitives/label.js';
@@ -195,13 +195,15 @@ export function ScheduleBuilder({ value, onChange, disabled, allowOnce, runAt, o
     const onceMode = Boolean(allowOnce && onRunAtChange && runAt != null);
     const isCustom = cronToState(rawCron) === null;
     const hasPastRunAt = Boolean(runAt && new Date(runAt).getTime() <= Date.now());
-    useEffect(() => {
+    const [syncedValue, setSyncedValue] = useState(value);
+    if (value !== syncedValue) {
+        setSyncedValue(value);
         const parsed = cronToState(value);
         if (parsed)
             setState(parsed);
         setRawCron(value);
         setShowCron((visible) => visible || !parsed);
-    }, [value]);
+    }
     const update = useCallback((partial) => {
         const next = { ...state, ...partial };
         setState(next);
@@ -256,6 +258,7 @@ export function ScheduleBuilder({ value, onChange, disabled, allowOnce, runAt, o
     const canOnce = Boolean(allowOnce && onRunAtChange);
     const cadences = localizeUiCatalog(CADENCES, tI18nComplete, APP_REGISTRY_TRANSLATION_KEYS);
     const weekdayButtons = localizeUiCatalog(WEEKDAY_BUTTONS, tI18nComplete, APP_REGISTRY_TRANSLATION_KEYS);
+    const selectedWeekdays = new Set(state.weekdays);
     const intervalUnit = (value) => state.frequency === 'minutes' ? 'minutes' : `hour${value === 1 ? '' : 's'}`;
     return (_jsxs("div", { className: cn('space-y-3', disabled && 'pointer-events-none opacity-60 select-none'), children: [_jsxs("div", { className: "flex flex-wrap items-end gap-3", children: [_jsx(ScheduleField, { label: tI18nComplete.raw('textb6b7a0065808'), className: "w-full sm:w-44", children: _jsxs(Select, { value: onceMode ? 'once' : cadence, onValueChange: (next) => next === 'once' ? selectOnce() : selectCadence(next), disabled: disabled, children: [_jsx(SelectTrigger, { className: "h-9 w-full", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [cadences.map((option) => (_jsx(SelectItem, { value: option.value, children: option.label }, option.value))), canOnce ? (_jsx(SelectItem, { value: "once", children: tI18nComplete.raw('textd88f6d8372f4') })) : null] })] }) }), onceMode ? (_jsx(ScheduleField, { label: tI18nComplete.raw('text4b4c31294fb5'), className: "w-full sm:w-auto", children: _jsx(Input, { type: "datetime-local", value: runAt ? isoToLocalInput(runAt) : '', min: isoToLocalInput(new Date().toISOString()), onChange: (event) => onRunAtChange?.(localInputToIso(event.target.value)), onBlur: () => {
                                 if (hasPastRunAt)
@@ -265,7 +268,7 @@ export function ScheduleBuilder({ value, onChange, disabled, allowOnce, runAt, o
                                                 : [1, 2, 3, 4, 6, 8, 12]).map((value) => (_jsxs(SelectItem, { value: String(value), children: [value, " ", intervalUnit(value)] }, value))) })] }) })), state.frequency === 'monthly' && (_jsx(ScheduleField, { label: tTrigger('dayOfMonth'), className: "w-28", children: _jsxs(Select, { value: String(state.monthDay), onValueChange: (value) => update({ monthDay: Number(value) }), disabled: disabled, children: [_jsx(SelectTrigger, { className: "h-9 w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: Array.from({ length: 31 }, (_, index) => index + 1).map((value) => (_jsx(SelectItem, { value: String(value), children: value }, value))) })] }) })), state.frequency !== 'minutes' && (_jsx(ScheduleField, { label: state.frequency === 'hourly'
                                     ? tI18nComplete.raw('text5f2ed72dfcbc')
                                     : tI18nComplete.raw('text33b93476cf59'), children: _jsxs("div", { className: "flex items-center gap-1.5", children: [state.frequency !== 'hourly' && (_jsxs(_Fragment, { children: [_jsxs(Select, { value: String(state.hour), onValueChange: (value) => update({ hour: Number(value) }), disabled: disabled, children: [_jsx(SelectTrigger, { className: "h-9 w-18 tabular-nums", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: HOURS.map((value) => (_jsx(SelectItem, { value: String(value), children: pad2(value) }, value))) })] }), _jsx("span", { className: "text-muted-foreground", children: ":" })] })), _jsxs(Select, { value: String(state.minute), onValueChange: (value) => update({ minute: Number(value) }), disabled: disabled, children: [_jsx(SelectTrigger, { className: "h-9 w-18 tabular-nums", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: MINUTE_OPTIONS.map((value) => (_jsx(SelectItem, { value: String(value), children: state.frequency === 'hourly' ? `:${pad2(value)}` : pad2(value) }, value))) })] })] }) })), trailing] }))] }), !onceMode && cadence === 'weekly' && (_jsx("div", { className: "flex flex-wrap gap-1.5", "aria-label": tI18nComplete.raw('text2069f4549744'), children: weekdayButtons.map(({ value, label }) => {
-                    const selected = state.weekdays.includes(value);
+                    const selected = selectedWeekdays.has(value);
                     return (_jsx(Button, { type: "button", variant: selected ? 'secondary' : 'outline', size: "sm", "aria-pressed": selected, onClick: () => toggleWeekday(value), disabled: disabled, className: "min-w-10 transition-transform active:scale-[0.96]", children: label }, value));
                 }) })), onceMode && runAt && hasPastRunAt ? (_jsx(SchedulePreview, { text: describeRunAt(runAt, tI18nComplete), error: true })) : null, !onceMode && isCustom ? (_jsx(SchedulePreview, { text: tI18nComplete.raw('text7afd348d0d4b') })) : null, !onceMode && (_jsxs("div", { className: "space-y-2", children: [_jsxs(Button, { type: "button", variant: "text", size: "xs", onClick: () => setShowCron((visible) => !visible), disabled: disabled, className: "text-muted-foreground hover:text-foreground -ml-1 transition-transform active:scale-[0.96]", children: [_jsx(ChevronDown, { className: cn('size-3 transition-transform duration-(--duration-normal)', showCron && 'rotate-180') }), showCron
                                 ? tI18nComplete.raw('text6c848b936d1d')

package/dist/customize/triggers/schedule/trigger-composer.js

@@ -138,7 +138,11 @@ function ComposerForm({ projectId, onOpenChange, onCreated, initialAgent = null,
             reveal(errorRef.current);
     }, [error]);
     const create = useMutation({
-        onSettled: () => setFrozenApp(null),
+        onMutate: () => onBusyChange(true),
+        onSettled: () => {
+            setFrozenApp(null);
+            onBusyChange(false);
+        },
         mutationFn: async () => {
             const trimmedName = name.trim();
             const slug = slugify(draft.customId.trim() || trimmedName);
@@ -251,7 +255,6 @@ function ComposerForm({ projectId, onOpenChange, onCreated, initialAgent = null,
             setError(message);
         },
     });
-    useEffect(() => onBusyChange(create.isPending), [create.isPending, onBusyChange]);
     const submit = () => {
         setError(null);
         setTaken(null);

package/dist/customize/triggers/schedule/when-event.js

@@ -143,7 +143,7 @@ function Connection({ projectId, app, draft, patch, setDraft, canConnect, }) {
  */
 function EventSettings({ fields, draft, errors, onChange, }) {
     const tI18nComplete = useI18nTranslations('hardcodedUi.i18nComplete');
-    const [open, setOpen] = useState(fields.some((f) => f.required && f.kind !== 'boolean'));
+    const [open, setOpen] = useState(() => fields.some((f) => f.required && f.kind !== 'boolean'));
     const hasProblem = Object.keys(errors).length > 0;
     return (_jsxs(Disclosure, { className: "group", open: open || hasProblem, onOpenChange: setOpen, children: [_jsx(FoldTrigger, { children: tI18nComplete.raw('text6abe3b60f184') }), _jsx(DisclosureContent, { children: _jsxs("div", { className: "space-y-3 pt-3", children: [_jsx("p", { className: "text-muted-foreground text-xs leading-relaxed text-pretty", children: tI18nComplete.raw('text9f2c75e76be9') }), _jsx(EventConfigForm, { fields: fields, draft: draft, errors: errors, onChange: onChange })] }) })] }));
 }

package/dist/diff/diff-view.js

@@ -24,19 +24,18 @@ export function splitablePatch(patch) {
 export function DiffView(props) {
     const isDark = useIsDark();
     const themeType = isDark ? 'dark' : 'light';
+    const patchInput = 'patch' in props ? props.patch : null;
+    const beforeName = 'before' in props ? props.before.name : '';
+    const beforeContents = 'before' in props ? props.before.contents : '';
+    const afterName = 'after' in props ? props.after.name : '';
+    const afterContents = 'after' in props ? props.after.contents : '';
     const patch = useMemo(() => {
         // `createTwoFilesPatch` writes no `new file mode` / `deleted file mode`
         // line, so only the patch path can be one-sided.
-        if ('patch' in props)
-            return splitablePatch(props.patch);
-        return createTwoFilesPatch(props.before.name, props.after.name, props.before.contents, props.after.contents, '', '');
-    }, [
-        'patch' in props ? props.patch : null,
-        'before' in props ? props.before.name : null,
-        'before' in props ? props.before.contents : null,
-        'after' in props ? props.after.name : null,
-        'after' in props ? props.after.contents : null,
-    ]);
+        if (patchInput !== null)
+            return splitablePatch(patchInput);
+        return createTwoFilesPatch(beforeName, afterName, beforeContents, afterContents, '', '');
+    }, [patchInput, beforeName, beforeContents, afterName, afterContents]);
     const options = useMemo(() => ({
         theme: { dark: SHIKI_THEME_DARK, light: SHIKI_THEME_LIGHT },
         themeType,

package/dist/files/editor/code-editor.js

@@ -477,8 +477,7 @@ export function CodeEditor({ content, originalContent, hasUnsavedChanges: extern
         }
         return exts;
     }, [langExtension, diagExt]);
-    const SaveButton = () => {
-        const tHardcodedUi = useTranslations('hardcodedUi');
+    const renderSaveButton = () => {
         if (readOnly || !onSave)
             return null;
         switch (saveState) {
@@ -494,7 +493,7 @@ export function CodeEditor({ content, originalContent, hasUnsavedChanges: extern
     };
     return (_jsxs("div", { className: cn('flex max-w-full flex-col', readOnly
             ? 'min-h-full' // For read-only, fill at least one viewport so the editor background doesn't end at the last line
-            : 'h-full max-h-full overflow-hidden', className), style: readOnly ? undefined : { contain: 'strict' }, children: [!readOnly && showHeader && (_jsxs("div", { className: "bg-muted/30 flex max-w-full min-w-0 shrink-0 items-center justify-between border-b px-3 py-1.5", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [_jsx(SaveButton, {}), hasChanges && (_jsx(TooltipProvider, { delayDuration: 300, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "sm", onClick: handleDiscard, className: "text-muted-foreground hover:text-destructive h-7 w-7 p-0", children: _jsx(RotateCcw, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { side: "bottom", children: tHardcodedUi.raw('componentsFileEditorsCodeEditor.line719JsxTextDiscardChanges') })] }) })), hasChanges && (_jsxs("div", { className: "flex items-center gap-1.5 rounded-md bg-amber-50 px-2 py-1 text-xs text-amber-600 dark:bg-amber-900/20 dark:text-amber-500", children: [_jsxs("span", { className: "relative flex h-2 w-2", children: [_jsx("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-amber-400 opacity-75" }), _jsx("span", { className: "relative inline-flex h-2 w-2 rounded-full bg-amber-500" })] }), _jsx("span", { className: "font-semibold", children: tHardcodedUi.raw('i18nComplete.text6250d5725dda') })] }))] }), _jsx(Badge, { variant: "outline", className: "font-mono text-xs", children: language })] })), _jsx("div", { ref: editorContainerRef, className: cn('bg-background w-full max-w-full', editorClassName, readOnly
+            : 'h-full max-h-full overflow-hidden', className), style: readOnly ? undefined : { contain: 'strict' }, children: [!readOnly && showHeader && (_jsxs("div", { className: "bg-muted/30 flex max-w-full min-w-0 shrink-0 items-center justify-between border-b px-3 py-1.5", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [renderSaveButton(), hasChanges && (_jsx(TooltipProvider, { delayDuration: 300, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "sm", onClick: handleDiscard, className: "text-muted-foreground hover:text-destructive h-7 w-7 p-0", children: _jsx(RotateCcw, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { side: "bottom", children: tHardcodedUi.raw('componentsFileEditorsCodeEditor.line719JsxTextDiscardChanges') })] }) })), hasChanges && (_jsxs("div", { className: "flex items-center gap-1.5 rounded-md bg-amber-50 px-2 py-1 text-xs text-amber-600 dark:bg-amber-900/20 dark:text-amber-500", children: [_jsxs("span", { className: "relative flex h-2 w-2", children: [_jsx("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-amber-400 opacity-75" }), _jsx("span", { className: "relative inline-flex h-2 w-2 rounded-full bg-amber-500" })] }), _jsx("span", { className: "font-semibold", children: tHardcodedUi.raw('i18nComplete.text6250d5725dda') })] }))] }), _jsx(Badge, { variant: "outline", className: "font-mono text-xs", children: language })] })), _jsx("div", { ref: editorContainerRef, className: cn('bg-background w-full max-w-full', editorClassName, readOnly
                     ? 'min-h-full flex-1 overflow-visible' // Stretch to fill parent so short files still fill the viewport
                     : 'max-h-full min-h-0 flex-1 overflow-hidden'), style: readOnly ? undefined : { contain: 'strict' }, children: mounted && (_jsx(CodeMirror, { ref: editorRef, onCreateEditor: setEditorView, value: localContent, onChange: handleChange, theme: theme, extensions: extensions, basicSetup: {
                         lineNumbers: showLineNumbers,

package/dist/files/project/api/runtime-files.js

@@ -194,12 +194,13 @@ export async function readFile(projectId, ref, filePath) {
     // text, and the JSON content read is byte-safe for it.
     if (hasExtension && getLanguageFromExt(name) !== 'plaintext') {
         const result = await readProjectFile(projectId, relativePath, ref);
-        return { type: 'text', content: result.content };
+        return { type: 'text', content: result.content, revision: result.revision };
     }
     // Unknown or missing extension: the bytes decide, text or binary.
     const bytes = await readRawBytes(projectId, relativePath, ref);
     if (isTextBytes(bytes)) {
-        return { type: 'text', content: new TextDecoder().decode(bytes), mimeType: 'text/plain; charset=utf-8' };
+        const result = await readProjectFile(projectId, relativePath, ref);
+        return { type: 'text', content: result.content, revision: result.revision, mimeType: 'text/plain; charset=utf-8' };
     }
     return { type: 'binary', content: '', mimeType: 'application/octet-stream' };
 }

package/dist/files/project/components/change-request-detail-dialog.d.ts

@@ -8,6 +8,8 @@ export declare const diffRendererViewportClass: typeof diffViewportClass;
 interface ChangeRequestDetailDialogProps {
     crId: string | null;
     onClose: () => void;
+    /** Opens another change request in this dialog: a superseded one's replacement. */
+    onOpenChangeRequest?: (crId: string) => void;
 }
-export declare function ChangeRequestDetailDialog({ crId, onClose }: ChangeRequestDetailDialogProps): import("react").JSX.Element;
+export declare function ChangeRequestDetailDialog({ crId, onClose, onOpenChangeRequest }: ChangeRequestDetailDialogProps): import("react").JSX.Element;
 export {};

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

@@ -17,7 +17,6 @@ import { useTranslations } from '../../../i18n/index.js';
  * has actually gone wrong and the reader has to act on them.
  */
 import { UnifiedMarkdown } from '../../../markdown/index.js';
-import { Badge } from '../../../primitives/badge.js';
 import { Button } from '../../../primitives/button.js';
 import { InfoBanner } from '../../../primitives/info-banner.js';
 import Loading from '../../../primitives/loading.js';
@@ -27,14 +26,13 @@ import { errorToast, successToast } from '../../../primitives/toast.js';
 import { ChangeList, ChangeSummary, DiffLayoutToggle, ExpandAllButton, diffViewportClass, entryFromCommitFile, fileCount, proposedChangeTimeline, splitUnifiedPatch, useChangeExpansion, } from '../../../changes/index.js';
 import { EmptyState } from '../../../primitives/empty-state.js';
 import { manifestFilename, useProjectManifestVersion, } from '../../../internal/lib/manifest-version.js';
-import { translateUiCatalogText } from '../../../i18n/ui-catalog/localize-ui-catalog.js';
-import { REMAINING_UI_TRANSLATION_KEYS } from '../../../i18n/ui-catalog/remaining-ui-translation-keys.generated.js';
 import { useProjectCans } from '../../../internal/lib/use-project-can.js';
 import { REVIEW_CONTROL_ACTIONS, changeRequestControlsFrom } from '@kortix/sdk';
 import { ArrowCounterClockwiseIcon, CheckIcon, FileDashedIcon, SparkleIcon, WarningIcon, } from '@phosphor-icons/react';
 import { formatDistanceToNowStrict } from 'date-fns';
 import { useMemo, useState } from 'react';
 import { useProjectContext } from '../context.js';
+import { ChangeRequestStatusBadge } from './change-request-status-badge.js';
 import { useChangeRequestRecovery } from '../hooks/use-change-request-recovery.js';
 import { useChangeRequest, useChangeRequestDiff, useChangeRequestMergePreview, useCloseChangeRequest, useMergeChangeRequest, useReopenChangeRequest, } from '../hooks/use-change-requests.js';
 /**
@@ -44,7 +42,7 @@ import { useChangeRequest, useChangeRequestDiff, useChangeRequestMergePreview, u
  */
 export const diffRendererViewportClass = diffViewportClass;
 const relative = (iso) => formatDistanceToNowStrict(new Date(iso), { addSuffix: true });
-export function ChangeRequestDetailDialog({ crId, onClose }) {
+export function ChangeRequestDetailDialog({ crId, onClose, onOpenChangeRequest }) {
     const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
     const open = crId !== null;
     const detailQuery = useChangeRequest(crId);
@@ -149,7 +147,7 @@ export function ChangeRequestDetailDialog({ crId, onClose }) {
     const blocked = recoveryBlocker !== null;
     // An open change offers Dismiss and the apply; a closed one offers Reopen.
     const hasDecision = cr?.status === 'open' ? controls.canClose || controls.canMerge : controls.canClose;
-    return (_jsx(Modal, { open: open, onOpenChange: (v) => !v && onClose(), children: _jsxs(ModalContent, { className: "flex h-[94dvh] max-h-[94dvh] min-h-0 w-full flex-col gap-0 space-y-0 overflow-hidden p-0 lg:h-[90vh] lg:max-h-[90vh] lg:min-h-[90vh] lg:max-w-5xl", children: [_jsx(ModalHeader, { className: "flex shrink-0 flex-col space-y-0 border-b px-5 py-4 pr-14", children: !cr ? (_jsxs("div", { className: "space-y-2", children: [_jsx(ModalTitle, { className: "sr-only", children: tI18nComplete.raw('text28b00af7cb71') }), _jsx(Skeleton, { className: "h-5 w-2/3" }), _jsx(Skeleton, { className: "h-3 w-1/3" })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex min-w-0 items-start gap-2.5", children: [_jsx(ModalTitle, { className: "text-foreground min-w-0 flex-1 text-base leading-snug font-medium text-balance", children: cr.title || tI18nComplete.raw('text63cb7c2ea609') }), cr.status !== 'open' && (_jsx(Badge, { variant: cr.status === 'merged' ? 'badgeSuccess' : 'secondary', size: "sm", className: "mt-0.5 shrink-0", children: translateUiCatalogText(cr.status === 'merged' ? 'Applied' : 'Dismissed', tI18nComplete, REMAINING_UI_TRANSLATION_KEYS) }))] }), _jsxs("p", { className: "text-muted-foreground mt-1 flex min-w-0 flex-wrap items-center gap-x-1.5 text-xs", children: [_jsxs("span", { className: "tabular-nums", children: ["#", cr.number] }), _jsx("span", { className: "text-muted-foreground", "aria-hidden": true, children: tI18nComplete.raw('text3b9453dad42b') }), _jsx("span", { children: proposedChangeTimeline(cr, relative, tI18nComplete) }), cr.base_ref !== defaultBranch && (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-muted-foreground", "aria-hidden": true, children: tI18nComplete.raw('text3b9453dad42b') }), _jsxs("span", { className: "truncate", children: [tI18nComplete.raw('text6b847a0ed0b2'), " ", cr.base_ref] })] }))] })] })) }), _jsx("div", { className: "min-h-0 flex-1 overflow-y-auto overscroll-contain", children: _jsxs("div", { className: "space-y-4 px-5 py-4", children: [manifestIssues !== null && (_jsx(InfoBanner, { tone: "destructive", icon: WarningIcon, title: tI18nComplete('text8e5d6f03865c', { value0: manifestFile }), children: manifestIssues.length > 0 ? (_jsx("ul", { className: "mt-1 space-y-1", children: dedupeIssues(manifestIssues).map(({ key, issue }) => (_jsxs("li", { children: [_jsx("code", { className: "text-foreground font-mono text-xs break-all", children: issue.path }), ' ', issue.message, issue.line
+    return (_jsx(Modal, { open: open, onOpenChange: (v) => !v && onClose(), children: _jsxs(ModalContent, { className: "flex h-[94dvh] max-h-[94dvh] min-h-0 w-full flex-col gap-0 space-y-0 overflow-hidden p-0 lg:h-[90vh] lg:max-h-[90vh] lg:min-h-[90vh] lg:max-w-5xl", children: [_jsx(ModalHeader, { className: "flex shrink-0 flex-col space-y-0 border-b px-5 py-4 pr-14", children: !cr ? (_jsxs("div", { className: "space-y-2", children: [_jsx(ModalTitle, { className: "sr-only", children: tI18nComplete.raw('text28b00af7cb71') }), _jsx(Skeleton, { className: "h-5 w-2/3" }), _jsx(Skeleton, { className: "h-3 w-1/3" })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex min-w-0 items-start gap-2.5", children: [_jsx(ModalTitle, { className: "text-foreground min-w-0 flex-1 text-base leading-snug font-medium text-balance", children: cr.title || tI18nComplete.raw('text63cb7c2ea609') }), _jsx(ChangeRequestStatusBadge, { cr: cr, onOpenChangeRequest: onOpenChangeRequest })] }), _jsxs("p", { className: "text-muted-foreground mt-1 flex min-w-0 flex-wrap items-center gap-x-1.5 text-xs", children: [_jsxs("span", { className: "tabular-nums", children: ["#", cr.number] }), _jsx("span", { className: "text-muted-foreground", "aria-hidden": true, children: tI18nComplete.raw('text3b9453dad42b') }), _jsx("span", { children: proposedChangeTimeline(cr, relative, tI18nComplete) }), cr.base_ref !== defaultBranch && (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-muted-foreground", "aria-hidden": true, children: tI18nComplete.raw('text3b9453dad42b') }), _jsxs("span", { className: "truncate", children: [tI18nComplete.raw('text6b847a0ed0b2'), " ", cr.base_ref] })] }))] })] })) }), _jsx("div", { className: "min-h-0 flex-1 overflow-y-auto overscroll-contain", children: _jsxs("div", { className: "space-y-4 px-5 py-4", children: [manifestIssues !== null && (_jsx(InfoBanner, { tone: "destructive", icon: WarningIcon, title: tI18nComplete('text8e5d6f03865c', { value0: manifestFile }), children: manifestIssues.length > 0 ? (_jsx("ul", { className: "mt-1 space-y-1", children: dedupeIssues(manifestIssues).map(({ key, issue }) => (_jsxs("li", { children: [_jsx("code", { className: "text-foreground font-mono text-xs break-all", children: issue.path }), ' ', issue.message, issue.line
                                                 ? tI18nComplete('texta6b97728ff89', { value0: issue.line })
                                                 : ''] }, key))) })) : (_jsx("span", { children: tI18nComplete.raw('textcc85fb556a48') })) })), manifestIssues === null && conflictPaths !== null && conflictPaths.length > 0 && (_jsx(InfoBanner, { tone: "warning", icon: WarningIcon, title: tI18nComplete('text57bbed2817ff', {
                                     value0: fileCount(conflictPaths.length),

package/dist/files/project/components/change-request-status-badge.d.ts

@@ -0,0 +1,12 @@
+import type { ChangeRequest } from '@kortix/sdk';
+/**
+ * The word for what happened to a finished change request. An open one shows
+ * nothing: its state is the two buttons at the bottom of the dialog.
+ *
+ * A request an agent replaced (closed, with a later request on the same
+ * branch) names its replacement, and opens it when the host can (KRTX-3031).
+ */
+export declare function ChangeRequestStatusBadge({ cr, onOpenChangeRequest, }: {
+    cr: ChangeRequest;
+    onOpenChangeRequest?: (crId: string) => void;
+}): import("react").JSX.Element | null;

package/dist/files/project/components/change-request-status-badge.js

@@ -0,0 +1,27 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTranslations } from '../../../i18n/index.js';
+import { translateUiCatalogText } from '../../../i18n/ui-catalog/localize-ui-catalog.js';
+import { REMAINING_UI_TRANSLATION_KEYS } from '../../../i18n/ui-catalog/remaining-ui-translation-keys.generated.js';
+import { Badge } from '../../../primitives/badge.js';
+/**
+ * The word for what happened to a finished change request. An open one shows
+ * nothing: its state is the two buttons at the bottom of the dialog.
+ *
+ * A request an agent replaced (closed, with a later request on the same
+ * branch) names its replacement, and opens it when the host can (KRTX-3031).
+ */
+export function ChangeRequestStatusBadge({ cr, onOpenChangeRequest, }) {
+    const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
+    if (cr.status === 'open')
+        return null;
+    const replacement = cr.status === 'closed' ? (cr.superseded_by ?? null) : null;
+    if (replacement) {
+        const label = tI18nComplete('textddcd87c21894', { number: replacement.number });
+        if (!onOpenChangeRequest) {
+            return (_jsx(Badge, { variant: "secondary", size: "sm", className: "mt-0.5 shrink-0", children: label }));
+        }
+        return (_jsx(Badge, { asChild: true, variant: "secondary", size: "sm", className: "mt-0.5 shrink-0 cursor-pointer hover:underline", children: _jsx("button", { type: "button", onClick: () => onOpenChangeRequest(replacement.cr_id), children: label }) }));
+    }
+    return (_jsx(Badge, { variant: cr.status === 'merged' ? 'badgeSuccess' : 'secondary', size: "sm", className: "mt-0.5 shrink-0", children: translateUiCatalogText(cr.status === 'merged' ? 'Applied' : 'Dismissed', tI18nComplete, REMAINING_UI_TRANSLATION_KEYS) }));
+}

package/dist/files/project/components/change-requests-panel.js

@@ -90,5 +90,5 @@ export function ChangeRequestsPanel({ open = false, onClose }) {
                                         ? tSidebar('loadingMore')
                                         : isFetchNextPageError
                                             ? tSidebar('retry')
-                                            : tSidebar('loadMore') }) }))] }))] }), _jsx(ChangeRequestDetailDialog, { crId: selectedCrId, onClose: () => setSelectedCrId(null) }), _jsx(OpenChangeRequestDialog, { open: openDialogShown, onOpenChange: setOpenDialogShown, projectId: ctx?.projectId ?? '', defaultBranch: defaultBranch, initialHeadRef: initialHeadForDialog, onCreated: (crId) => setSelectedCrId(crId) })] }));
+                                            : tSidebar('loadMore') }) }))] }))] }), _jsx(ChangeRequestDetailDialog, { crId: selectedCrId, onClose: () => setSelectedCrId(null), onOpenChangeRequest: setSelectedCrId }), _jsx(OpenChangeRequestDialog, { open: openDialogShown, onOpenChange: setOpenDialogShown, projectId: ctx?.projectId ?? '', defaultBranch: defaultBranch, initialHeadRef: initialHeadForDialog, onCreated: (crId) => setSelectedCrId(crId) })] }));
 }

package/dist/files/project/components/drive-explorer.js

@@ -490,7 +490,8 @@ export function DriveExplorer({ embedded = false, shareContext, leading, trailin
         const { accepted, rejected } = partitionUploadBatch(tree.map((t) => t.file));
         for (const { reason } of rejected)
             errorToast(reason);
-        const items = tree.filter((t) => accepted.includes(t.file));
+        const acceptedSet = new Set(accepted);
+        const items = tree.filter((t) => acceptedSet.has(t.file));
         if (items.length === 0)
             return;
         const root = base === '/' ? '' : base.replace(/\/+$/, '');

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

@@ -17,15 +17,19 @@ import { SelectionCheck, SelectMenuItem } from './drive-selection-ui.js';
 import { FileThumbnail } from './file-thumbnail.js';
 import { Download } from '../../../internal/icons/download.js';
 import { ownClicks } from './own-clicks.js';
-export function FolderDriveMenuItems({ Item, Separator, node, onClick, onDownload, onCopy, onCut, onRename, onDelete, startRenaming, isDownloadingItem, openFolderLabel, copyPathLabel, }) {
+/** Copy, cut, copy path, rename and delete: the same on a folder and a file. */
+function DriveMenuSharedItems({ Item, Separator, node, onCopy, onCut, onRename, onDelete, startRenaming, copyPathLabel, }) {
     const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
     const hasEditActions = Boolean(onRename || onDelete);
-    return (_jsxs(_Fragment, { children: [_jsxs(Item, { onClick: onClick, children: [_jsx(ArrowUpRight, {}), openFolderLabel] }), onDownload && (_jsxs(Item, { onClick: () => onDownload(node), disabled: isDownloadingItem, children: [_jsx(Download, {}), isDownloadingItem ? 'Zipping...' : tI18nComplete.raw('textdda839b13617')] })), _jsx(Separator, {}), onCopy && (_jsxs(Item, { onClick: () => onCopy(node), children: [_jsx(ClipboardCopy, {}), tI18nComplete.raw('texte21f935f11d7')] })), onCut && (_jsxs(Item, { onClick: () => onCut(node), children: [_jsx(Scissors, {}), tI18nComplete.raw('text1f45f02561f4')] })), _jsxs(Item, { onClick: () => navigator.clipboard.writeText(node.path), children: [_jsx(Copy, {}), copyPathLabel] }), hasEditActions && (_jsxs(_Fragment, { children: [_jsx(Separator, {}), onRename && (_jsxs(Item, { onClick: () => setTimeout(startRenaming, 100), children: [_jsx(PencilSimpleIcon, {}), tI18nComplete.raw('text3064d79a295c')] })), onDelete && (_jsxs(Item, { onClick: () => onDelete(node), children: [_jsx(TrashIcon, {}), tI18nComplete.raw('textc3812fc4acb8')] }))] }))] }));
+    return (_jsxs(_Fragment, { children: [onCopy && (_jsxs(Item, { onClick: () => onCopy(node), children: [_jsx(ClipboardCopy, {}), tI18nComplete.raw('texte21f935f11d7')] })), onCut && (_jsxs(Item, { onClick: () => onCut(node), children: [_jsx(Scissors, {}), tI18nComplete.raw('text1f45f02561f4')] })), _jsxs(Item, { onClick: () => navigator.clipboard.writeText(node.path), children: [_jsx(Copy, {}), copyPathLabel] }), hasEditActions && (_jsxs(_Fragment, { children: [_jsx(Separator, {}), onRename && (_jsxs(Item, { onClick: () => setTimeout(startRenaming, 100), children: [_jsx(PencilSimpleIcon, {}), tI18nComplete.raw('text3064d79a295c')] })), onDelete && (_jsxs(Item, { onClick: () => onDelete(node), children: [_jsx(TrashIcon, {}), tI18nComplete.raw('textc3812fc4acb8')] }))] }))] }));
+}
+export function FolderDriveMenuItems({ Item, Separator, node, onClick, onDownload, onCopy, onCut, onRename, onDelete, startRenaming, isDownloadingItem, openFolderLabel, copyPathLabel, }) {
+    const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
+    return (_jsxs(_Fragment, { children: [_jsxs(Item, { onClick: onClick, children: [_jsx(ArrowUpRight, {}), openFolderLabel] }), onDownload && (_jsxs(Item, { onClick: () => onDownload(node), disabled: isDownloadingItem, children: [_jsx(Download, {}), isDownloadingItem ? 'Zipping...' : tI18nComplete.raw('textdda839b13617')] })), _jsx(Separator, {}), _jsx(DriveMenuSharedItems, { Item: Item, Separator: Separator, node: node, onCopy: onCopy, onCut: onCut, onRename: onRename, onDelete: onDelete, startRenaming: startRenaming, copyPathLabel: copyPathLabel })] }));
 }
 export function FileDriveMenuItems({ Item, Separator, node, onClick, onDownload, onHistory, onCopy, onCut, onRename, onDelete, startRenaming, checkpointHistoryLabel, copyPathLabel, }) {
     const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
-    const hasEditActions = Boolean(onRename || onDelete);
-    return (_jsxs(_Fragment, { children: [_jsxs(Item, { onClick: onClick, children: [_jsx(Eye, {}), tI18nComplete.raw('text324b134f57c7')] }), onDownload && (_jsxs(Item, { onClick: () => onDownload(node), children: [_jsx(Download, {}), tI18nComplete.raw('textd6eafe823591')] })), onHistory && (_jsxs(Item, { onClick: () => onHistory(node), children: [_jsx(History, {}), checkpointHistoryLabel] })), _jsx(Separator, {}), onCopy && (_jsxs(Item, { onClick: () => onCopy(node), children: [_jsx(ClipboardCopy, {}), tI18nComplete.raw('texte21f935f11d7')] })), onCut && (_jsxs(Item, { onClick: () => onCut(node), children: [_jsx(Scissors, {}), tI18nComplete.raw('text1f45f02561f4')] })), _jsxs(Item, { onClick: () => navigator.clipboard.writeText(node.path), children: [_jsx(Copy, {}), copyPathLabel] }), hasEditActions && (_jsxs(_Fragment, { children: [_jsx(Separator, {}), onRename && (_jsxs(Item, { onClick: () => setTimeout(startRenaming, 100), children: [_jsx(PencilSimpleIcon, {}), tI18nComplete.raw('text3064d79a295c')] })), onDelete && (_jsxs(Item, { onClick: () => onDelete(node), children: [_jsx(TrashIcon, {}), tI18nComplete.raw('textc3812fc4acb8')] }))] }))] }));
+    return (_jsxs(_Fragment, { children: [_jsxs(Item, { onClick: onClick, children: [_jsx(Eye, {}), tI18nComplete.raw('text324b134f57c7')] }), onDownload && (_jsxs(Item, { onClick: () => onDownload(node), children: [_jsx(Download, {}), tI18nComplete.raw('textd6eafe823591')] })), onHistory && (_jsxs(Item, { onClick: () => onHistory(node), children: [_jsx(History, {}), checkpointHistoryLabel] })), _jsx(Separator, {}), _jsx(DriveMenuSharedItems, { Item: Item, Separator: Separator, node: node, onCopy: onCopy, onCut: onCut, onRename: onRename, onDelete: onDelete, startRenaming: startRenaming, copyPathLabel: copyPathLabel })] }));
 }
 function selectFolderRenameInput(el) {
     el.focus();
@@ -62,7 +66,7 @@ const FolderCard = memo(function FolderCard({ node, onClick, onDownload, onRenam
                             // Transparent at rest, so the marked border takes no space when it appears.
                             'h-[120px] border border-transparent', 
                             // Copied, cut or selected: the focus border plus its soft 15% ring.
-                            (isCut || isCopied || selected) && 'border-ring ring-ring/15 ring-2', isDragOver && 'ring-primary ring-2') }), selectMode ? _jsx(SelectionCheck, { selected: selected, className: "absolute top-2 left-2" }) : null, !isRenaming && (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { onClick: (e) => e.stopPropagation(), variant: "secondary", size: "icon-sm", className: "absolute top-2 right-2 opacity-0 group-hover:opacity-100 data-[state=open]:opacity-100", children: _jsx(MoreVertical, { weight: "bold", className: "size-3.5" }) }) }), _jsx(DropdownMenuContent, { align: "end", className: "w-48", children: _jsx(FolderDriveMenuItems, { Item: DropdownMenuItem, Separator: DropdownMenuSeparator, ...folderMenuProps }) })] })), _jsx("div", { className: "flex min-w-0 items-center px-0.5", children: isRenaming ? (_jsx("input", { ref: renameInputRef, type: "text", value: renameName, onChange: (e) => setRenameName(e.target.value), onKeyDown: (e) => {
+                            (isCut || isCopied || selected) && 'border-ring ring-ring/15 ring-2', isDragOver && 'ring-primary ring-2') }), selectMode ? _jsx(SelectionCheck, { selected: selected, className: "absolute top-2 left-2" }) : null, !isRenaming && (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { onClick: (e) => e.stopPropagation(), "aria-label": tHardcodedUi.raw('i18nComplete.textf8d46c2570e7'), variant: "secondary", size: "icon-sm", className: "absolute top-2 right-2 opacity-0 group-hover:opacity-100 data-[state=open]:opacity-100", children: _jsx(MoreVertical, { weight: "bold", className: "size-3.5" }) }) }), _jsx(DropdownMenuContent, { align: "end", className: "w-48", children: _jsx(FolderDriveMenuItems, { Item: DropdownMenuItem, Separator: DropdownMenuSeparator, ...folderMenuProps }) })] })), _jsx("div", { className: "flex min-w-0 items-center px-0.5", children: 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.nativeEvent.isComposing)
                                         return;
                                     if (e.key === 'Enter')
@@ -96,7 +100,7 @@ const FileCard = memo(function FileCard({ node, onClick, onDoubleClick, onDownlo
     };
     return (_jsxs(ContextMenu, { children: [_jsx(ContextMenuTrigger, { asChild: true, children: _jsxs("div", { draggable: !isRenaming, onDragStart: handleDragStart, onDragEnd: handleDragEnd, onClick: isRenaming ? undefined : onItemClick, "data-drive-item": node.path, onDoubleClick: isRenaming || !onDoubleClick ? undefined : ownClicks(() => onDoubleClick(node)), className: cn('group relative flex cursor-pointer flex-col gap-2 select-none', isCut && 'opacity-60', isDragging && 'opacity-30'), children: [_jsx(FileThumbnail, { filePath: node.path, fileName: node.name, onOpen: open, className: cn('border-border h-[120px] rounded-lg border', 
                             // Copied, cut or selected: the focus border plus its soft 15% ring.
-                            (isCut || isCopied || selected) && 'border-ring ring-ring/15 ring-2') }), selectMode && !uploading ? (_jsx(SelectionCheck, { selected: selected, className: "absolute top-2 left-2 z-10" })) : null, uploading ? (_jsx("span", { role: "status", "aria-label": tDrives('uploadingFile', { name: node.name }), className: "bg-popover border-border absolute top-2 left-2 z-10 flex size-7 items-center justify-center rounded-md border shadow-xs", children: _jsx(Loading, { variant: "spokes", className: "size-4" }) })) : null, !isRenaming && (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { onClick: (e) => e.stopPropagation(), variant: "secondary", size: "icon-sm", className: "absolute top-2 right-2 opacity-0 group-hover:opacity-100 data-[state=open]:opacity-100", children: _jsx(MoreVertical, { weight: "bold", className: "size-3.5" }) }) }), _jsx(DropdownMenuContent, { align: "end", className: "w-48", children: _jsx(FileDriveMenuItems, { Item: DropdownMenuItem, Separator: DropdownMenuSeparator, ...fileMenuProps }) })] })), _jsx("div", { className: "flex min-w-0 items-center px-0.5", children: isRenaming ? (_jsx("input", { ref: renameInputRef, type: "text", value: renameName, onChange: (e) => setRenameName(e.target.value), onKeyDown: (e) => {
+                            (isCut || isCopied || selected) && 'border-ring ring-ring/15 ring-2') }), selectMode && !uploading ? (_jsx(SelectionCheck, { selected: selected, className: "absolute top-2 left-2 z-10" })) : null, uploading ? (_jsx("span", { role: "status", "aria-label": tDrives('uploadingFile', { name: node.name }), className: "bg-popover border-border absolute top-2 left-2 z-10 flex size-7 items-center justify-center rounded-md border shadow-xs", children: _jsx(Loading, { variant: "spokes", className: "size-4" }) })) : null, !isRenaming && (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { onClick: (e) => e.stopPropagation(), "aria-label": tHardcodedUi.raw('i18nComplete.textf8d46c2570e7'), variant: "secondary", size: "icon-sm", className: "absolute top-2 right-2 opacity-0 group-hover:opacity-100 data-[state=open]:opacity-100", children: _jsx(MoreVertical, { weight: "bold", className: "size-3.5" }) }) }), _jsx(DropdownMenuContent, { align: "end", className: "w-48", children: _jsx(FileDriveMenuItems, { Item: DropdownMenuItem, Separator: DropdownMenuSeparator, ...fileMenuProps }) })] })), _jsx("div", { className: "flex min-w-0 items-center px-0.5", children: 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.nativeEvent.isComposing)
                                         return;
                                     if (e.key === 'Enter')
@@ -125,7 +129,7 @@ export function DriveGridView({ elevatedDirs, dirs, files, onNavigateToDir, onOp
                             const description = meta
                                 ? tI18nComplete.raw(node.name === '.kortix' ? 'text85231c543c71' : 'text96ef9c0ac0c9')
                                 : undefined;
-                            return (_jsxs("div", { onClick: () => onNavigateToDir(node), title: description, className: "group relative flex cursor-pointer flex-col gap-2 select-none", children: [_jsx(DriveFolderThumbnail, { path: node.path, className: "h-[120px]" }), _jsx("span", { className: "text-foreground truncate px-0.5 text-sm font-medium", children: node.name })] }, node.path));
+                            return (_jsxs("button", { type: "button", onClick: () => onNavigateToDir(node), title: description, className: "group relative flex w-full min-w-0 cursor-pointer flex-col gap-2 text-left select-none", children: [_jsx(DriveFolderThumbnail, { path: node.path, className: "h-[120px]" }), _jsx("span", { className: "text-foreground truncate px-0.5 text-sm font-medium", children: node.name })] }, node.path));
                         }) })] })), dirs.length > 0 && (_jsxs("section", { className: "space-y-2", children: [_jsx(SectionHeader, { label: tI18nComplete.raw('textc4d6bb200f4c'), count: dirs.length }), _jsx("div", { className: "grid gap-x-4 gap-y-5", style: { gridTemplateColumns: "repeat(auto-fill, minmax(168px, 1fr))" }, children: dirs.map((node) => (_jsx(FolderCard, { node: node, onClick: onNavigateToDir, 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.length > 0 && (_jsxs("section", { className: "space-y-2", children: [_jsx(SectionHeader, { label: tI18nComplete.raw('textabc7e9892806'), count: files.length }), _jsx("div", { className: "grid gap-x-4 gap-y-5", style: { gridTemplateColumns: "repeat(auto-fill, minmax(168px, 1fr))" }, children: files.map((node) => (_jsx(FileCard, { node: node, onClick: onPreviewFile, onDoubleClick: onOpenFile, 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))) })] }))] }));
 }
 function SectionHeader({ label, count, icon, }) {