@elytracms/studio 0.0.51 → 0.0.53

package/dist/ui/badge.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cva } from 'class-variance-authority';
-import { cn } from '../lib/utils';
+import { cn } from '../lib/utils.js';
 export const badgeVariants = cva('inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium leading-none transition-colors [&_svg]:size-3', {
     variants: {
         variant: {

package/dist/ui/button.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cva } from 'class-variance-authority';
 import { Slot } from '@radix-ui/react-slot';
-import { cn } from '../lib/utils';
+import { cn } from '../lib/utils.js';
 export const buttonVariants = cva('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,background-color,border-color,box-shadow] outline-none focus-visible:ring-2 focus-visible:ring-ring/60 focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 [&_svg]:size-4 [&_svg]:shrink-0', {
     variants: {
         variant: {

package/dist/ui/card.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../lib/utils';
+import { cn } from '../lib/utils.js';
 /** Named card surface — use instead of repeated bordered/shadowed divs. */
 export function Card({ interactive, className, ...props }) {
     return (_jsx("div", { className: cn('rounded-lg border border-border bg-card text-card-foreground shadow-sm', interactive &&

package/dist/ui/collapsible-section.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronDown } from 'lucide-react';
 import { useState } from 'react';
-import { cn } from '../lib/utils';
-import { Panel, PanelHeader } from './panel';
+import { cn } from '../lib/utils.js';
+import { Panel, PanelHeader } from './panel.js';
 /**
  * A `Panel`-backed section whose header can collapse its body (EC-306). No
  * existing collapsible/accordion primitive existed; this is the reusable one

package/dist/ui/dialog.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { X } from 'lucide-react';
-import { cn } from '../lib/utils';
+import { cn } from '../lib/utils.js';
 export const Dialog = DialogPrimitive.Root;
 export const DialogTrigger = DialogPrimitive.Trigger;
 export const DialogClose = DialogPrimitive.Close;

package/dist/ui/dropdown-menu.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { Check } from 'lucide-react';
-import { cn } from '../lib/utils';
+import { cn } from '../lib/utils.js';
 export const DropdownMenu = DropdownMenuPrimitive.Root;
 export const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 export const DropdownMenuGroup = DropdownMenuPrimitive.Group;

package/dist/ui/field.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronDown } from 'lucide-react';
-import { cn } from '../lib/utils';
+import { cn } from '../lib/utils.js';
 export function Field({ label, htmlFor, hint, error, required, children, className }) {
     return (_jsxs("div", { className: cn('flex flex-col gap-1.5', className), children: [_jsxs(FieldLabel, { htmlFor: htmlFor, children: [label, required ? _jsx("span", { className: "text-destructive", children: " *" }) : null] }), children, error ? (_jsx("p", { className: "text-xs font-medium text-destructive", role: "alert", children: error })) : hint ? (_jsx("p", { className: "text-xs text-muted-foreground", children: hint })) : null] }));
 }

package/dist/ui/index.d.ts

@@ -1,19 +1,19 @@
-export * from './typography';
-export * from './layout';
-export * from './avatar';
-export * from './button';
-export * from './input';
-export * from './badge';
-export * from './card';
-export * from './panel';
-export * from './row-item';
-export * from './collapsible-section';
-export * from './separator';
-export * from './toolbar';
-export * from './inspector';
-export * from './dialog';
-export * from './dropdown-menu';
-export * from './popover';
-export * from './field';
-export * from './toast';
-export * from './segmented-control';
+export * from './typography.js';
+export * from './layout.js';
+export * from './avatar.js';
+export * from './button.js';
+export * from './input.js';
+export * from './badge.js';
+export * from './card.js';
+export * from './panel.js';
+export * from './row-item.js';
+export * from './collapsible-section.js';
+export * from './separator.js';
+export * from './toolbar.js';
+export * from './inspector.js';
+export * from './dialog.js';
+export * from './dropdown-menu.js';
+export * from './popover.js';
+export * from './field.js';
+export * from './toast.js';
+export * from './segmented-control.js';

package/dist/ui/index.js

@@ -1,20 +1,20 @@
-export * from './typography';
-export * from './layout';
-export * from './avatar';
-export * from './button';
-export * from './input';
-export * from './badge';
-export * from './card';
-export * from './panel';
-export * from './row-item';
-export * from './collapsible-section';
-export * from './separator';
-export * from './toolbar';
-export * from './inspector';
-export * from './dialog';
-export * from './dropdown-menu';
-export * from './popover';
-export * from './field';
-export * from './toast';
-export * from './segmented-control';
+export * from './typography.js';
+export * from './layout.js';
+export * from './avatar.js';
+export * from './button.js';
+export * from './input.js';
+export * from './badge.js';
+export * from './card.js';
+export * from './panel.js';
+export * from './row-item.js';
+export * from './collapsible-section.js';
+export * from './separator.js';
+export * from './toolbar.js';
+export * from './inspector.js';
+export * from './dialog.js';
+export * from './dropdown-menu.js';
+export * from './popover.js';
+export * from './field.js';
+export * from './toast.js';
+export * from './segmented-control.js';
 //# sourceMappingURL=index.js.map

package/dist/ui/input.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../lib/utils';
+import { cn } from '../lib/utils.js';
 /** Named text input primitive — shadcn-style, token-driven. */
 export function Input({ className, type = 'text', ...props }) {
     return (_jsx("input", { type: type, className: cn('flex h-8 w-full rounded-md border border-input bg-background px-2.5 text-sm text-foreground shadow-sm transition-colors', 'placeholder:text-muted-foreground/60', 'focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/40 outline-none', 'disabled:cursor-not-allowed disabled:opacity-50', className), ...props }));

package/dist/ui/inspector.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../lib/utils';
+import { cn } from '../lib/utils.js';
 /**
  * Named inspector section — the building block of the property inspector (brief §8.2).
  * Use instead of ad-hoc labelled div groups.

package/dist/ui/layout.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../lib/utils';
+import { cn } from '../lib/utils.js';
 const GAP = {
     none: 'gap-0',
     px: 'gap-px',

package/dist/ui/panel.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../lib/utils';
-import { Row } from './layout';
+import { cn } from '../lib/utils.js';
+import { Row } from './layout.js';
 /**
  * Panel — the primary surface primitive for Studio regions (sidebars, inspector,
  * canvas chrome). Use instead of stray bordered divs.

package/dist/ui/popover.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as PopoverPrimitive from '@radix-ui/react-popover';
-import { cn } from '../lib/utils';
+import { cn } from '../lib/utils.js';
 /**
  * Anchored popover primitive — the same visual language as the dropdown menu,
  * but with popover (not menu) semantics, so it can hold arbitrary interactive

package/dist/ui/row-item.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../lib/utils';
-import { Row } from './layout';
+import { cn } from '../lib/utils.js';
+import { Row } from './layout.js';
 /**
  * A full-width list row (EC-246c): calm bordered chrome with a leading icon slot,
  * a truncating main slot, and a trailing slot for actions or badges. Replaces the

package/dist/ui/segmented-control.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../lib/utils';
+import { cn } from '../lib/utils.js';
 /** The "segmented pill" tab family — see the module doc comment. */
 export function SegmentedControl({ items, ariaLabel, equalWidth, className, testId, }) {
     return (_jsx("div", { role: "group", ...(ariaLabel ? { 'aria-label': ariaLabel } : {}), ...(testId ? { 'data-testid': testId } : {}), className: cn('flex items-center gap-1 rounded-md bg-muted/50 p-0.5', className), children: items.map((item) => (_jsxs("button", { type: "button", "aria-pressed": item.active, onClick: item.onClick, ...(item.ariaLabel ? { 'aria-label': item.ariaLabel, title: item.ariaLabel } : {}), ...(item.testId ? { 'data-testid': item.testId } : {}), className: cn('items-center justify-center gap-1.5 rounded-[5px] px-2.5 py-1 text-xs font-medium transition-colors', equalWidth ? 'flex flex-1' : 'inline-flex', item.active

package/dist/ui/separator.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../lib/utils';
+import { cn } from '../lib/utils.js';
 /** Named separator primitive. */
 export function Separator({ orientation = 'horizontal', className, ...props }) {
     return (_jsx("div", { role: "separator", "aria-orientation": orientation, className: cn('shrink-0 bg-border', orientation === 'horizontal' ? 'h-px w-full' : 'h-full w-px', className), ...props }));

package/dist/ui/toolbar.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../lib/utils';
-import { Separator } from './separator';
+import { cn } from '../lib/utils.js';
+import { Separator } from './separator.js';
 /** Named toolbar primitive — a horizontal control strip for Studio surfaces. */
 export function Toolbar({ className, ...props }) {
     return (_jsx("div", { role: "toolbar", className: cn('flex h-11 shrink-0 items-center gap-1 border border-border bg-panel px-2 rounded-md', className), ...props }));

package/dist/ui/typography.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../lib/utils';
+import { cn } from '../lib/utils.js';
 const HEADING_SIZE = {
     display: 'text-3xl md:text-4xl font-semibold tracking-tight',
     h1: 'text-2xl font-semibold tracking-tight',

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elytracms/studio",
   "author": "finaldream <hi@finaldream.de>",
-  "version": "0.0.51",
+  "version": "0.0.53",
   "private": false,
   "description": "The Elytra studio engine (UI + lib + routes + data-only Convex schema) as an importable package. Extraction staged in EXTRACTION.md (EC-223); Stages 1-2 = UI primitives + router-free lib leaves.",
   "license": "MIT",
@@ -136,7 +136,7 @@
     "lucide-react": "^1.23.0",
     "tailwind-merge": "^3.6.0",
     "zod": "^4.4.3",
-    "@elytracms/core": "^0.0.51"
+    "@elytracms/core": "^0.0.53"
   },
   "peerDependencies": {
     "@tanstack/react-router": "^1.170.0",
@@ -154,7 +154,7 @@
     "typescript": "^6.0.3"
   },
   "scripts": {
-    "build": "tsc -p tsconfig.build.json",
+    "build": "tsc -p tsconfig.build.json && node ../../scripts/fix-esm-extensions.mjs dist && node ../../scripts/check-esm-extensions.mjs dist",
     "typecheck": "tsc --noEmit && tsc -p convex/tsconfig.json --noEmit",
     "lint": "eslint src"
   }

package/dist/components/assets/asset-library.d.ts

@@ -1,14 +0,0 @@
-/**
- * Asset library surface (EC-151, EC-152): file picker + drag-and-drop uploads
- * with visible progress/failure/retry, a searchable grid of stored assets
- * (filename/alt/title), metadata editing (alt, title — persisted through the
- * operations asset facade), and reference-respecting deletion (usage count +
- * block-or-confirm). All storage access goes through the persistence adapter
- * via the assets store. Each card answers "where is this asset used?" via the
- * shared references panel (EC-172); `focusAssetId` (the `?asset=` deep-link
- * param) scrolls that card into view and opens its references dialog.
- */
-export declare function AssetLibrary({ projectId, focusAssetId, }: {
-    projectId: string;
-    focusAssetId?: string;
-}): import("react").JSX.Element;

package/dist/components/assets/asset-library.js

@@ -1,202 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { AlertTriangle, ImageIcon, Link2, Pencil, RotateCcw, Search, Trash2, Upload, X, } from 'lucide-react';
-import { useEffect, useRef, useState } from 'react';
-import { translate } from '@elytracms/studio/lib/i18n';
-import { buildAssetReferenceImpact } from '@elytracms/studio/lib/references';
-import { cn } from '@elytracms/studio/lib/utils';
-import { ReferenceImpactRows } from '../cms/reference-confirm';
-import { ReferencesPanel } from '../references/references-panel';
-import { Badge, Button, Code, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Field, Grid, Heading, Input, Panel, PanelBody, PanelHeader, Row, Spacer, Stack, Text, } from '@elytracms/studio/ui';
-import { filterAssets } from './asset-search';
-import { useAssets } from './assets-store';
-/**
- * Asset library surface (EC-151, EC-152): file picker + drag-and-drop uploads
- * with visible progress/failure/retry, a searchable grid of stored assets
- * (filename/alt/title), metadata editing (alt, title — persisted through the
- * operations asset facade), and reference-respecting deletion (usage count +
- * block-or-confirm). All storage access goes through the persistence adapter
- * via the assets store. Each card answers "where is this asset used?" via the
- * shared references panel (EC-172); `focusAssetId` (the `?asset=` deep-link
- * param) scrolls that card into view and opens its references dialog.
- */
-export function AssetLibrary({ projectId, focusAssetId, }) {
-    const store = useAssets();
-    const fileInputRef = useRef(null);
-    const [dragging, setDragging] = useState(false);
-    const [query, setQuery] = useState('');
-    const onPick = (event) => {
-        if (event.target.files)
-            store.upload([...event.target.files]);
-        event.target.value = '';
-    };
-    const onDrop = (event) => {
-        event.preventDefault();
-        setDragging(false);
-        if (event.dataTransfer.files.length > 0)
-            store.upload([...event.dataTransfer.files]);
-    };
-    if (store.status === 'error') {
-        return (_jsxs(Stack, { gap: "2", className: "p-6", "data-testid": "assets-error", children: [_jsxs(Row, { gap: "2", children: [_jsx(AlertTriangle, { className: "size-4 text-destructive" }), _jsx(Text, { weight: "semibold", children: translate('assets.error.loadFailed') })] }), _jsx(Text, { size: "sm", tone: "muted", children: store.errorMessage ?? translate('common.backendUnreachable') }), _jsx(Row, { children: _jsxs(Button, { variant: "outline", size: "sm", onClick: () => void store.refresh(), children: [_jsx(RotateCcw, {}), " ", translate('common.retry')] }) })] }));
-    }
-    return (_jsxs(Stack, { gap: "4", className: cn('flex-1 p-4 sm:p-6', dragging && 'outline-2 outline-dashed outline-primary/60 -outline-offset-4'), onDragOver: (event) => {
-            event.preventDefault();
-            setDragging(true);
-        }, onDragLeave: () => setDragging(false), onDrop: onDrop, "data-testid": "asset-library", children: [_jsxs(Row, { gap: "2", children: [_jsx(Heading, { level: 2, size: "h2", children: translate('assets.title') }), _jsx(Badge, { variant: "outline", children: store.assets.length }), _jsx(Spacer, {}), _jsx(AssetSearchInput, { value: query, onChange: setQuery }), _jsx("input", { ref: fileInputRef, type: "file", multiple: true, className: "hidden", onChange: onPick, "data-testid": "asset-file-input" }), _jsxs(Button, { size: "sm", onClick: () => fileInputRef.current?.click(), children: [_jsx(Upload, {}), " ", translate('common.upload')] })] }), _jsx(DropHint, { visible: dragging || store.assets.length === 0 }), store.uploads.length > 0 ? (_jsxs(Panel, { "data-testid": "upload-queue", children: [_jsx(PanelHeader, { children: _jsx(Text, { size: "xs", weight: "semibold", tone: "muted", children: translate('assets.uploads.heading') }) }), _jsx(PanelBody, { className: "divide-y divide-border p-0", children: store.uploads.map((entry) => (_jsx(UploadRow, { entry: entry, onRetry: () => store.retryUpload(entry.id), onDismiss: () => store.dismissUpload(entry.id) }, entry.id))) })] })) : null, store.status === 'loading' ? (_jsx(Text, { size: "sm", tone: "muted", children: translate('assets.loading') })) : (_jsx(AssetGrid, { assets: filterAssets(store.assets, query), filtered: query.trim().length > 0, projectId: projectId, focusAssetId: focusAssetId }))] }));
-}
-/** Named search primitive over filename / alt / title (EC-152). */
-function AssetSearchInput({ value, onChange, }) {
-    return (_jsxs("span", { className: "relative", children: [_jsx(Search, { className: "pointer-events-none absolute left-2.5 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { value: value, onChange: (e) => onChange(e.target.value), placeholder: translate('assets.searchPlaceholder'), "aria-label": translate('assets.searchLabel'), className: "w-56 pl-8", "data-testid": "asset-search" })] }));
-}
-/** Persistent drop affordance; doubles as the empty state. */
-function DropHint({ visible }) {
-    return (_jsxs(Stack, { gap: "1", align: "center", className: cn('rounded-lg border border-dashed border-border p-6 text-center', !visible && 'hidden sm:flex'), children: [_jsx(ImageIcon, { className: "size-5 text-muted-foreground" }), _jsx(Text, { size: "sm", tone: "muted", children: translate('assets.dropHint') })] }));
-}
-/** Upload phase → the `assets.upload.phase.*` catalog key suffix (idle → queued). */
-const PHASE_KEY = {
-    idle: 'queued',
-    preparing: 'preparing',
-    uploading: 'uploading',
-    confirming: 'confirming',
-    done: 'done',
-    failed: 'failed',
-};
-/** One in-flight upload: progress while transferring, explicit failure + retry. */
-function UploadRow({ entry, onRetry, onDismiss, }) {
-    const { state } = entry;
-    const failed = state.phase === 'failed';
-    return (_jsxs(Stack, { gap: "1", className: "px-3 py-2", "data-testid": "upload-row", children: [_jsxs(Row, { gap: "2", children: [_jsx(Text, { size: "sm", weight: "medium", className: "min-w-0 flex-1 truncate", children: entry.filename }), _jsxs(Badge, { variant: failed ? 'error' : state.phase === 'done' ? 'success' : 'info', children: [translate('assets.upload.phase.' + PHASE_KEY[state.phase]), state.attempt > 1
-                                ? ' · ' + translate('assets.upload.attempt', { count: state.attempt })
-                                : ''] }), failed ? (_jsxs(_Fragment, { children: [state.failure?.retryable !== false ? (_jsxs(Button, { variant: "outline", size: "sm", onClick: onRetry, "data-testid": "upload-retry", children: [_jsx(RotateCcw, {}), " Retry"] })) : null, _jsx(Button, { variant: "ghost", size: "icon-sm", onClick: onDismiss, "aria-label": translate('assets.upload.dismissLabel'), children: _jsx(X, {}) })] })) : null] }), failed ? (_jsxs(Text, { size: "xs", tone: "muted", "data-testid": "upload-error", children: [state.failure?.stage, ": ", state.failure?.message] })) : (_jsx(ProgressBar, { value: state.progress }))] }));
-}
-/** Named progress primitive for byte transfer. */
-function ProgressBar({ value }) {
-    return (_jsx("span", { className: "block h-1.5 w-full overflow-hidden rounded-full bg-muted", children: _jsx("span", { className: "block h-full rounded-full bg-primary transition-[width]", style: { width: `${Math.round(value * 100)}%` } }) }));
-}
-function AssetGrid({ assets, filtered, projectId, focusAssetId, }) {
-    if (assets.length === 0) {
-        // The unfiltered empty state is the DropHint above; the *filtered* empty
-        // state must say so explicitly (deterministic, reproducible).
-        return filtered ? (_jsx(Text, { size: "sm", tone: "muted", "data-testid": "asset-search-empty", children: translate('assets.searchEmpty') })) : null;
-    }
-    return (_jsx(Grid, { minItemWidth: "220px", gap: "3", "data-testid": "asset-grid", children: assets.map((asset) => (_jsx(AssetCard, { asset: asset, projectId: projectId, focused: asset.id === focusAssetId }, asset.id))) }));
-}
-function formatBytes(byteSize) {
-    if (byteSize < 1024)
-        return `${byteSize} B`;
-    if (byteSize < 1024 * 1024)
-        return `${(byteSize / 1024).toFixed(1)} KB`;
-    return `${(byteSize / (1024 * 1024)).toFixed(1)} MB`;
-}
-function AssetCard({ asset, projectId, focused, }) {
-    const cardRef = useRef(null);
-    useEffect(() => {
-        if (focused)
-            cardRef.current?.scrollIntoView({ block: 'center', behavior: 'smooth' });
-    }, [focused]);
-    return (_jsx("div", { ref: cardRef, children: _jsxs(Panel, { className: cn('overflow-hidden', focused && 'ring-2 ring-primary/70'), "data-testid": "asset-card", children: [_jsx(AssetThumbnail, { asset: asset }), _jsxs(Stack, { gap: "1", className: "p-3", children: [_jsx(Text, { size: "sm", weight: "medium", className: "truncate", title: asset.filename, children: asset.title ?? asset.filename }), asset.title ? (_jsx(Text, { size: "xs", tone: "muted", className: "truncate", children: asset.filename })) : null, _jsx(Text, { size: "xs", tone: asset.alt ? 'muted' : 'subtle', className: "truncate", "data-testid": "asset-alt", children: asset.alt
-                                ? translate('assets.card.altPrefix', { alt: asset.alt })
-                                : translate('assets.card.noAlt') }), _jsxs(Row, { gap: "1", wrap: true, children: [_jsx(Code, { tone: "muted", children: asset.contentType }), asset.width && asset.height ? (_jsxs(Code, { tone: "muted", children: [asset.width, "\u00D7", asset.height] })) : null, _jsx(Code, { tone: "muted", children: formatBytes(asset.byteSize) })] }), _jsxs(Row, { gap: "1", children: [_jsx(Code, { tone: "muted", className: "min-w-0 flex-1 truncate", children: asset.id }), _jsx(AssetReferencesButton, { asset: asset, projectId: projectId, autoOpen: focused }), _jsx(EditAssetButton, { asset: asset }), _jsx(DeleteAssetButton, { asset: asset })] })] })] }) }));
-}
-/**
- * "Where is this asset used?" (EC-172): the shared references panel, inbound
- * over the EC-155 index, hosted in a dialog per asset card.
- */
-function AssetReferencesButton({ asset, projectId, autoOpen, }) {
-    const [open, setOpen] = useState(false);
-    useEffect(() => {
-        if (autoOpen)
-            setOpen(true);
-    }, [autoOpen]);
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "ghost", size: "icon-sm", "aria-label": translate('assets.card.referencesLabel', { filename: asset.filename }), onClick: () => setOpen(true), "data-testid": "asset-references", children: _jsx(Link2, {}) }), _jsx(Dialog, { open: open, onOpenChange: setOpen, children: _jsxs(DialogContent, { className: "max-w-lg", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: translate('assets.references.title', { name: asset.title ?? asset.filename }) }), _jsx(DialogDescription, { children: translate('assets.references.description') })] }), open ? (_jsx(ReferencesPanel, { projectId: projectId, target: { type: 'asset', id: asset.id } })) : null] }) })] }));
-}
-/**
- * Metadata editing (EC-152): alt + title, persisted through the operations
- * asset facade (`assets.upsert`). Failures render in the dialog — never a
- * silent loss.
- */
-function EditAssetButton({ asset }) {
-    const store = useAssets();
-    const [open, setOpen] = useState(false);
-    const [alt, setAlt] = useState('');
-    const [title, setTitle] = useState('');
-    const [error, setError] = useState(null);
-    const [busy, setBusy] = useState(false);
-    const openDialog = () => {
-        setAlt(asset.alt ?? '');
-        setTitle(asset.title ?? '');
-        setError(null);
-        setOpen(true);
-    };
-    const save = async () => {
-        setBusy(true);
-        setError(null);
-        const result = await store.updateMetadata(asset.id, { alt, title });
-        setBusy(false);
-        if (result.ok)
-            setOpen(false);
-        else
-            setError(result.message);
-    };
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "ghost", size: "icon-sm", "aria-label": translate('assets.card.editLabel', { filename: asset.filename }), onClick: openDialog, "data-testid": "asset-edit", children: _jsx(Pencil, {}) }), _jsx(Dialog, { open: open, onOpenChange: setOpen, children: _jsxs(DialogContent, { className: "max-w-md", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: translate('assets.edit.title', { filename: asset.filename }) }), _jsx(DialogDescription, { children: translate('assets.edit.description') })] }), _jsx(Field, { label: translate('assets.edit.altLabel'), htmlFor: `asset-alt-${asset.id}`, children: _jsx(Input, { id: `asset-alt-${asset.id}`, value: alt, onChange: (e) => setAlt(e.target.value), placeholder: translate('assets.edit.altPlaceholder'), "data-testid": "asset-edit-alt" }) }), _jsx(Field, { label: translate('assets.edit.titleLabel'), htmlFor: `asset-title-${asset.id}`, children: _jsx(Input, { id: `asset-title-${asset.id}`, value: title, onChange: (e) => setTitle(e.target.value), placeholder: asset.filename, "data-testid": "asset-edit-title" }) }), error ? (_jsx(Text, { size: "sm", className: "text-destructive", "data-testid": "asset-edit-error", children: error })) : null, _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: () => setOpen(false), disabled: busy, children: translate('common.cancel') }), _jsx(Button, { size: "sm", onClick: () => void save(), disabled: busy, "data-testid": "asset-edit-save", children: translate('common.save') })] })] }) })] }));
-}
-/** Image preview from the stored serve URL; icon fallback for other types. */
-function AssetThumbnail({ asset }) {
-    const isImage = asset.contentType.startsWith('image/');
-    // In-memory/opaque locators (memory://, convex://) are not fetchable by <img>.
-    const resolvable = asset.url?.startsWith('http') ?? false;
-    if (isImage && asset.url && resolvable) {
-        return (_jsx("img", { src: asset.url, alt: asset.alt ?? asset.filename, className: "aspect-video w-full bg-muted object-cover" }));
-    }
-    return (_jsx("span", { className: "grid aspect-video w-full place-items-center bg-muted text-muted-foreground", children: _jsx(ImageIcon, { className: "size-6" }) }));
-}
-/**
- * Reference-respecting delete (EC-151, EC-202): the dialog enumerates the exact
- * inbound references — index-accurate (EC-155), with deep links to the field or
- * node — using the shared EC-173 impact rows. Deleting a referenced asset is
- * weak-by-default (allowed, with an explicit "delete anyway"): every reference
- * dangles into a visible validation issue rather than silently breaking.
- */
-function DeleteAssetButton({ asset }) {
-    const store = useAssets();
-    const [open, setOpen] = useState(false);
-    const [usages, setUsages] = useState(null);
-    const [error, setError] = useState(null);
-    const [busy, setBusy] = useState(false);
-    const openDialog = async () => {
-        setOpen(true);
-        setError(null);
-        setUsages(null);
-        try {
-            setUsages(await store.usagesOf(asset.id));
-        }
-        catch (cause) {
-            setError(cause instanceof Error ? cause.message : String(cause));
-        }
-    };
-    const confirm = async () => {
-        setBusy(true);
-        setError(null);
-        // The dialog has already enumerated usages (or shown there are none) and the user
-        // is confirming deletion either way — so confirm unconditionally, letting
-        // deleteAsset skip its redundant inbound re-check (EC-301 perf). Weak-by-default:
-        // a still-referenced asset deletes anyway, dangling into a visible issue.
-        const result = await store.remove(asset.id, { confirmInUse: true });
-        setBusy(false);
-        if (result.outcome === 'deleted' || result.outcome === 'not-found') {
-            setOpen(false);
-        }
-        else if (result.outcome === 'blocked') {
-            // A reference appeared between the pre-flight read and confirm (rare race).
-            setError(translate(result.usageCount === 1 ? 'assets.delete.raceError.one' : 'assets.delete.raceError.other', { count: result.usageCount }));
-        }
-        else {
-            setError(result.message);
-        }
-    };
-    const impact = usages ? buildAssetReferenceImpact(usages) : null;
-    const usageCount = impact?.broken.length ?? 0;
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "ghost", size: "icon-sm", "aria-label": `Delete ${asset.filename}`, onClick: () => void openDialog(), "data-testid": "asset-delete", children: _jsx(Trash2, {}) }), _jsx(Dialog, { open: open, onOpenChange: setOpen, children: _jsxs(DialogContent, { className: "max-h-[80vh] max-w-md overflow-y-auto", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: translate('assets.delete.title', { filename: asset.filename }) }), _jsx(DialogDescription, { children: translate('assets.delete.description') })] }), usages === null && error === null ? (_jsx(Text, { size: "sm", tone: "muted", children: translate('assets.delete.checking') })) : usageCount > 0 ? (_jsxs(Stack, { gap: "2", "data-testid": "asset-usage-warning", children: [_jsxs(Row, { gap: "2", children: [_jsx(AlertTriangle, { className: "size-4 text-warning" }), _jsx(Text, { size: "sm", weight: "semibold", children: translate(usageCount === 1 ? 'assets.delete.inUse.one' : 'assets.delete.inUse.other', {
-                                                count: usageCount,
-                                            }) })] }), _jsx(ReferenceImpactRows, { projectId: store.projectId, broken: impact.broken, onNavigate: () => setOpen(false) }), _jsx(Text, { size: "xs", tone: "muted", children: translate('assets.delete.brokenWarning') })] })) : (_jsx(Text, { size: "sm", tone: "muted", children: translate('assets.delete.noReferences') })), error ? (_jsx(Text, { size: "sm", className: "text-destructive", "data-testid": "asset-delete-error", children: error })) : null, _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: () => setOpen(false), disabled: busy, children: translate('common.cancel') }), _jsx(Button, { variant: "destructive", size: "sm", onClick: () => void confirm(), disabled: busy || usages === null, "data-testid": "asset-delete-confirm", children: usageCount > 0 ? translate('assets.delete.confirmAnyway') : translate('common.delete') })] })] }) })] }));
-}
-//# sourceMappingURL=asset-library.js.map

