@elytracms/studio 0.0.41 → 0.0.43

package/dist/components/cms/details-pane.d.ts

@@ -1,32 +1,24 @@
-import type { CmsDocument, CollectionDef, FieldDef, LocaleConfig, RouteRecord } from '@elytracms/core/cms-core';
+import type { CmsDocument, CollectionDef, FieldDef } from '@elytracms/core/cms-core';
 import type { ReactNode } from 'react';
-/** 0.0.39 — routing context the Details pane needs to compose the document URL row. */
-export interface DetailsUrlContext {
-    projectId: string;
-    routes: readonly RouteRecord[];
-    localeConfig: LocaleConfig;
-    locale: string;
-}
 /**
- * EC-284 + EC-285 (+ 0.0.39 URL row) — document-level metadata pane (the right
- * inspector). Up to three optional regions:
+ * EC-284 + EC-285 — document-level metadata pane (the right inspector). Up to two
+ * optional regions:
  *
- *  1. **URL** (0.0.39): the full composed path as its own row — the EC-315 "hybrid
- *     split" moves the composed URL out of the cramped slug field and up to the
- *     document, where a URL is a first-class property. Ancestor-DOCUMENT segments
- *     link to their editors; static route segments are plain text.
- *  2. **Slot** (EC-284): a stable, named handle the site uses to find this document
+ *  1. **Slot** (EC-284): a stable, named handle the site uses to find this document
  *     (the main menu, the footer menu…) instead of which exact entry it is — shown
  *     only when the collection declares alias slots.
- *  3. **Sidebar fields** (EC-285): the document's `sidebar`-group fields (slug,
+ *  2. **Sidebar fields** (EC-285): the document's `sidebar`-group fields (slug,
  *     author, publish date…) — document-level properties an editor sets *about* the
  *     document rather than as body content. Rendered via the detail editor's own
  *     field-row renderer, so they behave identically to a content field.
  *
- * All three are identity/metadata, not content, so they live here — off the content
- * tabs. The empty state shows only when there is nothing at all to display.
+ * Both are identity/metadata, not content, so they live here — off the content tabs.
+ * The composed URL is NOT here: 0.0.42 (round 3) moved it up to the detail-editor
+ * HEADER, under the record title, where a URL reads as a first-class property (a lone
+ * URL row on an otherwise-empty pane looked odd). The empty state shows only when
+ * there is nothing at all to display.
  */
