@elytracms/studio 0.0.15 → 0.0.17

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

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Component, useMemo } from 'react';
+import { AlertTriangle } from 'lucide-react';
+import { fieldTypeSchema } from '@elytracms/core/cms-core';
+import { resolveOverrides } from '@elytracms/core/studio-core';
+import { resolveDeploymentFieldRenderers } from '@elytracms/studio/lib/workspace';
+import { Input, Row, Text } from '@elytracms/studio/ui';
+/** A field type is registrable if it is a built-in type or a dotted project type id. */
+const DOTTED_TYPE = /^[a-z][a-z0-9]*\.[a-z][a-z0-9]*$/i;
+function isKnownFieldType(type) {
+    return fieldTypeSchema.safeParse(type).success || DOTTED_TYPE.test(type);
+}
+/**
+ * Resolve the config's custom field renderers through the shared customization
+ * core (EC-236): additive registry keyed by field type, rejecting an unknown
+ * type / non-component / duplicate with a visible issue and keeping the built-in.
+ */
+export function resolveFieldRenderers(entries) {
+    const resolved = resolveOverrides({
+        point: 'fieldRenderers',
+        defaults: [],
+        overrides: entries.map((entry) => ({ id: entry.type, value: entry.component })),
+        allowNew: true,
+        validate: (entry) => typeof entry.value !== 'function'
+            ? 'the component is not a function'
+            : isKnownFieldType(entry.id)
+                ? null
+                : `"${entry.id}" is not a known field type`,
+    });
+    return { get: (type) => resolved.get(type), issues: resolved.issues };
+}
+/** The active project's resolved field renderers (config is static per studio boot). */
+export function useFieldRenderers() {
+    return useMemo(() => resolveFieldRenderers(resolveDeploymentFieldRenderers()), []);
+}
+/** A visible, inline field-renderer issue — the customization seam's "never silent". */
+export function FieldRendererIssue({ message }) {
+    return (_jsxs(Row, { gap: "1", align: "center", className: "text-amber-600 dark:text-amber-400", title: message, children: [_jsx(AlertTriangle, { "aria-hidden": true, className: "size-3.5" }), _jsx(Text, { size: "xs", children: message })] }));
+}
+/**
+ * Error boundary around a custom renderer: a renderer that throws falls back to
+ * the built-in control (passed as `fallback`) with a visible `issue` above it,
+ * so a broken third-party component degrades the one field, never the editor.
+ */
+export class FieldRendererBoundary extends Component {
+    state = { failed: false };
+    static getDerivedStateFromError() {
+        return { failed: true };
+    }
+    render() {
+        if (this.state.failed) {
+            return (_jsxs(_Fragment, { children: [this.props.issue, this.props.fallback] }));
+        }
+        return this.props.children;
+    }
+}
+/**
+ * Example custom field renderer (EC-238 DoD): a colour control proving reuse of
+ * the studio form primitives and a save round-trip. A consuming repo registers it
+ * with `fieldRenderers: [{ type: 'plugin.color', component: colorFieldRenderer }]`
+ * (or `{ type: 'text', ... }` to override the built-in text control).
+ */
+export const colorFieldRenderer = ({ value, onChange, readOnly, id }) => {
+    const hex = typeof value === 'string' && /^#[0-9a-f]{6}$/i.test(value) ? value : '#000000';
+    return (_jsxs(Row, { gap: "2", align: "center", children: [_jsx("input", { id: id, type: "color", disabled: readOnly, value: hex, onChange: (event) => onChange(event.target.value), "aria-label": "Colour", className: "h-8 w-12 cursor-pointer rounded-md border border-input bg-background disabled:opacity-50" }), _jsx(Input, { value: typeof value === 'string' ? value : '', disabled: readOnly, placeholder: "#rrggbb", onChange: (event) => onChange(event.target.value || undefined), className: "w-28 font-mono text-xs" })] }));
+};
+//# sourceMappingURL=field-renderer.js.map

package/dist/components/cms/field-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-renderer.js","sourceRoot":"","sources":["../../../src/components/cms/field-renderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, useMemo } from 'react'\nimport type { ReactNode } from 'react'\nimport { AlertTriangle } from 'lucide-react'\nimport { fieldTypeSchema } from '@elytracms/core/cms-core'\nimport type { FieldDef } from '@elytracms/core/cms-core'\nimport { resolveOverrides } from '@elytracms/core/studio-core'\nimport type { CustomizationIssue, FieldRendererEntry } from '@elytracms/core/studio-core'\nimport { resolveDeploymentFieldRenderers } from '@elytracms/studio/lib/workspace'\nimport { Input, Row, Text } from '@elytracms/studio/ui'\n\n/**\n * EC-238 — custom field renderers, an instance of the EC-236 customization seam.\n *\n * A project registers a React component (via `config.fieldRenderers`) keyed by\n * field type to REPLACE the built-in document-editor control. The contract is\n * the exact {@link FieldControl} props seam, so a project component drops in\n * unchanged and reuses internal helpers (relation/asset pickers, validation\n * state) by calling the exported studio hooks (`useCms`,\n * `useOptionalDocumentEditor`) itself. Resolution falls back to the built-in\n * control, and every failure mode — unknown field type, duplicate registration,\n * a non-component value, or a renderer that throws — surfaces a visible issue,\n * never a silent drop or a crash.\n */\n\n/** The props a custom field renderer receives — identical to the built-in control. */\nexport interface CustomFieldRendererProps {\n  field: FieldDef\n  value: unknown\n  onChange: (value: unknown) => void\n  readOnly: boolean\n  id: string\n}\nexport type CustomFieldRenderer = (props: CustomFieldRendererProps) => ReactNode\n\n/** A field type is registrable if it is a built-in type or a dotted project type id. */\nconst DOTTED_TYPE = /^[a-z][a-z0-9]*\\.[a-z][a-z0-9]*$/i\nfunction isKnownFieldType(type: string): boolean {\n  return fieldTypeSchema.safeParse(type).success || DOTTED_TYPE.test(type)\n}\n\nexport interface ResolvedFieldRenderers {\n  /** The custom renderer for a field type, or `undefined` → use the built-in. */\n  get(type: string): CustomFieldRenderer | undefined\n  /** Resolution issues (unknown type, duplicate id, non-component); located by `id` = type. */\n  issues: CustomizationIssue[]\n}\n\n/**\n * Resolve the config's custom field renderers through the shared customization\n * core (EC-236): additive registry keyed by field type, rejecting an unknown\n * type / non-component / duplicate with a visible issue and keeping the built-in.\n */\nexport function resolveFieldRenderers(\n  entries: readonly FieldRendererEntry[],\n): ResolvedFieldRenderers {\n  const resolved = resolveOverrides<CustomFieldRenderer>({\n    point: 'fieldRenderers',\n    defaults: [],\n    overrides: entries.map((entry) => ({ id: entry.type, value: entry.component as CustomFieldRenderer })),\n    allowNew: true,\n    validate: (entry) =>\n      typeof entry.value !== 'function'\n        ? 'the component is not a function'\n        : isKnownFieldType(entry.id)\n          ? null\n          : `\"${entry.id}\" is not a known field type`,\n  })\n  return { get: (type) => resolved.get(type), issues: resolved.issues }\n}\n\n/** The active project's resolved field renderers (config is static per studio boot). */\nexport function useFieldRenderers(): ResolvedFieldRenderers {\n  return useMemo(() => resolveFieldRenderers(resolveDeploymentFieldRenderers()), [])\n}\n\n/** A visible, inline field-renderer issue — the customization seam's \"never silent\". */\nexport function FieldRendererIssue({ message }: { message: string }) {\n  return (\n    <Row gap=\"1\" align=\"center\" className=\"text-amber-600 dark:text-amber-400\" title={message}>\n      <AlertTriangle aria-hidden className=\"size-3.5\" />\n      <Text size=\"xs\">{message}</Text>\n    </Row>\n  )\n}\n\n/**\n * Error boundary around a custom renderer: a renderer that throws falls back to\n * the built-in control (passed as `fallback`) with a visible `issue` above it,\n * so a broken third-party component degrades the one field, never the editor.\n */\nexport class FieldRendererBoundary extends Component<\n  { fallback: ReactNode; issue: ReactNode; children: ReactNode },\n  { failed: boolean }\n> {\n  override state = { failed: false }\n  static getDerivedStateFromError() {\n    return { failed: true }\n  }\n  override render() {\n    if (this.state.failed) {\n      return (\n        <>\n          {this.props.issue}\n          {this.props.fallback}\n        </>\n      )\n    }\n    return this.props.children\n  }\n}\n\n/**\n * Example custom field renderer (EC-238 DoD): a colour control proving reuse of\n * the studio form primitives and a save round-trip. A consuming repo registers it\n * with `fieldRenderers: [{ type: 'plugin.color', component: colorFieldRenderer }]`\n * (or `{ type: 'text', ... }` to override the built-in text control).\n */\nexport const colorFieldRenderer: CustomFieldRenderer = ({ value, onChange, readOnly, id }) => {\n  const hex = typeof value === 'string' && /^#[0-9a-f]{6}$/i.test(value) ? value : '#000000'\n  return (\n    <Row gap=\"2\" align=\"center\">\n      <input\n        id={id}\n        type=\"color\"\n        disabled={readOnly}\n        value={hex}\n        onChange={(event) => onChange(event.target.value)}\n        aria-label=\"Colour\"\n        className=\"h-8 w-12 cursor-pointer rounded-md border border-input bg-background disabled:opacity-50\"\n      />\n      <Input\n        value={typeof value === 'string' ? value : ''}\n        disabled={readOnly}\n        placeholder=\"#rrggbb\"\n        onChange={(event) => onChange(event.target.value || undefined)}\n        className=\"w-28 font-mono text-xs\"\n      />\n    </Row>\n  )\n}\n"]}

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

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
 import { ListFilter, X } from 'lucide-react';
