@elytracms/studio 0.0.31 → 0.0.33

package/dist/components/cms/filter-builder.js

@@ -3,6 +3,7 @@ import { useState } from 'react';
 import { ListFilter, X } from 'lucide-react';
 import { Button, Popover, PopoverAnchor, PopoverContent, Row, Select, Spacer, Stack, Text, } from '@elytracms/studio/ui';
 import { cn } from '@elytracms/studio/lib/utils';
+import { translate } from '@elytracms/studio/lib/i18n';
 import { OPERATOR_LABELS, STATE_FIELD, defaultClause, filterableFieldOptions, operatorsFor, scalarListFromText, scalarListToText, validateClauses, } from '@elytracms/studio/lib/cms-views';
 import { useCollectionView } from '../collection-view/collection-view-context';
 import { DraftValueInput, ScalarFieldValueEditor } from './scalar-value-editor';
@@ -12,9 +13,9 @@ import { DraftValueInput, ScalarFieldValueEditor } from './scalar-value-editor';
  */
 export function summarizeFilters(filters, options) {
     if (filters.length === 0)
-        return 'Filter';
+        return translate('cms.filter.button');
     if (filters.length > 1)
-        return `${filters.length} filters`;
+        return translate('cms.filter.summaryMultiple', { count: filters.length });
     const clause = filters[0];
     const label = options.find((option) => option.field === clause.field)?.label ?? clause.field;
     const value = Array.isArray(clause.value) ? clause.value.join(', ') : String(clause.value);
@@ -43,7 +44,7 @@ export function FilterControl({ collection }) {
         source.setViewState((prev) => ({ ...prev, filters: [] }));
         setOpen(false);
     }
-    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverAnchor, { asChild: true, children: _jsx("div", { className: "inline-flex items-center", children: filters.length === 0 ? (_jsxs(Button, { variant: "ghost", size: "sm", "data-testid": "filter-entry", onClick: addFirstClause, children: [_jsx(ListFilter, {}), " Filter"] })) : (_jsxs("div", { className: cn('inline-flex items-center gap-0.5 rounded-md border border-dashed border-primary/40', 'bg-primary/5 py-0.5 pl-2 pr-0.5 text-xs'), "data-testid": "filter-chip", children: [_jsx("button", { type: "button", className: "max-w-[220px] truncate text-foreground", onClick: () => setOpen(true), "data-testid": "filter-chip-edit", children: summarizeFilters(filters, options) }), _jsx("button", { type: "button", "aria-label": "Clear filter", className: "rounded-sm p-0.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground", onClick: clearAll, "data-testid": "filter-chip-clear", children: _jsx(X, { className: "size-3.5" }) })] })) }) }), _jsx(PopoverContent, { align: "start", className: "w-[min(92vw,440px)]", children: _jsxs(Stack, { gap: "2", children: [_jsxs(Row, { gap: "2", align: "center", children: [_jsx(Text, { as: "span", size: "xs", tone: "muted", className: "uppercase tracking-wide", children: "Refine \u00B7 this session" }), _jsx(Spacer, {}), filters.length > 0 ? (_jsx(Button, { variant: "ghost", size: "sm", onClick: clearAll, "data-testid": "filter-clear-all", children: "Clear all" })) : null] }), _jsx(FilterBuilder, { collection: collection })] }) })] }));
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverAnchor, { asChild: true, children: _jsx("div", { className: "inline-flex items-center", children: filters.length === 0 ? (_jsxs(Button, { variant: "ghost", size: "sm", "data-testid": "filter-entry", onClick: addFirstClause, children: [_jsx(ListFilter, {}), " ", translate('cms.filter.button')] })) : (_jsxs("div", { className: cn('inline-flex items-center gap-0.5 rounded-md border border-dashed border-primary/40', 'bg-primary/5 py-0.5 pl-2 pr-0.5 text-xs'), "data-testid": "filter-chip", children: [_jsx("button", { type: "button", className: "max-w-[220px] truncate text-foreground", onClick: () => setOpen(true), "data-testid": "filter-chip-edit", children: summarizeFilters(filters, options) }), _jsx("button", { type: "button", "aria-label": translate('cms.filter.clearAria'), className: "rounded-sm p-0.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground", onClick: clearAll, "data-testid": "filter-chip-clear", children: _jsx(X, { className: "size-3.5" }) })] })) }) }), _jsx(PopoverContent, { align: "start", className: "w-[min(92vw,440px)]", children: _jsxs(Stack, { gap: "2", children: [_jsxs(Row, { gap: "2", align: "center", children: [_jsx(Text, { as: "span", size: "xs", tone: "muted", className: "uppercase tracking-wide", children: translate('cms.filter.refineSession') }), _jsx(Spacer, {}), filters.length > 0 ? (_jsx(Button, { variant: "ghost", size: "sm", onClick: clearAll, "data-testid": "filter-clear-all", children: translate('cms.filter.clearAll') })) : null] }), _jsx(FilterBuilder, { collection: collection })] }) })] }));
 }
 /**
  * The filter builder of the collection table (EC-169). Strictly the closed
@@ -64,7 +65,7 @@ export function FilterBuilder({ collection }) {
     function updateFilters(update) {
         source.setViewState((prev) => ({ ...prev, filters: update(prev.filters) }));
     }
-    return (_jsxs(Row, { gap: "2", wrap: true, align: "start", "data-testid": "filter-builder", children: [state.filters.map((clause, index) => (_jsx(FilterClauseRow, { clause: clause, index: index, options: options, issue: issues.find((issue) => issue.index === index) ?? null, onChange: (next) => updateFilters((filters) => filters.map((c, i) => (i === index ? next : c))), onRemove: () => updateFilters((filters) => filters.filter((_, i) => i !== index)) }, index))), _jsxs(Button, { variant: "ghost", size: "sm", "data-testid": "add-filter", onClick: () => updateFilters((filters) => [...filters, defaultClause(options[0])]), children: [_jsx(ListFilter, {}), " Add filter"] }), state.filters.length > 1 ? (_jsx(Text, { as: "span", size: "xs", tone: "subtle", className: "self-center", children: "all conditions must match (AND)" })) : null] }));
+    return (_jsxs(Row, { gap: "2", wrap: true, align: "start", "data-testid": "filter-builder", children: [state.filters.map((clause, index) => (_jsx(FilterClauseRow, { clause: clause, index: index, options: options, issue: issues.find((issue) => issue.index === index) ?? null, onChange: (next) => updateFilters((filters) => filters.map((c, i) => (i === index ? next : c))), onRemove: () => updateFilters((filters) => filters.filter((_, i) => i !== index)) }, index))), _jsxs(Button, { variant: "ghost", size: "sm", "data-testid": "add-filter", onClick: () => updateFilters((filters) => [...filters, defaultClause(options[0])]), children: [_jsx(ListFilter, {}), " ", translate('cms.filter.add')] }), state.filters.length > 1 ? (_jsx(Text, { as: "span", size: "xs", tone: "subtle", className: "self-center", children: translate('cms.filter.andHint') })) : null] }));
 }
 /** One AND-condition: field · operator · value, plus its validation issue. */
 function FilterClauseRow({ clause, index, options, issue, onChange, onRemove, }) {
@@ -85,19 +86,19 @@ function FilterClauseRow({ clause, index, options, issue, onChange, onRemove, })
             onChange({ ...clause, op, value: scalar });
         }
     }
-    return (_jsxs(Stack, { gap: "1", "data-testid": `filter-clause-${index}`, children: [_jsxs(Row, { gap: "1", className: "rounded-md border border-border bg-muted/30 p-1", "aria-invalid": issue ? true : undefined, children: [_jsxs(Select, { "aria-label": "Filter field", value: option ? clause.field : '', onChange: (event) => changeField(event.target.value), className: "h-7 w-auto py-0 text-xs", "data-testid": `filter-field-${index}`, children: [option ? null : (_jsx("option", { value: "", disabled: true, children: clause.field })), options.map((candidate) => (_jsx("option", { value: candidate.field, children: candidate.label }, candidate.field)))] }), _jsx(Select, { "aria-label": "Filter operator", value: clause.op, onChange: (event) => changeOperator(event.target.value), className: "h-7 w-auto py-0 text-xs", "data-testid": `filter-op-${index}`, children: operators.map((op) => (_jsx("option", { value: op, children: OPERATOR_LABELS[op] }, op))) }), _jsx(ClauseValueEditor, { option: option, clause: clause, index: index, onChange: onChange }, `${clause.field}:${clause.op}`), _jsx(Button, { variant: "ghost", size: "icon-sm", "aria-label": "Remove filter", "data-testid": `filter-remove-${index}`, onClick: onRemove, children: _jsx(X, {}) })] }), issue ? (_jsx(Text, { size: "xs", className: "text-destructive", "data-testid": `filter-issue-${index}`, children: issue.message })) : null] }));
+    return (_jsxs(Stack, { gap: "1", "data-testid": `filter-clause-${index}`, children: [_jsxs(Row, { gap: "1", className: "rounded-md border border-border bg-muted/30 p-1", "aria-invalid": issue ? true : undefined, children: [_jsxs(Select, { "aria-label": translate('cms.filter.fieldAria'), value: option ? clause.field : '', onChange: (event) => changeField(event.target.value), className: "h-7 w-auto py-0 text-xs", "data-testid": `filter-field-${index}`, children: [option ? null : (_jsx("option", { value: "", disabled: true, children: clause.field })), options.map((candidate) => (_jsx("option", { value: candidate.field, children: candidate.label }, candidate.field)))] }), _jsx(Select, { "aria-label": translate('cms.filter.operatorAria'), value: clause.op, onChange: (event) => changeOperator(event.target.value), className: "h-7 w-auto py-0 text-xs", "data-testid": `filter-op-${index}`, children: operators.map((op) => (_jsx("option", { value: op, children: OPERATOR_LABELS[op] }, op))) }), _jsx(ClauseValueEditor, { option: option, clause: clause, index: index, onChange: onChange }, `${clause.field}:${clause.op}`), _jsx(Button, { variant: "ghost", size: "icon-sm", "aria-label": translate('cms.filter.remove'), "data-testid": `filter-remove-${index}`, onClick: onRemove, children: _jsx(X, {}) })] }), issue ? (_jsx(Text, { size: "xs", className: "text-destructive", "data-testid": `filter-issue-${index}`, children: issue.message })) : null] }));
 }
 /** The typed value input for a clause (closed per field type and operator). */
 function ClauseValueEditor({ option, clause, index, onChange, }) {
     const testId = `filter-value-${index}`;
     if (clause.op === 'in') {
-        return (_jsx(DraftValueInput, { ariaLabel: "Filter value", initial: scalarListToText(clause.value), placeholder: "value, value, \u2026", testId: testId, onText: (raw) => onChange({ ...clause, value: scalarListFromText(option, raw) }) }));
+        return (_jsx(DraftValueInput, { ariaLabel: translate('cms.filter.valueAria'), initial: scalarListToText(clause.value), placeholder: translate('cms.filter.valueListPlaceholder'), testId: testId, onText: (raw) => onChange({ ...clause, value: scalarListFromText(option, raw) }) }));
     }
     const scalar = Array.isArray(clause.value) ? (clause.value[0] ?? '') : clause.value;
     if (clause.field === STATE_FIELD || option?.def === null) {
-        return (_jsxs(Select, { "aria-label": "Filter value", value: String(scalar), onChange: (event) => onChange({ ...clause, value: event.target.value }), className: "h-7 w-auto py-0 text-xs", "data-testid": testId, children: [_jsx("option", { value: "published", children: "published" }), _jsx("option", { value: "draft", children: "draft" })] }));
+        return (_jsxs(Select, { "aria-label": translate('cms.filter.valueAria'), value: String(scalar), onChange: (event) => onChange({ ...clause, value: event.target.value }), className: "h-7 w-auto py-0 text-xs", "data-testid": testId, children: [_jsx("option", { value: "published", children: translate('cms.filter.state.published') }), _jsx("option", { value: "draft", children: translate('cms.filter.state.draft') })] }));
     }
     // Every concrete scalar field shares the bulk set-field control (EC-247).
-    return (_jsx(ScalarFieldValueEditor, { option: option, value: scalar, ariaLabel: "Filter value", testId: testId, onChange: (value) => onChange({ ...clause, value }) }));
+    return (_jsx(ScalarFieldValueEditor, { option: option, value: scalar, ariaLabel: translate('cms.filter.valueAria'), testId: testId, onChange: (value) => onChange({ ...clause, value }) }));
 }
 //# sourceMappingURL=filter-builder.js.map