-export declare function DetailsPane({ collection, doc, siblings, readOnly, fields, renderField, onAliasChange, urlContext, }: {
+export declare function DetailsPane({ collection, doc, siblings, readOnly, fields, renderField, onAliasChange, }: {
     collection: CollectionDef;
     doc: CmsDocument;
     /** The other documents in this collection (to show which slots are taken). */
@@ -37,6 +29,4 @@ export declare function DetailsPane({ collection, doc, siblings, readOnly, field
     /** Render one field row — shared with the content groups so behaviour matches. */
     renderField: (field: FieldDef) => ReactNode;
     onAliasChange: (alias: string | undefined) => void;
-    /** Routing context for the composed URL row (0.0.39); omitted for non-routable rails. */
-    urlContext?: DetailsUrlContext;
 }): import("react").JSX.Element;

package/dist/components/cms/details-pane.js

@@ -1,50 +1,33 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { declaredAliases, resolveUrlSegments } from '@elytracms/core/cms-core';
-import { Link, STUDIO_PROJECT_ROUTE, studioPath } from '@elytracms/studio/router';
-import { Row, Select, Separator, Stack, Text } from '@elytracms/studio/ui';
-import { cn } from '@elytracms/studio/lib/utils';
+import { declaredAliases } from '@elytracms/core/cms-core';
+import { Select, Separator, Stack, Text } from '@elytracms/studio/ui';
 import { translate } from '@elytracms/studio/lib/i18n';
 /**
- * EC-284 + EC-285 (+ 0.0.39 URL row) — document-level metadata pane (the right
- * inspector). Up to three optional regions:
+ * EC-284 + EC-285 — document-level metadata pane (the right inspector). Up to two
+ * optional regions:
  *
- *  1. **URL** (0.0.39): the full composed path as its own row — the EC-315 "hybrid
- *     split" moves the composed URL out of the cramped slug field and up to the
- *     document, where a URL is a first-class property. Ancestor-DOCUMENT segments
- *     link to their editors; static route segments are plain text.
- *  2. **Slot** (EC-284): a stable, named handle the site uses to find this document
+ *  1. **Slot** (EC-284): a stable, named handle the site uses to find this document
  *     (the main menu, the footer menu…) instead of which exact entry it is — shown
  *     only when the collection declares alias slots.
- *  3. **Sidebar fields** (EC-285): the document's `sidebar`-group fields (slug,
+ *  2. **Sidebar fields** (EC-285): the document's `sidebar`-group fields (slug,
  *     author, publish date…) — document-level properties an editor sets *about* the
  *     document rather than as body content. Rendered via the detail editor's own
  *     field-row renderer, so they behave identically to a content field.
  *
- * All three are identity/metadata, not content, so they live here — off the content
- * tabs. The empty state shows only when there is nothing at all to display.
+ * Both are identity/metadata, not content, so they live here — off the content tabs.
+ * The composed URL is NOT here: 0.0.42 (round 3) moved it up to the detail-editor
+ * HEADER, under the record title, where a URL reads as a first-class property (a lone
+ * URL row on an otherwise-empty pane looked odd). The empty state shows only when
+ * there is nothing at all to display.
  */
-export function DetailsPane({ collection, doc, siblings, readOnly, fields, renderField, onAliasChange, urlContext, }) {
+export function DetailsPane({ collection, doc, siblings, readOnly, fields, renderField, onAliasChange, }) {
     const slots = declaredAliases(collection);
     const hasSlots = slots.length > 0;
     const hasFields = fields.length > 0;
-    const routable = urlContext !== undefined && urlContext.routes.some((r) => r.document?.collection === collection.id);
-    return (_jsxs(Stack, { gap: "4", className: "p-3", children: [routable && urlContext ? (_jsx(DocumentUrlRow, { collection: collection, doc: doc, siblings: siblings, context: urlContext })) : null, routable && (hasSlots || hasFields) ? _jsx(Separator, {}) : null, hasSlots ? (_jsxs(Stack, { gap: "1", children: [_jsx(Text, { size: "xs", weight: "semibold", children: translate('cms.details.slot') }), _jsxs(Select, { value: doc.alias ?? '', disabled: readOnly, "aria-label": translate('cms.details.slot'), "data-testid": "alias-select", onChange: (e) => onAliasChange(e.target.value === '' ? undefined : e.target.value), children: [_jsx("option", { value: "", children: translate('cms.details.noSlot') }), slots.map((slot) => {
+    return (_jsxs(Stack, { gap: "4", className: "p-3", children: [hasSlots ? (_jsxs(Stack, { gap: "1", children: [_jsx(Text, { size: "xs", weight: "semibold", children: translate('cms.details.slot') }), _jsxs(Select, { value: doc.alias ?? '', disabled: readOnly, "aria-label": translate('cms.details.slot'), "data-testid": "alias-select", onChange: (e) => onAliasChange(e.target.value === '' ? undefined : e.target.value), children: [_jsx("option", { value: "", children: translate('cms.details.noSlot') }), slots.map((slot) => {
                                 const takenByOther = siblings.some((s) => s.id !== doc.id && s.alias === slot);
                                 const blocked = takenByOther && doc.alias !== slot;
                                 return (_jsxs("option", { value: slot, disabled: blocked, children: [slot, blocked ? translate('cms.details.slotInUse') : ''] }, slot));
-                            })] }), _jsx(Text, { size: "xs", tone: "muted", children: translate('cms.details.slotHint') })] })) : null, hasSlots && hasFields ? _jsx(Separator, {}) : null, hasFields ? _jsx(Stack, { gap: "4", children: fields.map(renderField) }) : null, !routable && !hasSlots && !hasFields ? (_jsx(Text, { size: "xs", tone: "muted", children: translate('cms.details.empty') })) : null] }));
-}
-/**
- * The document-level URL row (0.0.39 — EC-315 "hybrid split"). The full composed path,
- * classified segment by segment: an ancestor-DOCUMENT segment is a link to that
- * document's editor (autosave keeps the current edit safe on navigate); a static
- * route segment (mount prefix, or `blog` in `/blog/:slug`) is plain text; this
- * document's own slug segment is highlighted as the current page. Draft-derived (it
- * updates as you type) — the header's published-gated "View live" stays the sole
- * open-live action, so the draft/live distinction is preserved here too.
- */
-function DocumentUrlRow({ collection, doc, siblings, context, }) {
-    const segments = resolveUrlSegments({ routes: [...context.routes], localeConfig: context.localeConfig }, collection, doc, { siblings, locale: context.locale });
-    return (_jsxs(Stack, { gap: "1", "data-testid": "details-url", children: [_jsx(Text, { size: "xs", weight: "semibold", children: translate('cms.details.url') }), _jsx(Row, { gap: "none", align: "center", wrap: true, className: "font-mono text-xs text-muted-foreground", children: segments.length === 0 ? (_jsx("span", { "aria-hidden": true, children: "/" })) : (segments.map((seg, i) => (_jsxs("span", { className: "inline-flex items-center", children: [_jsx("span", { "aria-hidden": true, className: "text-muted-foreground/50", children: "/" }), seg.kind === 'ancestor' && seg.documentId ? (_jsx(Link, { to: STUDIO_PROJECT_ROUTE, params: { projectId: context.projectId, _splat: studioPath.cmsDocument(collection.id, seg.documentId) }, title: translate('cms.relation.openTitle', { title: seg.text }), "data-testid": "details-url-ancestor", className: "rounded px-0.5 text-primary hover:bg-primary/10 hover:underline", children: seg.text })) : (_jsx("span", { className: cn('px-0.5', seg.kind === 'current' && 'font-medium text-foreground'), title: seg.kind === 'current' ? translate('cms.details.urlCurrent') : undefined, children: seg.text }))] }, `${seg.text}-${i}`)))) })] }));
+                            })] }), _jsx(Text, { size: "xs", tone: "muted", children: translate('cms.details.slotHint') })] })) : null, hasSlots && hasFields ? _jsx(Separator, {}) : null, hasFields ? _jsx(Stack, { gap: "4", children: fields.map(renderField) }) : null, !hasSlots && !hasFields ? (_jsx(Text, { size: "xs", tone: "muted", children: translate('cms.details.empty') })) : null] }));
 }
 //# sourceMappingURL=details-pane.js.map

package/dist/components/cms/details-pane.js.map

@@ -1 +1 @@
-{"version":3,"file":"details-pane.js","sourceRoot":"","sources":["../../../src/components/cms/details-pane.tsx"],"names":[],"mappings":"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","sourcesContent":["import { declaredAliases, resolveUrlSegments } from '@elytracms/core/cms-core'\nimport type {\n  CmsDocument,\n  CollectionDef,\n  FieldDef,\n  LocaleConfig,\n  RouteRecord,\n} from '@elytracms/core/cms-core'\nimport type { ReactNode } from 'react'\nimport { Link, STUDIO_PROJECT_ROUTE, studioPath } from '@elytracms/studio/router'\nimport { Row, Select, Separator, Stack, Text } from '@elytracms/studio/ui'\nimport { cn } from '@elytracms/studio/lib/utils'\nimport { translate } from '@elytracms/studio/lib/i18n'\n\n/** 0.0.39 — routing context the Details pane needs to compose the document URL row. */\nexport interface DetailsUrlContext {\n  projectId: string\n  routes: readonly RouteRecord[]\n  localeConfig: LocaleConfig\n  locale: string\n}\n\n/**\n * EC-284 + EC-285 (+ 0.0.39 URL row) — document-level metadata pane (the right\n * inspector). Up to three optional regions:\n *\n *  1. **URL** (0.0.39): the full composed path as its own row — the EC-315 \"hybrid\n *     split\" moves the composed URL out of the cramped slug field and up to the\n *     document, where a URL is a first-class property. Ancestor-DOCUMENT segments\n *     link to their editors; static route segments are plain text.\n *  2. **Slot** (EC-284): a stable, named handle the site uses to find this document\n *     (the main menu, the footer menu…) instead of which exact entry it is — shown\n *     only when the collection declares alias slots.\n *  3. **Sidebar fields** (EC-285): the document's `sidebar`-group fields (slug,\n *     author, publish date…) — document-level properties an editor sets *about* the\n *     document rather than as body content. Rendered via the detail editor's own\n *     field-row renderer, so they behave identically to a content field.\n *\n * All three are identity/metadata, not content, so they live here — off the content\n * tabs. The empty state shows only when there is nothing at all to display.\n */\nexport function DetailsPane({\n  collection,\n  doc,\n  siblings,\n  readOnly,\n  fields,\n  renderField,\n  onAliasChange,\n  urlContext,\n}: {\n  collection: CollectionDef\n  doc: CmsDocument\n  /** The other documents in this collection (to show which slots are taken). */\n  siblings: readonly CmsDocument[]\n  readOnly?: boolean\n  /** The collection's `sidebar`-group fields, in order (EC-285). */\n  fields: readonly FieldDef[]\n  /** Render one field row — shared with the content groups so behaviour matches. */\n  renderField: (field: FieldDef) => ReactNode\n  onAliasChange: (alias: string | undefined) => void\n  /** Routing context for the composed URL row (0.0.39); omitted for non-routable rails. */\n  urlContext?: DetailsUrlContext\n}) {\n  const slots = declaredAliases(collection)\n  const hasSlots = slots.length > 0\n  const hasFields = fields.length > 0\n  const routable =\n    urlContext !== undefined && urlContext.routes.some((r) => r.document?.collection === collection.id)\n\n  return (\n    <Stack gap=\"4\" className=\"p-3\">\n      {routable && urlContext ? (\n        <DocumentUrlRow collection={collection} doc={doc} siblings={siblings} context={urlContext} />\n      ) : null}\n\n      {routable && (hasSlots || hasFields) ? <Separator /> : null}\n\n      {hasSlots ? (\n        <Stack gap=\"1\">\n          <Text size=\"xs\" weight=\"semibold\">\n            {translate('cms.details.slot')}\n          </Text>\n          <Select\n            value={doc.alias ?? ''}\n            disabled={readOnly}\n            aria-label={translate('cms.details.slot')}\n            data-testid=\"alias-select\"\n            onChange={(e) => onAliasChange(e.target.value === '' ? undefined : e.target.value)}\n          >\n            <option value=\"\">{translate('cms.details.noSlot')}</option>\n            {slots.map((slot) => {\n              const takenByOther = siblings.some((s) => s.id !== doc.id && s.alias === slot)\n              const blocked = takenByOther && doc.alias !== slot\n              return (\n                <option key={slot} value={slot} disabled={blocked}>\n                  {slot}\n                  {blocked ? translate('cms.details.slotInUse') : ''}\n                </option>\n              )\n            })}\n          </Select>\n          <Text size=\"xs\" tone=\"muted\">\n            {translate('cms.details.slotHint')}\n          </Text>\n        </Stack>\n      ) : null}\n\n      {hasSlots && hasFields ? <Separator /> : null}\n\n      {hasFields ? <Stack gap=\"4\">{fields.map(renderField)}</Stack> : null}\n\n      {!routable && !hasSlots && !hasFields ? (\n        <Text size=\"xs\" tone=\"muted\">\n          {translate('cms.details.empty')}\n        </Text>\n      ) : null}\n    </Stack>\n  )\n}\n\n/**\n * The document-level URL row (0.0.39 — EC-315 \"hybrid split\"). The full composed path,\n * classified segment by segment: an ancestor-DOCUMENT segment is a link to that\n * document's editor (autosave keeps the current edit safe on navigate); a static\n * route segment (mount prefix, or `blog` in `/blog/:slug`) is plain text; this\n * document's own slug segment is highlighted as the current page. Draft-derived (it\n * updates as you type) — the header's published-gated \"View live\" stays the sole\n * open-live action, so the draft/live distinction is preserved here too.\n */\nfunction DocumentUrlRow({\n  collection,\n  doc,\n  siblings,\n  context,\n}: {\n  collection: CollectionDef\n  doc: CmsDocument\n  siblings: readonly CmsDocument[]\n  context: DetailsUrlContext\n}) {\n  const segments = resolveUrlSegments(\n    { routes: [...context.routes], localeConfig: context.localeConfig },\n    collection,\n    doc,\n    { siblings, locale: context.locale },\n  )\n  return (\n    <Stack gap=\"1\" data-testid=\"details-url\">\n      <Text size=\"xs\" weight=\"semibold\">\n        {translate('cms.details.url')}\n      </Text>\n      <Row gap=\"none\" align=\"center\" wrap className=\"font-mono text-xs text-muted-foreground\">\n        {segments.length === 0 ? (\n          <span aria-hidden>/</span>\n        ) : (\n          segments.map((seg, i) => (\n            <span key={`${seg.text}-${i}`} className=\"inline-flex items-center\">\n              <span aria-hidden className=\"text-muted-foreground/50\">\n                /\n              </span>\n              {seg.kind === 'ancestor' && seg.documentId ? (\n                <Link\n                  to={STUDIO_PROJECT_ROUTE}\n                  params={{ projectId: context.projectId, _splat: studioPath.cmsDocument(collection.id, seg.documentId) }}\n                  title={translate('cms.relation.openTitle', { title: seg.text })}\n                  data-testid=\"details-url-ancestor\"\n                  className=\"rounded px-0.5 text-primary hover:bg-primary/10 hover:underline\"\n                >\n                  {seg.text}\n                </Link>\n              ) : (\n                <span\n                  className={cn('px-0.5', seg.kind === 'current' && 'font-medium text-foreground')}\n                  title={seg.kind === 'current' ? translate('cms.details.urlCurrent') : undefined}\n                >\n                  {seg.text}\n                </span>\n              )}\n            </span>\n          ))\n        )}\n      </Row>\n    </Stack>\n  )\n}\n"]}
+{"version":3,"file":"details-pane.js","sourceRoot":"","sources":["../../../src/components/cms/details-pane.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAG1D,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAEtD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,UAAU,EACV,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,WAAW,EACX,aAAa,GAYd;IACC,MAAM,KAAK,GAAG,eAAe,CAAC,UAAU,CAAC,CAAA;IACzC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAA;IACjC,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAA;IAEnC,OAAO,CACL,MAAC,KAAK,IAAC,GAAG,EAAC,GAAG,EAAC,SAAS,EAAC,KAAK,aAC3B,QAAQ,CAAC,CAAC,CAAC,CACV,MAAC,KAAK,IAAC,GAAG,EAAC,GAAG,aACZ,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,UAAU,YAC9B,SAAS,CAAC,kBAAkB,CAAC,GACzB,EACP,MAAC,MAAM,IACL,KAAK,EAAE,GAAG,CAAC,KAAK,IAAI,EAAE,EACtB,QAAQ,EAAE,QAAQ,gBACN,SAAS,CAAC,kBAAkB,CAAC,iBAC7B,cAAc,EAC1B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,aAElF,iBAAQ,KAAK,EAAC,EAAE,YAAE,SAAS,CAAC,oBAAoB,CAAC,GAAU,EAC1D,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gCAClB,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,CAAA;gCAC9E,MAAM,OAAO,GAAG,YAAY,IAAI,GAAG,CAAC,KAAK,KAAK,IAAI,CAAA;gCAClD,OAAO,CACL,kBAAmB,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,aAC9C,IAAI,EACJ,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC,EAAE,KAFvC,IAAI,CAGR,CACV,CAAA;4BACH,CAAC,CAAC,IACK,EACT,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,YACzB,SAAS,CAAC,sBAAsB,CAAC,GAC7B,IACD,CACT,CAAC,CAAC,CAAC,IAAI,EAEP,QAAQ,IAAI,SAAS,CAAC,CAAC,CAAC,KAAC,SAAS,KAAG,CAAC,CAAC,CAAC,IAAI,EAE5C,SAAS,CAAC,CAAC,CAAC,KAAC,KAAK,IAAC,GAAG,EAAC,GAAG,YAAE,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,GAAS,CAAC,CAAC,CAAC,IAAI,EAEnE,CAAC,QAAQ,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CACzB,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,YACzB,SAAS,CAAC,mBAAmB,CAAC,GAC1B,CACR,CAAC,CAAC,CAAC,IAAI,IACF,CACT,CAAA;AACH,CAAC","sourcesContent":["import { declaredAliases } from '@elytracms/core/cms-core'\nimport type { CmsDocument, CollectionDef, FieldDef } from '@elytracms/core/cms-core'\nimport type { ReactNode } from 'react'\nimport { Select, Separator, Stack, Text } from '@elytracms/studio/ui'\nimport { translate } from '@elytracms/studio/lib/i18n'\n\n/**\n * EC-284 + EC-285 — document-level metadata pane (the right inspector). Up to two\n * optional regions:\n *\n *  1. **Slot** (EC-284): a stable, named handle the site uses to find this document\n *     (the main menu, the footer menu…) instead of which exact entry it is — shown\n *     only when the collection declares alias slots.\n *  2. **Sidebar fields** (EC-285): the document's `sidebar`-group fields (slug,\n *     author, publish date…) — document-level properties an editor sets *about* the\n *     document rather than as body content. Rendered via the detail editor's own\n *     field-row renderer, so they behave identically to a content field.\n *\n * Both are identity/metadata, not content, so they live here — off the content tabs.\n * The composed URL is NOT here: 0.0.42 (round 3) moved it up to the detail-editor\n * HEADER, under the record title, where a URL reads as a first-class property (a lone\n * URL row on an otherwise-empty pane looked odd). The empty state shows only when\n * there is nothing at all to display.\n */\nexport function DetailsPane({\n  collection,\n  doc,\n  siblings,\n  readOnly,\n  fields,\n  renderField,\n  onAliasChange,\n}: {\n  collection: CollectionDef\n  doc: CmsDocument\n  /** The other documents in this collection (to show which slots are taken). */\n  siblings: readonly CmsDocument[]\n  readOnly?: boolean\n  /** The collection's `sidebar`-group fields, in order (EC-285). */\n  fields: readonly FieldDef[]\n  /** Render one field row — shared with the content groups so behaviour matches. */\n  renderField: (field: FieldDef) => ReactNode\n  onAliasChange: (alias: string | undefined) => void\n}) {\n  const slots = declaredAliases(collection)\n  const hasSlots = slots.length > 0\n  const hasFields = fields.length > 0\n\n  return (\n    <Stack gap=\"4\" className=\"p-3\">\n      {hasSlots ? (\n        <Stack gap=\"1\">\n          <Text size=\"xs\" weight=\"semibold\">\n            {translate('cms.details.slot')}\n          </Text>\n          <Select\n            value={doc.alias ?? ''}\n            disabled={readOnly}\n            aria-label={translate('cms.details.slot')}\n            data-testid=\"alias-select\"\n            onChange={(e) => onAliasChange(e.target.value === '' ? undefined : e.target.value)}\n          >\n            <option value=\"\">{translate('cms.details.noSlot')}</option>\n            {slots.map((slot) => {\n              const takenByOther = siblings.some((s) => s.id !== doc.id && s.alias === slot)\n              const blocked = takenByOther && doc.alias !== slot\n              return (\n                <option key={slot} value={slot} disabled={blocked}>\n                  {slot}\n                  {blocked ? translate('cms.details.slotInUse') : ''}\n                </option>\n              )\n            })}\n          </Select>\n          <Text size=\"xs\" tone=\"muted\">\n            {translate('cms.details.slotHint')}\n          </Text>\n        </Stack>\n      ) : null}\n\n      {hasSlots && hasFields ? <Separator /> : null}\n\n      {hasFields ? <Stack gap=\"4\">{fields.map(renderField)}</Stack> : null}\n\n      {!hasSlots && !hasFields ? (\n        <Text size=\"xs\" tone=\"muted\">\n          {translate('cms.details.empty')}\n        </Text>\n      ) : null}\n    </Stack>\n  )\n}\n"]}

package/dist/components/cms/discard-draft.d.ts

@@ -30,3 +30,21 @@ export declare function discardDraftStatus(input: {
     collection: CollectionDef;
     draft: CmsDocument;
 }): DiscardDraftStatus;
+/**
+ * EC-325 — the flush-before-restore ordering "Discard changes" must follow,
+ * mirroring the IDENTICAL `if (dirty) save()` step the Versions pane's
+ * (`versions-pane.tsx`'s `handleRestore`) and the Compare view's
+ * (`version-compare.tsx`'s `restore`) own restores already take before theirs.
+ * `documents.restore` (`packages/core/src/operations/documents.ts`) snapshots
+ * whatever is currently PERSISTED as its own "pre-restore" version — never the
+ * client's in-memory draft — so an edit still sitting in the autosave debounce
+ * window when Discard fires would otherwise never reach the server and be
+ * silently unrecoverable once the draft is reverted. The underlying
+ * save/restore commands are serialized by the shared operations queue
+ * (EC-225), so the un-awaited `save()` here still lands before `restore` reads
+ * the persisted document.
+ */
+export declare function flushDirtyDraft(input: {
+    dirty: boolean;
+    save: () => void;
+}): void;

package/dist/components/cms/discard-draft.js

@@ -10,4 +10,22 @@ export function discardDraftStatus(input) {
         ? 'up-to-date'
         : 'ready';
 }
+/**
+ * EC-325 — the flush-before-restore ordering "Discard changes" must follow,
+ * mirroring the IDENTICAL `if (dirty) save()` step the Versions pane's
+ * (`versions-pane.tsx`'s `handleRestore`) and the Compare view's
+ * (`version-compare.tsx`'s `restore`) own restores already take before theirs.
+ * `documents.restore` (`packages/core/src/operations/documents.ts`) snapshots
+ * whatever is currently PERSISTED as its own "pre-restore" version — never the
+ * client's in-memory draft — so an edit still sitting in the autosave debounce
+ * window when Discard fires would otherwise never reach the server and be
+ * silently unrecoverable once the draft is reverted. The underlying
+ * save/restore commands are serialized by the shared operations queue
+ * (EC-225), so the un-awaited `save()` here still lands before `restore` reads
+ * the persisted document.
+ */
+export function flushDirtyDraft(input) {
+    if (input.dirty)
+        input.save();
+}
 //# sourceMappingURL=discard-draft.js.map

package/dist/components/cms/discard-draft.js.map

@@ -1 +1 @@
-{"version":3,"file":"discard-draft.js","sourceRoot":"","sources":["../../../src/components/cms/discard-draft.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAA;AAuBhE,MAAM,UAAU,kBAAkB,CAAC,KAWlC;IACC,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,SAAS;QAAE,OAAO,QAAQ,CAAA;IAC1D,IAAI,KAAK,CAAC,YAAY;QAAE,OAAO,gBAAgB,CAAA;IAC/C,IAAI,KAAK,CAAC,iBAAiB,KAAK,SAAS;QAAE,OAAO,SAAS,CAAA;IAC3D,OAAO,sBAAsB,CAAC,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC,iBAAiB,EAAE,KAAK,CAAC,KAAK,CAAC;QACnF,CAAC,CAAC,YAAY;QACd,CAAC,CAAC,OAAO,CAAA;AACb,CAAC","sourcesContent":["import { documentsSemanticEqual } from '@elytracms/core/content'\nimport type { CmsDocument, CollectionDef } from '@elytracms/core/cms-core'\n\n/**\n * EC-316 — the \"Discard changes\" header action's enablement, as one pure\n * decision. Discarding reverts the draft to exactly the published content (via\n * the EC-298 restore machinery), so it is offered iff there is a published\n * version to revert TO and the draft actually differs from it:\n *\n * - `hidden`        — the rail can't discard at all (no publish/versions\n *                     capability) or the document isn't published: there is no\n *                     published content to revert to, so no menu item.\n * - `view-read-only`— viewing the Published snapshot (EC-226): the draft isn't\n *                     the active view, so the item is disabled with a hint.\n * - `loading`       — the version history hasn't resolved yet; disabled.\n * - `up-to-date`    — the draft SEMANTICALLY equals the published snapshot\n *                     (`documentsSemanticEqual`, the SAME comparator the\n *                     Versions pane's publish gate uses, EC-298 — so the two\n *                     surfaces never contradict); nothing to discard, disabled.\n * - `ready`         — a published version exists and the draft differs: enabled.\n */\nexport type DiscardDraftStatus = 'hidden' | 'view-read-only' | 'loading' | 'up-to-date' | 'ready'\n\nexport function discardDraftStatus(input: {\n  /** The rail can publish AND has version history (both required to discard). */\n  canDiscard: boolean\n  /** The document IS published (version pointer set). */\n  published: boolean\n  /** The editor is viewing the read-only Published snapshot (EC-226). */\n  viewReadOnly: boolean\n  /** The pinned published version's snapshot; `undefined` while loading / none pinned. */\n  publishedSnapshot: CmsDocument | undefined\n  collection: CollectionDef\n  draft: CmsDocument\n}): DiscardDraftStatus {\n  if (!input.canDiscard || !input.published) return 'hidden'\n  if (input.viewReadOnly) return 'view-read-only'\n  if (input.publishedSnapshot === undefined) return 'loading'\n  return documentsSemanticEqual(input.collection, input.publishedSnapshot, input.draft)\n    ? 'up-to-date'\n    : 'ready'\n}\n"]}
+{"version":3,"file":"discard-draft.js","sourceRoot":"","sources":["../../../src/components/cms/discard-draft.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAA;AAuBhE,MAAM,UAAU,kBAAkB,CAAC,KAWlC;IACC,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,SAAS;QAAE,OAAO,QAAQ,CAAA;IAC1D,IAAI,KAAK,CAAC,YAAY;QAAE,OAAO,gBAAgB,CAAA;IAC/C,IAAI,KAAK,CAAC,iBAAiB,KAAK,SAAS;QAAE,OAAO,SAAS,CAAA;IAC3D,OAAO,sBAAsB,CAAC,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC,iBAAiB,EAAE,KAAK,CAAC,KAAK,CAAC;QACnF,CAAC,CAAC,YAAY;QACd,CAAC,CAAC,OAAO,CAAA;AACb,CAAC;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,eAAe,CAAC,KAA2C;IACzE,IAAI,KAAK,CAAC,KAAK;QAAE,KAAK,CAAC,IAAI,EAAE,CAAA;AAC/B,CAAC","sourcesContent":["import { documentsSemanticEqual } from '@elytracms/core/content'\nimport type { CmsDocument, CollectionDef } from '@elytracms/core/cms-core'\n\n/**\n * EC-316 — the \"Discard changes\" header action's enablement, as one pure\n * decision. Discarding reverts the draft to exactly the published content (via\n * the EC-298 restore machinery), so it is offered iff there is a published\n * version to revert TO and the draft actually differs from it:\n *\n * - `hidden`        — the rail can't discard at all (no publish/versions\n *                     capability) or the document isn't published: there is no\n *                     published content to revert to, so no menu item.\n * - `view-read-only`— viewing the Published snapshot (EC-226): the draft isn't\n *                     the active view, so the item is disabled with a hint.\n * - `loading`       — the version history hasn't resolved yet; disabled.\n * - `up-to-date`    — the draft SEMANTICALLY equals the published snapshot\n *                     (`documentsSemanticEqual`, the SAME comparator the\n *                     Versions pane's publish gate uses, EC-298 — so the two\n *                     surfaces never contradict); nothing to discard, disabled.\n * - `ready`         — a published version exists and the draft differs: enabled.\n */\nexport type DiscardDraftStatus = 'hidden' | 'view-read-only' | 'loading' | 'up-to-date' | 'ready'\n\nexport function discardDraftStatus(input: {\n  /** The rail can publish AND has version history (both required to discard). */\n  canDiscard: boolean\n  /** The document IS published (version pointer set). */\n  published: boolean\n  /** The editor is viewing the read-only Published snapshot (EC-226). */\n  viewReadOnly: boolean\n  /** The pinned published version's snapshot; `undefined` while loading / none pinned. */\n  publishedSnapshot: CmsDocument | undefined\n  collection: CollectionDef\n  draft: CmsDocument\n}): DiscardDraftStatus {\n  if (!input.canDiscard || !input.published) return 'hidden'\n  if (input.viewReadOnly) return 'view-read-only'\n  if (input.publishedSnapshot === undefined) return 'loading'\n  return documentsSemanticEqual(input.collection, input.publishedSnapshot, input.draft)\n    ? 'up-to-date'\n    : 'ready'\n}\n\n/**\n * EC-325 — the flush-before-restore ordering \"Discard changes\" must follow,\n * mirroring the IDENTICAL `if (dirty) save()` step the Versions pane's\n * (`versions-pane.tsx`'s `handleRestore`) and the Compare view's\n * (`version-compare.tsx`'s `restore`) own restores already take before theirs.\n * `documents.restore` (`packages/core/src/operations/documents.ts`) snapshots\n * whatever is currently PERSISTED as its own \"pre-restore\" version — never the\n * client's in-memory draft — so an edit still sitting in the autosave debounce\n * window when Discard fires would otherwise never reach the server and be\n * silently unrecoverable once the draft is reverted. The underlying\n * save/restore commands are serialized by the shared operations queue\n * (EC-225), so the un-awaited `save()` here still lands before `restore` reads\n * the persisted document.\n */\nexport function flushDirtyDraft(input: { dirty: boolean; save: () => void }): void {\n  if (input.dirty) input.save()\n}\n"]}

package/dist/components/cms/document-editor-context.d.ts

@@ -60,11 +60,12 @@ export interface DocumentEditorContextValue {
     /** Leave compare mode, back to editing. */
     exitCompare: () => void;
 }
+declare const useDocumentEditor: () => DocumentEditorContextValue;
 export declare function DocumentEditorProvider({ value, children, }: {
     value: DocumentEditorContextValue;
     children: ReactNode;
 }): import("react").JSX.Element;
-export declare function useDocumentEditor(): DocumentEditorContextValue;
+export { useDocumentEditor };
 /**
  * The open document's editing context, or null when there is none (e.g. a
  * relation picker opened from a table cell rather than the detail editor). Lets a

package/dist/components/cms/document-editor-context.js

@@ -1,16 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext } from 'react';
-const DocumentEditorContext = createContext(null);
+import { useContext } from 'react';
+import { createRequiredContext } from '@elytracms/studio/lib/required-context';
+const { Context: DocumentEditorContext, useRequired: useDocumentEditor } = createRequiredContext('DocumentEditor');
 export function DocumentEditorProvider({ value, children, }) {
     return _jsx(DocumentEditorContext.Provider, { value: value, children: children });
 }
-export function useDocumentEditor() {
-    const value = useContext(DocumentEditorContext);
-    if (!value) {
-        throw new Error('useDocumentEditor must be used within a <DocumentEditorProvider>.');
-    }
-    return value;
-}
+export { useDocumentEditor };
 /**
  * The open document's editing context, or null when there is none (e.g. a
  * relation picker opened from a table cell rather than the detail editor). Lets a

package/dist/components/cms/document-editor-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"document-editor-context.js","sourceRoot":"","sources":["../../../src/components/cms/document-editor-context.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAkEjD,MAAM,qBAAqB,GAAG,aAAa,CAAoC,IAAI,CAAC,CAAA;AAEpF,MAAM,UAAU,sBAAsB,CAAC,EACrC,KAAK,EACL,QAAQ,GAIT;IACC,OAAO,KAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAkC,CAAA;AAClG,CAAC;AAED,MAAM,UAAU,iBAAiB;IAC/B,MAAM,KAAK,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAA;IAC/C,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,mEAAmE,CAAC,CAAA;IACtF,CAAC;IACD,OAAO,KAAK,CAAA;AACd,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,yBAAyB;IACvC,OAAO,UAAU,CAAC,qBAAqB,CAAC,CAAA;AAC1C,CAAC","sourcesContent":["import { createContext, useContext } from 'react'\nimport type { ReactNode } from 'react'\nimport type { CmsDocument, CollectionDef, DocumentRef } from '@elytracms/core/cms-core'\n\n/**\n * EC-224 — the open document's editing context, provided by the detail editor\n * and consumed by document-level inspector panes (the `Versions` pane).\n *\n * It exists because the Versions pane is rendered in two places — directly in\n * the form view's sidebar, and inside the canvas view's own sidebar (deep in the\n * scoped `BuilderProvider` subtree). A context lets the pane reach the open\n * document's ref + live draft + actions from either mount point, without\n * threading props through the canvas field editor.\n */\n/**\n * EC-298 version-compare selection: which two snapshots the compare view diffs.\n * `base` is a recorded version number (the older side); `target` is either\n * another recorded version or the live working draft.\n */\nexport interface CompareState {\n  base: number\n  target: number | 'draft'\n}\n\nexport interface DocumentEditorContextValue {\n  /** The project being edited (undefined in fixture/playground sessions). */\n  projectId: string | undefined\n  collection: CollectionDef\n  docRef: DocumentRef\n  /** The editor's live (possibly unsaved) draft buffer. */\n  draft: CmsDocument\n  /** Does the draft buffer diverge from the saved document? */\n  dirty: boolean\n  /** Does the draft have error-severity validation issues (blocks publish)? */\n  hasErrors: boolean\n  /**\n   * Is the editor in the read-only Published view (EC-226)? Document-level panes\n   * must disable their mutating actions (publish/restore) while it is true.\n   */\n  viewReadOnly: boolean\n  /** Persist the current draft buffer (the editor's Save). */\n  save: () => void\n  /**\n   * Replace the editor's draft buffer — used after a version restore swaps the\n   * working draft for an older snapshot, so the open form/canvas reflect it.\n   */\n  replaceDraft: (doc: CmsDocument) => void\n  /**\n   * EC-298 — the open version comparison, or null when none. The Compare tab is a\n   * sticky content tab: this selection persists while the user tabs between the\n   * diff and the real fields, and is cleared only by closing the tab (its ✕).\n   */\n  compare: CompareState | null\n  /** Is the Compare tab the currently VISIBLE view? Drives the Versions pane's\n   *  base-picker mode — the pane navigates only while the diff is on screen. */\n  compareActive: boolean\n  /** Open (or refocus) the Compare tab with `base` vs the current draft. */\n  startCompare: (base: number) => void\n  /** Change which recorded version is the (older) base side. */\n  setCompareBase: (base: number) => void\n  /** Change what the base is compared against (a version, or the live draft). */\n  setCompareTarget: (target: number | 'draft') => void\n  /** Leave compare mode, back to editing. */\n  exitCompare: () => void\n}\n\nconst DocumentEditorContext = createContext<DocumentEditorContextValue | null>(null)\n\nexport function DocumentEditorProvider({\n  value,\n  children,\n}: {\n  value: DocumentEditorContextValue\n  children: ReactNode\n}) {\n  return <DocumentEditorContext.Provider value={value}>{children}</DocumentEditorContext.Provider>\n}\n\nexport function useDocumentEditor(): DocumentEditorContextValue {\n  const value = useContext(DocumentEditorContext)\n  if (!value) {\n    throw new Error('useDocumentEditor must be used within a <DocumentEditorProvider>.')\n  }\n  return value\n}\n\n/**\n * The open document's editing context, or null when there is none (e.g. a\n * relation picker opened from a table cell rather than the detail editor). Lets a\n * control opt into doc-aware behavior — like the EC-218 parent cycle guard —\n * without requiring the provider.\n */\nexport function useOptionalDocumentEditor(): DocumentEditorContextValue | null {\n  return useContext(DocumentEditorContext)\n}\n"]}
+{"version":3,"file":"document-editor-context.js","sourceRoot":"","sources":["../../../src/components/cms/document-editor-context.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGlC,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAA;AAgE9E,MAAM,EAAE,OAAO,EAAE,qBAAqB,EAAE,WAAW,EAAE,iBAAiB,EAAE,GACtE,qBAAqB,CAA6B,gBAAgB,CAAC,CAAA;AAErE,MAAM,UAAU,sBAAsB,CAAC,EACrC,KAAK,EACL,QAAQ,GAIT;IACC,OAAO,KAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAkC,CAAA;AAClG,CAAC;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAE5B;;;;;GAKG;AACH,MAAM,UAAU,yBAAyB;IACvC,OAAO,UAAU,CAAC,qBAAqB,CAAC,CAAA;AAC1C,CAAC","sourcesContent":["import { useContext } from 'react'\nimport type { ReactNode } from 'react'\nimport type { CmsDocument, CollectionDef, DocumentRef } from '@elytracms/core/cms-core'\nimport { createRequiredContext } from '@elytracms/studio/lib/required-context'\n\n/**\n * EC-224 — the open document's editing context, provided by the detail editor\n * and consumed by document-level inspector panes (the `Versions` pane).\n *\n * It exists because the Versions pane is rendered in two places — directly in\n * the form view's sidebar, and inside the canvas view's own sidebar (deep in the\n * scoped `BuilderProvider` subtree). A context lets the pane reach the open\n * document's ref + live draft + actions from either mount point, without\n * threading props through the canvas field editor.\n */\n/**\n * EC-298 version-compare selection: which two snapshots the compare view diffs.\n * `base` is a recorded version number (the older side); `target` is either\n * another recorded version or the live working draft.\n */\nexport interface CompareState {\n  base: number\n  target: number | 'draft'\n}\n\nexport interface DocumentEditorContextValue {\n  /** The project being edited (undefined in fixture/playground sessions). */\n  projectId: string | undefined\n  collection: CollectionDef\n  docRef: DocumentRef\n  /** The editor's live (possibly unsaved) draft buffer. */\n  draft: CmsDocument\n  /** Does the draft buffer diverge from the saved document? */\n  dirty: boolean\n  /** Does the draft have error-severity validation issues (blocks publish)? */\n  hasErrors: boolean\n  /**\n   * Is the editor in the read-only Published view (EC-226)? Document-level panes\n   * must disable their mutating actions (publish/restore) while it is true.\n   */\n  viewReadOnly: boolean\n  /** Persist the current draft buffer (the editor's Save). */\n  save: () => void\n  /**\n   * Replace the editor's draft buffer — used after a version restore swaps the\n   * working draft for an older snapshot, so the open form/canvas reflect it.\n   */\n  replaceDraft: (doc: CmsDocument) => void\n  /**\n   * EC-298 — the open version comparison, or null when none. The Compare tab is a\n   * sticky content tab: this selection persists while the user tabs between the\n   * diff and the real fields, and is cleared only by closing the tab (its ✕).\n   */\n  compare: CompareState | null\n  /** Is the Compare tab the currently VISIBLE view? Drives the Versions pane's\n   *  base-picker mode — the pane navigates only while the diff is on screen. */\n  compareActive: boolean\n  /** Open (or refocus) the Compare tab with `base` vs the current draft. */\n  startCompare: (base: number) => void\n  /** Change which recorded version is the (older) base side. */\n  setCompareBase: (base: number) => void\n  /** Change what the base is compared against (a version, or the live draft). */\n  setCompareTarget: (target: number | 'draft') => void\n  /** Leave compare mode, back to editing. */\n  exitCompare: () => void\n}\n\nconst { Context: DocumentEditorContext, useRequired: useDocumentEditor } =\n  createRequiredContext<DocumentEditorContextValue>('DocumentEditor')\n\nexport function DocumentEditorProvider({\n  value,\n  children,\n}: {\n  value: DocumentEditorContextValue\n  children: ReactNode\n}) {\n  return <DocumentEditorContext.Provider value={value}>{children}</DocumentEditorContext.Provider>\n}\n\nexport { useDocumentEditor }\n\n/**\n * The open document's editing context, or null when there is none (e.g. a\n * relation picker opened from a table cell rather than the detail editor). Lets a\n * control opt into doc-aware behavior — like the EC-218 parent cycle guard —\n * without requiring the provider.\n */\nexport function useOptionalDocumentEditor(): DocumentEditorContextValue | null {\n  return useContext(DocumentEditorContext)\n}\n"]}

package/dist/components/cms/document-ref-utils.d.ts

@@ -0,0 +1,33 @@
+import type { CmsDocument, DocumentRef } from '@elytracms/core/cms-core';
+/**
+ * By-ref document array helpers (EC-326) — a shared idiom over
+ * `@elytracms/core/cms-core`'s `documentRefEquals`, replacing ~12 hand-inlined
+ * `d.collection === x.collection && d.id === x.id` predicates across
+ * `cms-store.tsx`, `bulk-actions.ts`, and `cell-edit.ts`.
+ *
+ * Two real shapes exist over a document array and must stay distinct:
+ * - {@link replaceDoc}/{@link removeDoc} are pure, no-op-if-absent (an edit or
+ *   delete of a document that's already gone from the session is a silent
+ *   no-op, never an append).
+ * - {@link upsertDoc} is replace-or-append — `saveDocument` and
+ *   `importDocuments` rely on the append branch to create new documents; a
+ *   naive `replaceDoc` there would silently stop those flows from ever adding
+ *   a document to the session.
+ */
+/** Does `doc` identify the same document as `ref` (collection + id, EC-017)? */
+export declare function matchesRef(doc: DocumentRef, ref: DocumentRef): boolean;
+/**
+ * Replace the document matching `next`'s ref with `next`. A no-op (returns
+ * `docs` unchanged) if no document with that ref exists — pure map-replace,
+ * never appends.
+ */
+export declare function replaceDoc(docs: readonly CmsDocument[], next: CmsDocument): CmsDocument[];
+/** Remove the document identified by `ref`, if present. A no-op otherwise. */
+export declare function removeDoc(docs: readonly CmsDocument[], ref: DocumentRef): CmsDocument[];
+/**
+ * Replace the document matching `next`'s ref with `next`, or append it when
+ * no match exists (upsert) — the shape `saveDocument` and the accepted-batch
+ * fold of `importDocuments` need, so a create/import flow always lands the
+ * document even on a session with no prior entry for that ref.
+ */
+export declare function upsertDoc(docs: readonly CmsDocument[], next: CmsDocument): CmsDocument[];

package/dist/components/cms/document-ref-utils.js

@@ -0,0 +1,47 @@
+import { documentRefEquals } from '@elytracms/core/cms-core';
+/**
+ * By-ref document array helpers (EC-326) — a shared idiom over
+ * `@elytracms/core/cms-core`'s `documentRefEquals`, replacing ~12 hand-inlined
+ * `d.collection === x.collection && d.id === x.id` predicates across
+ * `cms-store.tsx`, `bulk-actions.ts`, and `cell-edit.ts`.
+ *
+ * Two real shapes exist over a document array and must stay distinct:
+ * - {@link replaceDoc}/{@link removeDoc} are pure, no-op-if-absent (an edit or
+ *   delete of a document that's already gone from the session is a silent
+ *   no-op, never an append).
+ * - {@link upsertDoc} is replace-or-append — `saveDocument` and
+ *   `importDocuments` rely on the append branch to create new documents; a
+ *   naive `replaceDoc` there would silently stop those flows from ever adding
+ *   a document to the session.
+ */
+/** Does `doc` identify the same document as `ref` (collection + id, EC-017)? */
+export function matchesRef(doc, ref) {
+    return documentRefEquals(doc, ref);
+}
+/**
+ * Replace the document matching `next`'s ref with `next`. A no-op (returns
+ * `docs` unchanged) if no document with that ref exists — pure map-replace,
+ * never appends.
+ */
+export function replaceDoc(docs, next) {
+    return docs.map((d) => (matchesRef(d, next) ? next : d));
+}
+/** Remove the document identified by `ref`, if present. A no-op otherwise. */
+export function removeDoc(docs, ref) {
+    return docs.filter((d) => !matchesRef(d, ref));
+}
+/**
+ * Replace the document matching `next`'s ref with `next`, or append it when
+ * no match exists (upsert) — the shape `saveDocument` and the accepted-batch
+ * fold of `importDocuments` need, so a create/import flow always lands the
+ * document even on a session with no prior entry for that ref.
+ */
+export function upsertDoc(docs, next) {
+    const i = docs.findIndex((d) => matchesRef(d, next));
+    if (i < 0)
+        return [...docs, next];
+    const out = [...docs];
+    out[i] = next;
+    return out;
+}
+//# sourceMappingURL=document-ref-utils.js.map

package/dist/components/cms/document-ref-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"document-ref-utils.js","sourceRoot":"","sources":["../../../src/components/cms/document-ref-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAG5D;;;;;;;;;;;;;;GAcG;AAEH,gFAAgF;AAChF,MAAM,UAAU,UAAU,CAAC,GAAgB,EAAE,GAAgB;IAC3D,OAAO,iBAAiB,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;AACpC,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,IAA4B,EAAE,IAAiB;IACxE,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;AAC1D,CAAC;AAED,8EAA8E;AAC9E,MAAM,UAAU,SAAS,CAAC,IAA4B,EAAE,GAAgB;IACtE,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAA;AAChD,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,SAAS,CAAC,IAA4B,EAAE,IAAiB;IACvE,MAAM,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAA;IACpD,IAAI,CAAC,GAAG,CAAC;QAAE,OAAO,CAAC,GAAG,IAAI,EAAE,IAAI,CAAC,CAAA;IACjC,MAAM,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,CAAA;IACrB,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAA;IACb,OAAO,GAAG,CAAA;AACZ,CAAC","sourcesContent":["import { documentRefEquals } from '@elytracms/core/cms-core'\nimport type { CmsDocument, DocumentRef } from '@elytracms/core/cms-core'\n\n/**\n * By-ref document array helpers (EC-326) — a shared idiom over\n * `@elytracms/core/cms-core`'s `documentRefEquals`, replacing ~12 hand-inlined\n * `d.collection === x.collection && d.id === x.id` predicates across\n * `cms-store.tsx`, `bulk-actions.ts`, and `cell-edit.ts`.\n *\n * Two real shapes exist over a document array and must stay distinct:\n * - {@link replaceDoc}/{@link removeDoc} are pure, no-op-if-absent (an edit or\n *   delete of a document that's already gone from the session is a silent\n *   no-op, never an append).\n * - {@link upsertDoc} is replace-or-append — `saveDocument` and\n *   `importDocuments` rely on the append branch to create new documents; a\n *   naive `replaceDoc` there would silently stop those flows from ever adding\n *   a document to the session.\n */\n\n/** Does `doc` identify the same document as `ref` (collection + id, EC-017)? */\nexport function matchesRef(doc: DocumentRef, ref: DocumentRef): boolean {\n  return documentRefEquals(doc, ref)\n}\n\n/**\n * Replace the document matching `next`'s ref with `next`. A no-op (returns\n * `docs` unchanged) if no document with that ref exists — pure map-replace,\n * never appends.\n */\nexport function replaceDoc(docs: readonly CmsDocument[], next: CmsDocument): CmsDocument[] {\n  return docs.map((d) => (matchesRef(d, next) ? next : d))\n}\n\n/** Remove the document identified by `ref`, if present. A no-op otherwise. */\nexport function removeDoc(docs: readonly CmsDocument[], ref: DocumentRef): CmsDocument[] {\n  return docs.filter((d) => !matchesRef(d, ref))\n}\n\n/**\n * Replace the document matching `next`'s ref with `next`, or append it when\n * no match exists (upsert) — the shape `saveDocument` and the accepted-batch\n * fold of `importDocuments` need, so a create/import flow always lands the\n * document even on a session with no prior entry for that ref.\n */\nexport function upsertDoc(docs: readonly CmsDocument[], next: CmsDocument): CmsDocument[] {\n  const i = docs.findIndex((d) => matchesRef(d, next))\n  if (i < 0) return [...docs, next]\n  const out = [...docs]\n  out[i] = next\n  return out\n}\n"]}

package/dist/components/cms/document-url-path.d.ts

@@ -0,0 +1,39 @@
+import type { CmsDocument, CollectionDef, LocaleConfig, RouteRecord, UrlSegment } from '@elytracms/core/cms-core';
+/**
+ * One classified URL segment. An `ancestor` segment (with a `projectId` to build the
+ * link) navigates to that document's editor; a `static`/`current` segment — or an
+ * ancestor with no `projectId` (fixtures/no persistence) — is plain text, the current
+ * one highlighted. The single source of segment semantics for every surface.
+ */
+export declare function DocumentUrlSegment({ segment, projectId, collectionId, }: {
+    segment: UrlSegment;
+    projectId: string | undefined;
+    collectionId: string;
+}): import("react").JSX.Element;
+/**
+ * The detail-editor header's composed-URL row (0.0.42): a compact single line under
+ * the record title. The ancestor/static prefix ellipsizes gracefully on overflow (a
+ * real CSS ellipsis; the full path is the row tooltip) so the row NEVER wraps or
+ * pushes the header actions around; the leaf segment + open-live icon never shrink.
+ *
+ * `live` carries the published live-page affordance (header only), mirroring the
+ * retired "View live" button's gating exactly: `href` present → the leaf + external
+ * icon open the live page in a new tab; absent → the leaf is plain highlighted text
+ * and the icon is a muted, non-interactive hint carrying `title` (publish / set
+ * frontendUrl / loading). Omit `live` entirely on non-live surfaces.
+ */
+export declare function DocumentUrlPath({ projectId, collection, doc, siblings, routes, localeConfig, locale, live, className, }: {
+    projectId: string;
+    collection: CollectionDef;
+    doc: CmsDocument;
+    siblings: readonly CmsDocument[];
+    routes: readonly RouteRecord[];
+    localeConfig: LocaleConfig;
+    locale: string;
+    /** Published live-page affordance (header). Omitted → the leaf is plain text. */
+    live?: {
+        href?: string;
+        title: string;
+    };
+    className?: string;
+}): import("react").JSX.Element;

package/dist/components/cms/document-url-path.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ExternalLink } from 'lucide-react';
+import { resolveUrlSegments } from '@elytracms/core/cms-core';
+import { Link, STUDIO_PROJECT_ROUTE, studioPath } from '@elytracms/studio/router';
+import { Row } from '@elytracms/studio/ui';
+import { cn } from '@elytracms/studio/lib/utils';
+import { translate } from '@elytracms/studio/lib/i18n';
+/**
+ * 0.0.42 — the shared composed-URL segment surface (EC-315 "hybrid split", round 3).
+ *
+ * A document's URL is a first-class property, classified segment by segment:
+ *
+ *  - `ancestor` — a hierarchy-parent DOCUMENT's slug: a link to that document's
+ *    editor (autosave keeps the current edit safe on navigate);
+ *  - `static`  — a mount prefix or route-pattern literal (`blog` in `/blog/:slug`);
+ *  - `current` — this document's own slug segment (highlighted).
+ *
+ * ONE renderer feeds every surface — the detail-editor header path row
+ * ({@link DocumentUrlPath}) and the slug field's compact parent prefix (which reuses
+ * {@link DocumentUrlSegment}) — so a segment reads and behaves identically wherever
+ * it shows. Draft-derived (updates as you type); the published-gated live link on the
+ * header row is the sole open-live action, preserving the draft/live distinction.
+ */
+/** The `/` separator between segments (dimmed so the segments read as the content). */
+function Separator() {
+    return (_jsx("span", { "aria-hidden": true, className: "text-muted-foreground/50", children: "/" }));
+}
+/**
+ * One classified URL segment. An `ancestor` segment (with a `projectId` to build the
+ * link) navigates to that document's editor; a `static`/`current` segment — or an
+ * ancestor with no `projectId` (fixtures/no persistence) — is plain text, the current
+ * one highlighted. The single source of segment semantics for every surface.
+ */
+export function DocumentUrlSegment({ segment, projectId, collectionId, }) {
+    if (segment.kind === 'ancestor' && segment.documentId !== undefined && projectId !== undefined) {
+        return (_jsx(Link, { to: STUDIO_PROJECT_ROUTE, params: { projectId, _splat: studioPath.cmsDocument(collectionId, segment.documentId) }, title: translate('cms.relation.openTitle', { title: segment.text }), "data-testid": "doc-url-ancestor", className: "rounded px-0.5 text-primary hover:bg-primary/10 hover:underline", children: segment.text }));
+    }
+    return (_jsx("span", { className: cn('px-0.5', segment.kind === 'current' && 'font-medium text-foreground'), title: segment.kind === 'current' ? translate('cms.details.urlCurrent') : undefined, children: segment.text }));
+}
+/**
+ * The detail-editor header's composed-URL row (0.0.42): a compact single line under
+ * the record title. The ancestor/static prefix ellipsizes gracefully on overflow (a
+ * real CSS ellipsis; the full path is the row tooltip) so the row NEVER wraps or
+ * pushes the header actions around; the leaf segment + open-live icon never shrink.
+ *
+ * `live` carries the published live-page affordance (header only), mirroring the
+ * retired "View live" button's gating exactly: `href` present → the leaf + external
+ * icon open the live page in a new tab; absent → the leaf is plain highlighted text
+ * and the icon is a muted, non-interactive hint carrying `title` (publish / set
+ * frontendUrl / loading). Omit `live` entirely on non-live surfaces.
+ */
+export function DocumentUrlPath({ projectId, collection, doc, siblings, routes, localeConfig, locale, live, className, }) {
+    const segments = resolveUrlSegments({ routes: [...routes], localeConfig }, collection, doc, { siblings, locale });
+    const fullPath = segments.length === 0 ? '/' : `/${segments.map((s) => s.text).join('/')}`;
+    // The leaf is this page; everything before it is the (truncatable) context prefix.
+    const prefix = segments.slice(0, -1);
+    const leaf = segments[segments.length - 1];
+    return (_jsxs(Row, { gap: "none", align: "center", className: cn('min-w-0 flex-nowrap font-mono text-xs text-muted-foreground', className), title: fullPath, "data-testid": "header-url", children: [_jsx("span", { className: "block min-w-0 shrink overflow-hidden text-ellipsis whitespace-nowrap", children: prefix.map((seg, i) => (_jsxs("span", { children: [_jsx(Separator, {}), _jsx(DocumentUrlSegment, { segment: seg, projectId: projectId, collectionId: collection.id })] }, `${seg.text}-${i}`))) }), _jsxs("span", { className: "inline-flex shrink-0 items-center", children: [_jsx(Separator, {}), live?.href ? (_jsxs("a", { href: live.href, target: "_blank", rel: "noreferrer", title: live.title, "data-testid": "header-live-link", className: "inline-flex items-center gap-0.5 rounded px-0.5 font-medium text-foreground hover:bg-primary/10 hover:text-primary hover:underline", children: [leaf?.text ?? '', _jsx(ExternalLink, { className: "size-3", "aria-hidden": true })] })) : (_jsxs("span", { className: "inline-flex items-center gap-0.5 px-0.5", children: [leaf !== undefined ? (_jsx("span", { className: "font-medium text-foreground", title: translate('cms.details.urlCurrent'), children: leaf.text })) : null, live ? (_jsx("span", { title: live.title, "aria-label": live.title, "data-testid": "header-live-link-disabled", className: "inline-flex text-muted-foreground/40", children: _jsx(ExternalLink, { className: "size-3", "aria-hidden": true }) })) : null] }))] })] }));
+}
+//# sourceMappingURL=document-url-path.js.map

package/dist/components/cms/document-url-path.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"document-url-path.js","sourceRoot":"","sources":["../../../src/components/cms/document-url-path.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ExternalLink } from 'lucide-react'\nimport { resolveUrlSegments } from '@elytracms/core/cms-core'\nimport type {\n  CmsDocument,\n  CollectionDef,\n  LocaleConfig,\n  RouteRecord,\n  UrlSegment,\n} from '@elytracms/core/cms-core'\nimport { Link, STUDIO_PROJECT_ROUTE, studioPath } from '@elytracms/studio/router'\nimport { Row } from '@elytracms/studio/ui'\nimport { cn } from '@elytracms/studio/lib/utils'\nimport { translate } from '@elytracms/studio/lib/i18n'\n\n/**\n * 0.0.42 — the shared composed-URL segment surface (EC-315 \"hybrid split\", round 3).\n *\n * A document's URL is a first-class property, classified segment by segment:\n *\n *  - `ancestor` — a hierarchy-parent DOCUMENT's slug: a link to that document's\n *    editor (autosave keeps the current edit safe on navigate);\n *  - `static`  — a mount prefix or route-pattern literal (`blog` in `/blog/:slug`);\n *  - `current` — this document's own slug segment (highlighted).\n *\n * ONE renderer feeds every surface — the detail-editor header path row\n * ({@link DocumentUrlPath}) and the slug field's compact parent prefix (which reuses\n * {@link DocumentUrlSegment}) — so a segment reads and behaves identically wherever\n * it shows. Draft-derived (updates as you type); the published-gated live link on the\n * header row is the sole open-live action, preserving the draft/live distinction.\n */\n\n/** The `/` separator between segments (dimmed so the segments read as the content). */\nfunction Separator() {\n  return (\n    <span aria-hidden className=\"text-muted-foreground/50\">\n      /\n    </span>\n  )\n}\n\n/**\n * One classified URL segment. An `ancestor` segment (with a `projectId` to build the\n * link) navigates to that document's editor; a `static`/`current` segment — or an\n * ancestor with no `projectId` (fixtures/no persistence) — is plain text, the current\n * one highlighted. The single source of segment semantics for every surface.\n */\nexport function DocumentUrlSegment({\n  segment,\n  projectId,\n  collectionId,\n}: {\n  segment: UrlSegment\n  projectId: string | undefined\n  collectionId: string\n}) {\n  if (segment.kind === 'ancestor' && segment.documentId !== undefined && projectId !== undefined) {\n    return (\n      <Link\n        to={STUDIO_PROJECT_ROUTE}\n        params={{ projectId, _splat: studioPath.cmsDocument(collectionId, segment.documentId) }}\n        title={translate('cms.relation.openTitle', { title: segment.text })}\n        data-testid=\"doc-url-ancestor\"\n        className=\"rounded px-0.5 text-primary hover:bg-primary/10 hover:underline\"\n      >\n        {segment.text}\n      </Link>\n    )\n  }\n  return (\n    <span\n      className={cn('px-0.5', segment.kind === 'current' && 'font-medium text-foreground')}\n      title={segment.kind === 'current' ? translate('cms.details.urlCurrent') : undefined}\n    >\n      {segment.text}\n    </span>\n  )\n}\n\n/**\n * The detail-editor header's composed-URL row (0.0.42): a compact single line under\n * the record title. The ancestor/static prefix ellipsizes gracefully on overflow (a\n * real CSS ellipsis; the full path is the row tooltip) so the row NEVER wraps or\n * pushes the header actions around; the leaf segment + open-live icon never shrink.\n *\n * `live` carries the published live-page affordance (header only), mirroring the\n * retired \"View live\" button's gating exactly: `href` present → the leaf + external\n * icon open the live page in a new tab; absent → the leaf is plain highlighted text\n * and the icon is a muted, non-interactive hint carrying `title` (publish / set\n * frontendUrl / loading). Omit `live` entirely on non-live surfaces.\n */\nexport function DocumentUrlPath({\n  projectId,\n  collection,\n  doc,\n  siblings,\n  routes,\n  localeConfig,\n  locale,\n  live,\n  className,\n}: {\n  projectId: string\n  collection: CollectionDef\n  doc: CmsDocument\n  siblings: readonly CmsDocument[]\n  routes: readonly RouteRecord[]\n  localeConfig: LocaleConfig\n  locale: string\n  /** Published live-page affordance (header). Omitted → the leaf is plain text. */\n  live?: { href?: string; title: string }\n  className?: string\n}) {\n  const segments = resolveUrlSegments(\n    { routes: [...routes], localeConfig },\n    collection,\n    doc,\n    { siblings, locale },\n  )\n  const fullPath = segments.length === 0 ? '/' : `/${segments.map((s) => s.text).join('/')}`\n  // The leaf is this page; everything before it is the (truncatable) context prefix.\n  const prefix = segments.slice(0, -1)\n  const leaf = segments[segments.length - 1]\n\n  return (\n    <Row\n      gap=\"none\"\n      align=\"center\"\n      className={cn('min-w-0 flex-nowrap font-mono text-xs text-muted-foreground', className)}\n      title={fullPath}\n      data-testid=\"header-url\"\n    >\n      {/* Prefix — locale/static/ancestor segments before the leaf. A block with inline\n          children so `text-overflow: ellipsis` clips the ANCESTORS (not the leaf) when\n          the path is too long; `min-w-0` lets it shrink inside the flex row. */}\n      <span className=\"block min-w-0 shrink overflow-hidden text-ellipsis whitespace-nowrap\">\n        {prefix.map((seg, i) => (\n          <span key={`${seg.text}-${i}`}>\n            <Separator />\n            <DocumentUrlSegment segment={seg} projectId={projectId} collectionId={collection.id} />\n          </span>\n        ))}\n      </span>\n      {/* Leaf + live affordance — never shrinks, so the current page and the open-live\n          icon stay visible even when the ancestors ellipsize. */}\n      <span className=\"inline-flex shrink-0 items-center\">\n        <Separator />\n        {live?.href ? (\n          <a\n            href={live.href}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            title={live.title}\n            data-testid=\"header-live-link\"\n            className=\"inline-flex items-center gap-0.5 rounded px-0.5 font-medium text-foreground hover:bg-primary/10 hover:text-primary hover:underline\"\n          >\n            {leaf?.text ?? ''}\n            <ExternalLink className=\"size-3\" aria-hidden />\n          </a>\n        ) : (\n          <span className=\"inline-flex items-center gap-0.5 px-0.5\">\n            {leaf !== undefined ? (\n              <span className=\"font-medium text-foreground\" title={translate('cms.details.urlCurrent')}>\n                {leaf.text}\n              </span>\n            ) : null}\n            {live ? (\n              <span\n                title={live.title}\n                aria-label={live.title}\n                data-testid=\"header-live-link-disabled\"\n                className=\"inline-flex text-muted-foreground/40\"\n              >\n                <ExternalLink className=\"size-3\" aria-hidden />\n              </span>\n            ) : null}\n          </span>\n        )}\n      </span>\n    </Row>\n  )\n}\n"]}

package/dist/components/cms/field-control.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { AlertTriangle, ChevronDown, ChevronUp, GripVertical, ImagePlus, Link2, MoreHorizontal, Pencil, Plus, RotateCcw, RotateCw, SlidersHorizontal, Trash2, Upload, X } from 'lucide-react';
 import { createContext, useContext, useEffect, useMemo, useRef, useState } from 'react';
 import { Link, STUDIO_PROJECT_ROUTE, studioPath } from '@elytracms/studio/router';
-import { BUILTIN_FIELD_CONTROLS, applySlugify, assetAcceptAttr, assetMatchesAccept, assetNode, assetSubfieldsOf, describeAccept, descendantIds, findSlugCollision, isFieldHidden, parentRelationField, readAssetId, resolveSlugPath, slugSourceValue, } from '@elytracms/core/cms-core';
+import { BUILTIN_FIELD_CONTROLS, applySlugify, assetAcceptAttr, assetMatchesAccept, assetNode, assetSubfieldsOf, describeAccept, descendantIds, findSlugCollision, isFieldHidden, parentRelationField, readAssetId, resolveSlugPath, resolveUrlSegments, slugSourceValue, } from '@elytracms/core/cms-core';
 import { resolveDeploymentRoutes } from '@elytracms/studio/lib/workspace';
 import { Button, Card, Code, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, Field, Input, Row, RowItem, Select, Spacer, Stack, Text, } from '@elytracms/studio/ui';
 import { cn } from '@elytracms/studio/lib/utils';
@@ -13,7 +13,7 @@ import { useOptionalAssets } from '../assets/assets-store';
 import { AssetThumb, FocalCropPreviews, FocalPointPicker, useAssetRecord } from '../assets/asset-thumb';
 import { newlyAddedAssetIds } from '../assets/focal-point';
 import { assetMetaFieldsOf, pruneMeta } from '../assets/asset-metadata';
-import { fieldLabel } from './cms-store';
+import { fieldLabel } from './cms-labels';
 import { useCollectionView } from '../collection-view/collection-view-context';
 import { useFieldDensity } from './field-density';
 import { useOptionalDocumentEditor } from './document-editor-context';
@@ -21,6 +21,7 @@ import { toRefArray } from './cell';
 import { RelationPicker } from './relation-picker';
 import { AssetPicker } from './asset-picker';
 import { RichTextEditor } from './rich-text';
+import { DocumentUrlSegment } from './document-url-path';
 import { FieldRendererBoundary, FieldRendererIssue, useFieldRenderers, } from './field-renderer';
 /**
  * The document-editor field control. Resolves a project's custom renderer by the
@@ -182,6 +183,14 @@ function SlugField({ field, value, onChange, readOnly, id, }) {
     const parts = draft && routable
         ? resolveSlugPath({ routes, localeConfig }, source.schema, draft, { siblings, locale })
         : undefined;
+    // The classified context segments (0.0.42, round 3) — the same `resolveUrlSegments`
+    // the header URL row uses, so the slug prefix and the header path attribute each
+    // segment identically. Everything before this document's own `current` slug is the
+    // context prefix; its LAST segment is the immediate parent shown in the compact pill.
+    const contextSegments = draft && routable
+        ? resolveUrlSegments({ routes, localeConfig }, source.schema, draft, { siblings, locale }).filter((s) => s.kind !== 'current')
+        : [];
+    const lastContext = contextSegments[contextSegments.length - 1];
     // Default (sync) uniqueness — the first colliding sibling's title, or null.
     const defaultCollisionTitle = useMemo(() => {
         if (slugConfig?.unique || !draft)
@@ -247,17 +256,14 @@ function SlugField({ field, value, onChange, readOnly, id, }) {
     }
     const input = (_jsx(Input, { id: id, disabled: readOnly, value: current, placeholder: derived || undefined, onChange: (e) => handleInput(e.target.value), className: cn(parts ? 'h-7 min-w-[10ch] flex-1 bg-background font-mono text-xs' : 'flex-1') }));
     const regenerateButton = !readOnly ? (_jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", onClick: regenerate, "aria-label": translate('cms.field.slug.regenerate'), title: translate('cms.field.slug.regenerate'), children: _jsx(RotateCw, {}) })) : null;
-    // The compact, ellipsized read-only prefix (0.0.39 "hybrid split"): only the LAST
-    // context segment (`…/produkte/`), so a deep path can't overflow the narrow Details
-    // sidebar. The full composed path is the tooltip AND the document-level URL row in
-    // the Details pane (which owns the composed URL — a first-class document property).
-    const prefixSegments = parts
-        ? [...(parts.localePrefix ? [parts.localePrefix] : []), ...parts.parentSegments]
-        : [];
-    const lastSegment = prefixSegments[prefixSegments.length - 1];
-    const compactPrefix = lastSegment ? `${prefixSegments.length > 1 ? '…/' : '/'}${lastSegment}/` : '/';
-    const prefixTitle = parts?.path ?? (prefixSegments.length > 0 ? `/${prefixSegments.join('/')}/` : '/');
-    return (_jsxs(Stack, { gap: "2", children: [parts ? (_jsxs(Row, { gap: "1", align: "center", "data-testid": "slug-composed-path", children: [_jsx("span", { className: "shrink-0 rounded bg-muted/40 px-1.5 py-1 font-mono text-xs text-muted-foreground ring-1 ring-inset ring-border", title: prefixTitle, "data-testid": "slug-prefix", children: compactPrefix }), input, regenerateButton] })) : (_jsxs(Row, { gap: "1", align: "center", children: [input, regenerateButton] })), collisionMessage ? (_jsxs(Row, { gap: "1", align: "center", "data-testid": "slug-collision", children: [_jsx(AlertTriangle, { className: "size-3.5 shrink-0 text-warning", "aria-hidden": true }), _jsx(Text, { size: "xs", tone: "muted", children: collisionMessage })] })) : null] }));
+    // The compact, ellipsized read-only prefix (0.0.39 "hybrid split", round-3 clickable):
+    // only the LAST context segment (`…/produkte/`) so a deep path can't overflow the
+    // narrow Details sidebar — but that shown segment is now CLICKABLE with the same
+    // navigation semantics as the header URL row (an ancestor DOCUMENT links to its
+    // editor; a static route literal stays plain). The full composed path is the tooltip.
+    const prefixTitle = parts?.path ??
+        (contextSegments.length > 0 ? `/${contextSegments.map((s) => s.text).join('/')}/` : '/');
+    return (_jsxs(Stack, { gap: "2", children: [parts ? (_jsxs(Row, { gap: "1", align: "center", "data-testid": "slug-composed-path", children: [_jsx("span", { className: "inline-flex min-w-0 shrink-0 items-center rounded bg-muted/40 px-1.5 py-1 font-mono text-xs text-muted-foreground ring-1 ring-inset ring-border", title: prefixTitle, "data-testid": "slug-prefix", children: contextSegments.length === 0 ? (_jsx("span", { "aria-hidden": true, className: "text-muted-foreground/50", children: "/" })) : (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": true, className: "text-muted-foreground/50", children: contextSegments.length > 1 ? '…/' : '/' }), lastContext ? (_jsx(DocumentUrlSegment, { segment: lastContext, projectId: editor?.projectId, collectionId: source.collectionId })) : null, _jsx("span", { "aria-hidden": true, className: "text-muted-foreground/50", children: "/" })] })) }), input, regenerateButton] })) : (_jsxs(Row, { gap: "1", align: "center", children: [input, regenerateButton] })), collisionMessage ? (_jsxs(Row, { gap: "1", align: "center", "data-testid": "slug-collision", children: [_jsx(AlertTriangle, { className: "size-3.5 shrink-0 text-warning", "aria-hidden": true }), _jsx(Text, { size: "xs", tone: "muted", children: collisionMessage })] })) : null] }));
 }
 function asRecord(value) {
     return value !== null && typeof value === 'object' && !Array.isArray(value)