-import { Button, Input, Row, Select, Stack, Text } from '@elytracms/studio/ui';
-import { OPERATOR_LABELS, STATE_FIELD, defaultClause, filterableFieldOptions, operatorsFor, scalarFromText, scalarListFromText, scalarListToText, validateClauses, } from '@elytracms/studio/lib/cms-views';
+import { Button, Row, Select, Stack, Text } from '@elytracms/studio/ui';
+import { OPERATOR_LABELS, STATE_FIELD, defaultClause, filterableFieldOptions, operatorsFor, scalarListFromText, scalarListToText, validateClauses, } from '@elytracms/studio/lib/cms-views';
 import { useCms } from './cms-store';
+import { DraftValueInput, ScalarFieldValueEditor } from './scalar-value-editor';
 /**
  * The filter builder of the collection table (EC-169). Strictly the closed
  * AD-3 vocabulary: it offers ONLY schema-`filterable` fields (plus the
@@ -50,35 +50,13 @@ function FilterClauseRow({ clause, index, options, issue, onChange, onRemove, })
 function ClauseValueEditor({ option, clause, index, onChange, }) {
     const testId = `filter-value-${index}`;
     if (clause.op === 'in') {
-        return (_jsx(DraftValueInput, { initial: scalarListToText(clause.value), placeholder: "value, value, \u2026", testId: testId, onText: (raw) => onChange({ ...clause, value: scalarListFromText(option, raw) }) }));
+        return (_jsx(DraftValueInput, { ariaLabel: "Filter value", initial: scalarListToText(clause.value), placeholder: "value, value, \u2026", 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" })] }));
     }
-    switch (option?.def?.type) {
-        case 'boolean':
-            return (_jsxs(Select, { "aria-label": "Filter value", value: scalar === true ? 'true' : 'false', onChange: (event) => onChange({ ...clause, value: 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" })] }));
-        case 'select':
-            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: "", children: "\u2014" }), option.def.options.map((opt) => (_jsx("option", { value: opt.value, children: opt.label ?? opt.value }, opt.value)))] }));
-        case 'date':
-            return (_jsx(Input, { "aria-label": "Filter value", type: "date", value: typeof scalar === 'string' ? scalar.slice(0, 10) : '', onChange: (event) => onChange({ ...clause, value: scalarFromText(option, event.target.value) }), className: "h-7 w-36 text-xs", "data-testid": testId }));
-        case 'number':
-            return (_jsx(DraftValueInput, { type: "number", initial: scalar === '' ? '' : String(scalar), testId: testId, onText: (raw) => onChange({ ...clause, value: scalarFromText(option, raw) }) }));
-        default:
-            return (_jsx(DraftValueInput, { initial: String(scalar), testId: testId, onText: (raw) => onChange({ ...clause, value: scalarFromText(option, raw) }) }));
-    }
-}
-/**
- * Text input with a local draft so typing is never re-normalized mid-keystroke
- * (e.g. a trailing comma in an `in` list). Remounted (keyed) when the clause's
- * field/operator changes.
- */
-function DraftValueInput({ initial, type = 'text', placeholder, testId, onText, }) {
-    const [draft, setDraft] = useState(initial);
-    return (_jsx(Input, { "aria-label": "Filter value", type: type, value: draft, placeholder: placeholder ?? 'value', onChange: (event) => {
-            setDraft(event.target.value);
-            onText(event.target.value);
-        }, className: "h-7 w-36 text-xs", "data-testid": testId }));
+    // 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 }) }));
 }
 //# 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 { Button, Input, Row, Select, Stack, Text } from '@elytracms/studio/ui'\nimport {\n  OPERATOR_LABELS,\n  STATE_FIELD,\n  defaultClause,\n  filterableFieldOptions,\n  operatorsFor,\n  scalarFromText,\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 { useCms } from './cms-store'\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 */\nexport function FilterBuilder({ collection }: { collection: CollectionDef }) {\n  const cms = useCms()\n  const collectionId = collection.id\n  const state = cms.tableStateOf(collectionId)\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    cms.setTableState(collectionId, (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        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  switch (option?.def?.type) {\n    case 'boolean':\n      return (\n        <Select\n          aria-label=\"Filter value\"\n          value={scalar === true ? 'true' : 'false'}\n          onChange={(event) => onChange({ ...clause, value: 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=\"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=\"\">—</option>\n          {option.def.options.map((opt) => (\n            <option key={opt.value} value={opt.value}>\n              {opt.label ?? opt.value}\n            </option>\n          ))}\n        </Select>\n      )\n    case 'date':\n      return (\n        <Input\n          aria-label=\"Filter value\"\n          type=\"date\"\n          value={typeof scalar === 'string' ? scalar.slice(0, 10) : ''}\n          onChange={(event) => onChange({ ...clause, value: 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={scalar === '' ? '' : String(scalar)}\n          testId={testId}\n          onText={(raw) => onChange({ ...clause, value: scalarFromText(option, raw) })}\n        />\n      )\n    default:\n      return (\n        <DraftValueInput\n          initial={String(scalar)}\n          testId={testId}\n          onText={(raw) => onChange({ ...clause, value: 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 an `in` list). Remounted (keyed) when the clause's\n * field/operator changes.\n */\nfunction DraftValueInput({\n  initial,\n  type = 'text',\n  placeholder,\n  testId,\n  onText,\n}: {\n  initial: string\n  type?: 'text' | 'number'\n  placeholder?: string\n  testId: string\n  onText: (raw: string) => void\n}) {\n  const [draft, setDraft] = useState(initial)\n  return (\n    <Input\n      aria-label=\"Filter value\"\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":"filter-builder.js","sourceRoot":"","sources":["../../../src/components/cms/filter-builder.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ListFilter, X } from 'lucide-react'\nimport type { CollectionDef } from '@elytracms/core/cms-core'\nimport type { FilterOperator } from '@elytracms/core/content'\nimport { Button, Row, Select, Stack, Text } from '@elytracms/studio/ui'\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 { useCms } from './cms-store'\nimport { DraftValueInput, ScalarFieldValueEditor } from './scalar-value-editor'\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 */\nexport function FilterBuilder({ collection }: { collection: CollectionDef }) {\n  const cms = useCms()\n  const collectionId = collection.id\n  const state = cms.tableStateOf(collectionId)\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    cms.setTableState(collectionId, (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"]}