package/dist/components/cms/filter-builder.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-builder.js","sourceRoot":"","sources":["../../../src/components/cms/filter-builder.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from 'react'\nimport { ListFilter, X } from 'lucide-react'\nimport type { CollectionDef } from '@elytracms/core/cms-core'\nimport type { FilterOperator } from '@elytracms/core/content'\nimport {\n  Button,\n  Popover,\n  PopoverAnchor,\n  PopoverContent,\n  Row,\n  Select,\n  Spacer,\n  Stack,\n  Text,\n} from '@elytracms/studio/ui'\nimport { cn } from '@elytracms/studio/lib/utils'\nimport {\n  OPERATOR_LABELS,\n  STATE_FIELD,\n  defaultClause,\n  filterableFieldOptions,\n  operatorsFor,\n  scalarListFromText,\n  scalarListToText,\n  validateClauses,\n} from '@elytracms/studio/lib/cms-views'\nimport type { ClauseIssue, FilterClause, FilterableFieldOption } from '@elytracms/studio/lib/cms-views'\nimport { useCollectionView } from '../collection-view/collection-view-context'\nimport { DraftValueInput, ScalarFieldValueEditor } from './scalar-value-editor'\n\n/**\n * A one-line summary of the active filter for the chip face (EC-246b): the\n * single condition read out (\"Status equals news\"), or \"N filters\" for several.\n */\nexport function summarizeFilters(\n  filters: readonly FilterClause[],\n  options: readonly FilterableFieldOption[],\n): string {\n  if (filters.length === 0) return 'Filter'\n  if (filters.length > 1) return `${filters.length} filters`\n  const clause = filters[0]!\n  const label = options.find((option) => option.field === clause.field)?.label ?? clause.field\n  const value = Array.isArray(clause.value) ? clause.value.join(', ') : String(clause.value)\n  return `${label} ${OPERATOR_LABELS[clause.op]} ${value}`.trim()\n}\n\n/**\n * The collection filter entry (EC-246b) — a transient, ad-hoc refine that lives\n * beside the view tabs, not inline. With no active filter it's a compact\n * \"Filter\" button; once refining it's a dashed accent **chip** (distinct from\n * the solid view tabs — a filter is a session lens, not a saved one) whose face\n * opens the condition editor in a **popover** (the table stays visible and\n * updates live) and whose ✕ clears it. Shared/saved views are config-as-code.\n */\nexport function FilterControl({ collection }: { collection: CollectionDef }) {\n  const source = useCollectionView()\n  const filters = source.viewState().filters\n  const options = filterableFieldOptions(collection)\n  const [open, setOpen] = useState(false)\n\n  function addFirstClause() {\n    source.setViewState((prev) =>\n      prev.filters.length > 0\n        ? prev\n        : { ...prev, filters: [...prev.filters, defaultClause(options[0]!)] },\n    )\n    setOpen(true)\n  }\n\n  function clearAll() {\n    source.setViewState((prev) => ({ ...prev, filters: [] }))\n    setOpen(false)\n  }\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      {/* Stable anchor so positioning doesn't jump as the trigger morphs button↔chip. */}\n      <PopoverAnchor asChild>\n        <div className=\"inline-flex items-center\">\n          {filters.length === 0 ? (\n            <Button variant=\"ghost\" size=\"sm\" data-testid=\"filter-entry\" onClick={addFirstClause}>\n              <ListFilter /> Filter\n            </Button>\n          ) : (\n            <div\n              className={cn(\n                'inline-flex items-center gap-0.5 rounded-md border border-dashed border-primary/40',\n                'bg-primary/5 py-0.5 pl-2 pr-0.5 text-xs',\n              )}\n              data-testid=\"filter-chip\"\n            >\n              <button\n                type=\"button\"\n                className=\"max-w-[220px] truncate text-foreground\"\n                onClick={() => setOpen(true)}\n                data-testid=\"filter-chip-edit\"\n              >\n                {summarizeFilters(filters, options)}\n              </button>\n              <button\n                type=\"button\"\n                aria-label=\"Clear filter\"\n                className=\"rounded-sm p-0.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n                onClick={clearAll}\n                data-testid=\"filter-chip-clear\"\n              >\n                <X className=\"size-3.5\" />\n              </button>\n            </div>\n          )}\n        </div>\n      </PopoverAnchor>\n      <PopoverContent align=\"start\" className=\"w-[min(92vw,440px)]\">\n        <Stack gap=\"2\">\n          <Row gap=\"2\" align=\"center\">\n            <Text as=\"span\" size=\"xs\" tone=\"muted\" className=\"uppercase tracking-wide\">\n              Refine · this session\n            </Text>\n            <Spacer />\n            {filters.length > 0 ? (\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={clearAll}\n                data-testid=\"filter-clear-all\"\n              >\n                Clear all\n              </Button>\n            ) : null}\n          </Row>\n          <FilterBuilder collection={collection} />\n        </Stack>\n      </PopoverContent>\n    </Popover>\n  )\n}\n\n/**\n * The filter builder of the collection table (EC-169). Strictly the closed\n * AD-3 vocabulary: it offers ONLY schema-`filterable` fields (plus the\n * built-in publication state), only `eq`/`in`/`lt`/`lte`/`gt`/`gte`, and\n * conditions combine with AND — there is no OR, no nesting, no free-text\n * query input. Clauses that no longer validate (e.g. a saved view whose field\n * lost its `filterable` flag) are flagged inline and excluded from matching.\n * Rendered inside {@link FilterControl}'s popover (EC-246b).\n */\nexport function FilterBuilder({ collection }: { collection: CollectionDef }) {\n  const source = useCollectionView()\n  const state = source.viewState()\n  const options = filterableFieldOptions(collection)\n  const issues = validateClauses(collection, state.filters)\n\n  // Always update through the previous state — render snapshots go stale\n  // across rapid successive events (sort clicks, column toggles).\n  function updateFilters(update: (filters: FilterClause[]) => FilterClause[]) {\n    source.setViewState((prev) => ({ ...prev, filters: update(prev.filters) }))\n  }\n\n  return (\n    <Row gap=\"2\" wrap align=\"start\" data-testid=\"filter-builder\">\n      {state.filters.map((clause, index) => (\n        <FilterClauseRow\n          key={index}\n          clause={clause}\n          index={index}\n          options={options}\n          issue={issues.find((issue) => issue.index === index) ?? null}\n          onChange={(next) => updateFilters((filters) => filters.map((c, i) => (i === index ? next : c)))}\n          onRemove={() => updateFilters((filters) => filters.filter((_, i) => i !== index))}\n        />\n      ))}\n      <Button\n        variant=\"ghost\"\n        size=\"sm\"\n        data-testid=\"add-filter\"\n        onClick={() => updateFilters((filters) => [...filters, defaultClause(options[0]!)])}\n      >\n        <ListFilter /> Add filter\n      </Button>\n      {state.filters.length > 1 ? (\n        <Text as=\"span\" size=\"xs\" tone=\"subtle\" className=\"self-center\">\n          all conditions must match (AND)\n        </Text>\n      ) : null}\n    </Row>\n  )\n}\n\n/** One AND-condition: field · operator · value, plus its validation issue. */\nfunction FilterClauseRow({\n  clause,\n  index,\n  options,\n  issue,\n  onChange,\n  onRemove,\n}: {\n  clause: FilterClause\n  index: number\n  options: FilterableFieldOption[]\n  issue: ClauseIssue | null\n  onChange: (clause: FilterClause) => void\n  onRemove: () => void\n}) {\n  const option = options.find((candidate) => candidate.field === clause.field)\n  const operators = option ? operatorsFor(option) : [clause.op]\n\n  function changeField(field: string) {\n    const next = options.find((candidate) => candidate.field === field)\n    if (next) onChange(defaultClause(next))\n  }\n\n  function changeOperator(op: FilterOperator) {\n    if (op === 'in') {\n      const list = Array.isArray(clause.value) ? clause.value : [clause.value]\n      onChange({ ...clause, op, value: list.filter((value) => value !== '') })\n    } else {\n      const scalar = Array.isArray(clause.value) ? (clause.value[0] ?? '') : clause.value\n      onChange({ ...clause, op, value: scalar })\n    }\n  }\n\n  return (\n    <Stack gap=\"1\" data-testid={`filter-clause-${index}`}>\n      <Row\n        gap=\"1\"\n        className=\"rounded-md border border-border bg-muted/30 p-1\"\n        aria-invalid={issue ? true : undefined}\n      >\n        <Select\n          aria-label=\"Filter field\"\n          value={option ? clause.field : ''}\n          onChange={(event) => changeField(event.target.value)}\n          className=\"h-7 w-auto py-0 text-xs\"\n          data-testid={`filter-field-${index}`}\n        >\n          {option ? null : (\n            <option value=\"\" disabled>\n              {clause.field}\n            </option>\n          )}\n          {options.map((candidate) => (\n            <option key={candidate.field} value={candidate.field}>\n              {candidate.label}\n            </option>\n          ))}\n        </Select>\n        <Select\n          aria-label=\"Filter operator\"\n          value={clause.op}\n          onChange={(event) => changeOperator(event.target.value as FilterOperator)}\n          className=\"h-7 w-auto py-0 text-xs\"\n          data-testid={`filter-op-${index}`}\n        >\n          {operators.map((op) => (\n            <option key={op} value={op}>\n              {OPERATOR_LABELS[op]}\n            </option>\n          ))}\n        </Select>\n        <ClauseValueEditor\n          key={`${clause.field}:${clause.op}`}\n          option={option}\n          clause={clause}\n          index={index}\n          onChange={onChange}\n        />\n        <Button\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          aria-label=\"Remove filter\"\n          data-testid={`filter-remove-${index}`}\n          onClick={onRemove}\n        >\n          <X />\n        </Button>\n      </Row>\n      {issue ? (\n        <Text size=\"xs\" className=\"text-destructive\" data-testid={`filter-issue-${index}`}>\n          {issue.message}\n        </Text>\n      ) : null}\n    </Stack>\n  )\n}\n\n/** The typed value input for a clause (closed per field type and operator). */\nfunction ClauseValueEditor({\n  option,\n  clause,\n  index,\n  onChange,\n}: {\n  option: FilterableFieldOption | undefined\n  clause: FilterClause\n  index: number\n  onChange: (clause: FilterClause) => void\n}) {\n  const testId = `filter-value-${index}`\n\n  if (clause.op === 'in') {\n    return (\n      <DraftValueInput\n        ariaLabel=\"Filter value\"\n        initial={scalarListToText(clause.value)}\n        placeholder=\"value, value, …\"\n        testId={testId}\n        onText={(raw) => onChange({ ...clause, value: scalarListFromText(option, raw) })}\n      />\n    )\n  }\n\n  const scalar = Array.isArray(clause.value) ? (clause.value[0] ?? '') : clause.value\n\n  if (clause.field === STATE_FIELD || option?.def === null) {\n    return (\n      <Select\n        aria-label=\"Filter value\"\n        value={String(scalar)}\n        onChange={(event) => onChange({ ...clause, value: event.target.value })}\n        className=\"h-7 w-auto py-0 text-xs\"\n        data-testid={testId}\n      >\n        <option value=\"published\">published</option>\n        <option value=\"draft\">draft</option>\n      </Select>\n    )\n  }\n\n  // Every concrete scalar field shares the bulk set-field control (EC-247).\n  return (\n    <ScalarFieldValueEditor\n      option={option}\n      value={scalar}\n      ariaLabel=\"Filter value\"\n      testId={testId}\n      onChange={(value) => onChange({ ...clause, value })}\n    />\n  )\n}\n"]}
+{"version":3,"file":"filter-builder.js","sourceRoot":"","sources":["../../../src/components/cms/filter-builder.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from 'react'\nimport { ListFilter, X } from 'lucide-react'\nimport type { CollectionDef } from '@elytracms/core/cms-core'\nimport type { FilterOperator } from '@elytracms/core/content'\nimport {\n  Button,\n  Popover,\n  PopoverAnchor,\n  PopoverContent,\n  Row,\n  Select,\n  Spacer,\n  Stack,\n  Text,\n} from '@elytracms/studio/ui'\nimport { cn } from '@elytracms/studio/lib/utils'\nimport { translate } from '@elytracms/studio/lib/i18n'\nimport {\n  OPERATOR_LABELS,\n  STATE_FIELD,\n  defaultClause,\n  filterableFieldOptions,\n  operatorsFor,\n  scalarListFromText,\n  scalarListToText,\n  validateClauses,\n} from '@elytracms/studio/lib/cms-views'\nimport type { ClauseIssue, FilterClause, FilterableFieldOption } from '@elytracms/studio/lib/cms-views'\nimport { useCollectionView } from '../collection-view/collection-view-context'\nimport { DraftValueInput, ScalarFieldValueEditor } from './scalar-value-editor'\n\n/**\n * A one-line summary of the active filter for the chip face (EC-246b): the\n * single condition read out (\"Status equals news\"), or \"N filters\" for several.\n */\nexport function summarizeFilters(\n  filters: readonly FilterClause[],\n  options: readonly FilterableFieldOption[],\n): string {\n  if (filters.length === 0) return translate('cms.filter.button')\n  if (filters.length > 1) return translate('cms.filter.summaryMultiple', { count: filters.length })\n  const clause = filters[0]!\n  const label = options.find((option) => option.field === clause.field)?.label ?? clause.field\n  const value = Array.isArray(clause.value) ? clause.value.join(', ') : String(clause.value)\n  return `${label} ${OPERATOR_LABELS[clause.op]} ${value}`.trim()\n}\n\n/**\n * The collection filter entry (EC-246b) — a transient, ad-hoc refine that lives\n * beside the view tabs, not inline. With no active filter it's a compact\n * \"Filter\" button; once refining it's a dashed accent **chip** (distinct from\n * the solid view tabs — a filter is a session lens, not a saved one) whose face\n * opens the condition editor in a **popover** (the table stays visible and\n * updates live) and whose ✕ clears it. Shared/saved views are config-as-code.\n */\nexport function FilterControl({ collection }: { collection: CollectionDef }) {\n  const source = useCollectionView()\n  const filters = source.viewState().filters\n  const options = filterableFieldOptions(collection)\n  const [open, setOpen] = useState(false)\n\n  function addFirstClause() {\n    source.setViewState((prev) =>\n      prev.filters.length > 0\n        ? prev\n        : { ...prev, filters: [...prev.filters, defaultClause(options[0]!)] },\n    )\n    setOpen(true)\n  }\n\n  function clearAll() {\n    source.setViewState((prev) => ({ ...prev, filters: [] }))\n    setOpen(false)\n  }\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      {/* Stable anchor so positioning doesn't jump as the trigger morphs button↔chip. */}\n      <PopoverAnchor asChild>\n        <div className=\"inline-flex items-center\">\n          {filters.length === 0 ? (\n            <Button variant=\"ghost\" size=\"sm\" data-testid=\"filter-entry\" onClick={addFirstClause}>\n              <ListFilter /> {translate('cms.filter.button')}\n            </Button>\n          ) : (\n            <div\n              className={cn(\n                'inline-flex items-center gap-0.5 rounded-md border border-dashed border-primary/40',\n                'bg-primary/5 py-0.5 pl-2 pr-0.5 text-xs',\n              )}\n              data-testid=\"filter-chip\"\n            >\n              <button\n                type=\"button\"\n                className=\"max-w-[220px] truncate text-foreground\"\n                onClick={() => setOpen(true)}\n                data-testid=\"filter-chip-edit\"\n              >\n                {summarizeFilters(filters, options)}\n              </button>\n              <button\n                type=\"button\"\n                aria-label={translate('cms.filter.clearAria')}\n                className=\"rounded-sm p-0.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n                onClick={clearAll}\n                data-testid=\"filter-chip-clear\"\n              >\n                <X className=\"size-3.5\" />\n              </button>\n            </div>\n          )}\n        </div>\n      </PopoverAnchor>\n      <PopoverContent align=\"start\" className=\"w-[min(92vw,440px)]\">\n        <Stack gap=\"2\">\n          <Row gap=\"2\" align=\"center\">\n            <Text as=\"span\" size=\"xs\" tone=\"muted\" className=\"uppercase tracking-wide\">\n              {translate('cms.filter.refineSession')}\n            </Text>\n            <Spacer />\n            {filters.length > 0 ? (\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={clearAll}\n                data-testid=\"filter-clear-all\"\n              >\n                {translate('cms.filter.clearAll')}\n              </Button>\n            ) : null}\n          </Row>\n          <FilterBuilder collection={collection} />\n        </Stack>\n      </PopoverContent>\n    </Popover>\n  )\n}\n\n/**\n * The filter builder of the collection table (EC-169). Strictly the closed\n * AD-3 vocabulary: it offers ONLY schema-`filterable` fields (plus the\n * built-in publication state), only `eq`/`in`/`lt`/`lte`/`gt`/`gte`, and\n * conditions combine with AND — there is no OR, no nesting, no free-text\n * query input. Clauses that no longer validate (e.g. a saved view whose field\n * lost its `filterable` flag) are flagged inline and excluded from matching.\n * Rendered inside {@link FilterControl}'s popover (EC-246b).\n */\nexport function FilterBuilder({ collection }: { collection: CollectionDef }) {\n  const source = useCollectionView()\n  const state = source.viewState()\n  const options = filterableFieldOptions(collection)\n  const issues = validateClauses(collection, state.filters)\n\n  // Always update through the previous state — render snapshots go stale\n  // across rapid successive events (sort clicks, column toggles).\n  function updateFilters(update: (filters: FilterClause[]) => FilterClause[]) {\n    source.setViewState((prev) => ({ ...prev, filters: update(prev.filters) }))\n  }\n\n  return (\n    <Row gap=\"2\" wrap align=\"start\" data-testid=\"filter-builder\">\n      {state.filters.map((clause, index) => (\n        <FilterClauseRow\n          key={index}\n          clause={clause}\n          index={index}\n          options={options}\n          issue={issues.find((issue) => issue.index === index) ?? null}\n          onChange={(next) => updateFilters((filters) => filters.map((c, i) => (i === index ? next : c)))}\n          onRemove={() => updateFilters((filters) => filters.filter((_, i) => i !== index))}\n        />\n      ))}\n      <Button\n        variant=\"ghost\"\n        size=\"sm\"\n        data-testid=\"add-filter\"\n        onClick={() => updateFilters((filters) => [...filters, defaultClause(options[0]!)])}\n      >\n        <ListFilter /> {translate('cms.filter.add')}\n      </Button>\n      {state.filters.length > 1 ? (\n        <Text as=\"span\" size=\"xs\" tone=\"subtle\" className=\"self-center\">\n          {translate('cms.filter.andHint')}\n        </Text>\n      ) : null}\n    </Row>\n  )\n}\n\n/** One AND-condition: field · operator · value, plus its validation issue. */\nfunction FilterClauseRow({\n  clause,\n  index,\n  options,\n  issue,\n  onChange,\n  onRemove,\n}: {\n  clause: FilterClause\n  index: number\n  options: FilterableFieldOption[]\n  issue: ClauseIssue | null\n  onChange: (clause: FilterClause) => void\n  onRemove: () => void\n}) {\n  const option = options.find((candidate) => candidate.field === clause.field)\n  const operators = option ? operatorsFor(option) : [clause.op]\n\n  function changeField(field: string) {\n    const next = options.find((candidate) => candidate.field === field)\n    if (next) onChange(defaultClause(next))\n  }\n\n  function changeOperator(op: FilterOperator) {\n    if (op === 'in') {\n      const list = Array.isArray(clause.value) ? clause.value : [clause.value]\n      onChange({ ...clause, op, value: list.filter((value) => value !== '') })\n    } else {\n      const scalar = Array.isArray(clause.value) ? (clause.value[0] ?? '') : clause.value\n      onChange({ ...clause, op, value: scalar })\n    }\n  }\n\n  return (\n    <Stack gap=\"1\" data-testid={`filter-clause-${index}`}>\n      <Row\n        gap=\"1\"\n        className=\"rounded-md border border-border bg-muted/30 p-1\"\n        aria-invalid={issue ? true : undefined}\n      >\n        <Select\n          aria-label={translate('cms.filter.fieldAria')}\n          value={option ? clause.field : ''}\n          onChange={(event) => changeField(event.target.value)}\n          className=\"h-7 w-auto py-0 text-xs\"\n          data-testid={`filter-field-${index}`}\n        >\n          {option ? null : (\n            <option value=\"\" disabled>\n              {clause.field}\n            </option>\n          )}\n          {options.map((candidate) => (\n            <option key={candidate.field} value={candidate.field}>\n              {candidate.label}\n            </option>\n          ))}\n        </Select>\n        <Select\n          aria-label={translate('cms.filter.operatorAria')}\n          value={clause.op}\n          onChange={(event) => changeOperator(event.target.value as FilterOperator)}\n          className=\"h-7 w-auto py-0 text-xs\"\n          data-testid={`filter-op-${index}`}\n        >\n          {operators.map((op) => (\n            <option key={op} value={op}>\n              {OPERATOR_LABELS[op]}\n            </option>\n          ))}\n        </Select>\n        <ClauseValueEditor\n          key={`${clause.field}:${clause.op}`}\n          option={option}\n          clause={clause}\n          index={index}\n          onChange={onChange}\n        />\n        <Button\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          aria-label={translate('cms.filter.remove')}\n          data-testid={`filter-remove-${index}`}\n          onClick={onRemove}\n        >\n          <X />\n        </Button>\n      </Row>\n      {issue ? (\n        <Text size=\"xs\" className=\"text-destructive\" data-testid={`filter-issue-${index}`}>\n          {issue.message}\n        </Text>\n      ) : null}\n    </Stack>\n  )\n}\n\n/** The typed value input for a clause (closed per field type and operator). */\nfunction ClauseValueEditor({\n  option,\n  clause,\n  index,\n  onChange,\n}: {\n  option: FilterableFieldOption | undefined\n  clause: FilterClause\n  index: number\n  onChange: (clause: FilterClause) => void\n}) {\n  const testId = `filter-value-${index}`\n\n  if (clause.op === 'in') {\n    return (\n      <DraftValueInput\n        ariaLabel={translate('cms.filter.valueAria')}\n        initial={scalarListToText(clause.value)}\n        placeholder={translate('cms.filter.valueListPlaceholder')}\n        testId={testId}\n        onText={(raw) => onChange({ ...clause, value: scalarListFromText(option, raw) })}\n      />\n    )\n  }\n\n  const scalar = Array.isArray(clause.value) ? (clause.value[0] ?? '') : clause.value\n\n  if (clause.field === STATE_FIELD || option?.def === null) {\n    return (\n      <Select\n        aria-label={translate('cms.filter.valueAria')}\n        value={String(scalar)}\n        onChange={(event) => onChange({ ...clause, value: event.target.value })}\n        className=\"h-7 w-auto py-0 text-xs\"\n        data-testid={testId}\n      >\n        <option value=\"published\">{translate('cms.filter.state.published')}</option>\n        <option value=\"draft\">{translate('cms.filter.state.draft')}</option>\n      </Select>\n    )\n  }\n\n  // Every concrete scalar field shares the bulk set-field control (EC-247).\n  return (\n    <ScalarFieldValueEditor\n      option={option}\n      value={scalar}\n      ariaLabel={translate('cms.filter.valueAria')}\n      testId={testId}\n      onChange={(value) => onChange({ ...clause, value })}\n    />\n  )\n}\n"]}

