@elytracms/studio 0.0.94 → 0.0.95

package/convex/redirects.ts

@@ -70,7 +70,7 @@ export const { save, get, list, remove } = defineRecordFunctions(redirectRecordK
 /**
  * Every stored redirect of this deployment (records + the tolerant legacy read), ordered
  * by `from` — the ONE server-side reader; the delivery snapshot projects it through
- * `liveRedirectRecords` (EC-590 / EC-627: one enabled-redirect reader).
+ * `readLiveRedirects` (EC-590 / EC-627 / EC-628: the one live-redirect rule).
  */
 export async function loadRedirectEntries(ctx: QueryCtx, projectId: string): Promise<RedirectEntry[]> {
   const rows = await listRecordWire(ctx, redirectRecordKind, resolveRecordQuery(redirectRecordKind), legacyRedirects)

package/convex/schema.ts

@@ -277,6 +277,12 @@ export default defineSchema({
     lqip: v.optional(v.string()),
     /** Schema-driven asset metadata bag (EC-301): alt, copyright, credit, …. */
     meta: v.optional(v.any()),
+    /**
+     * EC-632 — the per-locale values of the asset collection's `localized: true` fields,
+     * `{ [locale]: { [field]: value } }` (the document mechanism beside `meta`). Optional:
+     * every row without one reads its shared `meta`, exactly as before.
+     */
+    localizedMeta: v.optional(v.any()),
     createdAt: v.string(),
     updatedAt: v.string(),
   }).index('by_asset', ['assetId']),

package/dist/addon.d.ts

@@ -48,7 +48,7 @@ export { assembleRailViewSource, metaBagProjection, normalizeOkResult, useRailVi
 export type { OkResult, RailAdapter } from './components/rail-view-source.js';
 export type { CollectionViewCapabilities, CollectionViewSource, FieldAccess, } from './lib/collection-view/collection-view-source.js';
 export { useOperationCache, useOperationQuery } from './lib/query/index.js';
-export type { OperationCache, UseOperationQueryOptions } from './lib/query/index.js';
+export type { OperationCache, ReadState, UseOperationQueryOptions } from './lib/query/index.js';
 export { useStudioLocale } from './lib/locale/index.js';
 export type { StudioLocale } from './lib/locale/index.js';
 export { useSetBreadcrumb } from './components/breadcrumb-context.js';

package/dist/addon.js.map

@@ -1 +1 @@
-{"version":3,"file":"addon.js","sourceRoot":"","sources":["../src/addon.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AAEH,0FAA0F;AAE1F,OAAO,EAAE,GAAG,EAAE,MAAM,wCAAwC,CAAA;AAkB5D,2FAA2F;AAE3F,8EAA8E;AAC9E,OAAO,EACL,wBAAwB,EACxB,gBAAgB,EAChB,kBAAkB,EAClB,6BAA6B,EAC7B,aAAa,EACb,aAAa,GACd,MAAM,kCAAkC,CAAA;AAEzC,OAAO,EAAE,yBAAyB,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAA;AAEjH,4FAA4F;AAC5F,OAAO,EAAE,qBAAqB,EAAE,MAAM,sDAAsD,CAAA;AAC5F,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,+BAA+B,CAAA;AAQtC,4FAA4F;AAE5F,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAElE,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAE9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAElE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAG/D,4FAA4F;AAE5F,4GAA4G;AAC5G,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAA;AAGpE,gGAAgG;AAEhG;;;;;GAKG;AACH,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAA;AACrE,yGAAyG;AACzG,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,6FAA6F;AAC7F,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA","sourcesContent":["/**\n * `@elytracms/studio/addon` — THE public addon API (EC-616, ruling EC-565 § 6b item 2).\n *\n * An addon (`@elytracms/forms`, `@elytracms/analytics`, or your own) is an optional\n * package whose studio half contributes navigation items to a project's\n * `defineStudio({ sidebar })` — a rail bound to a record kind, or a view with its own\n * component — and whose backend half is a record kind in the generic record store\n * (`defineRecordKind` / `adapter.records(kind)` in `@elytracms/core/persistence`, its\n * Convex functions from `defineRecordFunctions` in `@elytracms/studio/convex/\n * record-functions`). Everything an addon's studio code touches is exported HERE; the\n * studio's internals (`lib/*`, `components/*`) are not part of the published package.\n * `@elytracms/studio/ui` stays the primitive set (Button, Panel, Text, …).\n *\n * ## The chrome contract\n *\n * The SHELL draws the top bar, the breadcrumb (its section crumb is the view's `label`;\n * deeper crumbs are contributed with {@link useSetBreadcrumb}), the rail with its issues\n * foot (findings contributed with {@link useNavIssues}, or always-on through a view's\n * `useIssues`), the banners and the theme. A VIEW owns the whole scrollable content area\n * under it — including its own title header: the shell adds no frame, title or padding.\n * A view reaches the studio through its {@link AppViewContext}: the project, its deep\n * link and search, the operations client (every read and write goes through the one\n * authorized chokepoint), the query hooks over the one cache, the content locale, and\n * the signed-in user with their role.\n *\n * ## The two navigation items\n *\n * ```tsx\n * import { nav } from '@elytracms/studio/addon'\n * import { submissionRecordKind } from './kinds'\n *\n * // a rail bound to a record kind — the portable list/edit surfaces, no component to write\n * nav.rail(submissionRecordKind, { label: 'Submissions' })\n * // a custom component — the whole content area is yours\n * nav.view({ id: 'forms-stats', label: 'Form stats', render: (ctx) => <Stats ctx={ctx} /> })\n * ```\n */\n\n// --- Navigation items and the view contract --------------------------------------------\n\nexport { nav } from './components/app-views/default-modules'\nexport type {\n  CustomViewConfig,\n  RailViewConfig,\n  BuiltinViewConfig,\n} from './components/app-views/default-modules'\nexport type {\n  AppViewContext,\n  AppViewDeepLink,\n  AppViewModule,\n  AppViewQueryHooks,\n  NavIssuesHook,\n  NavPermission,\n  NavPermissionContext,\n  SidebarNode,\n  SidebarViewNode,\n} from './components/app-views/module'\n\n// --- Rails: a record kind, or your own source -------------------------------------------\n\n/** A record rail's pieces, for an addon composing its own view around one. */\nexport {\n  RECORD_RAIL_CAPABILITIES,\n  RecordRailModule,\n  RecordRailProvider,\n  useRecordCollectionViewSource,\n  useRecordList,\n  useRecordRail,\n} from './components/records/record-rail'\nexport type { RecordRailModuleProps, RecordRailPaths, RecordRailStore } from './components/records/record-rail'\nexport { lensDocumentToRecordWrite, recordLensDef, recordToLensDocument } from './components/records/record-lens'\n\n/** The portable list/edit surfaces over any source, and the scaffold that assembles one. */\nexport { CollectionViewSurface } from './components/collection-view/collection-view-surface'\nexport {\n  assembleRailViewSource,\n  metaBagProjection,\n  normalizeOkResult,\n  useRailViewSource,\n} from './components/rail-view-source'\nexport type { OkResult, RailAdapter } from './components/rail-view-source'\nexport type {\n  CollectionViewCapabilities,\n  CollectionViewSource,\n  FieldAccess,\n} from './lib/collection-view/collection-view-source'\n\n// --- Hooks: the cache, the locale, the breadcrumb, the rail foot -------------------------\n\nexport { useOperationCache, useOperationQuery } from './lib/query'\nexport type { OperationCache, UseOperationQueryOptions } from './lib/query'\nexport { useStudioLocale } from './lib/locale'\nexport type { StudioLocale } from './lib/locale'\nexport { useSetBreadcrumb } from './components/breadcrumb-context'\nexport type { BreadcrumbItem } from './components/breadcrumb-context'\nexport { useNavIssues } from './components/nav-issues-registry'\nexport type { NavIssue } from './components/nav-issues-registry'\n\n// --- The document editor: contributed inspector panes (EC-618) ---------------------------\n\n/** A pane in the document editor's inspector — `defineStudio({ documentPanes: [documentPane({ … })] })`. */\nexport { documentPane } from './components/inspector/document-panes'\nexport type { DocumentPane, DocumentPaneContext } from './components/inspector/document-panes'\n\n// --- EC-613 (the forms addon): an own source's edit shell, its list key, the UI language -----\n\n/**\n * The portable edit shell alone (AD-19), with its form-column appendix seam (EC-396): an addon\n * that assembles its own source (`useRailViewSource`) renders one record's detail with\n * read-only sections below the editable fields — the forms inbox shows a submission's answers,\n * files and delivery log there.\n */\nexport { PortableDetailEditor } from './components/cms/detail-editor'\n/** The one query key of a kind's records in a project — patch it after a write (`useOperationCache`). */\nexport { recordListKey } from './components/records/record-rail'\n/** Resolve a `LocalizedString` (`'Text'` or `{ en, de, … }`) in the studio's UI language. */\nexport { useLabel } from './lib/i18n'\n"]}
+{"version":3,"file":"addon.js","sourceRoot":"","sources":["../src/addon.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AAEH,0FAA0F;AAE1F,OAAO,EAAE,GAAG,EAAE,MAAM,wCAAwC,CAAA;AAkB5D,2FAA2F;AAE3F,8EAA8E;AAC9E,OAAO,EACL,wBAAwB,EACxB,gBAAgB,EAChB,kBAAkB,EAClB,6BAA6B,EAC7B,aAAa,EACb,aAAa,GACd,MAAM,kCAAkC,CAAA;AAEzC,OAAO,EAAE,yBAAyB,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAA;AAEjH,4FAA4F;AAC5F,OAAO,EAAE,qBAAqB,EAAE,MAAM,sDAAsD,CAAA;AAC5F,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,+BAA+B,CAAA;AAQtC,4FAA4F;AAE5F,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAElE,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAE9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAElE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAG/D,4FAA4F;AAE5F,4GAA4G;AAC5G,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAA;AAGpE,gGAAgG;AAEhG;;;;;GAKG;AACH,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAA;AACrE,yGAAyG;AACzG,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,6FAA6F;AAC7F,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA","sourcesContent":["/**\n * `@elytracms/studio/addon` — THE public addon API (EC-616, ruling EC-565 § 6b item 2).\n *\n * An addon (`@elytracms/forms`, `@elytracms/analytics`, or your own) is an optional\n * package whose studio half contributes navigation items to a project's\n * `defineStudio({ sidebar })` — a rail bound to a record kind, or a view with its own\n * component — and whose backend half is a record kind in the generic record store\n * (`defineRecordKind` / `adapter.records(kind)` in `@elytracms/core/persistence`, its\n * Convex functions from `defineRecordFunctions` in `@elytracms/studio/convex/\n * record-functions`). Everything an addon's studio code touches is exported HERE; the\n * studio's internals (`lib/*`, `components/*`) are not part of the published package.\n * `@elytracms/studio/ui` stays the primitive set (Button, Panel, Text, …).\n *\n * ## The chrome contract\n *\n * The SHELL draws the top bar, the breadcrumb (its section crumb is the view's `label`;\n * deeper crumbs are contributed with {@link useSetBreadcrumb}), the rail with its issues\n * foot (findings contributed with {@link useNavIssues}, or always-on through a view's\n * `useIssues`), the banners and the theme. A VIEW owns the whole scrollable content area\n * under it — including its own title header: the shell adds no frame, title or padding.\n * A view reaches the studio through its {@link AppViewContext}: the project, its deep\n * link and search, the operations client (every read and write goes through the one\n * authorized chokepoint), the query hooks over the one cache, the content locale, and\n * the signed-in user with their role.\n *\n * ## The two navigation items\n *\n * ```tsx\n * import { nav } from '@elytracms/studio/addon'\n * import { submissionRecordKind } from './kinds'\n *\n * // a rail bound to a record kind — the portable list/edit surfaces, no component to write\n * nav.rail(submissionRecordKind, { label: 'Submissions' })\n * // a custom component — the whole content area is yours\n * nav.view({ id: 'forms-stats', label: 'Form stats', render: (ctx) => <Stats ctx={ctx} /> })\n * ```\n */\n\n// --- Navigation items and the view contract --------------------------------------------\n\nexport { nav } from './components/app-views/default-modules'\nexport type {\n  CustomViewConfig,\n  RailViewConfig,\n  BuiltinViewConfig,\n} from './components/app-views/default-modules'\nexport type {\n  AppViewContext,\n  AppViewDeepLink,\n  AppViewModule,\n  AppViewQueryHooks,\n  NavIssuesHook,\n  NavPermission,\n  NavPermissionContext,\n  SidebarNode,\n  SidebarViewNode,\n} from './components/app-views/module'\n\n// --- Rails: a record kind, or your own source -------------------------------------------\n\n/** A record rail's pieces, for an addon composing its own view around one. */\nexport {\n  RECORD_RAIL_CAPABILITIES,\n  RecordRailModule,\n  RecordRailProvider,\n  useRecordCollectionViewSource,\n  useRecordList,\n  useRecordRail,\n} from './components/records/record-rail'\nexport type { RecordRailModuleProps, RecordRailPaths, RecordRailStore } from './components/records/record-rail'\nexport { lensDocumentToRecordWrite, recordLensDef, recordToLensDocument } from './components/records/record-lens'\n\n/** The portable list/edit surfaces over any source, and the scaffold that assembles one. */\nexport { CollectionViewSurface } from './components/collection-view/collection-view-surface'\nexport {\n  assembleRailViewSource,\n  metaBagProjection,\n  normalizeOkResult,\n  useRailViewSource,\n} from './components/rail-view-source'\nexport type { OkResult, RailAdapter } from './components/rail-view-source'\nexport type {\n  CollectionViewCapabilities,\n  CollectionViewSource,\n  FieldAccess,\n} from './lib/collection-view/collection-view-source'\n\n// --- Hooks: the cache, the locale, the breadcrumb, the rail foot -------------------------\n\nexport { useOperationCache, useOperationQuery } from './lib/query'\nexport type { OperationCache, ReadState, UseOperationQueryOptions } from './lib/query'\nexport { useStudioLocale } from './lib/locale'\nexport type { StudioLocale } from './lib/locale'\nexport { useSetBreadcrumb } from './components/breadcrumb-context'\nexport type { BreadcrumbItem } from './components/breadcrumb-context'\nexport { useNavIssues } from './components/nav-issues-registry'\nexport type { NavIssue } from './components/nav-issues-registry'\n\n// --- The document editor: contributed inspector panes (EC-618) ---------------------------\n\n/** A pane in the document editor's inspector — `defineStudio({ documentPanes: [documentPane({ … })] })`. */\nexport { documentPane } from './components/inspector/document-panes'\nexport type { DocumentPane, DocumentPaneContext } from './components/inspector/document-panes'\n\n// --- EC-613 (the forms addon): an own source's edit shell, its list key, the UI language -----\n\n/**\n * The portable edit shell alone (AD-19), with its form-column appendix seam (EC-396): an addon\n * that assembles its own source (`useRailViewSource`) renders one record's detail with\n * read-only sections below the editable fields — the forms inbox shows a submission's answers,\n * files and delivery log there.\n */\nexport { PortableDetailEditor } from './components/cms/detail-editor'\n/** The one query key of a kind's records in a project — patch it after a write (`useOperationCache`). */\nexport { recordListKey } from './components/records/record-rail'\n/** Resolve a `LocalizedString` (`'Text'` or `{ en, de, … }`) in the studio's UI language. */\nexport { useLabel } from './lib/i18n'\n"]}

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

@@ -1,18 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useMemo, useState } from 'react';
+import { useMemo, useRef, useState } from 'react';
 import { AlertTriangle, Link2, RotateCcw, Trash2 } from 'lucide-react';
 import { Link, STUDIO_PROJECT_ROUTE, useNavigate } from '@elytracms/studio/router';
 import { localizedLabel, translate } from '../../lib/i18n/index.js';
+import { LocaleSwitcher } from '../../lib/locale/index.js';
 import { buildAssetReferenceImpact, loadInboundAssetReferenceViews } from '../../lib/references/index.js';
 import { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Field, Heading, Panel, PanelBody, PanelHeader, Row, Spacer, Stack, Text, } from '@elytracms/studio/ui';
 import { FieldControl } from '../cms/field-control.js';
-import { fieldLabel } from '../cms/cms-labels.js';
 import { ReferenceImpactRows } from '../cms/reference-confirm.js';
 import { ReferencesPanel } from '../references/references-panel.js';
 import { useSetBreadcrumb } from '../breadcrumb-context.js';
 import { useCollectionView } from '../collection-view/collection-view-context.js';
 import { FocalCropPreviews, FocalPointPicker, useAssetRecord } from './asset-thumb.js';
-import { assetMetaFieldsOf, assetMetaSeed, formatBytes, pruneMeta } from './asset-metadata.js';
+import { assetMetaDraft, assetMetaDraftPatch, assetMetaFieldValue, assetMetaFieldsOf, formatBytes, setAssetMetaField, } from './asset-metadata.js';
+import { useAssetReadLocale } from './asset-locale.js';
+import { AssetMetaFieldLabel } from './asset-meta-label.js';
 import { useAssets } from './assets-store.js';
 import { ReplaceFileButton } from './replace-file.js';
 /**
@@ -70,9 +72,17 @@ function AssetDetailBody({ projectId, record, collection, }) {
     // no dirty/Save document model of its own to piggyback on. The focal point
     // commits immediately (it drives a live visual), matching the field's options
     // dialog (`field-control.tsx`).
-    // EC-587: the bag the editor starts from has a legacy `alt` column lifted in, so a
+    // EC-587: the draft the editor starts from has a legacy `alt` column lifted in, so a
     // not-yet-migrated asset shows its alt and the save moves it to `meta.alt`.
-    const [meta, setMeta] = useState(() => assetMetaSeed(record));
+    // EC-632: the draft is the document shape (shared bag + per-locale buckets); the form
+    // shows it in the studio's locale, and switching locale only changes that view.
+    const at = useAssetReadLocale();
+    const [draft, setDraft] = useState(() => assetMetaDraft(record));
+    // EC-634: the draft as this editor OPENED it (or as of its last successful save) — the
+    // base a save is diffed against, so only the keys (and locales) this editor changed are
+    // written and another session's change to any other survives.
+    const opened = useRef(draft);
+    const localizedFields = metaFields.some((f) => f.localized === true);
     const [focal, setFocal] = useState(record.focalPoint);
     const [dirty, setDirty] = useState(false);
     const [saving, setSaving] = useState(false);
@@ -82,22 +92,27 @@ function AssetDetailBody({ projectId, record, collection, }) {
     const [replaced, setReplaced] = useState(false);
     function onReplaced(asset) {
         // The new file may have brought metadata: start the buffer from the stored record.
-        setMeta(assetMetaSeed(asset));
+        const seed = assetMetaDraft(asset);
+        opened.current = seed;
+        setDraft(seed);
         setFocal(asset.focalPoint);
         setDirty(false);
         setReplaced(true);
     }
-    function setField(name, value) {
+    function setField(field, value) {
         setDirty(true);
-        setMeta((m) => ({ ...m, [name]: value }));
+        setDraft((d) => setAssetMetaField(d, field, at, value));
     }
     async function save() {
         setSaving(true);
         setSaveError(null);
-        const result = await store.updateMetadata(record.id, { meta: pruneMeta(meta) });
+        const saved = draft;
+        const result = await store.updateMetadata(record.id, assetMetaDraftPatch(opened.current, saved));
         setSaving(false);
-        if (result.ok)
+        if (result.ok) {
+            opened.current = saved;
             setDirty(false);
+        }
         else
             setSaveError(result.message);
     }
@@ -105,7 +120,7 @@ function AssetDetailBody({ projectId, record, collection, }) {
         setFocal(point ?? undefined);
         void store.updateMetadata(record.id, { focalPoint: point });
     }
-    return (_jsxs(Stack, { gap: "4", className: "mx-auto max-w-3xl p-4 pb-10 sm:p-6", children: [_jsx(AssetDetailHeader, { projectId: projectId, record: record, replace: _jsx(ReplaceFileButton, { record: record, disabled: dirty, disabledHint: translate('cms.asset.replaceSaveFirst'), onReplaced: onReplaced }) }), _jsxs(Panel, { children: [_jsx(PanelHeader, { children: _jsxs(Row, { align: "center", className: "w-full", children: [_jsx(Text, { size: "xs", weight: "semibold", tone: "muted", children: translate('cms.asset.focalPoint') }), _jsx(Spacer, {}), focal ? (_jsxs(Button, { variant: "ghost", size: "sm", onClick: () => commitFocal(null), children: [_jsx(RotateCcw, {}), " ", translate('cms.asset.resetToCentre')] })) : null] }) }), _jsx(PanelBody, { children: _jsxs(Stack, { gap: "2", children: [_jsx(FocalPointPicker, { record: record, point: focal, onChange: commitFocal, onPreview: setFocal }), replaced ? (_jsx(Text, { size: "xs", className: "font-medium", "data-testid": "asset-replaced-check-focal", children: translate('cms.asset.replacedCheckFocal') })) : null, _jsx(Text, { size: "xs", tone: "subtle", children: translate('cms.asset.focalPointHint') }), _jsx(FocalCropPreviews, { record: record, point: focal })] }) })] }), _jsxs(Panel, { "data-testid": "asset-detail-meta", children: [_jsx(PanelHeader, { children: _jsx(Text, { size: "xs", weight: "semibold", tone: "muted", children: translate('assets.detail.metadataHeading') }) }), _jsx(PanelBody, { children: _jsxs(Stack, { gap: "3", children: [metaFields.map((f) => (_jsx(Field, { label: fieldLabel(f), hint: localizedLabel(f.form?.description) || undefined, children: _jsx(FieldControl, { id: `asset-detail-${f.name}`, field: f, value: meta[f.name], readOnly: false, onChange: (v) => setField(f.name, v) }) }, f.name))), metaFields.length === 0 ? (_jsx(Text, { size: "sm", tone: "subtle", children: translate('cms.asset.noMetaFields', { code1: 'alt', code2: 'copyright' }) })) : null, saveError ? (_jsx(Text, { size: "sm", className: "text-destructive", "data-testid": "asset-detail-save-error", children: saveError })) : null, metaFields.length > 0 ? (_jsxs(Row, { gap: "2", children: [_jsx(Spacer, {}), _jsx(Button, { size: "sm", onClick: () => void save(), disabled: !dirty || saving, "data-testid": "asset-detail-save", children: saving ? translate('common.saving') : translate('common.save') })] })) : null] }) })] })] }));
+    return (_jsxs(Stack, { gap: "4", className: "mx-auto max-w-3xl p-4 pb-10 sm:p-6", children: [_jsx(AssetDetailHeader, { projectId: projectId, record: record, replace: _jsx(ReplaceFileButton, { record: record, disabled: dirty, disabledHint: translate('cms.asset.replaceSaveFirst'), onReplaced: onReplaced }) }), !record.url ? (_jsx(Text, { size: "sm", className: "text-destructive", role: "alert", "data-testid": "asset-detail-no-url", children: translate('assets.detail.noFileUrl') })) : null, _jsxs(Panel, { children: [_jsx(PanelHeader, { children: _jsxs(Row, { align: "center", className: "w-full", children: [_jsx(Text, { size: "xs", weight: "semibold", tone: "muted", children: translate('cms.asset.focalPoint') }), _jsx(Spacer, {}), focal ? (_jsxs(Button, { variant: "ghost", size: "sm", onClick: () => commitFocal(null), children: [_jsx(RotateCcw, {}), " ", translate('cms.asset.resetToCentre')] })) : null] }) }), _jsx(PanelBody, { children: _jsxs(Stack, { gap: "2", children: [_jsx(FocalPointPicker, { record: record, point: focal, onChange: commitFocal, onPreview: setFocal }), replaced ? (_jsx(Text, { size: "xs", className: "font-medium", "data-testid": "asset-replaced-check-focal", children: translate('cms.asset.replacedCheckFocal') })) : null, _jsx(Text, { size: "xs", tone: "subtle", children: translate('cms.asset.focalPointHint') }), _jsx(FocalCropPreviews, { record: record, point: focal })] }) })] }), _jsxs(Panel, { "data-testid": "asset-detail-meta", children: [_jsx(PanelHeader, { children: _jsxs(Row, { align: "center", className: "w-full", children: [_jsx(Text, { size: "xs", weight: "semibold", tone: "muted", children: translate('assets.detail.metadataHeading') }), _jsx(Spacer, {}), localizedFields ? _jsx(LocaleSwitcher, {}) : null] }) }), _jsx(PanelBody, { children: _jsxs(Stack, { gap: "3", children: [metaFields.map((f) => (_jsx(Field, { label: _jsx(AssetMetaFieldLabel, { field: f, at: at }), hint: localizedLabel(f.form?.description) || undefined, children: _jsx(FieldControl, { id: `asset-detail-${f.name}`, field: f, value: assetMetaFieldValue(draft, f, at), readOnly: false, onChange: (v) => setField(f, v) }) }, f.name))), metaFields.length === 0 ? (_jsx(Text, { size: "sm", tone: "subtle", children: translate('cms.asset.noMetaFields', { code1: 'alt', code2: 'copyright' }) })) : null, saveError ? (_jsx(Text, { size: "sm", className: "text-destructive", "data-testid": "asset-detail-save-error", children: saveError })) : null, metaFields.length > 0 ? (_jsxs(Row, { gap: "2", children: [_jsx(Spacer, {}), _jsx(Button, { size: "sm", onClick: () => void save(), disabled: !dirty || saving, "data-testid": "asset-detail-save", children: saving ? translate('common.saving') : translate('common.save') })] })) : null] }) })] })] }));
 }
 /** Filename/title heading + system info (content type, dimensions, size) + actions. */
 function AssetDetailHeader({ projectId, record, replace, }) {

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

@@ -1 +1 @@
-{"version":3,"file":"asset-detail.js","sourceRoot":"","sources":["../../../src/components/assets/asset-detail.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useMemo, useState } from 'react'\nimport type { ReactNode } from 'react'\nimport { AlertTriangle, Link2, RotateCcw, Trash2 } from 'lucide-react'\nimport type { CollectionDef, FieldDef } from '@elytracms/core/cms-core'\nimport type { AssetRecord } from '@elytracms/core/persistence'\nimport { Link, STUDIO_PROJECT_ROUTE, useNavigate } from '@elytracms/studio/router'\nimport { localizedLabel, translate } from '../../lib/i18n'\nimport { buildAssetReferenceImpact, loadInboundAssetReferenceViews } from '../../lib/references'\nimport type { ReferenceEntryView } from '../../lib/references'\nimport {\n  Button,\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  Field,\n  Heading,\n  Panel,\n  PanelBody,\n  PanelHeader,\n  Row,\n  Spacer,\n  Stack,\n  Text,\n} from '@elytracms/studio/ui'\nimport { FieldControl } from '../cms/field-control'\nimport { fieldLabel } from '../cms/cms-labels'\nimport { ReferenceImpactRows } from '../cms/reference-confirm'\nimport { ReferencesPanel } from '../references/references-panel'\nimport { useSetBreadcrumb } from '../breadcrumb-context'\nimport { useCollectionView } from '../collection-view/collection-view-context'\nimport { FocalCropPreviews, FocalPointPicker, useAssetRecord } from './asset-thumb'\nimport type { FocalPoint } from './focal-point'\nimport { assetMetaFieldsOf, assetMetaSeed, formatBytes, pruneMeta } from './asset-metadata'\nimport { useAssets } from './assets-store'\nimport { ReplaceFileButton } from './replace-file'\n\n/**\n * The assets rail's DETAIL surface (EC-319). Pragmatic call: assets don't fit\n * the portable `PortableDetailEditor` shell cleanly — there's no dirty/Save/\n * Publish document model here (an asset record isn't a `cmsDocument`), and the\n * focal-point picker is a bespoke drag interaction over the image, not a\n * scalar field value a generic form row can host without contortions. So this\n * is a bespoke surface (mirrors the CMS document editor's shape: a header +\n * panels), reached via the SAME rail-owned `detailPath`/`listPath` seam every\n * other rail uses (AD-19) — only the body differs.\n *\n * Unifies what were two divergent asset-edit UIs before this task: the plain\n * alt/title dialog on the old asset library card, and the richer schema-driven\n * + focal-point \"image options\" dialog opened from an `asset` field elsewhere\n * (`field-control.tsx`). This page reuses the LATTER (richer) content, so\n * editing an asset here is never a downgrade from editing it via a field.\n *\n * Deletion keeps the EC-202 reference-index safe-delete path (`assets-store.tsx`\n * → `deleteAsset`, keyed on `{ type: 'asset' }`). Since EC-433 the universal\n * table's row/bulk delete runs the SAME asset-shaped reference check (the\n * source's `referenceTarget`) and the same confirmed store delete — the two\n * surfaces share one delete semantics, not two divergent ones.\n */\nexport function AssetDetail({ projectId, assetId }: { projectId: string; assetId: string }) {\n  const source = useCollectionView()\n  const store = useAssets()\n  const record = useAssetRecord(assetId)\n  const collection = source.schema\n\n  const collectionLabel = localizedLabel(collection.form?.label, collection.id)\n  useSetBreadcrumb(\n    useMemo(() => {\n      if (source.listPath === undefined) return [{ label: collectionLabel }]\n      const title = record?.title ?? record?.filename ?? assetId\n      return [\n        { label: collectionLabel, to: STUDIO_PROJECT_ROUTE, params: { projectId, _splat: source.listPath } },\n        { label: title },\n      ]\n    }, [collectionLabel, source.listPath, record, projectId, assetId]),\n  )\n\n  if (record === undefined) {\n    if (store.status === 'loading') {\n      return (\n        <Stack className=\"h-full place-items-center p-8\" align=\"center\" justify=\"center\">\n          <Text size=\"sm\" tone=\"muted\">\n            {translate('assets.loading')}\n          </Text>\n        </Stack>\n      )\n    }\n    return (\n      <div className=\"grid h-full place-items-center p-8\">\n        <Stack gap=\"3\" align=\"center\" className=\"text-center\">\n          <Heading level={2} size=\"h2\">\n            {translate('cms.editor.notFoundTitle')}\n          </Heading>\n          {source.listPath !== undefined ? (\n            <Link\n              to={STUDIO_PROJECT_ROUTE}\n              params={{ projectId, _splat: source.listPath }}\n              className=\"text-sm text-primary hover:underline\"\n            >\n              {translate('cms.editor.backToList', { label: collectionLabel })}\n            </Link>\n          ) : null}\n        </Stack>\n      </div>\n    )\n  }\n\n  // Remount per asset (the surface's own key, set by the caller) resets every\n  // local buffer below cleanly when navigating from one asset's detail to\n  // another — no stale-state carryover to guard against by hand.\n  return <AssetDetailBody projectId={projectId} record={record} collection={source.schema} />\n}\n\nfunction AssetDetailBody({\n  projectId,\n  record,\n  collection,\n}: {\n  projectId: string\n  record: AssetRecord\n  collection: CollectionDef\n}) {\n  const store = useAssets()\n  const metaFields = useMemo(() => assetMetaFieldsOf(collection), [collection])\n\n  // Metadata buffers locally and commits explicitly (Save) — an asset record has\n  // no dirty/Save document model of its own to piggyback on. The focal point\n  // commits immediately (it drives a live visual), matching the field's options\n  // dialog (`field-control.tsx`).\n  // EC-587: the bag the editor starts from has a legacy `alt` column lifted in, so a\n  // not-yet-migrated asset shows its alt and the save moves it to `meta.alt`.\n  const [meta, setMeta] = useState<Record<string, unknown>>(() => assetMetaSeed(record))\n  const [focal, setFocal] = useState<FocalPoint | undefined>(record.focalPoint)\n  const [dirty, setDirty] = useState(false)\n  const [saving, setSaving] = useState(false)\n  const [saveError, setSaveError] = useState<string | null>(null)\n  // EC-568: after a file replace the focal point is KEPT (the ticket's recommendation),\n  // but it was chosen on the old pixels — say so beside the picker.\n  const [replaced, setReplaced] = useState(false)\n\n  function onReplaced(asset: AssetRecord) {\n    // The new file may have brought metadata: start the buffer from the stored record.\n    setMeta(assetMetaSeed(asset))\n    setFocal(asset.focalPoint)\n    setDirty(false)\n    setReplaced(true)\n  }\n\n  function setField(name: string, value: unknown) {\n    setDirty(true)\n    setMeta((m) => ({ ...m, [name]: value }))\n  }\n\n  async function save() {\n    setSaving(true)\n    setSaveError(null)\n    const result = await store.updateMetadata(record.id, { meta: pruneMeta(meta) })\n    setSaving(false)\n    if (result.ok) setDirty(false)\n    else setSaveError(result.message)\n  }\n\n  function commitFocal(point: FocalPoint | null) {\n    setFocal(point ?? undefined)\n    void store.updateMetadata(record.id, { focalPoint: point })\n  }\n\n  return (\n    <Stack gap=\"4\" className=\"mx-auto max-w-3xl p-4 pb-10 sm:p-6\">\n      <AssetDetailHeader\n        projectId={projectId}\n        record={record}\n        replace={\n          <ReplaceFileButton\n            record={record}\n            disabled={dirty}\n            disabledHint={translate('cms.asset.replaceSaveFirst')}\n            onReplaced={onReplaced}\n          />\n        }\n      />\n\n      <Panel>\n        <PanelHeader>\n          <Row align=\"center\" className=\"w-full\">\n            <Text size=\"xs\" weight=\"semibold\" tone=\"muted\">\n              {translate('cms.asset.focalPoint')}\n            </Text>\n            <Spacer />\n            {focal ? (\n              <Button variant=\"ghost\" size=\"sm\" onClick={() => commitFocal(null)}>\n                <RotateCcw /> {translate('cms.asset.resetToCentre')}\n              </Button>\n            ) : null}\n          </Row>\n        </PanelHeader>\n        <PanelBody>\n          <Stack gap=\"2\">\n            <FocalPointPicker record={record} point={focal} onChange={commitFocal} onPreview={setFocal} />\n            {replaced ? (\n              <Text size=\"xs\" className=\"font-medium\" data-testid=\"asset-replaced-check-focal\">\n                {translate('cms.asset.replacedCheckFocal')}\n              </Text>\n            ) : null}\n            <Text size=\"xs\" tone=\"subtle\">\n              {translate('cms.asset.focalPointHint')}\n            </Text>\n            <FocalCropPreviews record={record} point={focal} />\n          </Stack>\n        </PanelBody>\n      </Panel>\n\n      <Panel data-testid=\"asset-detail-meta\">\n        <PanelHeader>\n          <Text size=\"xs\" weight=\"semibold\" tone=\"muted\">\n            {translate('assets.detail.metadataHeading')}\n          </Text>\n        </PanelHeader>\n        <PanelBody>\n          <Stack gap=\"3\">\n            {metaFields.map((f: FieldDef) => (\n              <Field\n                key={f.name}\n                label={fieldLabel(f)}\n                hint={localizedLabel(f.form?.description) || undefined}\n              >\n                <FieldControl\n                  id={`asset-detail-${f.name}`}\n                  field={f}\n                  value={meta[f.name]}\n                  readOnly={false}\n                  onChange={(v) => setField(f.name, v)}\n                />\n              </Field>\n            ))}\n            {metaFields.length === 0 ? (\n              <Text size=\"sm\" tone=\"subtle\">\n                {translate('cms.asset.noMetaFields', { code1: 'alt', code2: 'copyright' })}\n              </Text>\n            ) : null}\n            {saveError ? (\n              <Text size=\"sm\" className=\"text-destructive\" data-testid=\"asset-detail-save-error\">\n                {saveError}\n              </Text>\n            ) : null}\n            {metaFields.length > 0 ? (\n              <Row gap=\"2\">\n                <Spacer />\n                <Button\n                  size=\"sm\"\n                  onClick={() => void save()}\n                  disabled={!dirty || saving}\n                  data-testid=\"asset-detail-save\"\n                >\n                  {saving ? translate('common.saving') : translate('common.save')}\n                </Button>\n              </Row>\n            ) : null}\n          </Stack>\n        </PanelBody>\n      </Panel>\n    </Stack>\n  )\n}\n\n/** Filename/title heading + system info (content type, dimensions, size) + actions. */\nfunction AssetDetailHeader({\n  projectId,\n  record,\n  replace,\n}: {\n  projectId: string\n  record: AssetRecord\n  replace?: ReactNode\n}) {\n  const dims = record.width && record.height ? `${record.width}×${record.height}` : null\n  const info = [record.contentType, dims, formatBytes(record.byteSize)].filter(Boolean).join(' · ')\n  return (\n    <Row gap=\"3\" align=\"start\" wrap>\n      <Stack gap=\"1\" className=\"min-w-0 flex-1\">\n        <Heading level={2} size=\"h2\" className=\"truncate\" title={record.title ?? record.filename}>\n          {record.title ?? record.filename}\n        </Heading>\n        {record.title ? (\n          <Text size=\"sm\" tone=\"muted\" className=\"truncate\">\n            {record.filename}\n          </Text>\n        ) : null}\n        <Text size=\"xs\" tone=\"subtle\">\n          {info}\n        </Text>\n      </Stack>\n      <Row gap=\"2\" wrap>\n        {replace}\n        <AssetReferencesButton projectId={projectId} record={record} />\n        <AssetDeleteButton projectId={projectId} record={record} />\n      </Row>\n    </Row>\n  )\n}\n\n/** \"Where is this asset used?\" (EC-172): the shared references panel, EC-155-backed. */\nfunction AssetReferencesButton({ projectId, record }: { projectId: string; record: AssetRecord }) {\n  const [open, setOpen] = useState(false)\n  return (\n    <>\n      <Button\n        variant=\"outline\"\n        size=\"sm\"\n        onClick={() => setOpen(true)}\n        data-testid=\"asset-detail-references\"\n      >\n        <Link2 /> {translate('assets.references.buttonLabel')}\n      </Button>\n      <Dialog open={open} onOpenChange={setOpen}>\n        <DialogContent className=\"max-w-lg\">\n          <DialogHeader>\n            <DialogTitle>\n              {translate('assets.references.title', { name: record.title ?? record.filename })}\n            </DialogTitle>\n            <DialogDescription>{translate('assets.references.description')}</DialogDescription>\n          </DialogHeader>\n          {open ? (\n            <ReferencesPanel projectId={projectId} target={{ type: 'asset', id: record.id }} />\n          ) : null}\n        </DialogContent>\n      </Dialog>\n    </>\n  )\n}\n\n/**\n * Reference-respecting delete (EC-151, EC-202): enumerates the exact inbound\n * references — index-accurate, with deep links to the field/node — before\n * removing. Deleting a referenced asset is weak-by-default (allowed with an\n * explicit \"delete anyway\"); every reference dangles into a visible validation\n * issue rather than silently breaking. On success, returns to the list.\n */\nfunction AssetDeleteButton({ projectId, record }: { projectId: string; record: AssetRecord }) {\n  const source = useCollectionView()\n  const store = useAssets()\n  const navigate = useNavigate()\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 loadInboundAssetReferenceViews(projectId, record.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\n    // user is confirming either way — confirm unconditionally, skipping the\n    // redundant inbound re-check (EC-301 perf). Weak-by-default: a still-\n    // referenced asset deletes anyway, dangling into a visible issue.\n    const result = await store.remove(record.id, { confirmInUse: true })\n    setBusy(false)\n    if (result.outcome === 'deleted' || result.outcome === 'not-found') {\n      setOpen(false)\n      if (source.listPath !== undefined) {\n        void navigate({ to: STUDIO_PROJECT_ROUTE, params: { projectId, _splat: source.listPath } })\n      }\n    } else if (result.outcome === 'blocked') {\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=\"outline\"\n        size=\"sm\"\n        onClick={() => void openDialog()}\n        data-testid=\"asset-detail-delete\"\n      >\n        <Trash2 /> {translate('common.delete')}\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: record.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={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"]}
+{"version":3,"file":"asset-detail.js","sourceRoot":"","sources":["../../../src/components/assets/asset-detail.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useMemo, useRef, useState } from 'react'\nimport type { ReactNode } from 'react'\nimport { AlertTriangle, Link2, RotateCcw, Trash2 } from 'lucide-react'\nimport type { CollectionDef, FieldDef } from '@elytracms/core/cms-core'\nimport type { AssetRecord } from '@elytracms/core/persistence'\nimport { Link, STUDIO_PROJECT_ROUTE, useNavigate } from '@elytracms/studio/router'\nimport { localizedLabel, translate } from '../../lib/i18n'\nimport { LocaleSwitcher } from '../../lib/locale'\nimport { buildAssetReferenceImpact, loadInboundAssetReferenceViews } from '../../lib/references'\nimport type { ReferenceEntryView } from '../../lib/references'\nimport {\n  Button,\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  Field,\n  Heading,\n  Panel,\n  PanelBody,\n  PanelHeader,\n  Row,\n  Spacer,\n  Stack,\n  Text,\n} from '@elytracms/studio/ui'\nimport { FieldControl } from '../cms/field-control'\nimport { ReferenceImpactRows } from '../cms/reference-confirm'\nimport { ReferencesPanel } from '../references/references-panel'\nimport { useSetBreadcrumb } from '../breadcrumb-context'\nimport { useCollectionView } from '../collection-view/collection-view-context'\nimport { FocalCropPreviews, FocalPointPicker, useAssetRecord } from './asset-thumb'\nimport type { FocalPoint } from './focal-point'\nimport {\n  assetMetaDraft,\n  assetMetaDraftPatch,\n  assetMetaFieldValue,\n  assetMetaFieldsOf,\n  formatBytes,\n  setAssetMetaField,\n} from './asset-metadata'\nimport type { AssetMetaDraft } from './asset-metadata'\nimport { useAssetReadLocale } from './asset-locale'\nimport { AssetMetaFieldLabel } from './asset-meta-label'\nimport { useAssets } from './assets-store'\nimport { ReplaceFileButton } from './replace-file'\n\n/**\n * The assets rail's DETAIL surface (EC-319). Pragmatic call: assets don't fit\n * the portable `PortableDetailEditor` shell cleanly — there's no dirty/Save/\n * Publish document model here (an asset record isn't a `cmsDocument`), and the\n * focal-point picker is a bespoke drag interaction over the image, not a\n * scalar field value a generic form row can host without contortions. So this\n * is a bespoke surface (mirrors the CMS document editor's shape: a header +\n * panels), reached via the SAME rail-owned `detailPath`/`listPath` seam every\n * other rail uses (AD-19) — only the body differs.\n *\n * Unifies what were two divergent asset-edit UIs before this task: the plain\n * alt/title dialog on the old asset library card, and the richer schema-driven\n * + focal-point \"image options\" dialog opened from an `asset` field elsewhere\n * (`field-control.tsx`). This page reuses the LATTER (richer) content, so\n * editing an asset here is never a downgrade from editing it via a field.\n *\n * Deletion keeps the EC-202 reference-index safe-delete path (`assets-store.tsx`\n * → `deleteAsset`, keyed on `{ type: 'asset' }`). Since EC-433 the universal\n * table's row/bulk delete runs the SAME asset-shaped reference check (the\n * source's `referenceTarget`) and the same confirmed store delete — the two\n * surfaces share one delete semantics, not two divergent ones.\n */\nexport function AssetDetail({ projectId, assetId }: { projectId: string; assetId: string }) {\n  const source = useCollectionView()\n  const store = useAssets()\n  const record = useAssetRecord(assetId)\n  const collection = source.schema\n\n  const collectionLabel = localizedLabel(collection.form?.label, collection.id)\n  useSetBreadcrumb(\n    useMemo(() => {\n      if (source.listPath === undefined) return [{ label: collectionLabel }]\n      const title = record?.title ?? record?.filename ?? assetId\n      return [\n        { label: collectionLabel, to: STUDIO_PROJECT_ROUTE, params: { projectId, _splat: source.listPath } },\n        { label: title },\n      ]\n    }, [collectionLabel, source.listPath, record, projectId, assetId]),\n  )\n\n  if (record === undefined) {\n    if (store.status === 'loading') {\n      return (\n        <Stack className=\"h-full place-items-center p-8\" align=\"center\" justify=\"center\">\n          <Text size=\"sm\" tone=\"muted\">\n            {translate('assets.loading')}\n          </Text>\n        </Stack>\n      )\n    }\n    return (\n      <div className=\"grid h-full place-items-center p-8\">\n        <Stack gap=\"3\" align=\"center\" className=\"text-center\">\n          <Heading level={2} size=\"h2\">\n            {translate('cms.editor.notFoundTitle')}\n          </Heading>\n          {source.listPath !== undefined ? (\n            <Link\n              to={STUDIO_PROJECT_ROUTE}\n              params={{ projectId, _splat: source.listPath }}\n              className=\"text-sm text-primary hover:underline\"\n            >\n              {translate('cms.editor.backToList', { label: collectionLabel })}\n            </Link>\n          ) : null}\n        </Stack>\n      </div>\n    )\n  }\n\n  // Remount per asset (the surface's own key, set by the caller) resets every\n  // local buffer below cleanly when navigating from one asset's detail to\n  // another — no stale-state carryover to guard against by hand.\n  return <AssetDetailBody projectId={projectId} record={record} collection={source.schema} />\n}\n\nfunction AssetDetailBody({\n  projectId,\n  record,\n  collection,\n}: {\n  projectId: string\n  record: AssetRecord\n  collection: CollectionDef\n}) {\n  const store = useAssets()\n  const metaFields = useMemo(() => assetMetaFieldsOf(collection), [collection])\n\n  // Metadata buffers locally and commits explicitly (Save) — an asset record has\n  // no dirty/Save document model of its own to piggyback on. The focal point\n  // commits immediately (it drives a live visual), matching the field's options\n  // dialog (`field-control.tsx`).\n  // EC-587: the draft the editor starts from has a legacy `alt` column lifted in, so a\n  // not-yet-migrated asset shows its alt and the save moves it to `meta.alt`.\n  // EC-632: the draft is the document shape (shared bag + per-locale buckets); the form\n  // shows it in the studio's locale, and switching locale only changes that view.\n  const at = useAssetReadLocale()\n  const [draft, setDraft] = useState<AssetMetaDraft>(() => assetMetaDraft(record))\n  // EC-634: the draft as this editor OPENED it (or as of its last successful save) — the\n  // base a save is diffed against, so only the keys (and locales) this editor changed are\n  // written and another session's change to any other survives.\n  const opened = useRef(draft)\n  const localizedFields = metaFields.some((f) => f.localized === true)\n  const [focal, setFocal] = useState<FocalPoint | undefined>(record.focalPoint)\n  const [dirty, setDirty] = useState(false)\n  const [saving, setSaving] = useState(false)\n  const [saveError, setSaveError] = useState<string | null>(null)\n  // EC-568: after a file replace the focal point is KEPT (the ticket's recommendation),\n  // but it was chosen on the old pixels — say so beside the picker.\n  const [replaced, setReplaced] = useState(false)\n\n  function onReplaced(asset: AssetRecord) {\n    // The new file may have brought metadata: start the buffer from the stored record.\n    const seed = assetMetaDraft(asset)\n    opened.current = seed\n    setDraft(seed)\n    setFocal(asset.focalPoint)\n    setDirty(false)\n    setReplaced(true)\n  }\n\n  function setField(field: FieldDef, value: unknown) {\n    setDirty(true)\n    setDraft((d) => setAssetMetaField(d, field, at, value))\n  }\n\n  async function save() {\n    setSaving(true)\n    setSaveError(null)\n    const saved = draft\n    const result = await store.updateMetadata(record.id, assetMetaDraftPatch(opened.current, saved))\n    setSaving(false)\n    if (result.ok) {\n      opened.current = saved\n      setDirty(false)\n    } else setSaveError(result.message)\n  }\n\n  function commitFocal(point: FocalPoint | null) {\n    setFocal(point ?? undefined)\n    void store.updateMetadata(record.id, { focalPoint: point })\n  }\n\n  return (\n    <Stack gap=\"4\" className=\"mx-auto max-w-3xl p-4 pb-10 sm:p-6\">\n      <AssetDetailHeader\n        projectId={projectId}\n        record={record}\n        replace={\n          <ReplaceFileButton\n            record={record}\n            disabled={dirty}\n            disabledHint={translate('cms.asset.replaceSaveFirst')}\n            onReplaced={onReplaced}\n          />\n        }\n      />\n\n      {/* EC-633: a record with no file URL is no resolved asset — every use renders the\n          empty state; say so where it is fixed (Replace file). */}\n      {!record.url ? (\n        <Text size=\"sm\" className=\"text-destructive\" role=\"alert\" data-testid=\"asset-detail-no-url\">\n          {translate('assets.detail.noFileUrl')}\n        </Text>\n      ) : null}\n\n      <Panel>\n        <PanelHeader>\n          <Row align=\"center\" className=\"w-full\">\n            <Text size=\"xs\" weight=\"semibold\" tone=\"muted\">\n              {translate('cms.asset.focalPoint')}\n            </Text>\n            <Spacer />\n            {focal ? (\n              <Button variant=\"ghost\" size=\"sm\" onClick={() => commitFocal(null)}>\n                <RotateCcw /> {translate('cms.asset.resetToCentre')}\n              </Button>\n            ) : null}\n          </Row>\n        </PanelHeader>\n        <PanelBody>\n          <Stack gap=\"2\">\n            <FocalPointPicker record={record} point={focal} onChange={commitFocal} onPreview={setFocal} />\n            {replaced ? (\n              <Text size=\"xs\" className=\"font-medium\" data-testid=\"asset-replaced-check-focal\">\n                {translate('cms.asset.replacedCheckFocal')}\n              </Text>\n            ) : null}\n            <Text size=\"xs\" tone=\"subtle\">\n              {translate('cms.asset.focalPointHint')}\n            </Text>\n            <FocalCropPreviews record={record} point={focal} />\n          </Stack>\n        </PanelBody>\n      </Panel>\n\n      <Panel data-testid=\"asset-detail-meta\">\n        <PanelHeader>\n          <Row align=\"center\" className=\"w-full\">\n            <Text size=\"xs\" weight=\"semibold\" tone=\"muted\">\n              {translate('assets.detail.metadataHeading')}\n            </Text>\n            <Spacer />\n            {/* EC-632: a localized field edits per locale — the studio's one switcher. */}\n            {localizedFields ? <LocaleSwitcher /> : null}\n          </Row>\n        </PanelHeader>\n        <PanelBody>\n          <Stack gap=\"3\">\n            {metaFields.map((f: FieldDef) => (\n              <Field\n                key={f.name}\n                label={<AssetMetaFieldLabel field={f} at={at} />}\n                hint={localizedLabel(f.form?.description) || undefined}\n              >\n                <FieldControl\n                  id={`asset-detail-${f.name}`}\n                  field={f}\n                  value={assetMetaFieldValue(draft, f, at)}\n                  readOnly={false}\n                  onChange={(v) => setField(f, v)}\n                />\n              </Field>\n            ))}\n            {metaFields.length === 0 ? (\n              <Text size=\"sm\" tone=\"subtle\">\n                {translate('cms.asset.noMetaFields', { code1: 'alt', code2: 'copyright' })}\n              </Text>\n            ) : null}\n            {saveError ? (\n              <Text size=\"sm\" className=\"text-destructive\" data-testid=\"asset-detail-save-error\">\n                {saveError}\n              </Text>\n            ) : null}\n            {metaFields.length > 0 ? (\n              <Row gap=\"2\">\n                <Spacer />\n                <Button\n                  size=\"sm\"\n                  onClick={() => void save()}\n                  disabled={!dirty || saving}\n                  data-testid=\"asset-detail-save\"\n                >\n                  {saving ? translate('common.saving') : translate('common.save')}\n                </Button>\n              </Row>\n            ) : null}\n          </Stack>\n        </PanelBody>\n      </Panel>\n    </Stack>\n  )\n}\n\n/** Filename/title heading + system info (content type, dimensions, size) + actions. */\nfunction AssetDetailHeader({\n  projectId,\n  record,\n  replace,\n}: {\n  projectId: string\n  record: AssetRecord\n  replace?: ReactNode\n}) {\n  const dims = record.width && record.height ? `${record.width}×${record.height}` : null\n  const info = [record.contentType, dims, formatBytes(record.byteSize)].filter(Boolean).join(' · ')\n  return (\n    <Row gap=\"3\" align=\"start\" wrap>\n      <Stack gap=\"1\" className=\"min-w-0 flex-1\">\n        <Heading level={2} size=\"h2\" className=\"truncate\" title={record.title ?? record.filename}>\n          {record.title ?? record.filename}\n        </Heading>\n        {record.title ? (\n          <Text size=\"sm\" tone=\"muted\" className=\"truncate\">\n            {record.filename}\n          </Text>\n        ) : null}\n        <Text size=\"xs\" tone=\"subtle\">\n          {info}\n        </Text>\n      </Stack>\n      <Row gap=\"2\" wrap>\n        {replace}\n        <AssetReferencesButton projectId={projectId} record={record} />\n        <AssetDeleteButton projectId={projectId} record={record} />\n      </Row>\n    </Row>\n  )\n}\n\n/** \"Where is this asset used?\" (EC-172): the shared references panel, EC-155-backed. */\nfunction AssetReferencesButton({ projectId, record }: { projectId: string; record: AssetRecord }) {\n  const [open, setOpen] = useState(false)\n  return (\n    <>\n      <Button\n        variant=\"outline\"\n        size=\"sm\"\n        onClick={() => setOpen(true)}\n        data-testid=\"asset-detail-references\"\n      >\n        <Link2 /> {translate('assets.references.buttonLabel')}\n      </Button>\n      <Dialog open={open} onOpenChange={setOpen}>\n        <DialogContent className=\"max-w-lg\">\n          <DialogHeader>\n            <DialogTitle>\n              {translate('assets.references.title', { name: record.title ?? record.filename })}\n            </DialogTitle>\n            <DialogDescription>{translate('assets.references.description')}</DialogDescription>\n          </DialogHeader>\n          {open ? (\n            <ReferencesPanel projectId={projectId} target={{ type: 'asset', id: record.id }} />\n          ) : null}\n        </DialogContent>\n      </Dialog>\n    </>\n  )\n}\n\n/**\n * Reference-respecting delete (EC-151, EC-202): enumerates the exact inbound\n * references — index-accurate, with deep links to the field/node — before\n * removing. Deleting a referenced asset is weak-by-default (allowed with an\n * explicit \"delete anyway\"); every reference dangles into a visible validation\n * issue rather than silently breaking. On success, returns to the list.\n */\nfunction AssetDeleteButton({ projectId, record }: { projectId: string; record: AssetRecord }) {\n  const source = useCollectionView()\n  const store = useAssets()\n  const navigate = useNavigate()\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 loadInboundAssetReferenceViews(projectId, record.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\n    // user is confirming either way — confirm unconditionally, skipping the\n    // redundant inbound re-check (EC-301 perf). Weak-by-default: a still-\n    // referenced asset deletes anyway, dangling into a visible issue.\n    const result = await store.remove(record.id, { confirmInUse: true })\n    setBusy(false)\n    if (result.outcome === 'deleted' || result.outcome === 'not-found') {\n      setOpen(false)\n      if (source.listPath !== undefined) {\n        void navigate({ to: STUDIO_PROJECT_ROUTE, params: { projectId, _splat: source.listPath } })\n      }\n    } else if (result.outcome === 'blocked') {\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=\"outline\"\n        size=\"sm\"\n        onClick={() => void openDialog()}\n        data-testid=\"asset-detail-delete\"\n      >\n        <Trash2 /> {translate('common.delete')}\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: record.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={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"]}

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

@@ -0,0 +1,9 @@
+import type { AssetReadLocale } from '@elytracms/core/persistence';
+/**
+ * The locale the studio reads and edits an asset's metadata in (EC-632): the studio's
+ * ambient locale (the one the document editor and the canvas show) over the project's
+ * locale config — so an asset's localized alt reads in the same locale as the document
+ * around it. `null` before a project's locale config is installed (EC-479): then only the
+ * shared metadata exists to read.
+ */
+export declare function useAssetReadLocale(): AssetReadLocale | null;

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

@@ -0,0 +1,16 @@
+import { useMemo } from 'react';
+import { assetReadLocale } from '@elytracms/core/persistence';
+import { useStudioLocale } from '../../lib/locale/index.js';
+/**
+ * The locale the studio reads and edits an asset's metadata in (EC-632): the studio's
+ * ambient locale (the one the document editor and the canvas show) over the project's
+ * locale config — so an asset's localized alt reads in the same locale as the document
+ * around it. `null` before a project's locale config is installed (EC-479): then only the
+ * shared metadata exists to read.
+ */
+export function useAssetReadLocale() {
+    const { locale, config } = useStudioLocale();
+    const defaultLocale = config?.default;
+    return useMemo(() => (defaultLocale === undefined ? null : assetReadLocale({ default: defaultLocale }, locale)), [defaultLocale, locale]);
+}
+//# sourceMappingURL=asset-locale.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"asset-locale.js","sourceRoot":"","sources":["../../../src/components/assets/asset-locale.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAE7D,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAElD;;;;;;GAMG;AACH,MAAM,UAAU,kBAAkB;IAChC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,CAAA;IAC5C,MAAM,aAAa,GAAG,MAAM,EAAE,OAAO,CAAA;IACrC,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,MAAM,CAAC,CAAC,EAChG,CAAC,aAAa,EAAE,MAAM,CAAC,CACxB,CAAA;AACH,CAAC","sourcesContent":["import { useMemo } from 'react'\nimport { assetReadLocale } from '@elytracms/core/persistence'\nimport type { AssetReadLocale } from '@elytracms/core/persistence'\nimport { useStudioLocale } from '../../lib/locale'\n\n/**\n * The locale the studio reads and edits an asset's metadata in (EC-632): the studio's\n * ambient locale (the one the document editor and the canvas show) over the project's\n * locale config — so an asset's localized alt reads in the same locale as the document\n * around it. `null` before a project's locale config is installed (EC-479): then only the\n * shared metadata exists to read.\n */\nexport function useAssetReadLocale(): AssetReadLocale | null {\n  const { locale, config } = useStudioLocale()\n  const defaultLocale = config?.default\n  return useMemo(\n    () => (defaultLocale === undefined ? null : assetReadLocale({ default: defaultLocale }, locale)),\n    [defaultLocale, locale],\n  )\n}\n"]}

package/dist/components/assets/asset-meta-label.d.ts

@@ -0,0 +1,12 @@
+import type { FieldDef } from '@elytracms/core/cms-core';
+import type { AssetReadLocale } from '@elytracms/core/persistence';
+/**
+ * The label of one asset metadata field (EC-632): the field's label, and — for a
+ * `localized: true` field — the locale it is edited in, as the document editor labels a
+ * localized field (`Title en`). One component, so the image options dialog and the asset
+ * library's detail say the same thing.
+ */
+export declare function AssetMetaFieldLabel({ field, at }: {
+    field: FieldDef;
+    at: AssetReadLocale | null;
+}): import("react").JSX.Element;

package/dist/components/assets/asset-meta-label.js

@@ -0,0 +1,15 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, Row } from '@elytracms/studio/ui';
+import { fieldLabel } from '../cms/cms-labels.js';
+/**
+ * The label of one asset metadata field (EC-632): the field's label, and — for a
+ * `localized: true` field — the locale it is edited in, as the document editor labels a
+ * localized field (`Title en`). One component, so the image options dialog and the asset
+ * library's detail say the same thing.
+ */
+export function AssetMetaFieldLabel({ field, at }) {
+    if (field.localized !== true || at === null)
+        return _jsx(_Fragment, { children: fieldLabel(field) });
+    return (_jsxs(Row, { gap: "2", children: [_jsx("span", { children: fieldLabel(field) }), _jsx(Badge, { variant: "outline", "data-ec-asset-meta-locale": at.locale, children: at.locale })] }));
+}
+//# sourceMappingURL=asset-meta-label.js.map

package/dist/components/assets/asset-meta-label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"asset-meta-label.js","sourceRoot":"","sources":["../../../src/components/assets/asset-meta-label.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE9C;;;;;GAKG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAmD;IAChG,IAAI,KAAK,CAAC,SAAS,KAAK,IAAI,IAAI,EAAE,KAAK,IAAI;QAAE,OAAO,4BAAG,UAAU,CAAC,KAAK,CAAC,GAAI,CAAA;IAC5E,OAAO,CACL,MAAC,GAAG,IAAC,GAAG,EAAC,GAAG,aACV,yBAAO,UAAU,CAAC,KAAK,CAAC,GAAQ,EAChC,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,+BAA4B,EAAE,CAAC,MAAM,YAC1D,EAAE,CAAC,MAAM,GACJ,IACJ,CACP,CAAA;AACH,CAAC","sourcesContent":["import type { FieldDef } from '@elytracms/core/cms-core'\nimport type { AssetReadLocale } from '@elytracms/core/persistence'\nimport { Badge, Row } from '@elytracms/studio/ui'\nimport { fieldLabel } from '../cms/cms-labels'\n\n/**\n * The label of one asset metadata field (EC-632): the field's label, and — for a\n * `localized: true` field — the locale it is edited in, as the document editor labels a\n * localized field (`Title en`). One component, so the image options dialog and the asset\n * library's detail say the same thing.\n */\nexport function AssetMetaFieldLabel({ field, at }: { field: FieldDef; at: AssetReadLocale | null }) {\n  if (field.localized !== true || at === null) return <>{fieldLabel(field)}</>\n  return (\n    <Row gap=\"2\">\n      <span>{fieldLabel(field)}</span>\n      <Badge variant=\"outline\" data-ec-asset-meta-locale={at.locale}>\n        {at.locale}\n      </Badge>\n    </Row>\n  )\n}\n"]}

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

@@ -1,5 +1,5 @@
 import type { CollectionDef, FieldDef } from '@elytracms/core/cms-core';
-import type { AssetRecord, AssetRepository, AssetWriteInput } from '@elytracms/core/persistence';
+import type { AssetReadLocale, AssetRecord, AssetRepository, AssetWriteInput } from '@elytracms/core/persistence';
 /**
  * Asset metadata editing (EC-152). A patch is applied through the
  * {@link AssetRepository} interface — in the studio that is the EC-141
@@ -42,20 +42,72 @@ export interface AssetMetadataPatch {
         y: number;
     } | null;
     /**
-     * Schema-driven asset metadata bag (EC-301): alt, copyright, credit, … keyed by
-     * the asset collection's `fields`. An object **replaces** the whole bag (the
-     * image options dialog holds the complete edited meta, seeded through
-     * {@link assetMetaSeed}); `null` clears it. `meta.alt` is the asset's ONE alt
-     * (EC-587) — there is no separate alt key.
+     * A per-key change to the schema-driven metadata bag (EC-301 → EC-634): alt,
+     * copyright, credit, … keyed by the asset collection's `fields`. A key with a value
+     * sets it, `null` removes it, a key the patch does not name keeps its STORED value —
+     * applied to the bag as stored, inside the write (core `resolveAssetWrite`), so an
+     * editor never writes back a stale copy of a key another session changed. Build it
+     * with {@link assetMetaDraftPatch} from the draft the editor opened and the one it holds.
+     * `meta.alt` is the asset's ONE shared alt (EC-587) — there is no separate alt key. There
+     * is no whole-bag form here: every studio editor of an asset's metadata patches per key.
      */
-    meta?: Record<string, unknown> | null;
+    metaPatch?: Record<string, unknown>;
+    /**
+     * EC-632 — the same per-key change to the per-locale buckets of the asset collection's
+     * `localized: true` fields: `{ [locale]: { [field]: value | null } }`, applied per locale
+     * and key to the stored buckets inside the write.
+     */
+    localizedMetaPatch?: Record<string, Record<string, unknown>>;
+}
+/**
+ * An asset's metadata as an editor holds it (EC-632) — the DOCUMENT shape, so editing it
+ * is the mechanism documents use: the shared bag (a document's `values`) and the
+ * per-locale buckets of the `localized: true` fields (its `localized`). The form reads and
+ * writes one field in one locale ({@link assetMetaFieldValue} / {@link setAssetMetaField});
+ * the save is a structural diff of the whole draft ({@link assetMetaDraftPatch}), so it
+ * needs no config and never writes a key or a locale the editor did not change.
+ */
+export interface AssetMetaDraft {
+    readonly meta: Readonly<Record<string, unknown>>;
+    readonly localizedMeta: Readonly<Record<string, Readonly<Record<string, unknown>>>>;
 }
+/** The fields of the asset collection an editor edits by — only the name and the locale flag matter here. */
+type MetaField = Pick<FieldDef, 'name' | 'localized'>;
+/**
+ * The draft an editor opens (EC-587 + EC-632): the stored bags, with a legacy `alt` column
+ * lifted into the shared one (core `liftLegacyAlt`), so a not-yet-migrated asset shows the
+ * alt every reader shows — and its first save moves it home.
+ */
+export declare function assetMetaDraft(record: Pick<AssetRecord, 'alt' | 'meta' | 'localizedMeta'>): AssetMetaDraft;
+/**
+ * What the form shows for one field (EC-632): a `localized: true` field the editor's
+ * locale's own value (an untranslated locale shows empty — it falls back to the default
+ * locale on delivery); the default locale also shows a value written before the field was
+ * localized (the shared bag — delivery's last-resort fallback, so it IS that locale's
+ * value). Any other field the shared value. Without a locale config, the shared value.
+ */
+export declare function assetMetaFieldValue(draft: AssetMetaDraft, field: MetaField, at: AssetReadLocale | null): unknown;
+/**
+ * Write one field of the draft (EC-632) — `undefined` removes the value:
+ * - a `localized: true` field goes into the editor's locale's bucket; in the DEFAULT
+ *   locale a value written before the field was localized leaves the shared bag — the
+ *   default bucket is its home now, so a clear there really clears it;
+ * - any other field goes into the shared bag, and a value a former localization left in a
+ *   bucket is removed (one home per key — a stale bucket would shadow the shared value);
+ * - without a locale config (`at` null) a localized field writes the shared bag and leaves
+ *   its translations alone.
+ */
+export declare function setAssetMetaField(draft: AssetMetaDraft, field: MetaField, at: AssetReadLocale | null, value: unknown): AssetMetaDraft;
 /**
- * The meta bag an editor starts from (EC-587): the stored `meta` with a legacy `alt`
- * column lifted in (core `liftLegacyAlt`), so a not-yet-migrated asset shows the alt
- * every reader shows — and the save writes it to `meta`, its home.
+ * The per-key, per-locale patch of a metadata edit (EC-634 × EC-632): what changed between
+ * the draft the editor OPENED ({@link assetMetaDraft} at open, or the draft of its last
+ * successful save) and the draft it holds — `undefined` values pruned, a removed key
+ * `null`, a locale it did not touch absent. Every asset metadata editor (the image options
+ * dialog, the asset library's detail, the assets rail) sends this instead of its buffer.
  */
-export declare function assetMetaSeed(record: Pick<AssetRecord, 'alt' | 'meta'>): Record<string, unknown>;
+export declare function assetMetaDraftPatch(opened: AssetMetaDraft, edited: AssetMetaDraft): Pick<AssetMetadataPatch, 'metaPatch' | 'localizedMetaPatch'>;
+/** The form's flat view of a draft in one locale — `{ [field]: value }` for the given fields. */
+export declare function assetMetaFormValues(draft: AssetMetaDraft, fields: readonly MetaField[], at: AssetReadLocale | null): Record<string, unknown>;
 /**
  * The asset write for a metadata edit (EC-577): ONLY the keys the editor changed,
  * with `null` for a clear. It deliberately restates nothing else — not the
@@ -63,10 +115,11 @@ export declare function assetMetaSeed(record: Pick<AssetRecord, 'alt' | 'meta'>)
  * overwrite a preview backfill that finished while the dialog was open, and a
  * clear expressed as an omitted key is exactly what never persisted on Convex.
  *
- * EC-587: a `meta` write also clears the legacy `alt` column. The bag was seeded with
- * that column lifted in ({@link assetMetaSeed}), so the alt the editor saw is in the bag
- * (or was deliberately cleared): the column has nothing left to say, and leaving it
- * would re-surface a cleared alt through the read fallback (ASSETS D21).
+ * EC-634: `meta` travels as the per-key `metaPatch` — never the whole bag, which would
+ * carry a stale copy of every key the editor did not change. An empty patch is not sent.
+ * The legacy `alt` column (EC-587) is lifted into the stored bag and cleared by the write
+ * rule itself, in the same transaction, whenever a patch is applied — so an alt the editor
+ * did not touch survives, and one the editor cleared stays cleared (ASSETS D21).
  */
 export declare function assetMetadataWrite(assetId: string, patch: AssetMetadataPatch): AssetWriteInput;
 export type UpdateAssetMetadataResult = {
@@ -87,3 +140,4 @@ export type UpdateAssetMetadataResult = {
 export declare function updateAssetMetadata(deps: {
     assets: AssetRepository;
 }, projectId: string, assetId: string, patch: AssetMetadataPatch): Promise<UpdateAssetMetadataResult>;
+export {};