package/dist/components/cms/scalar-value-editor.d.ts

@@ -0,0 +1,35 @@
+import type { FilterScalar } from '@elytracms/core/content';
+import type { FilterableFieldOption } from '@elytracms/studio/lib/cms-views';
+/**
+ * The closed single-scalar value control (EC-247), shared by the filter
+ * builder's `eq`/comparison clauses and the bulk set-field action so both
+ * surfaces enter a value the SAME way. It renders exactly the input the field's
+ * schema type warrants — a select for boolean/select, a date input, a
+ * number/text input otherwise. The `in` multi-value list and the
+ * publication-state pseudo field stay in the filter builder: they are
+ * filter-only and never a set-field target.
+ *
+ * It is deliberately *closed* — no field type invents a new control — keeping
+ * value entry consistent and agent-inspectable across the two surfaces.
+ */
+export declare function ScalarFieldValueEditor({ option, value, testId, ariaLabel, onChange, }: {
+    /** The field whose value is being entered (its `def` drives the control). */
+    option: FilterableFieldOption | undefined;
+    value: FilterScalar;
+    testId: string;
+    ariaLabel?: string;
+    onChange: (value: FilterScalar) => void;
+}): import("react").JSX.Element;
+/**
+ * Text input with a local draft so typing is never re-normalized mid-keystroke
+ * (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 declare function DraftValueInput({ initial, type, placeholder, ariaLabel, testId, onText, }: {
+    initial: string;
+    type?: 'text' | 'number';
+    placeholder?: string;
+    ariaLabel?: string;
+    testId: string;
+    onText: (raw: string) => void;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Input, Select } from '@elytracms/studio/ui';
+import { scalarFromText } from '@elytracms/studio/lib/cms-views';
+/**
+ * The closed single-scalar value control (EC-247), shared by the filter
+ * builder's `eq`/comparison clauses and the bulk set-field action so both
+ * surfaces enter a value the SAME way. It renders exactly the input the field's
+ * schema type warrants — a select for boolean/select, a date input, a
+ * number/text input otherwise. The `in` multi-value list and the
+ * publication-state pseudo field stay in the filter builder: they are
+ * filter-only and never a set-field target.
+ *
+ * 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, }) {
+    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" })] }));
+        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: opt.label ?? opt.value }, opt.value)))] }));
+        case 'date':
+            return (_jsx(Input, { "aria-label": ariaLabel, type: "date", value: typeof value === 'string' ? value.slice(0, 10) : '', onChange: (event) => onChange(scalarFromText(option, event.target.value)), className: "h-7 w-36 text-xs", "data-testid": testId }));
+        case 'number':
+            return (_jsx(DraftValueInput, { type: "number", initial: value === '' ? '' : String(value), ariaLabel: ariaLabel, testId: testId, onText: (raw) => onChange(scalarFromText(option, raw)) }));
+        default:
+            return (_jsx(DraftValueInput, { initial: String(value), ariaLabel: ariaLabel, testId: testId, onText: (raw) => onChange(scalarFromText(option, raw)) }));
+    }
+}
+/**
+ * Text input with a local draft so typing is never re-normalized mid-keystroke
+ * (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, }) {
+    const [draft, setDraft] = useState(initial);
+    return (_jsx(Input, { "aria-label": ariaLabel, type: type, value: draft, placeholder: placeholder ?? 'value', onChange: (event) => {
+            setDraft(event.target.value);
+            onText(event.target.value);
+        }, className: "h-7 w-36 text-xs", "data-testid": testId }));
+}
+//# sourceMappingURL=scalar-value-editor.js.map

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

@@ -0,0 +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,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,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,KAAK,IADZ,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 { 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              {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"]}

package/dist/components/project-session.js

@@ -4,6 +4,7 @@ import { Button, Stack, Text } from '@elytracms/studio/ui';
 import { getStudioOperations, loadHydratedCms, loadProjectSession } from '@elytracms/studio/lib/operations';
 import { isPlaygroundMode } from '@elytracms/studio/lib/persistence';
 import { configureContentSession } from '@elytracms/studio/lib/data';
+import { resolveDeploymentRoutes } from '@elytracms/studio/lib/workspace';
 import { OperationErrorBanner } from './operation-error';
 const ProjectSessionContext = createContext(null);
 export function ProjectSessionProvider({ projectId, children, }) {
@@ -29,8 +30,12 @@ export function ProjectSessionProvider({ projectId, children, }) {
                 return;
             }
             // Point the preview content engine at the hydrated documents before
-            // any child renders (panels read it module-level, synchronously).
-            configureContentSession(result.value.cms);
+            // any child renders (panels read it module-level, synchronously). EC-291:
+            // include the config-sourced routes so the canvas `resolveLink` derives a
+            // rich-text link's URL exactly as delivery does.
+            configureContentSession(result.value.cms
+                ? { ...result.value.cms, routes: resolveDeploymentRoutes() }
+                : null);
             setPhase({ kind: 'ready', session: result.value });
         });
         return () => {
@@ -47,7 +52,7 @@ export function ProjectSessionProvider({ projectId, children, }) {
         const result = await loadHydratedCms(operations, projectId);
         // Keep the preview engine in sync with the freshest persisted content.
         if (result.ok && result.value !== null)
-            configureContentSession(result.value);
+            configureContentSession({ ...result.value, routes: resolveDeploymentRoutes() });
         return result;
     }, [playground, projectId]);
     if (phase.kind === 'loading')

package/dist/components/project-session.js.map

@@ -1 +1 @@
-{"version":3,"file":"project-session.js","sourceRoot":"","sources":["../../src/components/project-session.tsx"],"names":[],"mappings":"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","sourcesContent":["import { createContext, useCallback, useContext, useEffect, useState } from 'react'\nimport type { ReactNode } from 'react'\nimport { Button, Stack, Text } from '@elytracms/studio/ui'\nimport { getStudioOperations, loadHydratedCms, loadProjectSession } from '@elytracms/studio/lib/operations'\nimport type {\n  HydratedCms,\n  HydratedProjectSession,\n  OperationError,\n  OperationResult,\n} from '@elytracms/studio/lib/operations'\nimport { isPlaygroundMode } from '@elytracms/studio/lib/persistence'\nimport { configureContentSession } from '@elytracms/studio/lib/data'\nimport { OperationErrorBanner } from './operation-error'\n\n/**\n * Project-session hydration gate (Milestone B sign-off fix, EC-177 gap 1).\n *\n * In Convex mode every project session must BOOT from persistence: the\n * builder from the latest persisted graph revision, the CMS from the saved\n * schema + documents, publishing from the persisted environment states.\n * This provider runs the `@elytracms/core/operations` hydration queries\n * (`lib/operations/session-hydration`) and — like `BackendGate` — gates its\n * children on a deterministic loading state, so fixture content never\n * flashes (and is never editable) before the persisted state arrives.\n *\n * Playground mode renders children synchronously with `session: null`\n * (fixtures), byte-identical to the pre-hydration behavior — the EC-138\n * determinism contract.\n *\n * Side effect on hydration: the content preview engine\n * (`lib/data/collection-content`) is pointed at the hydrated documents\n * BEFORE children render, so \"Preview with\" lists and section previews show\n * live entries, not fixture titles.\n */\n\nexport interface ProjectSessionStore {\n  /** Hydrated persisted state (Convex mode); `null` in playground (fixtures). */\n  session: HydratedProjectSession | null\n  /**\n   * Load the CURRENT persisted CMS state (fresh query — the CMS section\n   * remounts per visit and must show edits persisted since project open).\n   * Playground resolves `null` immediately (fixtures).\n   */\n  loadCms(): Promise<OperationResult<HydratedCms | null>>\n}\n\nconst ProjectSessionContext = createContext<ProjectSessionStore | null>(null)\n\ntype Phase =\n  | { kind: 'loading' }\n  | { kind: 'ready'; session: HydratedProjectSession | null }\n  | { kind: 'error'; error: OperationError }\n\nexport function ProjectSessionProvider({\n  projectId,\n  children,\n}: {\n  projectId: string\n  children: ReactNode\n}) {\n  const playground = isPlaygroundMode()\n  // Playground renders children on the FIRST render (no effect round-trip):\n  // fixture boots stay synchronous and deterministic.\n  const [phase, setPhase] = useState<Phase>(() =>\n    playground ? { kind: 'ready', session: null } : { kind: 'loading' },\n  )\n  const [attempt, setAttempt] = useState(0)\n\n  useEffect(() => {\n    if (playground) {\n      configureContentSession(null)\n      return\n    }\n    let cancelled = false\n    setPhase({ kind: 'loading' })\n    void getStudioOperations()\n      .then(({ operations }) => loadProjectSession(operations, projectId))\n      .then((result) => {\n        if (cancelled) return\n        if (!result.ok) {\n          setPhase({ kind: 'error', error: result.error })\n          return\n        }\n        // Point the preview content engine at the hydrated documents before\n        // any child renders (panels read it module-level, synchronously).\n        configureContentSession(result.value.cms)\n        setPhase({ kind: 'ready', session: result.value })\n      })\n    return () => {\n      cancelled = true\n    }\n  }, [projectId, playground, attempt])\n\n  // Leaving the project resets the preview engine to fixtures; the next\n  // project's gate reconfigures it before rendering its own children.\n  useEffect(() => () => configureContentSession(null), [])\n\n  const loadCms = useCallback(async (): Promise<OperationResult<HydratedCms | null>> => {\n    if (playground) return { ok: true, value: null }\n    const { operations } = await getStudioOperations()\n    const result = await loadHydratedCms(operations, projectId)\n    // Keep the preview engine in sync with the freshest persisted content.\n    if (result.ok && result.value !== null) configureContentSession(result.value)\n    return result\n  }, [playground, projectId])\n\n  if (phase.kind === 'loading') return <SessionHydrating />\n  if (phase.kind === 'error') {\n    return (\n      <SessionHydrationError error={phase.error} onRetry={() => setAttempt((n) => n + 1)} />\n    )\n  }\n  return (\n    <ProjectSessionContext.Provider value={{ session: phase.session, loadCms }}>\n      {children}\n    </ProjectSessionContext.Provider>\n  )\n}\n\nexport function useProjectSession(): ProjectSessionStore {\n  const store = useContext(ProjectSessionContext)\n  if (!store) {\n    throw new Error('useProjectSession must be used within a <ProjectSessionProvider>.')\n  }\n  return store\n}\n\n/**\n * Gate one CMS surface mount on a FRESH persisted CMS load (Convex mode).\n * Render-prop: hands the hydrated content (or `null` → fixture fallback,\n * first-run) to the caller once it resolved. Playground renders synchronously\n * with `null`.\n */\nexport function CmsSessionGate({\n  children,\n}: {\n  children: (cms: HydratedCms | null) => ReactNode\n}) {\n  const { loadCms } = useProjectSession()\n  const playground = isPlaygroundMode()\n  const [phase, setPhase] = useState<\n    | { kind: 'loading' }\n    | { kind: 'ready'; cms: HydratedCms | null }\n    | { kind: 'error'; error: OperationError }\n  >(() => (playground ? { kind: 'ready', cms: null } : { kind: 'loading' }))\n  const [attempt, setAttempt] = useState(0)\n\n  useEffect(() => {\n    if (playground) return\n    let cancelled = false\n    setPhase({ kind: 'loading' })\n    void loadCms().then((result) => {\n      if (cancelled) return\n      setPhase(result.ok ? { kind: 'ready', cms: result.value } : { kind: 'error', error: result.error })\n    })\n    return () => {\n      cancelled = true\n    }\n  }, [playground, loadCms, attempt])\n\n  if (phase.kind === 'loading') return <SessionHydrating />\n  if (phase.kind === 'error') {\n    return (\n      <SessionHydrationError error={phase.error} onRetry={() => setAttempt((n) => n + 1)} />\n    )\n  }\n  return <>{children(phase.cms)}</>\n}\n\n/** Deterministic loading frame while persisted state is fetched (mirrors BackendGate). */\nfunction SessionHydrating() {\n  return (\n    <div className=\"grid h-full min-h-64 flex-1 place-items-center p-8\" data-testid=\"session-hydrating\">\n      <Text size=\"sm\" tone=\"muted\">\n        Loading project…\n      </Text>\n    </div>\n  )\n}\n\n/** A failed hydration is a visible, retryable state — never a fixture fallback. */\nfunction SessionHydrationError({\n  error,\n  onRetry,\n}: {\n  error: OperationError\n  onRetry: () => void\n}) {\n  return (\n    <div className=\"grid h-full min-h-64 flex-1 place-items-center p-8\">\n      <Stack gap=\"3\" className=\"w-full max-w-xl\">\n        <Text size=\"sm\" weight=\"semibold\">\n          Couldn’t load this project’s saved state\n        </Text>\n        <OperationErrorBanner error={error} />\n        <Text size=\"xs\" tone=\"muted\">\n          The studio never falls back to sample content against a live backend — your data is\n          safe; retry once the backend is reachable.\n        </Text>\n        <Button variant=\"outline\" size=\"sm\" onClick={onRetry} className=\"self-start\">\n          Retry\n        </Button>\n      </Stack>\n    </div>\n  )\n}\n"]}
+{"version":3,"file":"project-session.js","sourceRoot":"","sources":["../../src/components/project-session.tsx"],"names":[],"mappings":"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","sourcesContent":["import { createContext, useCallback, useContext, useEffect, useState } from 'react'\nimport type { ReactNode } from 'react'\nimport { Button, Stack, Text } from '@elytracms/studio/ui'\nimport { getStudioOperations, loadHydratedCms, loadProjectSession } from '@elytracms/studio/lib/operations'\nimport type {\n  HydratedCms,\n  HydratedProjectSession,\n  OperationError,\n  OperationResult,\n} from '@elytracms/studio/lib/operations'\nimport { isPlaygroundMode } from '@elytracms/studio/lib/persistence'\nimport { configureContentSession } from '@elytracms/studio/lib/data'\nimport { resolveDeploymentRoutes } from '@elytracms/studio/lib/workspace'\nimport { OperationErrorBanner } from './operation-error'\n\n/**\n * Project-session hydration gate (Milestone B sign-off fix, EC-177 gap 1).\n *\n * In Convex mode every project session must BOOT from persistence: the\n * builder from the latest persisted graph revision, the CMS from the saved\n * schema + documents, publishing from the persisted environment states.\n * This provider runs the `@elytracms/core/operations` hydration queries\n * (`lib/operations/session-hydration`) and — like `BackendGate` — gates its\n * children on a deterministic loading state, so fixture content never\n * flashes (and is never editable) before the persisted state arrives.\n *\n * Playground mode renders children synchronously with `session: null`\n * (fixtures), byte-identical to the pre-hydration behavior — the EC-138\n * determinism contract.\n *\n * Side effect on hydration: the content preview engine\n * (`lib/data/collection-content`) is pointed at the hydrated documents\n * BEFORE children render, so \"Preview with\" lists and section previews show\n * live entries, not fixture titles.\n */\n\nexport interface ProjectSessionStore {\n  /** Hydrated persisted state (Convex mode); `null` in playground (fixtures). */\n  session: HydratedProjectSession | null\n  /**\n   * Load the CURRENT persisted CMS state (fresh query — the CMS section\n   * remounts per visit and must show edits persisted since project open).\n   * Playground resolves `null` immediately (fixtures).\n   */\n  loadCms(): Promise<OperationResult<HydratedCms | null>>\n}\n\nconst ProjectSessionContext = createContext<ProjectSessionStore | null>(null)\n\ntype Phase =\n  | { kind: 'loading' }\n  | { kind: 'ready'; session: HydratedProjectSession | null }\n  | { kind: 'error'; error: OperationError }\n\nexport function ProjectSessionProvider({\n  projectId,\n  children,\n}: {\n  projectId: string\n  children: ReactNode\n}) {\n  const playground = isPlaygroundMode()\n  // Playground renders children on the FIRST render (no effect round-trip):\n  // fixture boots stay synchronous and deterministic.\n  const [phase, setPhase] = useState<Phase>(() =>\n    playground ? { kind: 'ready', session: null } : { kind: 'loading' },\n  )\n  const [attempt, setAttempt] = useState(0)\n\n  useEffect(() => {\n    if (playground) {\n      configureContentSession(null)\n      return\n    }\n    let cancelled = false\n    setPhase({ kind: 'loading' })\n    void getStudioOperations()\n      .then(({ operations }) => loadProjectSession(operations, projectId))\n      .then((result) => {\n        if (cancelled) return\n        if (!result.ok) {\n          setPhase({ kind: 'error', error: result.error })\n          return\n        }\n        // Point the preview content engine at the hydrated documents before\n        // any child renders (panels read it module-level, synchronously). EC-291:\n        // include the config-sourced routes so the canvas `resolveLink` derives a\n        // rich-text link's URL exactly as delivery does.\n        configureContentSession(\n          result.value.cms\n            ? { ...result.value.cms, routes: resolveDeploymentRoutes() }\n            : null,\n        )\n        setPhase({ kind: 'ready', session: result.value })\n      })\n    return () => {\n      cancelled = true\n    }\n  }, [projectId, playground, attempt])\n\n  // Leaving the project resets the preview engine to fixtures; the next\n  // project's gate reconfigures it before rendering its own children.\n  useEffect(() => () => configureContentSession(null), [])\n\n  const loadCms = useCallback(async (): Promise<OperationResult<HydratedCms | null>> => {\n    if (playground) return { ok: true, value: null }\n    const { operations } = await getStudioOperations()\n    const result = await loadHydratedCms(operations, projectId)\n    // Keep the preview engine in sync with the freshest persisted content.\n    if (result.ok && result.value !== null)\n      configureContentSession({ ...result.value, routes: resolveDeploymentRoutes() })\n    return result\n  }, [playground, projectId])\n\n  if (phase.kind === 'loading') return <SessionHydrating />\n  if (phase.kind === 'error') {\n    return (\n      <SessionHydrationError error={phase.error} onRetry={() => setAttempt((n) => n + 1)} />\n    )\n  }\n  return (\n    <ProjectSessionContext.Provider value={{ session: phase.session, loadCms }}>\n      {children}\n    </ProjectSessionContext.Provider>\n  )\n}\n\nexport function useProjectSession(): ProjectSessionStore {\n  const store = useContext(ProjectSessionContext)\n  if (!store) {\n    throw new Error('useProjectSession must be used within a <ProjectSessionProvider>.')\n  }\n  return store\n}\n\n/**\n * Gate one CMS surface mount on a FRESH persisted CMS load (Convex mode).\n * Render-prop: hands the hydrated content (or `null` → fixture fallback,\n * first-run) to the caller once it resolved. Playground renders synchronously\n * with `null`.\n */\nexport function CmsSessionGate({\n  children,\n}: {\n  children: (cms: HydratedCms | null) => ReactNode\n}) {\n  const { loadCms } = useProjectSession()\n  const playground = isPlaygroundMode()\n  const [phase, setPhase] = useState<\n    | { kind: 'loading' }\n    | { kind: 'ready'; cms: HydratedCms | null }\n    | { kind: 'error'; error: OperationError }\n  >(() => (playground ? { kind: 'ready', cms: null } : { kind: 'loading' }))\n  const [attempt, setAttempt] = useState(0)\n\n  useEffect(() => {\n    if (playground) return\n    let cancelled = false\n    setPhase({ kind: 'loading' })\n    void loadCms().then((result) => {\n      if (cancelled) return\n      setPhase(result.ok ? { kind: 'ready', cms: result.value } : { kind: 'error', error: result.error })\n    })\n    return () => {\n      cancelled = true\n    }\n  }, [playground, loadCms, attempt])\n\n  if (phase.kind === 'loading') return <SessionHydrating />\n  if (phase.kind === 'error') {\n    return (\n      <SessionHydrationError error={phase.error} onRetry={() => setAttempt((n) => n + 1)} />\n    )\n  }\n  return <>{children(phase.cms)}</>\n}\n\n/** Deterministic loading frame while persisted state is fetched (mirrors BackendGate). */\nfunction SessionHydrating() {\n  return (\n    <div className=\"grid h-full min-h-64 flex-1 place-items-center p-8\" data-testid=\"session-hydrating\">\n      <Text size=\"sm\" tone=\"muted\">\n        Loading project…\n      </Text>\n    </div>\n  )\n}\n\n/** A failed hydration is a visible, retryable state — never a fixture fallback. */\nfunction SessionHydrationError({\n  error,\n  onRetry,\n}: {\n  error: OperationError\n  onRetry: () => void\n}) {\n  return (\n    <div className=\"grid h-full min-h-64 flex-1 place-items-center p-8\">\n      <Stack gap=\"3\" className=\"w-full max-w-xl\">\n        <Text size=\"sm\" weight=\"semibold\">\n          Couldn’t load this project’s saved state\n        </Text>\n        <OperationErrorBanner error={error} />\n        <Text size=\"xs\" tone=\"muted\">\n          The studio never falls back to sample content against a live backend — your data is\n          safe; retry once the backend is reachable.\n        </Text>\n        <Button variant=\"outline\" size=\"sm\" onClick={onRetry} className=\"self-start\">\n          Retry\n        </Button>\n      </Stack>\n    </div>\n  )\n}\n"]}

package/dist/components/section-nav.d.ts

@@ -1,17 +1,17 @@
-import type { ProjectId, SectionAvailabilityMap } from '@elytracms/core/studio-core';
-import type { StudioNavId } from './sections';
+import type { Project } from '@elytracms/core/studio-core';
 export interface SectionNavProps {
-    projectId: ProjectId;
-    activeSection: StudioNavId | null;
-    availability: SectionAvailabilityMap;
+    project: Project;
     /** User-toggled collapse (EC-214) — icons only when collapsed, persisted by the shell. */
     collapsed: boolean;
     onToggleCollapsed: () => void;
 }
 /**
- * Vertical section rail (brief §8.1). Availability-aware: `available`/`planned`
- * are navigable; `unavailable` is rendered disabled. User-collapsible to an
- * icon rail (EC-214) — the preference persists, and the active section carries a
- * strong highlight (accent fill + a leading marker bar).
+ * Vertical section rail (brief §8.1), now driven by the configurable sidebar
+ * (EC-237): a consumer-extendable tree of items / groups / separators resolved
+ * over the app-view module registry (EC-239). Availability-aware (`unavailable`
+ * items are absent per EC-221); items deep-link to a module + resource; the
+ * preference-persisted collapse and the strong active marker (EC-214) are
+ * preserved. Customization issues (duplicate ids, unknown modules, unresolvable
+ * deep-links) render at the rail foot — visible, never silent.
  */
-export declare function SectionNav({ projectId, activeSection, availability, collapsed, onToggleCollapsed, }: SectionNavProps): import("react").JSX.Element;
+export declare function SectionNav({ project, collapsed, onToggleCollapsed }: SectionNavProps): import("react").JSX.Element;

package/dist/components/section-nav.js

@@ -1,33 +1,56 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Link, STUDIO_PROJECT_ROUTE, useLocation } from '@elytracms/studio/router';
-import { PanelLeftClose, PanelLeftOpen } from 'lucide-react';
+import { AlertTriangle, PanelLeftClose, PanelLeftOpen } from 'lucide-react';
 import { cn } from '@elytracms/studio/lib/utils';