package/dist/components/cms/reference-confirm.js

@@ -1,14 +1,15 @@
-import { jsxs as _jsxs, Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Link, STUDIO_PROJECT_ROUTE, studioPath } from '@elytracms/studio/router';
 import { AlertTriangle, ShieldAlert } from 'lucide-react';
 import { useEffect, useMemo, useState } from 'react';
 import { documentKey } from '@elytracms/core/cms-core';
 import { buildReferenceImpact, loadInboundReferenceViews } from '@elytracms/studio/lib/references';
 import { Badge, Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Row, Stack, Text, } from '@elytracms/studio/ui';
+import { translate } from '@elytracms/studio/lib/i18n';
 import { useCollectionView } from '../collection-view/collection-view-context';
 const ACTION_LABELS = {
-    unpublish: 'Unpublish',
-    delete: 'Delete',
+    unpublish: translate('cms.editor.unpublish'),
+    delete: translate('common.delete'),
 };
 export function ReferenceConfirmDialog({ projectId, action, targets, open, busy = false, onOpenChange, onConfirm, }) {
     const source = useCollectionView();
@@ -52,18 +53,31 @@ export function ReferenceConfirmDialog({ projectId, action, targets, open, busy
             const ref = targets[0];
             return `“${source.titleOf(ref)}”`;
         }
-        return `${targets.length} documents`;
+        return translate('cms.reference.documentCount', { count: targets.length });
     }, [targets, source]);
     const blocked = status === 'ready' && (impact?.totalBlocking ?? 0) > 0;
     const totalBroken = impact?.totalBroken ?? 0;
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { "data-testid": "reference-confirm", className: "max-h-[80vh] overflow-y-auto", children: [_jsxs(DialogHeader, { children: [_jsxs(DialogTitle, { children: [actionLabel, " ", subject, "?"] }), _jsx(DialogDescription, { "data-testid": "reference-confirm-summary", children: status === 'loading' ? ('Checking inbound references…') : status === 'unavailable' ? ('Inbound references could not be checked — the reference index is unreachable.') : blocked ? (_jsxs(_Fragment, { children: ["Blocked: ", impact.totalBlocking, ' ', impact.totalBlocking === 1 ? 'strict reference prevents' : 'strict references prevent', ' ', "this. Remove the references below first."] })) : totalBroken === 0 ? (_jsxs(_Fragment, { children: ["Not referenced anywhere.", action === 'delete'
-                                        ? ` This permanently deletes ${targets.length === 1 ? 'the document' : `the ${targets.length} selected documents`}.`
-                                        : ''] })) : (_jsxs(_Fragment, { children: ["You can ", action, " \u2014 ", impactSummary(targets.length, totalBroken), " will show a fallback until fixed. Each one becomes a visible validation issue."] })) })] }), status === 'ready' && impact !== null && totalBroken > 0 ? (_jsx(ImpactList, { projectId: projectId, impact: impact, onNavigate: () => onOpenChange(false) })) : null, status === 'unavailable' ? (_jsxs(Row, { gap: "2", "data-testid": "reference-confirm-unavailable", children: [_jsx(AlertTriangle, { className: "size-4 shrink-0 text-warning" }), _jsx(Text, { size: "xs", tone: "muted", children: "Proceeding is allowed, but affected places cannot be listed right now." })] })) : null, _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", "data-testid": "reference-confirm-cancel", onClick: () => onOpenChange(false), children: "Cancel" }), _jsx(Button, { variant: action === 'delete' ? 'destructive' : 'default', disabled: status === 'loading' || blocked || busy, "data-testid": "reference-confirm-proceed", onClick: onConfirm, children: totalBroken > 0 && !blocked ? `${actionLabel} anyway` : actionLabel })] })] }) }));
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { "data-testid": "reference-confirm", className: "max-h-[80vh] overflow-y-auto", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: translate('cms.reference.confirmTitle', { action: actionLabel, subject }) }), _jsx(DialogDescription, { "data-testid": "reference-confirm-summary", children: status === 'loading' ? (translate('cms.reference.checking')) : status === 'unavailable' ? (translate('cms.reference.checkUnavailable')) : blocked ? (translate(impact.totalBlocking === 1
+                                ? 'cms.reference.blocked.one'
+                                : 'cms.reference.blocked.other', { count: impact.totalBlocking })) : totalBroken === 0 ? (_jsxs(_Fragment, { children: [translate('cms.reference.notReferenced'), action === 'delete'
+                                        ? ` ${translate(targets.length === 1
+                                            ? 'cms.reference.permanentDelete.one'
+                                            : 'cms.reference.permanentDelete.other', { count: targets.length })}`
+                                        : ''] })) : (translate('cms.reference.canProceed', {
+                                action: translate(action === 'unpublish'
+                                    ? 'cms.reference.verb.unpublish'
+                                    : 'cms.reference.verb.delete'),
+                                summary: impactSummary(targets.length, totalBroken),
+                            })) })] }), status === 'ready' && impact !== null && totalBroken > 0 ? (_jsx(ImpactList, { projectId: projectId, impact: impact, onNavigate: () => onOpenChange(false) })) : null, status === 'unavailable' ? (_jsxs(Row, { gap: "2", "data-testid": "reference-confirm-unavailable", children: [_jsx(AlertTriangle, { className: "size-4 shrink-0 text-warning" }), _jsx(Text, { size: "xs", tone: "muted", children: translate('cms.reference.proceedUnavailable') })] })) : null, _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", "data-testid": "reference-confirm-cancel", onClick: () => onOpenChange(false), children: translate('common.cancel') }), _jsx(Button, { variant: action === 'delete' ? 'destructive' : 'default', disabled: status === 'loading' || blocked || busy, "data-testid": "reference-confirm-proceed", onClick: onConfirm, children: totalBroken > 0 && !blocked
+                                ? translate('cms.reference.proceedAnyway', { action: actionLabel })
+                                : actionLabel })] })] }) }));
 }
 function impactSummary(targetCount, totalBroken) {
-    const places = `${totalBroken} ${totalBroken === 1 ? 'place' : 'places'}`;
+    const places = translate(totalBroken === 1 ? 'cms.reference.placeCount.one' : 'cms.reference.placeCount.other', { count: totalBroken });
     // The bulk aggregate: "N documents, M inbound references will break."
-    return targetCount > 1 ? `${targetCount} documents are affected; ${places}` : places;
+    return targetCount > 1
+        ? translate('cms.reference.bulkSummary', { count: targetCount, places })
+        : places;
 }
 /**
  * The enumerated impact: flat for a single target, grouped per target for
@@ -97,7 +111,7 @@ export function ReferenceImpactRows({ projectId, broken, blocking = [], onNaviga
 function ImpactEntryRow({ projectId, entry, blocking, onNavigate, }) {
     return (_jsxs(Row, { gap: "2", className: blocking
             ? 'rounded-md border border-destructive/50 bg-destructive/5 px-2.5 py-2'
-            : 'rounded-md border border-border/70 bg-background/40 px-2.5 py-2', "data-testid": "reference-confirm-entry", children: [_jsxs(Stack, { gap: "1", className: "min-w-0 flex-1", children: [_jsx(ImpactDeepLink, { projectId: projectId, link: entry.sourceLink, label: entry.sourceLabel, primary: true, onNavigate: onNavigate }), _jsxs(Row, { gap: "1", className: "min-w-0", children: [_jsx(Text, { size: "xs", tone: "muted", className: "shrink-0", children: "at" }), _jsx(ImpactDeepLink, { projectId: projectId, link: entry.sourceLink, label: entry.locationLabel, onNavigate: onNavigate })] })] }), blocking ? (_jsxs(Badge, { variant: "error", "data-testid": "reference-confirm-strict", children: [_jsx(ShieldAlert, { className: "size-3" }), " strict"] })) : null, _jsx(Badge, { variant: "outline", className: "shrink-0", children: entry.kindLabel }), _jsxs(Row, { gap: "1", className: "shrink-0", children: [entry.draft ? _jsx(Badge, { variant: "warning", children: "draft" }) : null, entry.published ? _jsx(Badge, { variant: "success", children: "published" }) : null] })] }));
+            : 'rounded-md border border-border/70 bg-background/40 px-2.5 py-2', "data-testid": "reference-confirm-entry", children: [_jsxs(Stack, { gap: "1", className: "min-w-0 flex-1", children: [_jsx(ImpactDeepLink, { projectId: projectId, link: entry.sourceLink, label: entry.sourceLabel, primary: true, onNavigate: onNavigate }), _jsxs(Row, { gap: "1", className: "min-w-0", children: [_jsx(Text, { size: "xs", tone: "muted", className: "shrink-0", children: translate('cms.reference.atLocation') }), _jsx(ImpactDeepLink, { projectId: projectId, link: entry.sourceLink, label: entry.locationLabel, onNavigate: onNavigate })] })] }), blocking ? (_jsxs(Badge, { variant: "error", "data-testid": "reference-confirm-strict", children: [_jsx(ShieldAlert, { className: "size-3" }), " ", translate('cms.reference.strictBadge')] })) : null, _jsx(Badge, { variant: "outline", className: "shrink-0", children: entry.kindLabel }), _jsxs(Row, { gap: "1", className: "shrink-0", children: [entry.draft ? _jsx(Badge, { variant: "warning", children: translate('cms.reference.draftBadge') }) : null, entry.published ? (_jsx(Badge, { variant: "success", children: translate('cms.reference.publishedBadge') })) : null] })] }));
 }
 /** A deep link to the exact source location; closes the dialog on navigate. */
 function ImpactDeepLink({ projectId, link, label, primary = false, onNavigate, }) {

package/dist/components/cms/reference-confirm.js.map

@@ -1 +1 @@
-{"version":3,"file":"reference-confirm.js","sourceRoot":"","sources":["../../../src/components/cms/reference-confirm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Link, STUDIO_PROJECT_ROUTE, studioPath } from '@elytracms/studio/router'\nimport { AlertTriangle, ShieldAlert } from 'lucide-react'\nimport { useEffect, useMemo, useState } from 'react'\nimport { documentKey } from '@elytracms/core/cms-core'\nimport type { DocumentRef } from '@elytracms/core/cms-core'\nimport { buildReferenceImpact, loadInboundReferenceViews } from '@elytracms/studio/lib/references'\nimport type {\n  DocumentReferenceImpact,\n  ReferenceAction,\n  ReferenceDeepLink,\n  ReferenceEntryView,\n  ReferenceImpact,\n} from '@elytracms/studio/lib/references'\nimport {\n  Badge,\n  Button,\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  Row,\n  Stack,\n  Text,\n} from '@elytracms/studio/ui'\nimport { useCollectionView } from '../collection-view/collection-view-context'\n\n/**\n * The EC-173 reference-aware confirmation dialog for unpublish/delete —\n * single documents (detail editor) and bulk selections (EC-169 bulk bar)\n * alike. It inverts the industry default, visibly:\n *\n * 1. *Before* the action it enumerates every inbound reference that will\n *    break (published variant for unpublish, both variants for delete), with\n *    the EC-172 labels and deep links to the exact field/node.\n * 2. Proceeding is allowed — weak references are the default. Zero references\n *    render a plain confirm; breakage renders \"You can … — N places will show\n *    a fallback\".\n * 3. Strict opt-in relation fields (`strict: true`) flip the same dialog into\n *    a real block: the proceed button is disabled and every blocking referrer\n *    is named and linked. The `@elytracms/core/operations` layer enforces the same\n *    rule server-side (structured conflict error) — this dialog is the\n *    friendly face, not the only guard.\n *\n * Pre-flight data goes through operations reference queries only (EC-155\n * index, flushed); impact semantics live in `lib/references/impact.ts`.\n */\n\ntype ImpactStatus = 'loading' | 'ready' | 'unavailable'\n\nconst ACTION_LABELS: Record<ReferenceAction, string> = {\n  unpublish: 'Unpublish',\n  delete: 'Delete',\n}\n\nexport function ReferenceConfirmDialog({\n  projectId,\n  action,\n  targets,\n  open,\n  busy = false,\n  onOpenChange,\n  onConfirm,\n}: {\n  projectId: string\n  action: ReferenceAction\n  /** The documents being acted on (a stable snapshot taken when opening). */\n  targets: readonly DocumentRef[]\n  open: boolean\n  busy?: boolean\n  onOpenChange: (open: boolean) => void\n  onConfirm: () => void\n}) {\n  const source = useCollectionView()\n  const [status, setStatus] = useState<ImpactStatus>('loading')\n  const [impact, setImpact] = useState<ReferenceImpact | null>(null)\n\n  // A stable identity for the acted-on set, so the effect re-runs exactly\n  // when the selection (not the array instance) changes.\n  const targetsKey = targets.map((ref) => documentKey(ref)).join('\\n')\n\n  useEffect(() => {\n    if (!open || targets.length === 0) return\n    let cancelled = false\n    setStatus('loading')\n    setImpact(null)\n    void (async () => {\n      try {\n        // Queued session mutations (and the persisted baseline) must land\n        // before the pre-flight query — the index is maintained on write.\n        await source.flush?.()\n        const views = await loadInboundReferenceViews(projectId, targets)\n        if (cancelled) return\n        setImpact(buildReferenceImpact(source.collections, action, views))\n        setStatus('ready')\n      } catch {\n        // The index being unreachable must not trap the editor: degrade to a\n        // plain confirm with an explicit \"could not check\" warning.\n        if (!cancelled) setStatus('unavailable')\n      }\n    })()\n    return () => {\n      cancelled = true\n    }\n    // `targetsKey` stands in for `targets` (stable identity for the acted-on set).\n  }, [open, action, targetsKey, projectId])\n\n  const actionLabel = ACTION_LABELS[action]\n  const subject = useMemo(() => {\n    if (targets.length === 1) {\n      const ref = targets[0]!\n      return `“${source.titleOf(ref)}”`\n    }\n    return `${targets.length} documents`\n  }, [targets, source])\n\n  const blocked = status === 'ready' && (impact?.totalBlocking ?? 0) > 0\n  const totalBroken = impact?.totalBroken ?? 0\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent data-testid=\"reference-confirm\" className=\"max-h-[80vh] overflow-y-auto\">\n        <DialogHeader>\n          <DialogTitle>\n            {actionLabel} {subject}?\n          </DialogTitle>\n          <DialogDescription data-testid=\"reference-confirm-summary\">\n            {status === 'loading' ? (\n              'Checking inbound references…'\n            ) : status === 'unavailable' ? (\n              'Inbound references could not be checked — the reference index is unreachable.'\n            ) : blocked ? (\n              <>\n                Blocked: {impact!.totalBlocking}{' '}\n                {impact!.totalBlocking === 1 ? 'strict reference prevents' : 'strict references prevent'}{' '}\n                this. Remove the references below first.\n              </>\n            ) : totalBroken === 0 ? (\n              <>\n                Not referenced anywhere.\n                {action === 'delete'\n                  ? ` This permanently deletes ${targets.length === 1 ? 'the document' : `the ${targets.length} selected documents`}.`\n                  : ''}\n              </>\n            ) : (\n              <>\n                You can {action} — {impactSummary(targets.length, totalBroken)} will show a\n                fallback until fixed. Each one becomes a visible validation issue.\n              </>\n            )}\n          </DialogDescription>\n        </DialogHeader>\n\n        {status === 'ready' && impact !== null && totalBroken > 0 ? (\n          <ImpactList projectId={projectId} impact={impact} onNavigate={() => onOpenChange(false)} />\n        ) : null}\n        {status === 'unavailable' ? (\n          <Row gap=\"2\" data-testid=\"reference-confirm-unavailable\">\n            <AlertTriangle className=\"size-4 shrink-0 text-warning\" />\n            <Text size=\"xs\" tone=\"muted\">\n              Proceeding is allowed, but affected places cannot be listed right now.\n            </Text>\n          </Row>\n        ) : null}\n\n        <DialogFooter>\n          <Button\n            variant=\"outline\"\n            data-testid=\"reference-confirm-cancel\"\n            onClick={() => onOpenChange(false)}\n          >\n            Cancel\n          </Button>\n          <Button\n            variant={action === 'delete' ? 'destructive' : 'default'}\n            disabled={status === 'loading' || blocked || busy}\n            data-testid=\"reference-confirm-proceed\"\n            onClick={onConfirm}\n          >\n            {totalBroken > 0 && !blocked ? `${actionLabel} anyway` : actionLabel}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nfunction impactSummary(targetCount: number, totalBroken: number): string {\n  const places = `${totalBroken} ${totalBroken === 1 ? 'place' : 'places'}`\n  // The bulk aggregate: \"N documents, M inbound references will break.\"\n  return targetCount > 1 ? `${targetCount} documents are affected; ${places}` : places\n}\n\n/**\n * The enumerated impact: flat for a single target, grouped per target for\n * bulk selections (per-item detail, EC-169 honesty rules).\n */\nfunction ImpactList({\n  projectId,\n  impact,\n  onNavigate,\n}: {\n  projectId: string\n  impact: ReferenceImpact\n  onNavigate: () => void\n}) {\n  const affected = impact.documents.filter((doc) => doc.broken.length > 0)\n  return (\n    <Stack gap=\"3\" data-testid=\"reference-confirm-impact\">\n      {affected.map((doc) => (\n        <ImpactGroup\n          key={documentKey(doc.ref)}\n          projectId={projectId}\n          doc={doc}\n          grouped={impact.documents.length > 1}\n          onNavigate={onNavigate}\n        />\n      ))}\n    </Stack>\n  )\n}\n\nfunction ImpactGroup({\n  projectId,\n  doc,\n  grouped,\n  onNavigate,\n}: {\n  projectId: string\n  doc: DocumentReferenceImpact\n  grouped: boolean\n  onNavigate: () => void\n}) {\n  const source = useCollectionView()\n  const blockingKeys = new Set(doc.blocking.map((entry) => entry.key))\n  return (\n    <Stack gap=\"2\" data-testid={`reference-confirm-doc-${doc.ref.id}`}>\n      {grouped ? (\n        <Row gap=\"2\">\n          <Text size=\"xs\" weight=\"semibold\" tone=\"muted\" className=\"uppercase tracking-wide\">\n            {source.titleOf(doc.ref)}\n          </Text>\n          <Badge variant=\"outline\">{doc.broken.length}</Badge>\n        </Row>\n      ) : null}\n      {doc.broken.map((entry) => (\n        <ImpactEntryRow\n          key={entry.key}\n          projectId={projectId}\n          entry={entry}\n          blocking={blockingKeys.has(entry.key)}\n          onNavigate={onNavigate}\n        />\n      ))}\n    </Stack>\n  )\n}\n\n/**\n * The shared EC-173 impact rows: one deep-linked row per broken inbound\n * reference, strict-blocking ones flagged. Rendered by the document\n * confirmation dialog (above) and the asset-delete dialog (EC-202) alike — both\n * reduce to \"these places reference the thing you're removing\", so both lean on\n * the same row + deep-link rendering (which already handles asset link kinds).\n */\nexport function ReferenceImpactRows({\n  projectId,\n  broken,\n  blocking = [],\n  onNavigate,\n}: {\n  projectId: string\n  broken: readonly ReferenceEntryView[]\n  blocking?: readonly ReferenceEntryView[]\n  onNavigate: () => void\n}) {\n  const blockingKeys = new Set(blocking.map((entry) => entry.key))\n  return (\n    <Stack gap=\"2\" data-testid=\"reference-impact-rows\">\n      {broken.map((entry) => (\n        <ImpactEntryRow\n          key={entry.key}\n          projectId={projectId}\n          entry={entry}\n          blocking={blockingKeys.has(entry.key)}\n          onNavigate={onNavigate}\n        />\n      ))}\n    </Stack>\n  )\n}\n\n/**\n * One affected place: the EC-172 labels with a working deep link to the exact\n * field/node, the entry kind, draft/published visibility — and a strict\n * marker when this entry is what blocks the action.\n */\nfunction ImpactEntryRow({\n  projectId,\n  entry,\n  blocking,\n  onNavigate,\n}: {\n  projectId: string\n  entry: ReferenceEntryView\n  blocking: boolean\n  onNavigate: () => void\n}) {\n  return (\n    <Row\n      gap=\"2\"\n      className={\n        blocking\n          ? 'rounded-md border border-destructive/50 bg-destructive/5 px-2.5 py-2'\n          : 'rounded-md border border-border/70 bg-background/40 px-2.5 py-2'\n      }\n      data-testid=\"reference-confirm-entry\"\n    >\n      <Stack gap=\"1\" className=\"min-w-0 flex-1\">\n        <ImpactDeepLink\n          projectId={projectId}\n          link={entry.sourceLink}\n          label={entry.sourceLabel}\n          primary\n          onNavigate={onNavigate}\n        />\n        <Row gap=\"1\" className=\"min-w-0\">\n          <Text size=\"xs\" tone=\"muted\" className=\"shrink-0\">\n            at\n          </Text>\n          <ImpactDeepLink\n            projectId={projectId}\n            link={entry.sourceLink}\n            label={entry.locationLabel}\n            onNavigate={onNavigate}\n          />\n        </Row>\n      </Stack>\n      {blocking ? (\n        <Badge variant=\"error\" data-testid=\"reference-confirm-strict\">\n          <ShieldAlert className=\"size-3\" /> strict\n        </Badge>\n      ) : null}\n      <Badge variant=\"outline\" className=\"shrink-0\">\n        {entry.kindLabel}\n      </Badge>\n      <Row gap=\"1\" className=\"shrink-0\">\n        {entry.draft ? <Badge variant=\"warning\">draft</Badge> : null}\n        {entry.published ? <Badge variant=\"success\">published</Badge> : null}\n      </Row>\n    </Row>\n  )\n}\n\n/** A deep link to the exact source location; closes the dialog on navigate. */\nfunction ImpactDeepLink({\n  projectId,\n  link,\n  label,\n  primary = false,\n  onNavigate,\n}: {\n  projectId: string\n  link: ReferenceDeepLink | null\n  label: string\n  primary?: boolean\n  onNavigate: () => void\n}) {\n  const className = primary\n    ? 'min-w-0 truncate text-sm font-medium text-foreground hover:text-primary hover:underline'\n    : 'min-w-0 truncate text-xs text-muted-foreground hover:text-primary hover:underline'\n  if (link === null) {\n    return primary ? (\n      <Text size=\"sm\" weight=\"medium\" className=\"min-w-0 truncate\">\n        {label}\n      </Text>\n    ) : (\n      <Text size=\"xs\" tone=\"muted\" className=\"min-w-0 truncate\">\n        {label}\n      </Text>\n    )\n  }\n  switch (link.kind) {\n    case 'cms-field':\n      return (\n        <Link\n          to={STUDIO_PROJECT_ROUTE}\n          params={{ projectId, _splat: studioPath.cmsDocument(link.collectionId, link.documentId) }}\n          search={link.fieldPath !== undefined ? { field: link.fieldPath } : {}}\n          className={className}\n          data-testid=\"reference-confirm-link\"\n          onClick={onNavigate}\n        >\n          {label}\n        </Link>\n      )\n    case 'builder-node':\n      // The builder redirect (EC-187) only reads `?page=`; the page-graph-only\n      // `node` has no home in the document editor and is dropped.\n      return (\n        <Link\n          to={STUDIO_PROJECT_ROUTE}\n          params={{ projectId, _splat: studioPath.builder() }}\n          search={link.pageId !== undefined ? { page: link.pageId } : {}}\n          className={className}\n          data-testid=\"reference-confirm-link\"\n          onClick={onNavigate}\n        >\n          {label}\n        </Link>\n      )\n    case 'component':\n      return (\n        <Link\n          to={STUDIO_PROJECT_ROUTE}\n          params={{ projectId, _splat: studioPath.component(link.componentId) }}\n          className={className}\n          data-testid=\"reference-confirm-link\"\n          onClick={onNavigate}\n        >\n          {label}\n        </Link>\n      )\n    case 'asset':\n      return (\n        <Link\n          to={STUDIO_PROJECT_ROUTE}\n          params={{ projectId, _splat: studioPath.assets() }}\n          search={{ asset: link.assetId }}\n          className={className}\n          data-testid=\"reference-confirm-link\"\n          onClick={onNavigate}\n        >\n          {label}\n        </Link>\n      )\n  }\n}\n"]}
+{"version":3,"file":"reference-confirm.js","sourceRoot":"","sources":["../../../src/components/cms/reference-confirm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Link, STUDIO_PROJECT_ROUTE, studioPath } from '@elytracms/studio/router'\nimport { AlertTriangle, ShieldAlert } from 'lucide-react'\nimport { useEffect, useMemo, useState } from 'react'\nimport { documentKey } from '@elytracms/core/cms-core'\nimport type { DocumentRef } from '@elytracms/core/cms-core'\nimport { buildReferenceImpact, loadInboundReferenceViews } from '@elytracms/studio/lib/references'\nimport type {\n  DocumentReferenceImpact,\n  ReferenceAction,\n  ReferenceDeepLink,\n  ReferenceEntryView,\n  ReferenceImpact,\n} from '@elytracms/studio/lib/references'\nimport {\n  Badge,\n  Button,\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  Row,\n  Stack,\n  Text,\n} from '@elytracms/studio/ui'\nimport { translate } from '@elytracms/studio/lib/i18n'\nimport { useCollectionView } from '../collection-view/collection-view-context'\n\n/**\n * The EC-173 reference-aware confirmation dialog for unpublish/delete —\n * single documents (detail editor) and bulk selections (EC-169 bulk bar)\n * alike. It inverts the industry default, visibly:\n *\n * 1. *Before* the action it enumerates every inbound reference that will\n *    break (published variant for unpublish, both variants for delete), with\n *    the EC-172 labels and deep links to the exact field/node.\n * 2. Proceeding is allowed — weak references are the default. Zero references\n *    render a plain confirm; breakage renders \"You can … — N places will show\n *    a fallback\".\n * 3. Strict opt-in relation fields (`strict: true`) flip the same dialog into\n *    a real block: the proceed button is disabled and every blocking referrer\n *    is named and linked. The `@elytracms/core/operations` layer enforces the same\n *    rule server-side (structured conflict error) — this dialog is the\n *    friendly face, not the only guard.\n *\n * Pre-flight data goes through operations reference queries only (EC-155\n * index, flushed); impact semantics live in `lib/references/impact.ts`.\n */\n\ntype ImpactStatus = 'loading' | 'ready' | 'unavailable'\n\nconst ACTION_LABELS: Record<ReferenceAction, string> = {\n  unpublish: translate('cms.editor.unpublish'),\n  delete: translate('common.delete'),\n}\n\nexport function ReferenceConfirmDialog({\n  projectId,\n  action,\n  targets,\n  open,\n  busy = false,\n  onOpenChange,\n  onConfirm,\n}: {\n  projectId: string\n  action: ReferenceAction\n  /** The documents being acted on (a stable snapshot taken when opening). */\n  targets: readonly DocumentRef[]\n  open: boolean\n  busy?: boolean\n  onOpenChange: (open: boolean) => void\n  onConfirm: () => void\n}) {\n  const source = useCollectionView()\n  const [status, setStatus] = useState<ImpactStatus>('loading')\n  const [impact, setImpact] = useState<ReferenceImpact | null>(null)\n\n  // A stable identity for the acted-on set, so the effect re-runs exactly\n  // when the selection (not the array instance) changes.\n  const targetsKey = targets.map((ref) => documentKey(ref)).join('\\n')\n\n  useEffect(() => {\n    if (!open || targets.length === 0) return\n    let cancelled = false\n    setStatus('loading')\n    setImpact(null)\n    void (async () => {\n      try {\n        // Queued session mutations (and the persisted baseline) must land\n        // before the pre-flight query — the index is maintained on write.\n        await source.flush?.()\n        const views = await loadInboundReferenceViews(projectId, targets)\n        if (cancelled) return\n        setImpact(buildReferenceImpact(source.collections, action, views))\n        setStatus('ready')\n      } catch {\n        // The index being unreachable must not trap the editor: degrade to a\n        // plain confirm with an explicit \"could not check\" warning.\n        if (!cancelled) setStatus('unavailable')\n      }\n    })()\n    return () => {\n      cancelled = true\n    }\n    // `targetsKey` stands in for `targets` (stable identity for the acted-on set).\n  }, [open, action, targetsKey, projectId])\n\n  const actionLabel = ACTION_LABELS[action]\n  const subject = useMemo(() => {\n    if (targets.length === 1) {\n      const ref = targets[0]!\n      return `“${source.titleOf(ref)}”`\n    }\n    return translate('cms.reference.documentCount', { count: targets.length })\n  }, [targets, source])\n\n  const blocked = status === 'ready' && (impact?.totalBlocking ?? 0) > 0\n  const totalBroken = impact?.totalBroken ?? 0\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent data-testid=\"reference-confirm\" className=\"max-h-[80vh] overflow-y-auto\">\n        <DialogHeader>\n          <DialogTitle>\n            {translate('cms.reference.confirmTitle', { action: actionLabel, subject })}\n          </DialogTitle>\n          <DialogDescription data-testid=\"reference-confirm-summary\">\n            {status === 'loading' ? (\n              translate('cms.reference.checking')\n            ) : status === 'unavailable' ? (\n              translate('cms.reference.checkUnavailable')\n            ) : blocked ? (\n              translate(\n                impact!.totalBlocking === 1\n                  ? 'cms.reference.blocked.one'\n                  : 'cms.reference.blocked.other',\n                { count: impact!.totalBlocking },\n              )\n            ) : totalBroken === 0 ? (\n              <>\n                {translate('cms.reference.notReferenced')}\n                {action === 'delete'\n                  ? ` ${translate(\n                      targets.length === 1\n                        ? 'cms.reference.permanentDelete.one'\n                        : 'cms.reference.permanentDelete.other',\n                      { count: targets.length },\n                    )}`\n                  : ''}\n              </>\n            ) : (\n              translate('cms.reference.canProceed', {\n                action: translate(\n                  action === 'unpublish'\n                    ? 'cms.reference.verb.unpublish'\n                    : 'cms.reference.verb.delete',\n                ),\n                summary: impactSummary(targets.length, totalBroken),\n              })\n            )}\n          </DialogDescription>\n        </DialogHeader>\n\n        {status === 'ready' && impact !== null && totalBroken > 0 ? (\n          <ImpactList projectId={projectId} impact={impact} onNavigate={() => onOpenChange(false)} />\n        ) : null}\n        {status === 'unavailable' ? (\n          <Row gap=\"2\" data-testid=\"reference-confirm-unavailable\">\n            <AlertTriangle className=\"size-4 shrink-0 text-warning\" />\n            <Text size=\"xs\" tone=\"muted\">\n              {translate('cms.reference.proceedUnavailable')}\n            </Text>\n          </Row>\n        ) : null}\n\n        <DialogFooter>\n          <Button\n            variant=\"outline\"\n            data-testid=\"reference-confirm-cancel\"\n            onClick={() => onOpenChange(false)}\n          >\n            {translate('common.cancel')}\n          </Button>\n          <Button\n            variant={action === 'delete' ? 'destructive' : 'default'}\n            disabled={status === 'loading' || blocked || busy}\n            data-testid=\"reference-confirm-proceed\"\n            onClick={onConfirm}\n          >\n            {totalBroken > 0 && !blocked\n              ? translate('cms.reference.proceedAnyway', { action: actionLabel })\n              : actionLabel}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nfunction impactSummary(targetCount: number, totalBroken: number): string {\n  const places = translate(\n    totalBroken === 1 ? 'cms.reference.placeCount.one' : 'cms.reference.placeCount.other',\n    { count: totalBroken },\n  )\n  // The bulk aggregate: \"N documents, M inbound references will break.\"\n  return targetCount > 1\n    ? translate('cms.reference.bulkSummary', { count: targetCount, places })\n    : places\n}\n\n/**\n * The enumerated impact: flat for a single target, grouped per target for\n * bulk selections (per-item detail, EC-169 honesty rules).\n */\nfunction ImpactList({\n  projectId,\n  impact,\n  onNavigate,\n}: {\n  projectId: string\n  impact: ReferenceImpact\n  onNavigate: () => void\n}) {\n  const affected = impact.documents.filter((doc) => doc.broken.length > 0)\n  return (\n    <Stack gap=\"3\" data-testid=\"reference-confirm-impact\">\n      {affected.map((doc) => (\n        <ImpactGroup\n          key={documentKey(doc.ref)}\n          projectId={projectId}\n          doc={doc}\n          grouped={impact.documents.length > 1}\n          onNavigate={onNavigate}\n        />\n      ))}\n    </Stack>\n  )\n}\n\nfunction ImpactGroup({\n  projectId,\n  doc,\n  grouped,\n  onNavigate,\n}: {\n  projectId: string\n  doc: DocumentReferenceImpact\n  grouped: boolean\n  onNavigate: () => void\n}) {\n  const source = useCollectionView()\n  const blockingKeys = new Set(doc.blocking.map((entry) => entry.key))\n  return (\n    <Stack gap=\"2\" data-testid={`reference-confirm-doc-${doc.ref.id}`}>\n      {grouped ? (\n        <Row gap=\"2\">\n          <Text size=\"xs\" weight=\"semibold\" tone=\"muted\" className=\"uppercase tracking-wide\">\n            {source.titleOf(doc.ref)}\n          </Text>\n          <Badge variant=\"outline\">{doc.broken.length}</Badge>\n        </Row>\n      ) : null}\n      {doc.broken.map((entry) => (\n        <ImpactEntryRow\n          key={entry.key}\n          projectId={projectId}\n          entry={entry}\n          blocking={blockingKeys.has(entry.key)}\n          onNavigate={onNavigate}\n        />\n      ))}\n    </Stack>\n  )\n}\n\n/**\n * The shared EC-173 impact rows: one deep-linked row per broken inbound\n * reference, strict-blocking ones flagged. Rendered by the document\n * confirmation dialog (above) and the asset-delete dialog (EC-202) alike — both\n * reduce to \"these places reference the thing you're removing\", so both lean on\n * the same row + deep-link rendering (which already handles asset link kinds).\n */\nexport function ReferenceImpactRows({\n  projectId,\n  broken,\n  blocking = [],\n  onNavigate,\n}: {\n  projectId: string\n  broken: readonly ReferenceEntryView[]\n  blocking?: readonly ReferenceEntryView[]\n  onNavigate: () => void\n}) {\n  const blockingKeys = new Set(blocking.map((entry) => entry.key))\n  return (\n    <Stack gap=\"2\" data-testid=\"reference-impact-rows\">\n      {broken.map((entry) => (\n        <ImpactEntryRow\n          key={entry.key}\n          projectId={projectId}\n          entry={entry}\n          blocking={blockingKeys.has(entry.key)}\n          onNavigate={onNavigate}\n        />\n      ))}\n    </Stack>\n  )\n}\n\n/**\n * One affected place: the EC-172 labels with a working deep link to the exact\n * field/node, the entry kind, draft/published visibility — and a strict\n * marker when this entry is what blocks the action.\n */\nfunction ImpactEntryRow({\n  projectId,\n  entry,\n  blocking,\n  onNavigate,\n}: {\n  projectId: string\n  entry: ReferenceEntryView\n  blocking: boolean\n  onNavigate: () => void\n}) {\n  return (\n    <Row\n      gap=\"2\"\n      className={\n        blocking\n          ? 'rounded-md border border-destructive/50 bg-destructive/5 px-2.5 py-2'\n          : 'rounded-md border border-border/70 bg-background/40 px-2.5 py-2'\n      }\n      data-testid=\"reference-confirm-entry\"\n    >\n      <Stack gap=\"1\" className=\"min-w-0 flex-1\">\n        <ImpactDeepLink\n          projectId={projectId}\n          link={entry.sourceLink}\n          label={entry.sourceLabel}\n          primary\n          onNavigate={onNavigate}\n        />\n        <Row gap=\"1\" className=\"min-w-0\">\n          <Text size=\"xs\" tone=\"muted\" className=\"shrink-0\">\n            {translate('cms.reference.atLocation')}\n          </Text>\n          <ImpactDeepLink\n            projectId={projectId}\n            link={entry.sourceLink}\n            label={entry.locationLabel}\n            onNavigate={onNavigate}\n          />\n        </Row>\n      </Stack>\n      {blocking ? (\n        <Badge variant=\"error\" data-testid=\"reference-confirm-strict\">\n          <ShieldAlert className=\"size-3\" /> {translate('cms.reference.strictBadge')}\n        </Badge>\n      ) : null}\n      <Badge variant=\"outline\" className=\"shrink-0\">\n        {entry.kindLabel}\n      </Badge>\n      <Row gap=\"1\" className=\"shrink-0\">\n        {entry.draft ? <Badge variant=\"warning\">{translate('cms.reference.draftBadge')}</Badge> : null}\n        {entry.published ? (\n          <Badge variant=\"success\">{translate('cms.reference.publishedBadge')}</Badge>\n        ) : null}\n      </Row>\n    </Row>\n  )\n}\n\n/** A deep link to the exact source location; closes the dialog on navigate. */\nfunction ImpactDeepLink({\n  projectId,\n  link,\n  label,\n  primary = false,\n  onNavigate,\n}: {\n  projectId: string\n  link: ReferenceDeepLink | null\n  label: string\n  primary?: boolean\n  onNavigate: () => void\n}) {\n  const className = primary\n    ? 'min-w-0 truncate text-sm font-medium text-foreground hover:text-primary hover:underline'\n    : 'min-w-0 truncate text-xs text-muted-foreground hover:text-primary hover:underline'\n  if (link === null) {\n    return primary ? (\n      <Text size=\"sm\" weight=\"medium\" className=\"min-w-0 truncate\">\n        {label}\n      </Text>\n    ) : (\n      <Text size=\"xs\" tone=\"muted\" className=\"min-w-0 truncate\">\n        {label}\n      </Text>\n    )\n  }\n  switch (link.kind) {\n    case 'cms-field':\n      return (\n        <Link\n          to={STUDIO_PROJECT_ROUTE}\n          params={{ projectId, _splat: studioPath.cmsDocument(link.collectionId, link.documentId) }}\n          search={link.fieldPath !== undefined ? { field: link.fieldPath } : {}}\n          className={className}\n          data-testid=\"reference-confirm-link\"\n          onClick={onNavigate}\n        >\n          {label}\n        </Link>\n      )\n    case 'builder-node':\n      // The builder redirect (EC-187) only reads `?page=`; the page-graph-only\n      // `node` has no home in the document editor and is dropped.\n      return (\n        <Link\n          to={STUDIO_PROJECT_ROUTE}\n          params={{ projectId, _splat: studioPath.builder() }}\n          search={link.pageId !== undefined ? { page: link.pageId } : {}}\n          className={className}\n          data-testid=\"reference-confirm-link\"\n          onClick={onNavigate}\n        >\n          {label}\n        </Link>\n      )\n    case 'component':\n      return (\n        <Link\n          to={STUDIO_PROJECT_ROUTE}\n          params={{ projectId, _splat: studioPath.component(link.componentId) }}\n          className={className}\n          data-testid=\"reference-confirm-link\"\n          onClick={onNavigate}\n        >\n          {label}\n        </Link>\n      )\n    case 'asset':\n      return (\n        <Link\n          to={STUDIO_PROJECT_ROUTE}\n          params={{ projectId, _splat: studioPath.assets() }}\n          search={{ asset: link.assetId }}\n          className={className}\n          data-testid=\"reference-confirm-link\"\n          onClick={onNavigate}\n        >\n          {label}\n        </Link>\n      )\n  }\n}\n"]}

package/dist/components/cms/relation-picker.js

@@ -1,8 +1,9 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Check, Search, X } from 'lucide-react';
 import { useEffect, useState } from 'react';
 import { Badge, Button, Code, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Input, Row, Spacer, Text, } from '@elytracms/studio/ui';
 import { cn } from '@elytracms/studio/lib/utils';