package/dist/components/assets/asset-library.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"asset-library.js","sourceRoot":"","sources":["../../../src/components/assets/asset-library.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  AlertTriangle,\n  ImageIcon,\n  Link2,\n  Pencil,\n  RotateCcw,\n  Search,\n  Trash2,\n  Upload,\n  X,\n} from 'lucide-react'\nimport { useEffect, useRef, useState } from 'react'\nimport type { ChangeEvent, DragEvent } from 'react'\nimport type { AssetRecord } from '@elytracms/core/persistence'\nimport type { UploadState } from '@elytracms/studio/lib/assets'\nimport { translate } from '@elytracms/studio/lib/i18n'\nimport { buildAssetReferenceImpact } from '@elytracms/studio/lib/references'\nimport type { ReferenceEntryView } from '@elytracms/studio/lib/references'\nimport { cn } from '@elytracms/studio/lib/utils'\nimport { ReferenceImpactRows } from '../cms/reference-confirm'\nimport { ReferencesPanel } from '../references/references-panel'\nimport {\n  Badge,\n  Button,\n  Code,\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  Field,\n  Grid,\n  Heading,\n  Input,\n  Panel,\n  PanelBody,\n  PanelHeader,\n  Row,\n  Spacer,\n  Stack,\n  Text,\n} from '@elytracms/studio/ui'\nimport { filterAssets } from './asset-search'\nimport { useAssets } from './assets-store'\nimport type { UploadEntry } from './assets-store'\n\n/**\n * Asset library surface (EC-151, EC-152): file picker + drag-and-drop uploads\n * with visible progress/failure/retry, a searchable grid of stored assets\n * (filename/alt/title), metadata editing (alt, title — persisted through the\n * operations asset facade), and reference-respecting deletion (usage count +\n * block-or-confirm). All storage access goes through the persistence adapter\n * via the assets store. Each card answers \"where is this asset used?\" via the\n * shared references panel (EC-172); `focusAssetId` (the `?asset=` deep-link\n * param) scrolls that card into view and opens its references dialog.\n */\nexport function AssetLibrary({\n  projectId,\n  focusAssetId,\n}: {\n  projectId: string\n  focusAssetId?: string\n}) {\n  const store = useAssets()\n  const fileInputRef = useRef<HTMLInputElement | null>(null)\n  const [dragging, setDragging] = useState(false)\n  const [query, setQuery] = useState('')\n\n  const onPick = (event: ChangeEvent<HTMLInputElement>) => {\n    if (event.target.files) store.upload([...event.target.files])\n    event.target.value = ''\n  }\n\n  const onDrop = (event: DragEvent) => {\n    event.preventDefault()\n    setDragging(false)\n    if (event.dataTransfer.files.length > 0) store.upload([...event.dataTransfer.files])\n  }\n\n  if (store.status === 'error') {\n    return (\n      <Stack gap=\"2\" className=\"p-6\" data-testid=\"assets-error\">\n        <Row gap=\"2\">\n          <AlertTriangle className=\"size-4 text-destructive\" />\n          <Text weight=\"semibold\">{translate('assets.error.loadFailed')}</Text>\n        </Row>\n        <Text size=\"sm\" tone=\"muted\">\n          {store.errorMessage ?? translate('common.backendUnreachable')}\n        </Text>\n        <Row>\n          <Button variant=\"outline\" size=\"sm\" onClick={() => void store.refresh()}>\n            <RotateCcw /> {translate('common.retry')}\n          </Button>\n        </Row>\n      </Stack>\n    )\n  }\n\n  return (\n    <Stack\n      gap=\"4\"\n      className={cn(\n        'flex-1 p-4 sm:p-6',\n        dragging && 'outline-2 outline-dashed outline-primary/60 -outline-offset-4',\n      )}\n      onDragOver={(event) => {\n        event.preventDefault()\n        setDragging(true)\n      }}\n      onDragLeave={() => setDragging(false)}\n      onDrop={onDrop}\n      data-testid=\"asset-library\"\n    >\n      <Row gap=\"2\">\n        <Heading level={2} size=\"h2\">\n          {translate('assets.title')}\n        </Heading>\n        <Badge variant=\"outline\">{store.assets.length}</Badge>\n        <Spacer />\n        <AssetSearchInput value={query} onChange={setQuery} />\n        <input\n          ref={fileInputRef}\n          type=\"file\"\n          multiple\n          className=\"hidden\"\n          onChange={onPick}\n          data-testid=\"asset-file-input\"\n        />\n        <Button size=\"sm\" onClick={() => fileInputRef.current?.click()}>\n          <Upload /> {translate('common.upload')}\n        </Button>\n      </Row>\n\n      <DropHint visible={dragging || store.assets.length === 0} />\n\n      {store.uploads.length > 0 ? (\n        <Panel data-testid=\"upload-queue\">\n          <PanelHeader>\n            <Text size=\"xs\" weight=\"semibold\" tone=\"muted\">\n              {translate('assets.uploads.heading')}\n            </Text>\n          </PanelHeader>\n          <PanelBody className=\"divide-y divide-border p-0\">\n            {store.uploads.map((entry) => (\n              <UploadRow\n                key={entry.id}\n                entry={entry}\n                onRetry={() => store.retryUpload(entry.id)}\n                onDismiss={() => store.dismissUpload(entry.id)}\n              />\n            ))}\n          </PanelBody>\n        </Panel>\n      ) : null}\n\n      {store.status === 'loading' ? (\n        <Text size=\"sm\" tone=\"muted\">\n          {translate('assets.loading')}\n        </Text>\n      ) : (\n        <AssetGrid\n          assets={filterAssets(store.assets, query)}\n          filtered={query.trim().length > 0}\n          projectId={projectId}\n          focusAssetId={focusAssetId}\n        />\n      )}\n    </Stack>\n  )\n}\n\n/** Named search primitive over filename / alt / title (EC-152). */\nfunction AssetSearchInput({\n  value,\n  onChange,\n}: {\n  value: string\n  onChange: (value: string) => void\n}) {\n  return (\n    <span className=\"relative\">\n      <Search className=\"pointer-events-none absolute left-2.5 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground\" />\n      <Input\n        value={value}\n        onChange={(e) => onChange(e.target.value)}\n        placeholder={translate('assets.searchPlaceholder')}\n        aria-label={translate('assets.searchLabel')}\n        className=\"w-56 pl-8\"\n        data-testid=\"asset-search\"\n      />\n    </span>\n  )\n}\n\n/** Persistent drop affordance; doubles as the empty state. */\nfunction DropHint({ visible }: { visible: boolean }) {\n  return (\n    <Stack\n      gap=\"1\"\n      align=\"center\"\n      className={cn(\n        'rounded-lg border border-dashed border-border p-6 text-center',\n        !visible && 'hidden sm:flex',\n      )}\n    >\n      <ImageIcon className=\"size-5 text-muted-foreground\" />\n      <Text size=\"sm\" tone=\"muted\">\n        {translate('assets.dropHint')}\n      </Text>\n    </Stack>\n  )\n}\n\n/** Upload phase → the `assets.upload.phase.*` catalog key suffix (idle → queued). */\nconst PHASE_KEY: Record<UploadState['phase'], string> = {\n  idle: 'queued',\n  preparing: 'preparing',\n  uploading: 'uploading',\n  confirming: 'confirming',\n  done: 'done',\n  failed: 'failed',\n}\n\n/** One in-flight upload: progress while transferring, explicit failure + retry. */\nfunction UploadRow({\n  entry,\n  onRetry,\n  onDismiss,\n}: {\n  entry: UploadEntry\n  onRetry: () => void\n  onDismiss: () => void\n}) {\n  const { state } = entry\n  const failed = state.phase === 'failed'\n  return (\n    <Stack gap=\"1\" className=\"px-3 py-2\" data-testid=\"upload-row\">\n      <Row gap=\"2\">\n        <Text size=\"sm\" weight=\"medium\" className=\"min-w-0 flex-1 truncate\">\n          {entry.filename}\n        </Text>\n        <Badge variant={failed ? 'error' : state.phase === 'done' ? 'success' : 'info'}>\n          {translate('assets.upload.phase.' + PHASE_KEY[state.phase])}\n          {state.attempt > 1\n            ? ' · ' + translate('assets.upload.attempt', { count: state.attempt })\n            : ''}\n        </Badge>\n        {failed ? (\n          <>\n            {state.failure?.retryable !== false ? (\n              <Button variant=\"outline\" size=\"sm\" onClick={onRetry} data-testid=\"upload-retry\">\n                <RotateCcw /> Retry\n              </Button>\n            ) : null}\n            <Button\n              variant=\"ghost\"\n              size=\"icon-sm\"\n              onClick={onDismiss}\n              aria-label={translate('assets.upload.dismissLabel')}\n            >\n              <X />\n            </Button>\n          </>\n        ) : null}\n      </Row>\n      {failed ? (\n        <Text size=\"xs\" tone=\"muted\" data-testid=\"upload-error\">\n          {state.failure?.stage}: {state.failure?.message}\n        </Text>\n      ) : (\n        <ProgressBar value={state.progress} />\n      )}\n    </Stack>\n  )\n}\n\n/** Named progress primitive for byte transfer. */\nfunction ProgressBar({ value }: { value: number }) {\n  return (\n    <span className=\"block h-1.5 w-full overflow-hidden rounded-full bg-muted\">\n      <span\n        className=\"block h-full rounded-full bg-primary transition-[width]\"\n        style={{ width: `${Math.round(value * 100)}%` }}\n      />\n    </span>\n  )\n}\n\nfunction AssetGrid({\n  assets,\n  filtered,\n  projectId,\n  focusAssetId,\n}: {\n  assets: readonly AssetRecord[]\n  filtered: boolean\n  projectId: string\n  focusAssetId?: string\n}) {\n  if (assets.length === 0) {\n    // The unfiltered empty state is the DropHint above; the *filtered* empty\n    // state must say so explicitly (deterministic, reproducible).\n    return filtered ? (\n      <Text size=\"sm\" tone=\"muted\" data-testid=\"asset-search-empty\">\n        {translate('assets.searchEmpty')}\n      </Text>\n    ) : null\n  }\n  return (\n    <Grid minItemWidth=\"220px\" gap=\"3\" data-testid=\"asset-grid\">\n      {assets.map((asset) => (\n        <AssetCard\n          key={asset.id}\n          asset={asset}\n          projectId={projectId}\n          focused={asset.id === focusAssetId}\n        />\n      ))}\n    </Grid>\n  )\n}\n\nfunction formatBytes(byteSize: number): string {\n  if (byteSize < 1024) return `${byteSize} B`\n  if (byteSize < 1024 * 1024) return `${(byteSize / 1024).toFixed(1)} KB`\n  return `${(byteSize / (1024 * 1024)).toFixed(1)} MB`\n}\n\nfunction AssetCard({\n  asset,\n  projectId,\n  focused,\n}: {\n  asset: AssetRecord\n  projectId: string\n  /** Deep-link target (`?asset=`): scroll into view + open the references dialog. */\n  focused?: boolean\n}) {\n  const cardRef = useRef<HTMLDivElement | null>(null)\n  useEffect(() => {\n    if (focused) cardRef.current?.scrollIntoView({ block: 'center', behavior: 'smooth' })\n  }, [focused])\n  return (\n    <div ref={cardRef}>\n      <Panel\n        className={cn('overflow-hidden', focused && 'ring-2 ring-primary/70')}\n        data-testid=\"asset-card\"\n      >\n        <AssetThumbnail asset={asset} />\n        <Stack gap=\"1\" className=\"p-3\">\n          <Text size=\"sm\" weight=\"medium\" className=\"truncate\" title={asset.filename}>\n            {asset.title ?? asset.filename}\n          </Text>\n          {asset.title ? (\n            <Text size=\"xs\" tone=\"muted\" className=\"truncate\">\n              {asset.filename}\n            </Text>\n          ) : null}\n          <Text\n            size=\"xs\"\n            tone={asset.alt ? 'muted' : 'subtle'}\n            className=\"truncate\"\n            data-testid=\"asset-alt\"\n          >\n            {asset.alt\n              ? translate('assets.card.altPrefix', { alt: asset.alt })\n              : translate('assets.card.noAlt')}\n          </Text>\n          <Row gap=\"1\" wrap>\n            <Code tone=\"muted\">{asset.contentType}</Code>\n            {asset.width && asset.height ? (\n              <Code tone=\"muted\">\n                {asset.width}×{asset.height}\n              </Code>\n            ) : null}\n            <Code tone=\"muted\">{formatBytes(asset.byteSize)}</Code>\n          </Row>\n          <Row gap=\"1\">\n            <Code tone=\"muted\" className=\"min-w-0 flex-1 truncate\">\n              {asset.id}\n            </Code>\n            <AssetReferencesButton asset={asset} projectId={projectId} autoOpen={focused} />\n            <EditAssetButton asset={asset} />\n            <DeleteAssetButton asset={asset} />\n          </Row>\n        </Stack>\n      </Panel>\n    </div>\n  )\n}\n\n/**\n * \"Where is this asset used?\" (EC-172): the shared references panel, inbound\n * over the EC-155 index, hosted in a dialog per asset card.\n */\nfunction AssetReferencesButton({\n  asset,\n  projectId,\n  autoOpen,\n}: {\n  asset: AssetRecord\n  projectId: string\n  autoOpen?: boolean\n}) {\n  const [open, setOpen] = useState(false)\n  useEffect(() => {\n    if (autoOpen) setOpen(true)\n  }, [autoOpen])\n  return (\n    <>\n      <Button\n        variant=\"ghost\"\n        size=\"icon-sm\"\n        aria-label={translate('assets.card.referencesLabel', { filename: asset.filename })}\n        onClick={() => setOpen(true)}\n        data-testid=\"asset-references\"\n      >\n        <Link2 />\n      </Button>\n      <Dialog open={open} onOpenChange={setOpen}>\n        <DialogContent className=\"max-w-lg\">\n          <DialogHeader>\n            <DialogTitle>\n              {translate('assets.references.title', { name: asset.title ?? asset.filename })}\n            </DialogTitle>\n            <DialogDescription>{translate('assets.references.description')}</DialogDescription>\n          </DialogHeader>\n          {open ? (\n            <ReferencesPanel projectId={projectId} target={{ type: 'asset', id: asset.id }} />\n          ) : null}\n        </DialogContent>\n      </Dialog>\n    </>\n  )\n}\n\n/**\n * Metadata editing (EC-152): alt + title, persisted through the operations\n * asset facade (`assets.upsert`). Failures render in the dialog — never a\n * silent loss.\n */\nfunction EditAssetButton({ asset }: { asset: AssetRecord }) {\n  const store = useAssets()\n  const [open, setOpen] = useState(false)\n  const [alt, setAlt] = useState('')\n  const [title, setTitle] = useState('')\n  const [error, setError] = useState<string | null>(null)\n  const [busy, setBusy] = useState(false)\n\n  const openDialog = () => {\n    setAlt(asset.alt ?? '')\n    setTitle(asset.title ?? '')\n    setError(null)\n    setOpen(true)\n  }\n\n  const save = async () => {\n    setBusy(true)\n    setError(null)\n    const result = await store.updateMetadata(asset.id, { alt, title })\n    setBusy(false)\n    if (result.ok) setOpen(false)\n    else setError(result.message)\n  }\n\n  return (\n    <>\n      <Button\n        variant=\"ghost\"\n        size=\"icon-sm\"\n        aria-label={translate('assets.card.editLabel', { filename: asset.filename })}\n        onClick={openDialog}\n        data-testid=\"asset-edit\"\n      >\n        <Pencil />\n      </Button>\n      <Dialog open={open} onOpenChange={setOpen}>\n        <DialogContent className=\"max-w-md\">\n          <DialogHeader>\n            <DialogTitle>{translate('assets.edit.title', { filename: asset.filename })}</DialogTitle>\n            <DialogDescription>{translate('assets.edit.description')}</DialogDescription>\n          </DialogHeader>\n          <Field label={translate('assets.edit.altLabel')} htmlFor={`asset-alt-${asset.id}`}>\n            <Input\n              id={`asset-alt-${asset.id}`}\n              value={alt}\n              onChange={(e) => setAlt(e.target.value)}\n              placeholder={translate('assets.edit.altPlaceholder')}\n              data-testid=\"asset-edit-alt\"\n            />\n          </Field>\n          <Field label={translate('assets.edit.titleLabel')} htmlFor={`asset-title-${asset.id}`}>\n            <Input\n              id={`asset-title-${asset.id}`}\n              value={title}\n              onChange={(e) => setTitle(e.target.value)}\n              placeholder={asset.filename}\n              data-testid=\"asset-edit-title\"\n            />\n          </Field>\n          {error ? (\n            <Text size=\"sm\" className=\"text-destructive\" data-testid=\"asset-edit-error\">\n              {error}\n            </Text>\n          ) : null}\n          <DialogFooter>\n            <Button variant=\"ghost\" size=\"sm\" onClick={() => setOpen(false)} disabled={busy}>\n              {translate('common.cancel')}\n            </Button>\n            <Button\n              size=\"sm\"\n              onClick={() => void save()}\n              disabled={busy}\n              data-testid=\"asset-edit-save\"\n            >\n              {translate('common.save')}\n            </Button>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n    </>\n  )\n}\n\n/** Image preview from the stored serve URL; icon fallback for other types. */\nfunction AssetThumbnail({ asset }: { asset: AssetRecord }) {\n  const isImage = asset.contentType.startsWith('image/')\n  // In-memory/opaque locators (memory://, convex://) are not fetchable by <img>.\n  const resolvable = asset.url?.startsWith('http') ?? false\n  if (isImage && asset.url && resolvable) {\n    return (\n      <img\n        src={asset.url}\n        alt={asset.alt ?? asset.filename}\n        className=\"aspect-video w-full bg-muted object-cover\"\n      />\n    )\n  }\n  return (\n    <span className=\"grid aspect-video w-full place-items-center bg-muted text-muted-foreground\">\n      <ImageIcon className=\"size-6\" />\n    </span>\n  )\n}\n\n/**\n * Reference-respecting delete (EC-151, EC-202): the dialog enumerates the exact\n * inbound references — index-accurate (EC-155), with deep links to the field or\n * node — using the shared EC-173 impact rows. Deleting a referenced asset is\n * weak-by-default (allowed, with an explicit \"delete anyway\"): every reference\n * dangles into a visible validation issue rather than silently breaking.\n */\nfunction DeleteAssetButton({ asset }: { asset: AssetRecord }) {\n  const store = useAssets()\n  const [open, setOpen] = useState(false)\n  const [usages, setUsages] = useState<ReferenceEntryView[] | null>(null)\n  const [error, setError] = useState<string | null>(null)\n  const [busy, setBusy] = useState(false)\n\n  const openDialog = async () => {\n    setOpen(true)\n    setError(null)\n    setUsages(null)\n    try {\n      setUsages(await store.usagesOf(asset.id))\n    } catch (cause) {\n      setError(cause instanceof Error ? cause.message : String(cause))\n    }\n  }\n\n  const confirm = async () => {\n    setBusy(true)\n    setError(null)\n    // The dialog has already enumerated usages (or shown there are none) and the user\n    // is confirming deletion either way — so confirm unconditionally, letting\n    // deleteAsset skip its redundant inbound re-check (EC-301 perf). Weak-by-default:\n    // a still-referenced asset deletes anyway, dangling into a visible issue.\n    const result = await store.remove(asset.id, { confirmInUse: true })\n    setBusy(false)\n    if (result.outcome === 'deleted' || result.outcome === 'not-found') {\n      setOpen(false)\n    } else if (result.outcome === 'blocked') {\n      // A reference appeared between the pre-flight read and confirm (rare race).\n      setError(\n        translate(\n          result.usageCount === 1 ? 'assets.delete.raceError.one' : 'assets.delete.raceError.other',\n          { count: result.usageCount },\n        ),\n      )\n    } else {\n      setError(result.message)\n    }\n  }\n\n  const impact = usages ? buildAssetReferenceImpact(usages) : null\n  const usageCount = impact?.broken.length ?? 0\n  return (\n    <>\n      <Button\n        variant=\"ghost\"\n        size=\"icon-sm\"\n        aria-label={`Delete ${asset.filename}`}\n        onClick={() => void openDialog()}\n        data-testid=\"asset-delete\"\n      >\n        <Trash2 />\n      </Button>\n      <Dialog open={open} onOpenChange={setOpen}>\n        <DialogContent className=\"max-h-[80vh] max-w-md overflow-y-auto\">\n          <DialogHeader>\n            <DialogTitle>{translate('assets.delete.title', { filename: asset.filename })}</DialogTitle>\n            <DialogDescription>{translate('assets.delete.description')}</DialogDescription>\n          </DialogHeader>\n          {usages === null && error === null ? (\n            <Text size=\"sm\" tone=\"muted\">\n              {translate('assets.delete.checking')}\n            </Text>\n          ) : usageCount > 0 ? (\n            <Stack gap=\"2\" data-testid=\"asset-usage-warning\">\n              <Row gap=\"2\">\n                <AlertTriangle className=\"size-4 text-warning\" />\n                <Text size=\"sm\" weight=\"semibold\">\n                  {translate(usageCount === 1 ? 'assets.delete.inUse.one' : 'assets.delete.inUse.other', {\n                    count: usageCount,\n                  })}\n                </Text>\n              </Row>\n              <ReferenceImpactRows\n                projectId={store.projectId}\n                broken={impact!.broken}\n                onNavigate={() => setOpen(false)}\n              />\n              <Text size=\"xs\" tone=\"muted\">\n                {translate('assets.delete.brokenWarning')}\n              </Text>\n            </Stack>\n          ) : (\n            <Text size=\"sm\" tone=\"muted\">\n              {translate('assets.delete.noReferences')}\n            </Text>\n          )}\n          {error ? (\n            <Text size=\"sm\" className=\"text-destructive\" data-testid=\"asset-delete-error\">\n              {error}\n            </Text>\n          ) : null}\n          <DialogFooter>\n            <Button variant=\"ghost\" size=\"sm\" onClick={() => setOpen(false)} disabled={busy}>\n              {translate('common.cancel')}\n            </Button>\n            <Button\n              variant=\"destructive\"\n              size=\"sm\"\n              onClick={() => void confirm()}\n              disabled={busy || usages === null}\n              data-testid=\"asset-delete-confirm\"\n            >\n              {usageCount > 0 ? translate('assets.delete.confirmAnyway') : translate('common.delete')}\n            </Button>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n    </>\n  )\n}\n"]}