-import { SECTION_NAV_ITEMS, activeSectionFromPath, navAvailabilityOf } from './sections';
+import { Text } from '@elytracms/studio/ui';
+import { useAppViews } from './app-views/default-modules';
+import { activeModuleFromPath, useSidebar } from './app-views/sidebar';
 /**
- * Vertical section rail (brief §8.1). Availability-aware: `available`/`planned`
- * are navigable; `unavailable` is rendered disabled. User-collapsible to an
- * icon rail (EC-214) — the preference persists, and the active section carries a
- * strong highlight (accent fill + a leading marker bar).
+ * Vertical section rail (brief §8.1), now driven by the configurable sidebar
+ * (EC-237): a consumer-extendable tree of items / groups / separators resolved
+ * over the app-view module registry (EC-239). Availability-aware (`unavailable`
+ * items are absent per EC-221); items deep-link to a module + resource; the
+ * preference-persisted collapse and the strong active marker (EC-214) are
+ * preserved. Customization issues (duplicate ids, unknown modules, unresolvable
+ * deep-links) render at the rail foot — visible, never silent.
  */
-export function SectionNav({ projectId, activeSection, availability, collapsed, onToggleCollapsed, }) {
-    // Recover the active id from the path if the shell didn't supply one — the
-    // shared parser is the single source of truth for the section segment index.
+export function SectionNav({ project, collapsed, onToggleCollapsed }) {
     const { pathname } = useLocation();
-    const active = activeSection ?? activeSectionFromPath(pathname);
-    return (_jsxs("nav", { "aria-label": "Sections", className: cn('flex shrink-0 flex-col gap-0.5 border-r border-border bg-card/40 p-2 transition-[width] duration-150', collapsed ? 'w-[3.5rem]' : 'w-56'), children: [SECTION_NAV_ITEMS.map((item) => {
-                const state = navAvailabilityOf(availability, item.id);
-                const isActive = item.id === active;
-                const Icon = item.icon;
-                const body = (_jsxs(_Fragment, { children: [isActive ? (_jsx("span", { className: "absolute inset-y-1.5 left-0 w-0.5 rounded-full bg-primary", "aria-hidden": true })) : null, _jsx(Icon, { className: "size-4 shrink-0" }), collapsed ? null : (_jsx("span", { className: "min-w-0 flex-1 truncate", children: item.label })), state === 'planned' && !collapsed ? (_jsx("span", { className: "size-1.5 shrink-0 rounded-full bg-warning", "aria-hidden": true, title: "Planned" })) : null] }));
-                const base = cn('group relative flex h-9 items-center gap-2.5 rounded-md text-sm transition-colors', collapsed ? 'justify-center px-0' : 'px-3');
-                // EC-221: an unavailable section is absent from the rail (not greyed) —
-                // e.g. Extensions, cut from the v1 nav (vision §5). It stays reachable by
-                // URL for Milestone E revival; the rail simply doesn't advertise it.
-                if (state === 'unavailable')
+    const active = activeModuleFromPath(pathname);
+    const { nodes, issues: sidebarIssues } = useSidebar(project);
+    const { issues: moduleIssues } = useAppViews();
+    const issues = [...moduleIssues, ...sidebarIssues];
+    const projectId = project.id;
+    return (_jsxs("nav", { "aria-label": "Sections", className: cn('flex shrink-0 flex-col gap-0.5 border-r border-border bg-card/40 p-2 transition-[width] duration-150', collapsed ? 'w-[3.5rem]' : 'w-56'), children: [nodes.map((node) => {
+                if (node.kind === 'separator') {
+                    return _jsx("div", { className: "my-1.5 border-t border-border/60", "aria-hidden": true }, node.id);
+                }
+                if (node.kind === 'group') {
+                    const items = node.items.filter((item) => item.availability !== 'unavailable');
+                    if (items.length === 0)
+                        return null;
+                    return (_jsxs("div", { className: "mt-2 first:mt-0", children: [collapsed ? (_jsx("div", { className: "my-1 border-t border-border/60", "aria-hidden": true })) : (_jsx(Text, { size: "xs", tone: "subtle", className: "px-3 pb-1 pt-1 font-medium uppercase tracking-wide", children: node.label })), items.map((item) => (_jsx(NavItemLink, { projectId: projectId, item: item, active: active, collapsed: collapsed, nested: true }, item.id)))] }, node.id));
+                }
+                // EC-221: an unavailable item is absent from the rail (not greyed) — it
+                // stays reachable by URL, the rail simply doesn't advertise it.
+                if (node.availability === 'unavailable')
                     return null;
-                return (_jsx(Link, { to: STUDIO_PROJECT_ROUTE, params: { projectId, _splat: item.id }, title: item.label, "aria-current": isActive ? 'page' : undefined, className: cn(base, isActive
-                        ? 'bg-accent font-medium text-accent-foreground'
-                        : 'text-muted-foreground hover:bg-muted hover:text-foreground'), children: body }, item.id));
-            }), _jsx("button", { type: "button", onClick: onToggleCollapsed, "aria-label": collapsed ? 'Expand sidebar' : 'Collapse sidebar', "aria-pressed": collapsed, title: collapsed ? 'Expand sidebar' : 'Collapse sidebar', className: cn('mt-auto flex h-9 items-center gap-2.5 rounded-md text-sm text-muted-foreground transition-colors hover:bg-muted hover:text-foreground', collapsed ? 'justify-center px-0' : 'px-3'), children: collapsed ? (_jsx(PanelLeftOpen, { className: "size-4 shrink-0" })) : (_jsxs(_Fragment, { children: [_jsx(PanelLeftClose, { className: "size-4 shrink-0" }), _jsx("span", { className: "min-w-0 flex-1 truncate text-left", children: "Collapse" })] })) })] }));
+                return (_jsx(NavItemLink, { projectId: projectId, item: node, active: active, collapsed: collapsed }, node.id));
+            }), _jsxs("div", { className: "mt-auto flex flex-col gap-0.5", children: [issues.length > 0 ? _jsx(NavIssues, { issues: issues, collapsed: collapsed }) : null, _jsx("button", { type: "button", onClick: onToggleCollapsed, "aria-label": collapsed ? 'Expand sidebar' : 'Collapse sidebar', "aria-pressed": collapsed, title: collapsed ? 'Expand sidebar' : 'Collapse sidebar', className: cn('flex h-9 items-center gap-2.5 rounded-md text-sm text-muted-foreground transition-colors hover:bg-muted hover:text-foreground', collapsed ? 'justify-center px-0' : 'px-3'), children: collapsed ? (_jsx(PanelLeftOpen, { className: "size-4 shrink-0" })) : (_jsxs(_Fragment, { children: [_jsx(PanelLeftClose, { className: "size-4 shrink-0" }), _jsx("span", { className: "min-w-0 flex-1 truncate text-left", children: "Collapse" })] })) })] })] }));
+}
+/** One rail item (top-level or nested) — a deep-linkable Link to its module. */
+function NavItemLink({ projectId, item, active, collapsed, nested = false, }) {
+    const isActive = item.moduleId === active;
+    const Icon = item.icon;
+    return (_jsxs(Link, { to: STUDIO_PROJECT_ROUTE, params: { projectId, _splat: item.path }, title: item.label, "aria-current": isActive ? 'page' : undefined, className: cn('group relative flex h-9 items-center gap-2.5 rounded-md text-sm transition-colors', collapsed ? 'justify-center px-0' : nested ? 'pl-7 pr-3' : 'px-3', isActive
+            ? 'bg-accent font-medium text-accent-foreground'
+            : 'text-muted-foreground hover:bg-muted hover:text-foreground'), children: [isActive ? (_jsx("span", { className: "absolute inset-y-1.5 left-0 w-0.5 rounded-full bg-primary", "aria-hidden": true })) : null, _jsx(Icon, { className: "size-4 shrink-0" }), collapsed ? null : _jsx("span", { className: "min-w-0 flex-1 truncate", children: item.label }), item.availability === 'planned' && !collapsed ? (_jsx("span", { className: "size-1.5 shrink-0 rounded-full bg-warning", "aria-hidden": true, title: "Planned" })) : null] }));
+}
+/** Visible customization issues at the rail foot — the seam's "never silent" (EC-236). */
+function NavIssues({ issues, collapsed }) {
+    if (collapsed) {
+        return (_jsx("div", { className: "grid h-9 place-items-center text-amber-600 dark:text-amber-400", title: issues.map((issue) => issue.message).join('\n'), children: _jsx(AlertTriangle, { className: "size-4", "aria-label": `${issues.length} sidebar issues` }) }));
+    }
+    return (_jsx("div", { className: "mb-1 flex flex-col gap-1 rounded-md border border-amber-500/30 bg-amber-500/5 p-2", children: issues.map((issue, index) => (_jsxs("div", { className: "flex items-start gap-1.5 text-amber-600 dark:text-amber-400", title: issue.message, children: [_jsx(AlertTriangle, { className: "mt-0.5 size-3.5 shrink-0", "aria-hidden": true }), _jsx(Text, { size: "xs", className: "min-w-0 leading-snug", children: issue.message })] }, `${issue.point}:${issue.id ?? index}`))) }));
 }
 //# sourceMappingURL=section-nav.js.map

package/dist/components/section-nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"section-nav.js","sourceRoot":"","sources":["../../src/components/section-nav.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Link, STUDIO_PROJECT_ROUTE, useLocation } from '@elytracms/studio/router'\nimport { PanelLeftClose, PanelLeftOpen } from 'lucide-react'\nimport type { ProjectId, SectionAvailabilityMap } from '@elytracms/core/studio-core'\nimport { cn } from '@elytracms/studio/lib/utils'\nimport { SECTION_NAV_ITEMS, activeSectionFromPath, navAvailabilityOf } from './sections'\nimport type { StudioNavId } from './sections'\n\nexport interface SectionNavProps {\n  projectId: ProjectId\n  activeSection: StudioNavId | null\n  availability: SectionAvailabilityMap\n  /** User-toggled collapse (EC-214) — icons only when collapsed, persisted by the shell. */\n  collapsed: boolean\n  onToggleCollapsed: () => void\n}\n\n/**\n * Vertical section rail (brief §8.1). Availability-aware: `available`/`planned`\n * are navigable; `unavailable` is rendered disabled. User-collapsible to an\n * icon rail (EC-214) — the preference persists, and the active section carries a\n * strong highlight (accent fill + a leading marker bar).\n */\nexport function SectionNav({\n  projectId,\n  activeSection,\n  availability,\n  collapsed,\n  onToggleCollapsed,\n}: SectionNavProps) {\n  // Recover the active id from the path if the shell didn't supply one — the\n  // shared parser is the single source of truth for the section segment index.\n  const { pathname } = useLocation()\n  const active = activeSection ?? activeSectionFromPath(pathname)\n  return (\n    <nav\n      aria-label=\"Sections\"\n      className={cn(\n        'flex shrink-0 flex-col gap-0.5 border-r border-border bg-card/40 p-2 transition-[width] duration-150',\n        collapsed ? 'w-[3.5rem]' : 'w-56',\n      )}\n    >\n      {SECTION_NAV_ITEMS.map((item) => {\n        const state = navAvailabilityOf(availability, item.id)\n        const isActive = item.id === active\n        const Icon = item.icon\n\n        const body = (\n          <>\n            {/* Strong active marker: a leading accent bar (EC-214). */}\n            {isActive ? (\n              <span\n                className=\"absolute inset-y-1.5 left-0 w-0.5 rounded-full bg-primary\"\n                aria-hidden\n              />\n            ) : null}\n            <Icon className=\"size-4 shrink-0\" />\n            {collapsed ? null : (\n              <span className=\"min-w-0 flex-1 truncate\">{item.label}</span>\n            )}\n            {state === 'planned' && !collapsed ? (\n              <span\n                className=\"size-1.5 shrink-0 rounded-full bg-warning\"\n                aria-hidden\n                title=\"Planned\"\n              />\n            ) : null}\n          </>\n        )\n\n        const base = cn(\n          'group relative flex h-9 items-center gap-2.5 rounded-md text-sm transition-colors',\n          collapsed ? 'justify-center px-0' : 'px-3',\n        )\n\n        // EC-221: an unavailable section is absent from the rail (not greyed) —\n        // e.g. Extensions, cut from the v1 nav (vision §5). It stays reachable by\n        // URL for Milestone E revival; the rail simply doesn't advertise it.\n        if (state === 'unavailable') return null\n\n        return (\n          <Link\n            key={item.id}\n            to={STUDIO_PROJECT_ROUTE}\n            params={{ projectId, _splat: item.id }}\n            title={item.label}\n            aria-current={isActive ? 'page' : undefined}\n            className={cn(\n              base,\n              isActive\n                ? 'bg-accent font-medium text-accent-foreground'\n                : 'text-muted-foreground hover:bg-muted hover:text-foreground',\n            )}\n          >\n            {body}\n          </Link>\n        )\n      })}\n\n      {/* Collapse toggle pinned to the rail foot (EC-214). */}\n      <button\n        type=\"button\"\n        onClick={onToggleCollapsed}\n        aria-label={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}\n        aria-pressed={collapsed}\n        title={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}\n        className={cn(\n          'mt-auto flex h-9 items-center gap-2.5 rounded-md text-sm text-muted-foreground transition-colors hover:bg-muted hover:text-foreground',\n          collapsed ? 'justify-center px-0' : 'px-3',\n        )}\n      >\n        {collapsed ? (\n          <PanelLeftOpen className=\"size-4 shrink-0\" />\n        ) : (\n          <>\n            <PanelLeftClose className=\"size-4 shrink-0\" />\n            <span className=\"min-w-0 flex-1 truncate text-left\">Collapse</span>\n          </>\n        )}\n      </button>\n    </nav>\n  )\n}\n"]}
+{"version":3,"file":"section-nav.js","sourceRoot":"","sources":["../../src/components/section-nav.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Link, STUDIO_PROJECT_ROUTE, useLocation } from '@elytracms/studio/router'\nimport { AlertTriangle, PanelLeftClose, PanelLeftOpen } from 'lucide-react'\nimport type { Project } from '@elytracms/core/studio-core'\nimport type { CustomizationIssue } from '@elytracms/core/studio-core'\nimport { cn } from '@elytracms/studio/lib/utils'\nimport { Text } from '@elytracms/studio/ui'\nimport { useAppViews } from './app-views/default-modules'\nimport { activeModuleFromPath, useSidebar } from './app-views/sidebar'\nimport type { ResolvedSidebarItem } from './app-views/sidebar'\n\nexport interface SectionNavProps {\n  project: Project\n  /** User-toggled collapse (EC-214) — icons only when collapsed, persisted by the shell. */\n  collapsed: boolean\n  onToggleCollapsed: () => void\n}\n\n/**\n * Vertical section rail (brief §8.1), now driven by the configurable sidebar\n * (EC-237): a consumer-extendable tree of items / groups / separators resolved\n * over the app-view module registry (EC-239). Availability-aware (`unavailable`\n * items are absent per EC-221); items deep-link to a module + resource; the\n * preference-persisted collapse and the strong active marker (EC-214) are\n * preserved. Customization issues (duplicate ids, unknown modules, unresolvable\n * deep-links) render at the rail foot — visible, never silent.\n */\nexport function SectionNav({ project, collapsed, onToggleCollapsed }: SectionNavProps) {\n  const { pathname } = useLocation()\n  const active = activeModuleFromPath(pathname)\n  const { nodes, issues: sidebarIssues } = useSidebar(project)\n  const { issues: moduleIssues } = useAppViews()\n  const issues = [...moduleIssues, ...sidebarIssues]\n  const projectId = project.id\n\n  return (\n    <nav\n      aria-label=\"Sections\"\n      className={cn(\n        'flex shrink-0 flex-col gap-0.5 border-r border-border bg-card/40 p-2 transition-[width] duration-150',\n        collapsed ? 'w-[3.5rem]' : 'w-56',\n      )}\n    >\n      {nodes.map((node) => {\n        if (node.kind === 'separator') {\n          return <div key={node.id} className=\"my-1.5 border-t border-border/60\" aria-hidden />\n        }\n        if (node.kind === 'group') {\n          const items = node.items.filter((item) => item.availability !== 'unavailable')\n          if (items.length === 0) return null\n          return (\n            <div key={node.id} className=\"mt-2 first:mt-0\">\n              {collapsed ? (\n                <div className=\"my-1 border-t border-border/60\" aria-hidden />\n              ) : (\n                <Text\n                  size=\"xs\"\n                  tone=\"subtle\"\n                  className=\"px-3 pb-1 pt-1 font-medium uppercase tracking-wide\"\n                >\n                  {node.label}\n                </Text>\n              )}\n              {items.map((item) => (\n                <NavItemLink\n                  key={item.id}\n                  projectId={projectId}\n                  item={item}\n                  active={active}\n                  collapsed={collapsed}\n                  nested\n                />\n              ))}\n            </div>\n          )\n        }\n        // EC-221: an unavailable item is absent from the rail (not greyed) — it\n        // stays reachable by URL, the rail simply doesn't advertise it.\n        if (node.availability === 'unavailable') return null\n        return (\n          <NavItemLink\n            key={node.id}\n            projectId={projectId}\n            item={node}\n            active={active}\n            collapsed={collapsed}\n          />\n        )\n      })}\n\n      <div className=\"mt-auto flex flex-col gap-0.5\">\n        {issues.length > 0 ? <NavIssues issues={issues} collapsed={collapsed} /> : null}\n\n        {/* Collapse toggle pinned to the rail foot (EC-214). */}\n        <button\n          type=\"button\"\n          onClick={onToggleCollapsed}\n          aria-label={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}\n          aria-pressed={collapsed}\n          title={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}\n          className={cn(\n            'flex h-9 items-center gap-2.5 rounded-md text-sm text-muted-foreground transition-colors hover:bg-muted hover:text-foreground',\n            collapsed ? 'justify-center px-0' : 'px-3',\n          )}\n        >\n          {collapsed ? (\n            <PanelLeftOpen className=\"size-4 shrink-0\" />\n          ) : (\n            <>\n              <PanelLeftClose className=\"size-4 shrink-0\" />\n              <span className=\"min-w-0 flex-1 truncate text-left\">Collapse</span>\n            </>\n          )}\n        </button>\n      </div>\n    </nav>\n  )\n}\n\n/** One rail item (top-level or nested) — a deep-linkable Link to its module. */\nfunction NavItemLink({\n  projectId,\n  item,\n  active,\n  collapsed,\n  nested = false,\n}: {\n  projectId: string\n  item: ResolvedSidebarItem\n  active: string | null\n  collapsed: boolean\n  nested?: boolean\n}) {\n  const isActive = item.moduleId === active\n  const Icon = item.icon\n  return (\n    <Link\n      to={STUDIO_PROJECT_ROUTE}\n      params={{ projectId, _splat: item.path }}\n      title={item.label}\n      aria-current={isActive ? 'page' : undefined}\n      className={cn(\n        'group relative flex h-9 items-center gap-2.5 rounded-md text-sm transition-colors',\n        collapsed ? 'justify-center px-0' : nested ? 'pl-7 pr-3' : 'px-3',\n        isActive\n          ? 'bg-accent font-medium text-accent-foreground'\n          : 'text-muted-foreground hover:bg-muted hover:text-foreground',\n      )}\n    >\n      {/* Strong active marker: a leading accent bar (EC-214). */}\n      {isActive ? (\n        <span className=\"absolute inset-y-1.5 left-0 w-0.5 rounded-full bg-primary\" aria-hidden />\n      ) : null}\n      <Icon className=\"size-4 shrink-0\" />\n      {collapsed ? null : <span className=\"min-w-0 flex-1 truncate\">{item.label}</span>}\n      {item.availability === 'planned' && !collapsed ? (\n        <span className=\"size-1.5 shrink-0 rounded-full bg-warning\" aria-hidden title=\"Planned\" />\n      ) : null}\n    </Link>\n  )\n}\n\n/** Visible customization issues at the rail foot — the seam's \"never silent\" (EC-236). */\nfunction NavIssues({ issues, collapsed }: { issues: CustomizationIssue[]; collapsed: boolean }) {\n  if (collapsed) {\n    return (\n      <div\n        className=\"grid h-9 place-items-center text-amber-600 dark:text-amber-400\"\n        title={issues.map((issue) => issue.message).join('\\n')}\n      >\n        <AlertTriangle className=\"size-4\" aria-label={`${issues.length} sidebar issues`} />\n      </div>\n    )\n  }\n  return (\n    <div className=\"mb-1 flex flex-col gap-1 rounded-md border border-amber-500/30 bg-amber-500/5 p-2\">\n      {issues.map((issue, index) => (\n        <div\n          key={`${issue.point}:${issue.id ?? index}`}\n          className=\"flex items-start gap-1.5 text-amber-600 dark:text-amber-400\"\n          title={issue.message}\n        >\n          <AlertTriangle className=\"mt-0.5 size-3.5 shrink-0\" aria-hidden />\n          <Text size=\"xs\" className=\"min-w-0 leading-snug\">\n            {issue.message}\n          </Text>\n        </div>\n      ))}\n    </div>\n  )\n}\n"]}