+import { translate } from '@elytracms/studio/lib/i18n';
 import { useCollectionView } from '../collection-view/collection-view-context';
 /** Pick related document(s) from a target collection (brief §8.4, EC-074). */
 export function RelationPicker({ targetCollection, cardinality, value, open, onOpenChange, onChange, excludeIds, }) {
@@ -35,16 +36,16 @@ export function RelationPicker({ targetCollection, cardinality, value, open, onO
         }
         setSelected((prev) => (isSelected(id) ? prev.filter((r) => r.id !== id) : [...prev, ref]));
     }
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-w-md", children: [_jsxs(DialogHeader, { children: [_jsxs(DialogTitle, { children: ["Pick ", cardinality === 'many' ? 'related' : 'a related', " document"] }), _jsxs(DialogDescription, { children: ["From ", _jsx(Code, { tone: "muted", children: targetCollection }), cardinality === 'many' ? ' · select multiple' : ''] })] }), _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "pointer-events-none absolute left-2.5 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { autoFocus: true, value: query, onChange: (e) => setQuery(e.target.value), placeholder: "Search\u2026", className: "pl-8" })] }), _jsx("div", { className: "max-h-72 overflow-auto", children: candidates.length === 0 ? (_jsxs(Text, { size: "sm", tone: "muted", className: "p-3", children: ["No documents in ", targetCollection, "."] })) : (candidates.map((doc) => {
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-w-md", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: translate(cardinality === 'many' ? 'cms.relation.pickTitle.many' : 'cms.relation.pickTitle.one') }), _jsxs(DialogDescription, { children: ["From ", _jsx(Code, { tone: "muted", children: targetCollection }), cardinality === 'many' ? ` · ${translate('cms.relation.selectMultipleHint')}` : ''] })] }), _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "pointer-events-none absolute left-2.5 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { autoFocus: true, value: query, onChange: (e) => setQuery(e.target.value), placeholder: translate('common.searchPlaceholder'), className: "pl-8" })] }), _jsx("div", { className: "max-h-72 overflow-auto", children: candidates.length === 0 ? (_jsx(Text, { size: "sm", tone: "muted", className: "p-3", children: translate('cms.relation.noDocuments', { collection: targetCollection }) })) : (candidates.map((doc) => {
                         const title = source.titleOf({ collection: targetCollection, id: doc.id });
                         const sel = isSelected(doc.id);
                         return (_jsxs("button", { type: "button", onClick: () => toggle(doc.id), className: cn('flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm transition-colors hover:bg-muted', sel && 'bg-accent text-accent-foreground'), children: [_jsx("span", { className: "min-w-0 flex-1 truncate font-medium", children: title }), _jsx(Code, { tone: "muted", children: doc.id }), sel ? _jsx(Check, { className: "size-4 text-primary" }) : null] }, doc.id));
                     })) }), value.length > 0 || cardinality === 'many' ? (_jsx(DialogFooter, { children: _jsxs(Row, { gap: "2", className: "w-full", children: [value.length > 0 ? (_jsxs(Button, { variant: "ghost", className: "text-destructive hover:text-destructive", "data-testid": "relation-remove", onClick: () => {
                                     onChange([]);
                                     onOpenChange(false);
-                                }, children: [_jsx(X, {}), " Remove"] })) : null, _jsx(Spacer, {}), cardinality === 'many' ? (_jsxs(_Fragment, { children: [_jsxs(Badge, { variant: "outline", children: [selected.length, " selected"] }), _jsx(Button, { variant: "ghost", onClick: () => onOpenChange(false), children: "Cancel" }), _jsx(Button, { onClick: () => {
+                                }, children: [_jsx(X, {}), " ", translate('common.remove')] })) : null, _jsx(Spacer, {}), cardinality === 'many' ? (_jsxs(_Fragment, { children: [_jsx(Badge, { variant: "outline", children: translate('cms.relation.selectedCount', { count: selected.length }) }), _jsx(Button, { variant: "ghost", onClick: () => onOpenChange(false), children: translate('common.cancel') }), _jsx(Button, { onClick: () => {
                                             onChange(selected);
                                             onOpenChange(false);
-                                        }, children: "Apply" })] })) : null] }) })) : null] }) }));
+                                        }, children: translate('common.apply') })] })) : null] }) })) : null] }) }));
 }
 //# sourceMappingURL=relation-picker.js.map

