@kortix/ui 0.14.14 → 0.14.15

package/dist/customize/agents/agent-tabs.d.ts

@@ -66,6 +66,7 @@ export declare const YAML_KEY_ROW: {
     readonly options: "model";
     readonly tools: "tools";
     readonly codemode: "tools";
+    readonly context: "tools";
     readonly permission: "tools";
     readonly skills: "skills";
     readonly subagents: "subagents";

package/dist/customize/agents/agent-tabs.js

@@ -118,6 +118,7 @@ export const YAML_KEY_ROW = {
     options: 'model',
     tools: 'tools',
     codemode: 'tools',
+    context: 'tools',
     permission: 'tools',
     skills: 'skills',
     subagents: 'subagents',

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

@@ -101,8 +101,9 @@ function catalogRows(view, catalog, t, agentMode) {
     }
     const item = (ext) => ({
         id: ext.id,
-        // "Follows the agent tool switch" only where that switch is on screen.
-        description: ext.controlled_by && agentMode ? `${ext.description ?? ''} ${t('followsTool', { tool: ext.controlled_by })}` : ext.description,
+        // "Follows the agent tool switch" only where that switch is on screen. The context record's
+        // switch is its own row (the agent's `context` setting), so it follows nothing.
+        description: ext.controlled_by && ext.controlled_by !== 'context' && agentMode ? `${ext.description ?? ''} ${t('followsTool', { tool: ext.controlled_by })}` : ext.description,
         status: ext.required ? _jsx("span", { className: "text-muted-foreground text-xs", children: t('alwaysOn') }) : undefined,
     });
     // A required platform extension (permission rules on script calls, the show
@@ -140,6 +141,10 @@ function withSwitches(view, rows, catalog, editor) {
             const ext = catalog.extensions.find((x) => x.id === row.id);
             if (!ext || ext.required)
                 return row;
+            // The context record is the agent's `context` field: on is the default (`record`), off is `summary`.
+            if (ext.group === 'platform' && ext.controlled_by === 'context') {
+                return { ...row, checked: editor.draft.context !== 'summary', onCheckedChange: (on) => editor.set('context', on ? 'record' : 'summary') };
+            }
             if (ext.group === 'platform') {
                 const tool = catalog.tools.find((x) => x.id === ext.controlled_by);
                 return tool ? { ...row, ...toolSwitch(tool.id, tool.aliases) } : row;

package/dist/files/drives/drive-storage.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Files storage, shown where people put files: how much a project's Files
+ * hold against the plan's limit, the folders close to the largest folder a
+ * session mounts (before a session fails to mount one), and a refused upload
+ * in words with its numbers. Every figure comes from the API
+ * (`GET /drives/:driveId/usage`, `driveLimitRefusal`); nothing is computed
+ * from a guess here.
+ */
+import { type DriveFolderUsage } from '@kortix/sdk';
+import { useDriveUsage } from '@kortix/sdk/react';
+export { useDriveUsage };
+/**
+ * `5 GB`, `512 MB`, `3.4 KB` in the reader's locale. Binary steps (1 GB =
+ * 1024 MB), the same figures the API's refusals print; one decimal under 10.
+ */
+export declare function formatStorageBytes(bytes: number, locale?: string): string;
+/** `near` from 90 % of the limit, `full` at it. A storage limit is a policy a person can act on: orange, never red. */
+export type StorageTone = 'ok' | 'near' | 'full';
+export declare function storageTone(used: number, limit: number | null): StorageTone;
+/** One headline figure against its limit: the label, `1.2 GB of 5 GB`, and one bar. */
+export declare function StorageMeter({ label, usedBytes, limitBytes, className, }: {
+    label: string;
+    usedBytes: number;
+    limitBytes: number | null;
+    className?: string;
+}): import("react").JSX.Element;
+/** A folder at or past 80 % of the folder-mount cap, as one sentence. Null for a folder well under it. */
+export declare function useFolderMountNotice(): (folder: DriveFolderUsage | undefined, limitBytes: number) => string | null;
+/**
+ * The storage block of the Files page: the project's Files against the plan's
+ * limit (and the account's, when it is the closer one), what to do when it is
+ * nearly full, and each folder close to the folder-mount cap.
+ */
+export declare function DriveStorageSummary({ driveId, className }: {
+    driveId: string;
+    className?: string;
+}): import("react").JSX.Element | null;
+/** A storage state a person can act on: the orange glyph and tint, the words in ink. */
+export declare function StorageNotice({ children }: {
+    children: React.ReactNode;
+}): import("react").JSX.Element | null;
+/**
+ * The sentence for a refused upload, in the reader's language, from the
+ * refusal's code and numbers. Null for an error that is not a limit refusal:
+ * the caller keeps the server's message then.
+ */
+export declare function useDriveLimitMessage(): (error: unknown, fileName: string, fileSize?: number) => string | null;

package/dist/files/drives/drive-storage.js

@@ -0,0 +1,144 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Files storage, shown where people put files: how much a project's Files
+ * hold against the plan's limit, the folders close to the largest folder a
+ * session mounts (before a session fails to mount one), and a refused upload
+ * in words with its numbers. Every figure comes from the API
+ * (`GET /drives/:driveId/usage`, `driveLimitRefusal`); nothing is computed
+ * from a guess here.
+ */
+import { driveLimitRefusal } from '@kortix/sdk';
+import { useDriveUsage } from '@kortix/sdk/react';
+import { WarningIcon } from '@phosphor-icons/react';
+import { useCallback } from 'react';
+import { useLocale, useTranslations } from '../../i18n/index.js';
+import { cn } from '../../lib/utils.js';
+import { Progress } from '../../primitives/progress.js';
+export { useDriveUsage };
+const UNITS = ['byte', 'kilobyte', 'megabyte', 'gigabyte', 'terabyte'];
+/**
+ * `5 GB`, `512 MB`, `3.4 KB` in the reader's locale. Binary steps (1 GB =
+ * 1024 MB), the same figures the API's refusals print; one decimal under 10.
+ */
+export function formatStorageBytes(bytes, locale) {
+    let value = Math.max(0, bytes);
+    let unit = 0;
+    while (value >= 1024 && unit < UNITS.length - 1) {
+        value /= 1024;
+        unit++;
+    }
+    return new Intl.NumberFormat(locale, {
+        style: 'unit',
+        unit: UNITS[unit],
+        unitDisplay: 'short',
+        maximumFractionDigits: unit === 0 || value >= 10 ? 0 : 1,
+    }).format(value);
+}
+export function storageTone(used, limit) {
+    if (!limit || limit <= 0)
+        return 'ok';
+    if (used >= limit)
+        return 'full';
+    return used >= limit * 0.9 ? 'near' : 'ok';
+}
+/** One headline figure against its limit: the label, `1.2 GB of 5 GB`, and one bar. */
+export function StorageMeter({ label, usedBytes, limitBytes, className, }) {
+    const t = useTranslations('drives');
+    const locale = useLocale();
+    const tone = storageTone(usedBytes, limitBytes);
+    const used = formatStorageBytes(usedBytes, locale);
+    const percent = limitBytes ? Math.min(100, (usedBytes / limitBytes) * 100) : 0;
+    return (_jsxs("div", { className: cn('flex flex-col gap-1.5', className), children: [_jsxs("div", { className: "flex items-baseline justify-between gap-3", children: [_jsx("span", { className: "text-foreground min-w-0 truncate text-xs font-medium", children: label }), _jsx("span", { className: "text-muted-foreground shrink-0 text-xs tabular-nums", children: limitBytes ? t('storageOfLimit', { used, limit: formatStorageBytes(limitBytes, locale) }) : t('storageUsed', { used }) })] }), limitBytes ? (_jsx(Progress, { value: percent, "aria-label": label, className: "h-1.5", indicatorClassName: tone === 'ok' ? 'bg-primary' : 'bg-kortix-orange' })) : null] }));
+}
+/** A folder at or past 80 % of the folder-mount cap, as one sentence. Null for a folder well under it. */
+export function useFolderMountNotice() {
+    const t = useTranslations('drives');
+    const locale = useLocale();
+    return useCallback((folder, limitBytes) => {
+        if (!folder || folder.state === 'ok')
+            return null;
+        const params = {
+            folder: folder.path.split('/').filter(Boolean).pop() ?? folder.path,
+            size: formatStorageBytes(folder.bytes, locale),
+            limit: formatStorageBytes(limitBytes, locale),
+        };
+        return folder.state === 'over_limit' ? t('folderOverMountLimit', params) : t('folderNearMountLimit', params);
+    }, [t, locale]);
+}
+/**
+ * The storage block of the Files page: the project's Files against the plan's
+ * limit (and the account's, when it is the closer one), what to do when it is
+ * nearly full, and each folder close to the folder-mount cap.
+ */
+export function DriveStorageSummary({ driveId, className }) {
+    const t = useTranslations('drives');
+    const usage = useDriveUsage(driveId);
+    const folderNotice = useFolderMountNotice();
+    const data = usage.data;
+    if (!data || data.usedBytes === null)
+        return null;
+    const project = { used: data.usedBytes, limit: data.limits.projectBytes };
+    const account = data.account;
+    // The account figure shows only when it is the one closer to full.
+    const accountLeft = account ? account.limitBytes - account.usedBytes : Number.POSITIVE_INFINITY;
+    const projectLeft = project.limit === null ? Number.POSITIVE_INFINITY : project.limit - project.used;
+    const tightest = account && accountLeft < projectLeft ? storageTone(account.usedBytes, account.limitBytes) : storageTone(project.used, project.limit);
+    const folders = data.folders.filter((f) => f.state !== 'ok');
+    return (_jsxs("div", { className: cn('flex flex-col gap-2', className), children: [_jsx(StorageMeter, { label: t('storageLabel'), usedBytes: project.used, limitBytes: project.limit }), account && accountLeft < projectLeft ? (_jsx(AccountLine, { usedBytes: account.usedBytes, limitBytes: account.limitBytes })) : null, tightest !== 'ok' ? (_jsx(StorageNotice, { children: tightest === 'full' ? t('storageFull') : t('storageNearFull') })) : null, folders.map((f) => (_jsx(StorageNotice, { children: folderNotice(f, data.limits.folderMountBytes) }, f.path)))] }));
+}
+function AccountLine({ usedBytes, limitBytes }) {
+    const t = useTranslations('drives');
+    const locale = useLocale();
+    return (_jsx("p", { className: "text-muted-foreground text-xs tabular-nums", children: t('storageAccountLine', { used: formatStorageBytes(usedBytes, locale), limit: formatStorageBytes(limitBytes, locale) }) }));
+}
+/** A storage state a person can act on: the orange glyph and tint, the words in ink. */
+export function StorageNotice({ children }) {
+    if (!children)
+        return null;
+    return (_jsxs("p", { role: "status", className: "bg-kortix-orange/15 text-foreground flex items-start gap-2 rounded-md px-2.5 py-2 text-xs text-pretty", children: [_jsx(WarningIcon, { className: "text-kortix-orange mt-px size-3.5 shrink-0", weight: "fill" }), _jsx("span", { className: "min-w-0", children: children })] }));
+}
+/**
+ * The sentence for a refused upload, in the reader's language, from the
+ * refusal's code and numbers. Null for an error that is not a limit refusal:
+ * the caller keeps the server's message then.
+ */
+export function useDriveLimitMessage() {
+    const t = useTranslations('drives');
+    const locale = useLocale();
+    return useCallback((error, fileName, fileSize) => {
+        const refusal = driveLimitRefusal(error);
+        if (!refusal)
+            return null;
+        const bytes = (n) => (n === undefined ? '' : formatStorageBytes(n, locale));
+        const name = fileName;
+        switch (refusal.code) {
+            case 'storage_limit_exceeded':
+                if (refusal.max === undefined || refusal.used === undefined || (refusal.requested ?? fileSize) === undefined)
+                    return refusal.message || null;
+                return t(refusal.limit === 'account_bytes' ? 'uploadRefusedAccountFull' : 'uploadRefusedProjectFull', {
+                    name,
+                    needed: bytes(refusal.requested ?? fileSize),
+                    used: bytes(refusal.used),
+                    limit: bytes(refusal.max),
+                });
+            case 'file_too_large':
+            case 'payload_too_large':
+                if (refusal.max === undefined)
+                    return refusal.message || null;
+                return t('uploadRefusedFileTooLarge', { name, size: bytes(refusal.requested ?? fileSize), limit: bytes(refusal.max) });
+            case 'sub_path_too_large':
+                return t('uploadRefusedFolderMount', {
+                    name,
+                    folder: refusal.path?.split('/').filter(Boolean).pop() ?? refusal.path ?? '',
+                    limit: bytes(refusal.max ?? 10 * 1024 ** 3),
+                });
+            case 'transfer_limit_exceeded':
+                return t('uploadRefusedBusy', { name });
+            case 'quota_exceeded':
+                return t('uploadRefusedStorageFull', { name });
+            default:
+                return null;
+        }
+    }, [t, locale]);
+}

package/dist/files/drives/session-drives-chip.js

@@ -5,10 +5,20 @@ import { Button } from '../../primitives/button.js';
 import { warningToast } from '../../primitives/toast.js';
 import { Home } from '../../internal/icons/home.js';
 import { useSessionDrives } from './use-drives.js';
-import { useTranslations } from '../../i18n/index.js';
+import { useLocale, useTranslations } from '../../i18n/index.js';
+import { formatStorageBytes } from './drive-storage.js';
 import { ArrowUpRightIcon, FolderIcon, WarningIcon } from '@phosphor-icons/react';
 import { useUiLink } from '../../providers/ui-provider.js';
 import { useEffect, useRef } from 'react';
+/**
+ * One notice per cause of a folder the box does not mount: storage refused it
+ * at boot (it mounts later), it is too large to mount, or it did not fit.
+ */
+const SKIPPED_NOTICES = [
+    { key: 'sessionSkippedUnavailable', matches: (reason) => reason === 'unavailable' },
+    { key: 'sessionSkippedTooLarge', matches: (reason) => reason === 'too_large' },
+    { key: 'sessionSkippedDrives', matches: (reason) => reason !== 'unavailable' && reason !== 'too_large' },
+];
 /** Where the person's own folder also appears in the box: a path, not prose. */
 const DESKTOP_PATH = '~/Desktop';
 /**
@@ -22,12 +32,20 @@ export function SessionDrivesList({ projectId, sessionId }) {
     const t = useTranslations('drives');
     const Link = useUiLink();
     const driveHref = uiRoutes().drive(projectId);
+    const locale = useLocale();
     const session = useSessionDrives(projectId, sessionId);
     const rows = session.data?.drives ?? [];
     const skipped = session.data?.skipped ?? [];
+    // A folder too large to mount names its size: the number to get it under.
+    const named = (d) => d.reason === 'too_large' && typeof d.bytes === 'number' ? `${d.name} (${formatStorageBytes(d.bytes, locale)})` : d.name;
     return (_jsxs("div", { className: "flex flex-col gap-3", children: [driveHref ? (_jsx(Button, { asChild: true, variant: "ghost", size: "xs", className: "text-muted-foreground hover:text-foreground -ml-1.5 gap-1 self-start", children: _jsxs(Link, { href: driveHref, children: [t('openDrive'), _jsx(ArrowUpRightIcon, { className: "size-3.5" })] }) })) : null, rows.length === 0 ? (_jsx("p", { className: "text-muted-foreground py-2 text-xs", children: session.isLoading ? t('sessionCanUse') : t('sessionNoFolders') })) : (
             // Up to 8 mount (the sandbox's volume limit), so the list stays short.
-            _jsx("ul", { className: "border-border divide-border divide-y rounded-lg border", children: rows.map((row) => (_jsx("li", { children: _jsx(SessionFolderRow, { driveHref: driveHref, row: row }) }, row.mountPath))) })), skipped.length > 0 ? (_jsxs("p", { role: "status", className: "bg-kortix-orange/15 text-foreground flex items-start gap-2 rounded-md px-2.5 py-2 text-xs text-pretty", children: [_jsx(WarningIcon, { className: "text-kortix-orange mt-px size-3.5 shrink-0", weight: "fill" }), t('sessionSkippedDrives', { count: skipped.length, names: skipped.map((d) => d.name).join(', ') })] })) : null] }));
+            _jsx("ul", { className: "border-border divide-border divide-y rounded-lg border", children: rows.map((row) => (_jsx("li", { children: _jsx(SessionFolderRow, { driveHref: driveHref, row: row }) }, row.mountPath))) })), SKIPPED_NOTICES.map(({ key, matches }) => {
+                const these = skipped.filter((d) => matches(d.reason));
+                if (!these.length)
+                    return null;
+                return (_jsxs("p", { role: "status", className: "bg-kortix-orange/15 text-foreground flex items-start gap-2 rounded-md px-2.5 py-2 text-xs text-pretty", children: [_jsx(WarningIcon, { className: "text-kortix-orange mt-px size-3.5 shrink-0", weight: "fill" }), t(key, { count: these.length, names: these.map(named).join(', ') })] }, key));
+            })] }));
 }
 /**
  * Raises the session's conflict notice: one toast when a mounted folder gets a

package/dist/files/index.d.ts

@@ -4,6 +4,7 @@
  * session's workspace (`SandboxFileExplorer`, needs a mounted `useSession`).
  */
 export { saveDriveFile, useDismissDriveConflict, useDriveAvailability, useDriveConflicts, useDriveFolder, useFolderAccess, useFolderPrincipals, useInvalidateDrives, useProjectDrive, useShareFolder, useUnshareFolder, } from './drives/use-drives.js';
+export { DriveStorageSummary, formatStorageBytes, StorageMeter, StorageNotice, storageTone, type StorageTone, useDriveLimitMessage, useDriveUsage, useFolderMountNotice, } from './drives/drive-storage.js';
 export { FilePreviewHost } from './file-preview-host.js';
 export { FilesStoreProvider, getFileIcon } from './project/index.js';
 export { ChangeRequestDetailDialog } from './project/components/change-request-detail-dialog.js';

package/dist/files/index.js

@@ -4,6 +4,7 @@
  * session's workspace (`SandboxFileExplorer`, needs a mounted `useSession`).
  */
 export { saveDriveFile, useDismissDriveConflict, useDriveAvailability, useDriveConflicts, useDriveFolder, useFolderAccess, useFolderPrincipals, useInvalidateDrives, useProjectDrive, useShareFolder, useUnshareFolder, } from './drives/use-drives.js';
+export { DriveStorageSummary, formatStorageBytes, StorageMeter, StorageNotice, storageTone, useDriveLimitMessage, useDriveUsage, useFolderMountNotice, } from './drives/drive-storage.js';
 export { FilePreviewHost } from './file-preview-host.js';
 export { FilesStoreProvider, getFileIcon } from './project/index.js';
 export { ChangeRequestDetailDialog } from './project/components/change-request-detail-dialog.js';

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

@@ -15,7 +15,8 @@ import { ErrorState } from '../../../primitives/error-state.js';
 import { isSandboxNotReadyError } from '@kortix/sdk';
 import { ClipboardIcon as Clipboard, FolderPlusIcon as FolderPlus, ClipboardTextIcon, MoonIcon, XIcon, UploadSimpleIcon, UploadIcon as Upload, ArrowsLeftRightIcon, CheckSquareIcon, TrashIcon, } from '@phosphor-icons/react';
 import { Download } from '../../../internal/icons/download.js';
-import { useTranslations } from '../../../i18n/index.js';
+import { useLocale, useTranslations } from '../../../i18n/index.js';
+import { formatStorageBytes } from '../../drives/drive-storage.js';
 import { useCallback, useEffect, useMemo, useRef, useState, useSyncExternalStore, } from 'react';
 import { useFileExplorerSource } from '../explorer-source.js';
 import { buildGitStatusMap } from '../hooks/index.js';
@@ -72,6 +73,13 @@ export function DriveExplorer({ embedded = false, shareContext, leading, trailin
         : source.capabilities;
     const canWrite = capabilities.write;
     const uploadLimit = capabilities.maxUploadBytes === undefined ? MAX_UPLOAD_BYTES : capabilities.maxUploadBytes;
+    const locale = useLocale();
+    // A file over the limit is refused before any byte moves, in the reader's language.
+    const describeRejection = useCallback((file, limit) => tDrives('uploadRefusedFileTooLarge', {
+        name: file.name,
+        size: formatStorageBytes(file.size, locale),
+        limit: formatStorageBytes(limit, locale),
+    }), [tDrives, locale]);
     const currentPath = useFilesStore((s) => s.currentPath);
     const navigateToPath = useFilesStore((s) => s.navigateToPath);
     const viewMode = useFilesStore((s) => s.viewMode);
@@ -462,7 +470,7 @@ export function DriveExplorer({ embedded = false, shareContext, leading, trailin
      * One failed file never stops the rest; its tray row offers Retry.
      */
     const handleUploadFiles = useCallback(async (fileList, targetDirPath) => {
-        const { accepted, rejected } = partitionUploadBatch(Array.from(fileList), uploadLimit);
+        const { accepted, rejected } = partitionUploadBatch(Array.from(fileList), uploadLimit, describeRejection);
         for (const { reason } of rejected)
             errorToast(reason);
         if (accepted.length === 0)
@@ -481,14 +489,14 @@ export function DriveExplorer({ embedded = false, shareContext, leading, trailin
             ]);
         }
         await startBatch(accepted.map((file) => ({ file, targetPath })), shownIn, targetDirPath ?? currentPath);
-    }, [currentPath, isRootPath, pendingNode, startBatch, uploadLimit]);
+    }, [currentPath, isRootPath, pendingNode, startBatch, uploadLimit, describeRejection]);
     /**
      * Upload a tree (a picked or dropped folder) into `base`: its folders are
      * made first, one depth at a time (a level in parallel), then its files go
      * up into them. Top folders landing in the folder in view show at once.
      */
     const uploadTree = useCallback(async (tree, base) => {
-        const { accepted, rejected } = partitionUploadBatch(tree.map((t) => t.file), uploadLimit);
+        const { accepted, rejected } = partitionUploadBatch(tree.map((t) => t.file), uploadLimit, describeRejection);
         for (const { reason } of rejected)
             errorToast(reason);
         const acceptedSet = new Set(accepted);
@@ -530,7 +538,7 @@ export function DriveExplorer({ embedded = false, shareContext, leading, trailin
         await startBatch(items.map(({ file, dir: rel }) => ({ file, targetPath: at(rel) || undefined })), 
         // Loose files dropped beside the folders land in the view.
         inView ? currentPath : null, tops.length === 1 ? at(tops[0]) : root || '/');
-    }, [currentPath, normalizedCurrentPath, pendingNode, settlePending, mkdirMutation, startBatch, tHardcodedUi, uploadLimit]);
+    }, [currentPath, normalizedCurrentPath, pendingNode, settlePending, mkdirMutation, startBatch, tHardcodedUi, uploadLimit, describeRejection]);
     /** The folder picker (`webkitRelativePath` is `Picked/sub/file.png`). The browser already asked. */
     const handleUploadFolder = useCallback((fileList) => uploadTree(Array.from(fileList).map((file) => ({
         file,

package/dist/files/project/components/drive-upload-tray.js

@@ -57,7 +57,7 @@ export function DriveUploadTray() {
         : failed > 0
             ? t('uploadsFailedCount', { count: failed })
             : t('uploadsComplete', { count: done });
-    return (_jsxs("section", { "aria-label": title, className: "bg-popover border-border animate-in fade-in-0 slide-in-from-bottom-2 fixed right-4 bottom-4 z-50 w-80 max-w-[calc(100vw-2rem)] overflow-hidden rounded-md border shadow-lg duration-(--duration-moderate) motion-reduce:animate-none", children: [_jsxs("div", { className: "flex h-10 items-center gap-2 pr-1.5 pl-3", children: [active > 0 ? (_jsx(UploadGauge, { value: fraction, className: "size-5" })) : failed > 0 ? (_jsx(WarningCircleIcon, { className: "text-kortix-red size-5 shrink-0" })) : (_jsx(SolidCheckIcon, { className: "text-kortix-green size-5" })), _jsx("p", { "aria-live": "polite", className: "min-w-0 flex-1 truncate text-sm font-medium tabular-nums", children: title }), active > 0 ? (_jsxs("span", { className: "text-muted-foreground shrink-0 text-xs tabular-nums", children: [Math.min(99, Math.round(fraction * 100)), "%"] })) : null, _jsx(Button, { type: "button", variant: "ghost", size: "icon-xs", "aria-label": t('uploadsToggle'), "aria-expanded": !collapsed, onClick: () => setCollapsed((c) => !c), className: "text-muted-foreground hover:text-foreground", children: _jsx(CaretDownIcon, { className: cn('size-3.5 transition-transform duration-(--duration-moderate) motion-reduce:transition-none', collapsed && 'rotate-180') }) }), active === 0 ? (_jsx(Button, { type: "button", variant: "ghost", size: "icon-xs", "aria-label": t('uploadsDismiss'), onClick: clear, className: "text-muted-foreground hover:text-foreground", children: _jsx(XIcon, { className: "size-3.5" }) })) : null] }), !collapsed ? (_jsx("ul", { className: "border-border/60 max-h-64 overflow-y-auto border-t py-1", children: uploads.map((u) => (_jsxs("li", { className: "flex h-9 items-center gap-2.5 px-3", children: [getFileIcon(u.file.name, { className: 'text-muted-foreground size-4 shrink-0' }), _jsx("span", { className: cn('min-w-0 flex-1 truncate text-sm', u.status === 'done' ? 'text-foreground' : 'text-muted-foreground'), title: u.file.name, children: u.file.name }), _jsx(UploadStatus, { upload: u, onRetry: () => u.retry?.() })] }, u.id))) })) : null] }));
+    return (_jsxs("section", { "aria-label": title, className: "bg-popover border-border animate-in fade-in-0 slide-in-from-bottom-2 fixed right-4 bottom-4 z-50 w-80 max-w-[calc(100vw-2rem)] overflow-hidden rounded-md border shadow-lg duration-(--duration-moderate) motion-reduce:animate-none", children: [_jsxs("div", { className: "flex h-10 items-center gap-2 pr-1.5 pl-3", children: [active > 0 ? (_jsx(UploadGauge, { value: fraction, className: "size-5" })) : failed > 0 ? (_jsx(WarningCircleIcon, { className: "text-kortix-red size-5 shrink-0" })) : (_jsx(SolidCheckIcon, { className: "text-kortix-green size-5" })), _jsx("p", { "aria-live": "polite", className: "min-w-0 flex-1 truncate text-sm font-medium tabular-nums", children: title }), active > 0 ? (_jsxs("span", { className: "text-muted-foreground shrink-0 text-xs tabular-nums", children: [Math.min(99, Math.round(fraction * 100)), "%"] })) : null, _jsx(Button, { type: "button", variant: "ghost", size: "icon-xs", "aria-label": t('uploadsToggle'), "aria-expanded": !collapsed, onClick: () => setCollapsed((c) => !c), className: "text-muted-foreground hover:text-foreground", children: _jsx(CaretDownIcon, { className: cn('size-3.5 transition-transform duration-(--duration-moderate) motion-reduce:transition-none', collapsed && 'rotate-180') }) }), active === 0 ? (_jsx(Button, { type: "button", variant: "ghost", size: "icon-xs", "aria-label": t('uploadsDismiss'), onClick: clear, className: "text-muted-foreground hover:text-foreground", children: _jsx(XIcon, { className: "size-3.5" }) })) : null] }), !collapsed ? (_jsx("ul", { className: "border-border/60 max-h-64 overflow-y-auto border-t py-1", children: uploads.map((u) => (_jsxs("li", { className: "flex min-h-9 items-center gap-2.5 px-3 py-1.5", children: [getFileIcon(u.file.name, { className: 'text-muted-foreground size-4 shrink-0' }), _jsxs("span", { className: "flex min-w-0 flex-1 flex-col", children: [_jsx("span", { className: cn('truncate text-sm', u.status === 'done' ? 'text-foreground' : 'text-muted-foreground'), title: u.file.name, children: u.file.name }), u.status === 'error' && u.error ? (_jsx("span", { className: "text-foreground text-xs text-pretty", children: u.error })) : null] }), _jsx(UploadStatus, { upload: u, onRetry: () => u.retry?.() })] }, u.id))) })) : null] }));
 }
 function UploadStatus({ upload, onRetry }) {
     const t = useTranslations('drives');

package/dist/files/project/upload-batch.d.ts

@@ -40,7 +40,9 @@ export interface UploadBatchPartition<T extends UploadCandidate> {
  */
 export declare function uploadRejectionReason(file: UploadCandidate, limit?: number | null): string | null;
 /** Split a batch into what will be sent and what is refused up front. `limit` null takes any size. */
-export declare function partitionUploadBatch<T extends UploadCandidate>(files: readonly T[], limit?: number | null): UploadBatchPartition<T>;
+export declare function partitionUploadBatch<T extends UploadCandidate>(files: readonly T[], limit?: number | null, 
+/** The sentence for a refused file, in the reader's language; the English default otherwise. */
+describe?: (file: T, limit: number) => string): UploadBatchPartition<T>;
 /**
  * Share of the run sent, 0-1, by bytes: a finished file counts whole, a failed
  * one drops out. An all-empty batch falls back to counting files.

package/dist/files/project/upload-batch.js

@@ -32,11 +32,14 @@ export function uploadRejectionReason(file, limit = MAX_UPLOAD_BYTES) {
     return `${file.name} is ${formatFileSize(file.size)} — the upload limit is ${label}`;
 }
 /** Split a batch into what will be sent and what is refused up front. `limit` null takes any size. */
-export function partitionUploadBatch(files, limit = MAX_UPLOAD_BYTES) {
+export function partitionUploadBatch(files, limit = MAX_UPLOAD_BYTES, 
+/** The sentence for a refused file, in the reader's language; the English default otherwise. */
+describe) {
     const accepted = [];
     const rejected = [];
     for (const file of files) {
-        const reason = uploadRejectionReason(file, limit);
+        const english = uploadRejectionReason(file, limit);
+        const reason = english && describe && limit !== null ? describe(file, limit) : english;
         if (reason)
             rejected.push({ file, reason });
         else

package/dist/i18n/en.d.ts

@@ -906,6 +906,7 @@ declare const catalog: {
             addCredits: string;
             spentThisPeriod: string;
             compute: string;
+            storage: string;
             total: string;
             history: string;
             historyDescription: string;
@@ -1337,20 +1338,8 @@ declare const catalog: {
         };
         drive: string;
         repo: string;
-        customizeSidebar: string;
         searchApps: string;
         appsNoMatches: string;
-        customizeSidebarDescription: string;
-        resetSidebar: string;
-        reorderItem: string;
-        reorderHint: string;
-        reorderAnnouncement: string;
-        more: string;
-        inSidebar: string;
-        underMore: string;
-        sidebarEmpty: string;
-        moreEmpty: string;
-        moreCaption: string;
         spaces: {
             channels: string;
             directMessages: string;
@@ -7448,6 +7437,8 @@ declare const catalog: {
         agentFullWriteDescription: string;
         agentCardDrive: string;
         sessionSkippedDrives: string;
+        sessionSkippedUnavailable: string;
+        sessionSkippedTooLarge: string;
         shareFolder: string;
         shareTitle: string;
         shareDescription: string;
@@ -7515,6 +7506,24 @@ declare const catalog: {
         readWrite: string;
         folderHint: string;
         driveLabel: string;
+        storageLabel: string;
+        storageOfLimit: string;
+        storageUsed: string;
+        storageNearFull: string;
+        storageFull: string;
+        storageAccountLine: string;
+        folderNearMountLimit: string;
+        folderOverMountLimit: string;
+        uploadRefusedProjectFull: string;
+        uploadRefusedAccountFull: string;
+        uploadRefusedFileTooLarge: string;
+        uploadRefusedFolderMount: string;
+        uploadRefusedBusy: string;
+        uploadRefusedStorageFull: string;
+        accountStorageTitle: string;
+        accountStorageDescription: string;
+        accountStorageEmpty: string;
+        accountStorageIncomplete: string;
     };
     genui: {
         showData: string;
@@ -9571,5 +9580,16 @@ declare const catalog: {
         connectClaude: string;
         reconnectClaude: string;
     };
+    contextReset: {
+        pill: string;
+        pillRunning: string;
+        detail: string;
+        detailManual: string;
+        showDetail: string;
+        hideDetail: string;
+        dialogTitle: string;
+        dialogDescription: string;
+        dialogAction: string;
+    };
 };
 export default catalog;

package/dist/i18n/en.js

@@ -907,6 +907,7 @@ const catalog = {
             "addCredits": "Add credits",
             "spentThisPeriod": "Spent this period",
             "compute": "Compute",
+            "storage": "Storage",
             "total": "Total",
             "history": "History",
             "historyDescription": "What every session cost, and every credit added or spent.",
@@ -1338,20 +1339,8 @@ const catalog = {
         },
         "drive": "Drive",
         "repo": "Repo",
-        "customizeSidebar": "Customize sidebar",
         "searchApps": "Search apps",
         "appsNoMatches": "No matches",
-        "customizeSidebarDescription": "Drag rows between the two groups.",
-        "resetSidebar": "Reset to default",
-        "reorderItem": "Reorder {name}",
-        "reorderHint": "Drag to reorder. Or press the up and down arrow keys; moving past More hides the row from the sidebar.",
-        "reorderAnnouncement": "{name}: {group}, position {position} of {total}",
-        "more": "More",
-        "inSidebar": "Sidebar",
-        "underMore": "More",
-        "sidebarEmpty": "Drag a row here to show it in the sidebar.",
-        "moreEmpty": "Drag a row here to move it under More.",
-        "moreCaption": "Rows under More open from the More menu, below the nav.",
         "spaces": {
             "channels": "Channels",
             "directMessages": "Direct messages",
@@ -7449,6 +7438,8 @@ const catalog = {
         "agentFullWriteDescription": "In the sessions you start, this agent can change any file in your drive, not only its From agents folder.",
         "agentCardDrive": "{size} drive",
         "sessionSkippedDrives": "{count, plural, one {# drive did not fit in this session} other {# drives did not fit in this session}}: {names}. Take a drive out to make room, then restart the session.",
+        "sessionSkippedUnavailable": "{count, plural, one {# folder is not mounted yet} other {# folders are not mounted yet}}: {names}. The session runs without {count, plural, one {it} other {them}} and mounts {count, plural, one {it} other {them}} as soon as storage can.",
+        "sessionSkippedTooLarge": "{count, plural, one {# folder is too large to mount in a session} other {# folders are too large to mount in a session}}: {names}. The session runs without {count, plural, one {it} other {them}}. Move large files out, or share a smaller folder.",
         "shareFolder": "Share",
         "shareTitle": "Share {name}",
         "shareDescription": "People, teams and agents you add get this folder and everything in it. A session sees a folder when its agent, its project or the person who started it has access.",
@@ -7515,7 +7506,25 @@ const catalog = {
         "sessionFilesDescription": "The Drive folders this session mounts, and where the agent sees them. Share a folder in Drive to add it; stop sharing to take it away.",
         "readWrite": "Read & write",
         "folderHint": "A folder inside {name}",
-        "driveLabel": "Drive"
+        "driveLabel": "Drive",
+        "storageLabel": "Storage",
+        "storageOfLimit": "{used} of {limit}",
+        "storageUsed": "{used} used",
+        "storageNearFull": "Almost full. Delete files you no longer need to keep uploading.",
+        "storageFull": "Full. New uploads are refused until files are deleted.",
+        "storageAccountLine": "All projects: {used} of {limit}",
+        "folderNearMountLimit": "{folder} holds {size}. A session cannot mount a folder larger than {limit}.",
+        "folderOverMountLimit": "{folder} holds {size}, more than the {limit} a session can mount. Sessions run without it.",
+        "uploadRefusedProjectFull": "{name} needs {needed}. This project's Files use {used} of {limit}.",
+        "uploadRefusedAccountFull": "{name} needs {needed}. Your account's Files use {used} of {limit} across all projects.",
+        "uploadRefusedFileTooLarge": "{name} is {size}. One file can be at most {limit}.",
+        "uploadRefusedFolderMount": "{name} would take {folder} past {limit}, the largest folder a session can mount.",
+        "uploadRefusedBusy": "File storage is busy. Retry {name} in a moment.",
+        "uploadRefusedStorageFull": "File storage is full right now. Retry {name} later.",
+        "accountStorageTitle": "Files storage",
+        "accountStorageDescription": "What each project's Files hold. Your plan allows {project} per project and {account} across all projects.",
+        "accountStorageEmpty": "No project holds files yet.",
+        "accountStorageIncomplete": "Some projects could not be measured right now."
     },
     "genui": {
         "showData": "Show data",
@@ -9571,6 +9580,17 @@ const catalog = {
         "codeError": "Could not connect Claude with that code. Sign in again and paste the new code.",
         "connectClaude": "Connect Claude",
         "reconnectClaude": "Reconnect Claude"
+    },
+    "contextReset": {
+        "pill": "Fresh context · full history kept",
+        "pillRunning": "Freeing up context…",
+        "detail": "The context reached {tokens} tokens, so the agent continued in a fresh one. Nothing was summarized: it searches the full history ({entries} entries) when it needs a detail.",
+        "detailManual": "You started a fresh context at {tokens} tokens. Nothing was summarized: the agent searches the full history ({entries} entries) when it needs a detail.",
+        "showDetail": "Show details",
+        "hideDetail": "Hide details",
+        "dialogTitle": "Start a fresh context?",
+        "dialogDescription": "The agent continues in a fresh context and searches the full history when it needs a detail. Nothing is summarized, and the conversation stays here as it is.",
+        "dialogAction": "Start a fresh context"
     }
 };
 export default catalog;

package/dist/internal/chrome/use-chrome-offered.d.ts

@@ -1,10 +1,19 @@
 /** @internal Kortix apps only. No semver: it may change in any release. */
 /**
- * Whether this platform offers Kortix in Chrome at all. Until launch the API
- * answers 404 on /v1/chrome/* where KORTIX_CHROME_ENABLED is off (staging,
- * prod), so the account-level surfaces — Settings → Kortix in Chrome and its
- * command-palette entry — show only once the browser list answers. Project
- * surfaces read the project's `chrome` flag instead.
+ * The web app's master switch for Kortix in Chrome. Off, no surface renders
+ * and nothing calls /v1/chrome/*: no Settings page, no command-palette entry,
+ * no sidebar row and no card in Apps and extensions. Off on every deployment
+ * until launch: the probe below logged a 404 in the console on staging and
+ * prod, where the API's KORTIX_CHROME_ENABLED is off. Set true to bring the
+ * surfaces back where the API serves the routes.
+ */
+export declare const CHROME_UI_ENABLED = false;
+/**
+ * Whether this platform offers Kortix in Chrome at all. The API answers 404
+ * on /v1/chrome/* where KORTIX_CHROME_ENABLED is off (staging, prod), so the
+ * account-level surfaces — Settings → Kortix in Chrome and its command-palette
+ * entry — show only once the browser list answers. Project surfaces read the
+ * project's `chrome` flag and `CHROME_UI_ENABLED` instead.
  *
  * `enabled`: ask only while the surface that needs the answer is open.
  */

package/dist/internal/chrome/use-chrome-offered.js

@@ -3,11 +3,20 @@ import { listChromeConnections } from '@kortix/sdk';
 import { chromeKeys } from '@kortix/sdk/react';
 import { useQuery } from '@tanstack/react-query';
 /**
- * Whether this platform offers Kortix in Chrome at all. Until launch the API
- * answers 404 on /v1/chrome/* where KORTIX_CHROME_ENABLED is off (staging,
- * prod), so the account-level surfaces — Settings → Kortix in Chrome and its
- * command-palette entry — show only once the browser list answers. Project
- * surfaces read the project's `chrome` flag instead.
+ * The web app's master switch for Kortix in Chrome. Off, no surface renders
+ * and nothing calls /v1/chrome/*: no Settings page, no command-palette entry,
+ * no sidebar row and no card in Apps and extensions. Off on every deployment
+ * until launch: the probe below logged a 404 in the console on staging and
+ * prod, where the API's KORTIX_CHROME_ENABLED is off. Set true to bring the
+ * surfaces back where the API serves the routes.
+ */
+export const CHROME_UI_ENABLED = false;
+/**
+ * Whether this platform offers Kortix in Chrome at all. The API answers 404
+ * on /v1/chrome/* where KORTIX_CHROME_ENABLED is off (staging, prod), so the
+ * account-level surfaces — Settings → Kortix in Chrome and its command-palette
+ * entry — show only once the browser list answers. Project surfaces read the
+ * project's `chrome` flag and `CHROME_UI_ENABLED` instead.
  *
  * `enabled`: ask only while the surface that needs the answer is open.
  */
@@ -15,7 +24,7 @@ export function useChromeOffered(enabled = true) {
     return useQuery({
         queryKey: chromeKeys.list(),
         queryFn: listChromeConnections,
-        enabled,
+        enabled: CHROME_UI_ENABLED && enabled,
         staleTime: 60_000,
         retry: false,
     }).isSuccess;