package/dist/components/cms/relation-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"relation-picker.js","sourceRoot":"","sources":["../../../src/components/cms/relation-picker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Check, Search, X } from 'lucide-react'\nimport { useEffect, useState } from 'react'\nimport type { DocumentRef } from '@elytracms/core/cms-core'\nimport {\n  Badge,\n  Button,\n  Code,\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  Input,\n  Row,\n  Spacer,\n  Text,\n} from '@elytracms/studio/ui'\nimport { cn } from '@elytracms/studio/lib/utils'\nimport { useCollectionView } from '../collection-view/collection-view-context'\n\n/** Pick related document(s) from a target collection (brief §8.4, EC-074). */\nexport function RelationPicker({\n  targetCollection,\n  cardinality,\n  value,\n  open,\n  onOpenChange,\n  onChange,\n  excludeIds,\n}: {\n  targetCollection: string\n  cardinality: 'one' | 'many'\n  value: DocumentRef[]\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  onChange: (refs: DocumentRef[]) => void\n  /**\n   * Document ids to omit from the candidate list (EC-218): a `parent` self-relation\n   * passes the editing document plus its descendants, so a page can never be set\n   * as its own ancestor (which would form a cycle).\n   */\n  excludeIds?: ReadonlySet<string>\n}) {\n  const source = useCollectionView()\n  const [query, setQuery] = useState('')\n  const [selected, setSelected] = useState<DocumentRef[]>(value)\n\n  // Seed selection only on open transitions — `value` is a fresh array each\n  // parent render, so depending on it would reset in-progress multi-selection.\n  useEffect(() => {\n    if (open) {\n      setSelected(value)\n      setQuery('')\n    }\n  }, [open])\n\n  const candidates = source.referenceCandidates(targetCollection).filter((d) => {\n    if (excludeIds?.has(d.id)) return false\n    if (!query.trim()) return true\n    return source.titleOf({ collection: targetCollection, id: d.id }).toLowerCase().includes(query.toLowerCase())\n  })\n\n  const isSelected = (id: string) => selected.some((r) => r.id === id)\n\n  function toggle(id: string) {\n    const ref: DocumentRef = { collection: targetCollection, id }\n    if (cardinality === 'one') {\n      setSelected([ref])\n      onChange([ref])\n      onOpenChange(false)\n      return\n    }\n    setSelected((prev) => (isSelected(id) ? prev.filter((r) => r.id !== id) : [...prev, ref]))\n  }\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"max-w-md\">\n        <DialogHeader>\n          <DialogTitle>Pick {cardinality === 'many' ? 'related' : 'a related'} document</DialogTitle>\n          <DialogDescription>\n            From <Code tone=\"muted\">{targetCollection}</Code>\n            {cardinality === 'many' ? ' · select multiple' : ''}\n          </DialogDescription>\n        </DialogHeader>\n\n        <div className=\"relative\">\n          <Search className=\"pointer-events-none absolute left-2.5 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground\" />\n          <Input\n            autoFocus\n            value={query}\n            onChange={(e) => setQuery(e.target.value)}\n            placeholder=\"Search…\"\n            className=\"pl-8\"\n          />\n        </div>\n\n        <div className=\"max-h-72 overflow-auto\">\n          {candidates.length === 0 ? (\n            <Text size=\"sm\" tone=\"muted\" className=\"p-3\">\n              No documents in {targetCollection}.\n            </Text>\n          ) : (\n            candidates.map((doc) => {\n              const title = source.titleOf({ collection: targetCollection, id: doc.id })\n              const sel = isSelected(doc.id)\n              return (\n                <button\n                  key={doc.id}\n                  type=\"button\"\n                  onClick={() => toggle(doc.id)}\n                  className={cn(\n                    'flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm transition-colors hover:bg-muted',\n                    sel && 'bg-accent text-accent-foreground',\n                  )}\n                >\n                  <span className=\"min-w-0 flex-1 truncate font-medium\">{title}</span>\n                  <Code tone=\"muted\">{doc.id}</Code>\n                  {sel ? <Check className=\"size-4 text-primary\" /> : null}\n                </button>\n              )\n            })\n          )}\n        </div>\n\n        {value.length > 0 || cardinality === 'many' ? (\n          <DialogFooter>\n            <Row gap=\"2\" className=\"w-full\">\n              {/* EC-246c: a way to CLEAR the relation from the picker — the only\n                  remove path for a cardinality-`one` relation edited inline in the\n                  list (the form field has its own per-row X). */}\n              {value.length > 0 ? (\n                <Button\n                  variant=\"ghost\"\n                  className=\"text-destructive hover:text-destructive\"\n                  data-testid=\"relation-remove\"\n                  onClick={() => {\n                    onChange([])\n                    onOpenChange(false)\n                  }}\n                >\n                  <X /> Remove\n                </Button>\n              ) : null}\n              <Spacer />\n              {cardinality === 'many' ? (\n                <>\n                  <Badge variant=\"outline\">{selected.length} selected</Badge>\n                  <Button variant=\"ghost\" onClick={() => onOpenChange(false)}>\n                    Cancel\n                  </Button>\n                  <Button\n                    onClick={() => {\n                      onChange(selected)\n                      onOpenChange(false)\n                    }}\n                  >\n                    Apply\n                  </Button>\n                </>\n              ) : null}\n            </Row>\n          </DialogFooter>\n        ) : null}\n      </DialogContent>\n    </Dialog>\n  )\n}\n"]}
+{"version":3,"file":"relation-picker.js","sourceRoot":"","sources":["../../../src/components/cms/relation-picker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Check, Search, X } from 'lucide-react'\nimport { useEffect, useState } from 'react'\nimport type { DocumentRef } from '@elytracms/core/cms-core'\nimport {\n  Badge,\n  Button,\n  Code,\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  Input,\n  Row,\n  Spacer,\n  Text,\n} from '@elytracms/studio/ui'\nimport { cn } from '@elytracms/studio/lib/utils'\nimport { translate } from '@elytracms/studio/lib/i18n'\nimport { useCollectionView } from '../collection-view/collection-view-context'\n\n/** Pick related document(s) from a target collection (brief §8.4, EC-074). */\nexport function RelationPicker({\n  targetCollection,\n  cardinality,\n  value,\n  open,\n  onOpenChange,\n  onChange,\n  excludeIds,\n}: {\n  targetCollection: string\n  cardinality: 'one' | 'many'\n  value: DocumentRef[]\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  onChange: (refs: DocumentRef[]) => void\n  /**\n   * Document ids to omit from the candidate list (EC-218): a `parent` self-relation\n   * passes the editing document plus its descendants, so a page can never be set\n   * as its own ancestor (which would form a cycle).\n   */\n  excludeIds?: ReadonlySet<string>\n}) {\n  const source = useCollectionView()\n  const [query, setQuery] = useState('')\n  const [selected, setSelected] = useState<DocumentRef[]>(value)\n\n  // Seed selection only on open transitions — `value` is a fresh array each\n  // parent render, so depending on it would reset in-progress multi-selection.\n  useEffect(() => {\n    if (open) {\n      setSelected(value)\n      setQuery('')\n    }\n  }, [open])\n\n  const candidates = source.referenceCandidates(targetCollection).filter((d) => {\n    if (excludeIds?.has(d.id)) return false\n    if (!query.trim()) return true\n    return source.titleOf({ collection: targetCollection, id: d.id }).toLowerCase().includes(query.toLowerCase())\n  })\n\n  const isSelected = (id: string) => selected.some((r) => r.id === id)\n\n  function toggle(id: string) {\n    const ref: DocumentRef = { collection: targetCollection, id }\n    if (cardinality === 'one') {\n      setSelected([ref])\n      onChange([ref])\n      onOpenChange(false)\n      return\n    }\n    setSelected((prev) => (isSelected(id) ? prev.filter((r) => r.id !== id) : [...prev, ref]))\n  }\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"max-w-md\">\n        <DialogHeader>\n          <DialogTitle>\n            {translate(cardinality === 'many' ? 'cms.relation.pickTitle.many' : 'cms.relation.pickTitle.one')}\n          </DialogTitle>\n          <DialogDescription>\n            From <Code tone=\"muted\">{targetCollection}</Code>\n            {cardinality === 'many' ? ` · ${translate('cms.relation.selectMultipleHint')}` : ''}\n          </DialogDescription>\n        </DialogHeader>\n\n        <div className=\"relative\">\n          <Search className=\"pointer-events-none absolute left-2.5 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground\" />\n          <Input\n            autoFocus\n            value={query}\n            onChange={(e) => setQuery(e.target.value)}\n            placeholder={translate('common.searchPlaceholder')}\n            className=\"pl-8\"\n          />\n        </div>\n\n        <div className=\"max-h-72 overflow-auto\">\n          {candidates.length === 0 ? (\n            <Text size=\"sm\" tone=\"muted\" className=\"p-3\">\n              {translate('cms.relation.noDocuments', { collection: targetCollection })}\n            </Text>\n          ) : (\n            candidates.map((doc) => {\n              const title = source.titleOf({ collection: targetCollection, id: doc.id })\n              const sel = isSelected(doc.id)\n              return (\n                <button\n                  key={doc.id}\n                  type=\"button\"\n                  onClick={() => toggle(doc.id)}\n                  className={cn(\n                    'flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm transition-colors hover:bg-muted',\n                    sel && 'bg-accent text-accent-foreground',\n                  )}\n                >\n                  <span className=\"min-w-0 flex-1 truncate font-medium\">{title}</span>\n                  <Code tone=\"muted\">{doc.id}</Code>\n                  {sel ? <Check className=\"size-4 text-primary\" /> : null}\n                </button>\n              )\n            })\n          )}\n        </div>\n\n        {value.length > 0 || cardinality === 'many' ? (\n          <DialogFooter>\n            <Row gap=\"2\" className=\"w-full\">\n              {/* EC-246c: a way to CLEAR the relation from the picker — the only\n                  remove path for a cardinality-`one` relation edited inline in the\n                  list (the form field has its own per-row X). */}\n              {value.length > 0 ? (\n                <Button\n                  variant=\"ghost\"\n                  className=\"text-destructive hover:text-destructive\"\n                  data-testid=\"relation-remove\"\n                  onClick={() => {\n                    onChange([])\n                    onOpenChange(false)\n                  }}\n                >\n                  <X /> {translate('common.remove')}\n                </Button>\n              ) : null}\n              <Spacer />\n              {cardinality === 'many' ? (\n                <>\n                  <Badge variant=\"outline\">{translate('cms.relation.selectedCount', { count: selected.length })}</Badge>\n                  <Button variant=\"ghost\" onClick={() => onOpenChange(false)}>\n                    {translate('common.cancel')}\n                  </Button>\n                  <Button\n                    onClick={() => {\n                      onChange(selected)\n                      onOpenChange(false)\n                    }}\n                  >\n                    {translate('common.apply')}\n                  </Button>\n                </>\n              ) : null}\n            </Row>\n          </DialogFooter>\n        ) : null}\n      </DialogContent>\n    </Dialog>\n  )\n}\n"]}

package/dist/components/cms/scalar-value-editor.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { Input, Select } from '@elytracms/studio/ui';
-import { localizedLabel } from '@elytracms/studio/lib/i18n';
+import { localizedLabel, translate } from '@elytracms/studio/lib/i18n';
 import { scalarFromText } from '@elytracms/studio/lib/cms-views';
 /**
  * The closed single-scalar value control (EC-247), shared by the filter
@@ -15,10 +15,10 @@ import { scalarFromText } from '@elytracms/studio/lib/cms-views';
  * It is deliberately *closed* — no field type invents a new control — keeping
  * value entry consistent and agent-inspectable across the two surfaces.
  */
-export function ScalarFieldValueEditor({ option, value, testId, ariaLabel = 'Value', onChange, }) {
+export function ScalarFieldValueEditor({ option, value, testId, ariaLabel = translate('cms.field.value'), onChange, }) {
     switch (option?.def?.type) {
         case 'boolean':
-            return (_jsxs(Select, { "aria-label": ariaLabel, value: value === true ? 'true' : 'false', onChange: (event) => onChange(event.target.value === 'true'), className: "h-7 w-auto py-0 text-xs", "data-testid": testId, children: [_jsx("option", { value: "true", children: "true" }), _jsx("option", { value: "false", children: "false" })] }));
+            return (_jsxs(Select, { "aria-label": ariaLabel, value: value === true ? 'true' : 'false', onChange: (event) => onChange(event.target.value === 'true'), className: "h-7 w-auto py-0 text-xs", "data-testid": testId, children: [_jsx("option", { value: "true", children: translate('common.true') }), _jsx("option", { value: "false", children: translate('common.false') })] }));
         case 'select':
             return (_jsxs(Select, { "aria-label": ariaLabel, value: String(value), onChange: (event) => onChange(event.target.value), className: "h-7 w-auto py-0 text-xs", "data-testid": testId, children: [_jsx("option", { value: "", children: "\u2014" }), option.def.options.map((opt) => (_jsx("option", { value: opt.value, children: localizedLabel(opt.label, opt.value) }, opt.value)))] }));
         case 'date':
@@ -34,9 +34,9 @@ export function ScalarFieldValueEditor({ option, value, testId, ariaLabel = 'Val
  * (e.g. a trailing comma in a filter `in` list). Remount (key it) when the
  * field/operator changes so the draft resets to the new initial.
  */
-export function DraftValueInput({ initial, type = 'text', placeholder, ariaLabel = 'Value', testId, onText, }) {
+export function DraftValueInput({ initial, type = 'text', placeholder, ariaLabel = translate('cms.field.value'), testId, onText, }) {
     const [draft, setDraft] = useState(initial);
-    return (_jsx(Input, { "aria-label": ariaLabel, type: type, value: draft, placeholder: placeholder ?? 'value', onChange: (event) => {
+    return (_jsx(Input, { "aria-label": ariaLabel, type: type, value: draft, placeholder: placeholder ?? translate('cms.field.valuePlaceholder'), onChange: (event) => {
             setDraft(event.target.value);
             onText(event.target.value);
         }, className: "h-7 w-36 text-xs", "data-testid": testId }));

package/dist/components/cms/scalar-value-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"scalar-value-editor.js","sourceRoot":"","sources":["../../../src/components/cms/scalar-value-editor.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAGhE;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,sBAAsB,CAAC,EACrC,MAAM,EACN,KAAK,EACL,MAAM,EACN,SAAS,GAAG,OAAO,EACnB,QAAQ,GAQT;IACC,QAAQ,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;QAC1B,KAAK,SAAS;YACZ,OAAO,CACL,MAAC,MAAM,kBACO,SAAS,EACrB,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EACxC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,KAAK,MAAM,CAAC,EAC5D,SAAS,EAAC,yBAAyB,iBACtB,MAAM,aAEnB,iBAAQ,KAAK,EAAC,MAAM,qBAAc,EAClC,iBAAQ,KAAK,EAAC,OAAO,sBAAe,IAC7B,CACV,CAAA;QACH,KAAK,QAAQ;YACX,OAAO,CACL,MAAC,MAAM,kBACO,SAAS,EACrB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACjD,SAAS,EAAC,yBAAyB,iBACtB,MAAM,aAEnB,iBAAQ,KAAK,EAAC,EAAE,uBAAW,EAC1B,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAC/B,iBAAwB,KAAK,EAAE,GAAG,CAAC,KAAK,YACrC,cAAc,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,IAD1B,GAAG,CAAC,KAAK,CAEb,CACV,CAAC,IACK,CACV,CAAA;QACH,KAAK,MAAM;YACT,OAAO,CACL,KAAC,KAAK,kBACQ,SAAS,EACrB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAC1D,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EACzE,SAAS,EAAC,kBAAkB,iBACf,MAAM,GACnB,CACH,CAAA;QACH,KAAK,QAAQ;YACX,OAAO,CACL,KAAC,eAAe,IACd,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC1C,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,GACtD,CACH,CAAA;QACH;YACE,OAAO,CACL,KAAC,eAAe,IACd,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,EACtB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,GACtD,CACH,CAAA;IACL,CAAC;AACH,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,OAAO,EACP,IAAI,GAAG,MAAM,EACb,WAAW,EACX,SAAS,GAAG,OAAO,EACnB,MAAM,EACN,MAAM,GAQP;IACC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;IAC3C,OAAO,CACL,KAAC,KAAK,kBACQ,SAAS,EACrB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,IAAI,OAAO,EACnC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;YAC5B,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QAC5B,CAAC,EACD,SAAS,EAAC,kBAAkB,iBACf,MAAM,GACnB,CACH,CAAA;AACH,CAAC","sourcesContent":["import { useState } from 'react'\nimport type { FilterScalar } from '@elytracms/core/content'\nimport { Input, Select } from '@elytracms/studio/ui'\nimport { localizedLabel } from '@elytracms/studio/lib/i18n'\nimport { scalarFromText } from '@elytracms/studio/lib/cms-views'\nimport type { FilterableFieldOption } from '@elytracms/studio/lib/cms-views'\n\n/**\n * The closed single-scalar value control (EC-247), shared by the filter\n * builder's `eq`/comparison clauses and the bulk set-field action so both\n * surfaces enter a value the SAME way. It renders exactly the input the field's\n * schema type warrants — a select for boolean/select, a date input, a\n * number/text input otherwise. The `in` multi-value list and the\n * publication-state pseudo field stay in the filter builder: they are\n * filter-only and never a set-field target.\n *\n * It is deliberately *closed* — no field type invents a new control — keeping\n * value entry consistent and agent-inspectable across the two surfaces.\n */\nexport function ScalarFieldValueEditor({\n  option,\n  value,\n  testId,\n  ariaLabel = 'Value',\n  onChange,\n}: {\n  /** The field whose value is being entered (its `def` drives the control). */\n  option: FilterableFieldOption | undefined\n  value: FilterScalar\n  testId: string\n  ariaLabel?: string\n  onChange: (value: FilterScalar) => void\n}) {\n  switch (option?.def?.type) {\n    case 'boolean':\n      return (\n        <Select\n          aria-label={ariaLabel}\n          value={value === true ? 'true' : 'false'}\n          onChange={(event) => onChange(event.target.value === 'true')}\n          className=\"h-7 w-auto py-0 text-xs\"\n          data-testid={testId}\n        >\n          <option value=\"true\">true</option>\n          <option value=\"false\">false</option>\n        </Select>\n      )\n    case 'select':\n      return (\n        <Select\n          aria-label={ariaLabel}\n          value={String(value)}\n          onChange={(event) => onChange(event.target.value)}\n          className=\"h-7 w-auto py-0 text-xs\"\n          data-testid={testId}\n        >\n          <option value=\"\">—</option>\n          {option.def.options.map((opt) => (\n            <option key={opt.value} value={opt.value}>\n              {localizedLabel(opt.label, opt.value)}\n            </option>\n          ))}\n        </Select>\n      )\n    case 'date':\n      return (\n        <Input\n          aria-label={ariaLabel}\n          type=\"date\"\n          value={typeof value === 'string' ? value.slice(0, 10) : ''}\n          onChange={(event) => onChange(scalarFromText(option, event.target.value))}\n          className=\"h-7 w-36 text-xs\"\n          data-testid={testId}\n        />\n      )\n    case 'number':\n      return (\n        <DraftValueInput\n          type=\"number\"\n          initial={value === '' ? '' : String(value)}\n          ariaLabel={ariaLabel}\n          testId={testId}\n          onText={(raw) => onChange(scalarFromText(option, raw))}\n        />\n      )\n    default:\n      return (\n        <DraftValueInput\n          initial={String(value)}\n          ariaLabel={ariaLabel}\n          testId={testId}\n          onText={(raw) => onChange(scalarFromText(option, raw))}\n        />\n      )\n  }\n}\n\n/**\n * Text input with a local draft so typing is never re-normalized mid-keystroke\n * (e.g. a trailing comma in a filter `in` list). Remount (key it) when the\n * field/operator changes so the draft resets to the new initial.\n */\nexport function DraftValueInput({\n  initial,\n  type = 'text',\n  placeholder,\n  ariaLabel = 'Value',\n  testId,\n  onText,\n}: {\n  initial: string\n  type?: 'text' | 'number'\n  placeholder?: string\n  ariaLabel?: string\n  testId: string\n  onText: (raw: string) => void\n}) {\n  const [draft, setDraft] = useState(initial)\n  return (\n    <Input\n      aria-label={ariaLabel}\n      type={type}\n      value={draft}\n      placeholder={placeholder ?? 'value'}\n      onChange={(event) => {\n        setDraft(event.target.value)\n        onText(event.target.value)\n      }}\n      className=\"h-7 w-36 text-xs\"\n      data-testid={testId}\n    />\n  )\n}\n"]}
+{"version":3,"file":"scalar-value-editor.js","sourceRoot":"","sources":["../../../src/components/cms/scalar-value-editor.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from 'react'\nimport type { FilterScalar } from '@elytracms/core/content'\nimport { Input, Select } from '@elytracms/studio/ui'\nimport { localizedLabel, translate } from '@elytracms/studio/lib/i18n'\nimport { scalarFromText } from '@elytracms/studio/lib/cms-views'\nimport type { FilterableFieldOption } from '@elytracms/studio/lib/cms-views'\n\n/**\n * The closed single-scalar value control (EC-247), shared by the filter\n * builder's `eq`/comparison clauses and the bulk set-field action so both\n * surfaces enter a value the SAME way. It renders exactly the input the field's\n * schema type warrants — a select for boolean/select, a date input, a\n * number/text input otherwise. The `in` multi-value list and the\n * publication-state pseudo field stay in the filter builder: they are\n * filter-only and never a set-field target.\n *\n * It is deliberately *closed* — no field type invents a new control — keeping\n * value entry consistent and agent-inspectable across the two surfaces.\n */\nexport function ScalarFieldValueEditor({\n  option,\n  value,\n  testId,\n  ariaLabel = translate('cms.field.value'),\n  onChange,\n}: {\n  /** The field whose value is being entered (its `def` drives the control). */\n  option: FilterableFieldOption | undefined\n  value: FilterScalar\n  testId: string\n  ariaLabel?: string\n  onChange: (value: FilterScalar) => void\n}) {\n  switch (option?.def?.type) {\n    case 'boolean':\n      return (\n        <Select\n          aria-label={ariaLabel}\n          value={value === true ? 'true' : 'false'}\n          onChange={(event) => onChange(event.target.value === 'true')}\n          className=\"h-7 w-auto py-0 text-xs\"\n          data-testid={testId}\n        >\n          <option value=\"true\">{translate('common.true')}</option>\n          <option value=\"false\">{translate('common.false')}</option>\n        </Select>\n      )\n    case 'select':\n      return (\n        <Select\n          aria-label={ariaLabel}\n          value={String(value)}\n          onChange={(event) => onChange(event.target.value)}\n          className=\"h-7 w-auto py-0 text-xs\"\n          data-testid={testId}\n        >\n          <option value=\"\">—</option>\n          {option.def.options.map((opt) => (\n            <option key={opt.value} value={opt.value}>\n              {localizedLabel(opt.label, opt.value)}\n            </option>\n          ))}\n        </Select>\n      )\n    case 'date':\n      return (\n        <Input\n          aria-label={ariaLabel}\n          type=\"date\"\n          value={typeof value === 'string' ? value.slice(0, 10) : ''}\n          onChange={(event) => onChange(scalarFromText(option, event.target.value))}\n          className=\"h-7 w-36 text-xs\"\n          data-testid={testId}\n        />\n      )\n    case 'number':\n      return (\n        <DraftValueInput\n          type=\"number\"\n          initial={value === '' ? '' : String(value)}\n          ariaLabel={ariaLabel}\n          testId={testId}\n          onText={(raw) => onChange(scalarFromText(option, raw))}\n        />\n      )\n    default:\n      return (\n        <DraftValueInput\n          initial={String(value)}\n          ariaLabel={ariaLabel}\n          testId={testId}\n          onText={(raw) => onChange(scalarFromText(option, raw))}\n        />\n      )\n  }\n}\n\n/**\n * Text input with a local draft so typing is never re-normalized mid-keystroke\n * (e.g. a trailing comma in a filter `in` list). Remount (key it) when the\n * field/operator changes so the draft resets to the new initial.\n */\nexport function DraftValueInput({\n  initial,\n  type = 'text',\n  placeholder,\n  ariaLabel = translate('cms.field.value'),\n  testId,\n  onText,\n}: {\n  initial: string\n  type?: 'text' | 'number'\n  placeholder?: string\n  ariaLabel?: string\n  testId: string\n  onText: (raw: string) => void\n}) {\n  const [draft, setDraft] = useState(initial)\n  return (\n    <Input\n      aria-label={ariaLabel}\n      type={type}\n      value={draft}\n      placeholder={placeholder ?? translate('cms.field.valuePlaceholder')}\n      onChange={(event) => {\n        setDraft(event.target.value)\n        onText(event.target.value)\n      }}\n      className=\"h-7 w-36 text-xs\"\n      data-testid={testId}\n    />\n  )\n}\n"]}