@elytracms/studio 0.0.51 → 0.0.53

package/dist/components/references/builder-deep-link.d.ts

@@ -1,12 +0,0 @@
-/**
- * Param-driven builder selection (EC-172). Reference-panel entries deep-link
- * to `/$projectId/builder?page=<pageId>&node=<nodeId>`; this headless
- * component applies those params to the builder store — switching the active
- * page, selecting the node (falling back to the page root when the node has
- * drifted away), and scrolling the canvas wrapper (`data-ec-node-id`) into
- * view. Pure selection state: nothing here mutates the graph.
- */
-export declare function BuilderDeepLink({ pageId, nodeId }: {
-    pageId?: string;
-    nodeId?: string;
-}): null;

package/dist/components/references/builder-deep-link.js

@@ -1,53 +0,0 @@
-import { useEffect, useRef } from 'react';
-import { getNode } from '@elytracms/core/project-graph';
-import { useBuilder } from '../builder/builder-store';
-/**
- * Param-driven builder selection (EC-172). Reference-panel entries deep-link
- * to `/$projectId/builder?page=<pageId>&node=<nodeId>`; this headless
- * component applies those params to the builder store — switching the active
- * page, selecting the node (falling back to the page root when the node has
- * drifted away), and scrolling the canvas wrapper (`data-ec-node-id`) into
- * view. Pure selection state: nothing here mutates the graph.
- */
-export function BuilderDeepLink({ pageId, nodeId }) {
-    const builder = useBuilder();
-    const { dispatch } = builder;
-    const graphRef = useRef(builder.present);
-    graphRef.current = builder.present;
-    useEffect(() => {
-        if (pageId === undefined && nodeId === undefined)
-            return;
-        const graph = graphRef.current;
-        const page = (pageId !== undefined ? graph.pages.find((p) => p.id === pageId) : undefined) ??
-            (nodeId !== undefined
-                ? graph.pages.find((p) => getNode(p.root, nodeId) !== undefined)
-                : undefined);
-        if (!page)
-            return;
-        const selectedId = nodeId !== undefined && getNode(page.root, nodeId) ? nodeId : page.root.id;
-        dispatch({ type: 'select', id: selectedId, pageId: page.id });
-        // The canvas marks every rendered node with `data-ec-node-id`; scroll the
-        // selection into view once the page has rendered (bounded retries — the
-        // canvas may need a frame or two after a page switch).
-        let cancelled = false;
-        let attempts = 0;
-        const tryScroll = () => {
-            if (cancelled)
-                return;
-            const element = document.querySelector(`[data-ec-node-id="${CSS.escape(selectedId)}"]`);
-            if (element) {
-                element.scrollIntoView({ block: 'center', behavior: 'smooth' });
-            }
-            else if (attempts < 10) {
-                attempts += 1;
-                window.setTimeout(tryScroll, 60);
-            }
-        };
-        window.setTimeout(tryScroll, 60);
-        return () => {
-            cancelled = true;
-        };
-    }, [pageId, nodeId, dispatch]);
-    return null;
-}
-//# sourceMappingURL=builder-deep-link.js.map

package/dist/components/references/builder-deep-link.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"builder-deep-link.js","sourceRoot":"","sources":["../../../src/components/references/builder-deep-link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAErD;;;;;;;GAOG;AACH,MAAM,UAAU,eAAe,CAAC,EAAE,MAAM,EAAE,MAAM,EAAwC;IACtF,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;IAC5B,MAAM,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAA;IAC5B,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;IACxC,QAAQ,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAA;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,SAAS;YAAE,OAAM;QACxD,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAA;QAC9B,MAAM,IAAI,GACR,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;YAC7E,CAAC,MAAM,KAAK,SAAS;gBACnB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,SAAS,CAAC;gBAChE,CAAC,CAAC,SAAS,CAAC,CAAA;QAChB,IAAI,CAAC,IAAI;YAAE,OAAM;QACjB,MAAM,UAAU,GAAG,MAAM,KAAK,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAA;QAC7F,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;QAE7D,0EAA0E;QAC1E,wEAAwE;QACxE,uDAAuD;QACvD,IAAI,SAAS,GAAG,KAAK,CAAA;QACrB,IAAI,QAAQ,GAAG,CAAC,CAAA;QAChB,MAAM,SAAS,GAAG,GAAG,EAAE;YACrB,IAAI,SAAS;gBAAE,OAAM;YACrB,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,qBAAqB,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;YACvF,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAA;YACjE,CAAC;iBAAM,IAAI,QAAQ,GAAG,EAAE,EAAE,CAAC;gBACzB,QAAQ,IAAI,CAAC,CAAA;gBACb,MAAM,CAAC,UAAU,CAAC,SAAS,EAAE,EAAE,CAAC,CAAA;YAClC,CAAC;QACH,CAAC,CAAA;QACD,MAAM,CAAC,UAAU,CAAC,SAAS,EAAE,EAAE,CAAC,CAAA;QAChC,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,IAAI,CAAA;QAClB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE9B,OAAO,IAAI,CAAA;AACb,CAAC","sourcesContent":["import { useEffect, useRef } from 'react'\nimport { getNode } from '@elytracms/core/project-graph'\nimport { useBuilder } from '../builder/builder-store'\n\n/**\n * Param-driven builder selection (EC-172). Reference-panel entries deep-link\n * to `/$projectId/builder?page=<pageId>&node=<nodeId>`; this headless\n * component applies those params to the builder store — switching the active\n * page, selecting the node (falling back to the page root when the node has\n * drifted away), and scrolling the canvas wrapper (`data-ec-node-id`) into\n * view. Pure selection state: nothing here mutates the graph.\n */\nexport function BuilderDeepLink({ pageId, nodeId }: { pageId?: string; nodeId?: string }) {\n  const builder = useBuilder()\n  const { dispatch } = builder\n  const graphRef = useRef(builder.present)\n  graphRef.current = builder.present\n\n  useEffect(() => {\n    if (pageId === undefined && nodeId === undefined) return\n    const graph = graphRef.current\n    const page =\n      (pageId !== undefined ? graph.pages.find((p) => p.id === pageId) : undefined) ??\n      (nodeId !== undefined\n        ? graph.pages.find((p) => getNode(p.root, nodeId) !== undefined)\n        : undefined)\n    if (!page) return\n    const selectedId = nodeId !== undefined && getNode(page.root, nodeId) ? nodeId : page.root.id\n    dispatch({ type: 'select', id: selectedId, pageId: page.id })\n\n    // The canvas marks every rendered node with `data-ec-node-id`; scroll the\n    // selection into view once the page has rendered (bounded retries — the\n    // canvas may need a frame or two after a page switch).\n    let cancelled = false\n    let attempts = 0\n    const tryScroll = () => {\n      if (cancelled) return\n      const element = document.querySelector(`[data-ec-node-id=\"${CSS.escape(selectedId)}\"]`)\n      if (element) {\n        element.scrollIntoView({ block: 'center', behavior: 'smooth' })\n      } else if (attempts < 10) {\n        attempts += 1\n        window.setTimeout(tryScroll, 60)\n      }\n    }\n    window.setTimeout(tryScroll, 60)\n    return () => {\n      cancelled = true\n    }\n  }, [pageId, nodeId, dispatch])\n\n  return null\n}\n"]}

package/dist/components/routes/redirect-chain.d.ts

@@ -1,9 +0,0 @@
-import type { RedirectResolution } from '@elytracms/core/cms-core';
-/**
- * Visualizes a redirect chain from the engine's {@link RedirectResolution}:
- * every hop in order, with the loop entry point highlighted when the chain
- * closes a loop (EC-170).
- */
-export declare function RedirectChain({ resolution }: {
-    resolution: RedirectResolution;
-}): import("react").JSX.Element;

package/dist/components/routes/redirect-chain.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment } from 'react';
-import { ArrowRight, RotateCw } from 'lucide-react';
-import { Badge, Code, Row } from '@elytracms/studio/ui';
-/**
- * Visualizes a redirect chain from the engine's {@link RedirectResolution}:
- * every hop in order, with the loop entry point highlighted when the chain
- * closes a loop (EC-170).
- */
-export function RedirectChain({ resolution }) {
-    return (_jsxs(Row, { gap: "1", wrap: true, "data-testid": "redirect-chain", "data-loop": resolution.loop, children: [resolution.chain.map((hop, index) => {
-                const isLoopEntry = resolution.loop && hop === resolution.target;
-                return (_jsxs(Fragment, { children: [index > 0 ? _jsx(ArrowRight, { className: "size-3 shrink-0 text-muted-foreground" }) : null, _jsx(Code, { className: isLoopEntry ? 'border-destructive/50 bg-destructive/10 text-destructive' : undefined, children: hop })] }, `${hop}-${index}`));
-            }), resolution.loop ? (_jsxs(Badge, { variant: "error", "data-testid": "loop-badge", children: [_jsx(RotateCw, {}), " loop"] })) : null] }));
-}
-//# sourceMappingURL=redirect-chain.js.map

package/dist/components/routes/redirect-chain.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"redirect-chain.js","sourceRoot":"","sources":["../../../src/components/routes/redirect-chain.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEnD,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAEvD;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAAC,EAAE,UAAU,EAAsC;IAC9E,OAAO,CACL,MAAC,GAAG,IAAC,GAAG,EAAC,GAAG,EAAC,IAAI,uBAAa,gBAAgB,eAAY,UAAU,CAAC,IAAI,aACtE,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;gBACnC,MAAM,WAAW,GAAG,UAAU,CAAC,IAAI,IAAI,GAAG,KAAK,UAAU,CAAC,MAAM,CAAA;gBAChE,OAAO,CACL,MAAC,QAAQ,eACN,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAC,UAAU,IAAC,SAAS,EAAC,uCAAuC,GAAG,CAAC,CAAC,CAAC,IAAI,EACpF,KAAC,IAAI,IACH,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,0DAA0D,CAAC,CAAC,CAAC,SAAS,YAE9F,GAAG,GACC,KANM,GAAG,GAAG,IAAI,KAAK,EAAE,CAOrB,CACZ,CAAA;YACH,CAAC,CAAC,EACD,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CACjB,MAAC,KAAK,IAAC,OAAO,EAAC,OAAO,iBAAa,YAAY,aAC7C,KAAC,QAAQ,KAAG,aACN,CACT,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAA;AACH,CAAC","sourcesContent":["import { Fragment } from 'react'\nimport { ArrowRight, RotateCw } from 'lucide-react'\nimport type { RedirectResolution } from '@elytracms/core/cms-core'\nimport { Badge, Code, Row } from '@elytracms/studio/ui'\n\n/**\n * Visualizes a redirect chain from the engine's {@link RedirectResolution}:\n * every hop in order, with the loop entry point highlighted when the chain\n * closes a loop (EC-170).\n */\nexport function RedirectChain({ resolution }: { resolution: RedirectResolution }) {\n  return (\n    <Row gap=\"1\" wrap data-testid=\"redirect-chain\" data-loop={resolution.loop}>\n      {resolution.chain.map((hop, index) => {\n        const isLoopEntry = resolution.loop && hop === resolution.target\n        return (\n          <Fragment key={`${hop}-${index}`}>\n            {index > 0 ? <ArrowRight className=\"size-3 shrink-0 text-muted-foreground\" /> : null}\n            <Code\n              className={isLoopEntry ? 'border-destructive/50 bg-destructive/10 text-destructive' : undefined}\n            >\n              {hop}\n            </Code>\n          </Fragment>\n        )\n      })}\n      {resolution.loop ? (\n        <Badge variant=\"error\" data-testid=\"loop-badge\">\n          <RotateCw /> loop\n        </Badge>\n      ) : null}\n    </Row>\n  )\n}\n"]}

package/dist/components/routes/redirect-manager.d.ts

@@ -1,13 +0,0 @@
-import type { RedirectRecord, RedirectResolution } from '@elytracms/core/cms-core';
-export interface RedirectManagerProps {
-    redirects: readonly RedirectRecord[];
-    /** The live router's chain resolver (engine API, EC-020). */
-    followRedirects: (from: string) => RedirectResolution;
-}
-/**
- * The redirect list (EC-170), read-only (EC-207 "routes as code"): every
- * 301/302 redirect of the project. Each row shows its resolved chain from the
- * live engine; loops render as explicit errors. Redirects are authored in
- * `elytra.config.ts`; this surface only views them.
- */
-export declare function RedirectManager({ redirects, followRedirects }: RedirectManagerProps): import("react").JSX.Element;

package/dist/components/routes/redirect-manager.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ArrowRight } from 'lucide-react';
-import { Badge, Code, Row, Spacer, Stack, Text } from '@elytracms/studio/ui';
-import { statusCodeOf } from '@elytracms/studio/lib/routing';
-import { RedirectChain } from './redirect-chain';
-/**
- * The redirect list (EC-170), read-only (EC-207 "routes as code"): every
- * 301/302 redirect of the project. Each row shows its resolved chain from the
- * live engine; loops render as explicit errors. Redirects are authored in
- * `elytra.config.ts`; this surface only views them.
- */
-export function RedirectManager({ redirects, followRedirects }) {
-    const sorted = [...redirects].sort((a, b) => a.from.localeCompare(b.from));
-    return (_jsxs(Stack, { gap: "none", className: "min-h-0", children: [_jsxs(Row, { gap: "2", className: "h-12 shrink-0 border-b border-border px-4", children: [_jsx(Text, { size: "sm", weight: "semibold", children: "Redirects" }), _jsx(Text, { size: "xs", tone: "subtle", mono: true, children: redirects.length })] }), _jsxs(Stack, { gap: "3", className: "p-4", children: [sorted.length === 0 ? (_jsx(Text, { size: "sm", tone: "muted", children: "No redirects defined. Add redirects in elytra.config.ts to forward old URLs to new ones." })) : null, _jsx("ul", { className: "flex flex-col gap-2", "data-testid": "redirect-list", children: sorted.map((redirect) => (_jsx(RedirectRow, { redirect: redirect, resolution: followRedirects(redirect.from) }, redirect.id))) })] })] }));
-}
-function RedirectRow({ redirect, resolution, }) {
-    // More hops than `from → to` means this redirect chains onward (or loops).
-    const chains = resolution.loop || resolution.chain.length > 2;
-    return (_jsxs("li", { "data-testid": `redirect-row-${redirect.id}`, className: 'rounded-md border p-3 ' +
-            (resolution.loop ? 'border-destructive/40 bg-destructive/5' : 'border-border bg-card/40'), children: [_jsxs(Row, { gap: "2", wrap: true, children: [_jsx(Code, { children: redirect.from }), _jsx(ArrowRight, { className: "size-3 shrink-0 text-muted-foreground" }), _jsx(Code, { children: redirect.to }), _jsx(Badge, { variant: redirect.permanent ? 'primary' : 'info', "data-testid": `redirect-status-${redirect.id}`, children: statusCodeOf(redirect) }), resolution.loop ? _jsx(Badge, { variant: "error", children: "loop" }) : null, _jsx(Spacer, {})] }), chains ? (_jsxs(Stack, { gap: "1", className: "mt-2", children: [_jsx(Text, { size: "xs", tone: "muted", children: resolution.loop
-                            ? 'This redirect is part of a loop:'
-                            : `Chains to ${resolution.target}:` }), _jsx(RedirectChain, { resolution: resolution })] })) : null] }));
-}
-//# sourceMappingURL=redirect-manager.js.map

package/dist/components/routes/redirect-manager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"redirect-manager.js","sourceRoot":"","sources":["../../../src/components/routes/redirect-manager.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ArrowRight } from 'lucide-react'\nimport type { RedirectRecord, RedirectResolution } from '@elytracms/core/cms-core'\nimport { Badge, Code, Row, Spacer, Stack, Text } from '@elytracms/studio/ui'\nimport { statusCodeOf } from '@elytracms/studio/lib/routing'\nimport { RedirectChain } from './redirect-chain'\n\nexport interface RedirectManagerProps {\n  redirects: readonly RedirectRecord[]\n  /** The live router's chain resolver (engine API, EC-020). */\n  followRedirects: (from: string) => RedirectResolution\n}\n\n/**\n * The redirect list (EC-170), read-only (EC-207 \"routes as code\"): every\n * 301/302 redirect of the project. Each row shows its resolved chain from the\n * live engine; loops render as explicit errors. Redirects are authored in\n * `elytra.config.ts`; this surface only views them.\n */\nexport function RedirectManager({ redirects, followRedirects }: RedirectManagerProps) {\n  const sorted = [...redirects].sort((a, b) => a.from.localeCompare(b.from))\n\n  return (\n    <Stack gap=\"none\" className=\"min-h-0\">\n      <Row gap=\"2\" className=\"h-12 shrink-0 border-b border-border px-4\">\n        <Text size=\"sm\" weight=\"semibold\">\n          Redirects\n        </Text>\n        <Text size=\"xs\" tone=\"subtle\" mono>\n          {redirects.length}\n        </Text>\n      </Row>\n\n      <Stack gap=\"3\" className=\"p-4\">\n        {sorted.length === 0 ? (\n          <Text size=\"sm\" tone=\"muted\">\n            No redirects defined. Add redirects in elytra.config.ts to forward old URLs to new ones.\n          </Text>\n        ) : null}\n\n        <ul className=\"flex flex-col gap-2\" data-testid=\"redirect-list\">\n          {sorted.map((redirect) => (\n            <RedirectRow\n              key={redirect.id}\n              redirect={redirect}\n              resolution={followRedirects(redirect.from)}\n            />\n          ))}\n        </ul>\n      </Stack>\n    </Stack>\n  )\n}\n\nfunction RedirectRow({\n  redirect,\n  resolution,\n}: {\n  redirect: RedirectRecord\n  /** Engine-resolved chain starting at this redirect's source. */\n  resolution: RedirectResolution\n}) {\n  // More hops than `from → to` means this redirect chains onward (or loops).\n  const chains = resolution.loop || resolution.chain.length > 2\n  return (\n    <li\n      data-testid={`redirect-row-${redirect.id}`}\n      className={\n        'rounded-md border p-3 ' +\n        (resolution.loop ? 'border-destructive/40 bg-destructive/5' : 'border-border bg-card/40')\n      }\n    >\n      <Row gap=\"2\" wrap>\n        <Code>{redirect.from}</Code>\n        <ArrowRight className=\"size-3 shrink-0 text-muted-foreground\" />\n        <Code>{redirect.to}</Code>\n        <Badge\n          variant={redirect.permanent ? 'primary' : 'info'}\n          data-testid={`redirect-status-${redirect.id}`}\n        >\n          {statusCodeOf(redirect)}\n        </Badge>\n        {resolution.loop ? <Badge variant=\"error\">loop</Badge> : null}\n        <Spacer />\n      </Row>\n      {chains ? (\n        <Stack gap=\"1\" className=\"mt-2\">\n          <Text size=\"xs\" tone=\"muted\">\n            {resolution.loop\n              ? 'This redirect is part of a loop:'\n              : `Chains to ${resolution.target}:`}\n          </Text>\n          <RedirectChain resolution={resolution} />\n        </Stack>\n      ) : null}\n    </li>\n  )\n}\n"]}

package/dist/components/routes/route-list.d.ts

@@ -1,35 +0,0 @@
-import type { RouteRecord } from '@elytracms/core/cms-core';
-import type { RouteConflict } from '@elytracms/studio/lib/routing';
-/** The slice of a graph page the route list needs for linking/labelling. */
-export interface PageSummary {
-    id: string;
-    name: string;
-}
-export interface RouteListProps {
-    projectId: string;
-    routes: readonly RouteRecord[];
-    /** Engine-sourced `route-conflict` issues, indexed by route id (both sides). */
-    conflicts: ReadonlyMap<string, RouteConflict[]>;
-    pages: readonly PageSummary[];
-}
-/**
- * Every route of the project (EC-170), read-only (EC-207 "routes as code"):
- * static paths, dynamic patterns with `:param` segments rendered distinctly, and
- * per-locale variants — each row linking to its page/template/document. Routes
- * are authored in `elytra.config.ts`; this list only views them. Conflicts from
- * the engine's structured issues render inline with deep links to the
- * counterpart row.
- */
-export declare function RouteList({ projectId, routes, conflicts, pages }: RouteListProps): import("react").JSX.Element;
-/** A route pattern with `:param` segments rendered distinctly (EC-170). */
-export declare function PatternView({ pattern }: {
-    pattern: string;
-}): import("react").JSX.Element;
-/**
- * Inline conflict block: the engine's `route-conflict` message plus a deep
- * link to the counterpart row (same-page anchor; rows highlight on `:target`).
- */
-export declare function ConflictNotice({ routeId, conflicts, }: {
-    routeId: string;
-    conflicts: readonly RouteConflict[];
-}): import("react").JSX.Element;

package/dist/components/routes/route-list.js

@@ -1,69 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Link, STUDIO_PROJECT_ROUTE, studioPath } from '@elytracms/studio/router';
-import { CircleAlert, Globe } from 'lucide-react';
-import { Badge, Code, Row, Spacer, Stack, Text } from '@elytracms/studio/ui';
-import { patternSegments } from '@elytracms/studio/lib/routing';
-/**
- * Every route of the project (EC-170), read-only (EC-207 "routes as code"):
- * static paths, dynamic patterns with `:param` segments rendered distinctly, and
- * per-locale variants — each row linking to its page/template/document. Routes
- * are authored in `elytra.config.ts`; this list only views them. Conflicts from
- * the engine's structured issues render inline with deep links to the
- * counterpart row.
- */
-export function RouteList({ projectId, routes, conflicts, pages }) {
-    const sorted = [...routes].sort((a, b) => a.pattern === b.pattern
-        ? (a.locale ?? '').localeCompare(b.locale ?? '')
-        : a.pattern.localeCompare(b.pattern));
-    return (_jsxs(Stack, { gap: "none", className: "min-h-0", children: [_jsxs(Row, { gap: "2", className: "h-12 shrink-0 border-b border-border px-4", children: [_jsx(Text, { size: "sm", weight: "semibold", children: "Routes" }), _jsx(Text, { size: "xs", tone: "subtle", mono: true, children: routes.length })] }), _jsxs(Stack, { gap: "3", className: "p-4", children: [sorted.length === 0 ? (_jsx(Text, { size: "sm", tone: "muted", children: "No routes defined. Add routes in elytra.config.ts to bind URL patterns to pages or templates." })) : null, _jsx("ul", { className: "flex flex-col gap-2", "data-testid": "route-list", children: sorted.map((route) => (_jsx(RouteRow, { projectId: projectId, route: route, conflicts: conflicts.get(route.id) ?? [], pages: pages }, route.id))) })] })] }));
-}
-function RouteRow({ projectId, route, conflicts, pages, }) {
-    const hasConflict = conflicts.length > 0;
-    return (_jsxs("li", { id: `route-${route.id}`, "data-testid": `route-row-${route.id}`, className: 'rounded-md border p-3 transition-colors target:ring-2 target:ring-ring/60 ' +
-            (hasConflict ? 'border-destructive/40 bg-destructive/5' : 'border-border bg-card/40'), children: [_jsxs(Row, { gap: "2", wrap: true, children: [_jsx(PatternView, { pattern: route.pattern }), _jsx(LocaleBadge, { locale: route.locale }), _jsx(Spacer, {}), hasConflict ? (_jsx(Badge, { variant: "error", "data-testid": `route-status-${route.id}`, children: "conflict" })) : (_jsx(Badge, { variant: "success", "data-testid": `route-status-${route.id}`, children: "ok" }))] }), _jsx(Row, { gap: "2", wrap: true, className: "mt-2", children: _jsx(RouteTarget, { projectId: projectId, route: route, pages: pages }) }), hasConflict ? _jsx(ConflictNotice, { routeId: route.id, conflicts: conflicts }) : null] }));
-}
-/** A route pattern with `:param` segments rendered distinctly (EC-170). */
-export function PatternView({ pattern }) {
-    const segments = patternSegments(pattern);
-    return (_jsxs("span", { className: "inline-flex flex-wrap items-center font-mono text-sm", "data-testid": "pattern", children: [_jsx("span", { className: "text-muted-foreground", children: "/" }), segments.map((segment, index) => (_jsxs("span", { className: "inline-flex items-center", children: [segment.param ? (_jsx("span", { "data-param": segment.text, className: "rounded-sm border border-primary/30 bg-primary/10 px-1 text-primary", children: segment.text })) : (_jsx("span", { className: "text-foreground", children: segment.text })), index < segments.length - 1 ? _jsx("span", { className: "text-muted-foreground", children: "/" }) : null] }, `${segment.text}-${index}`)))] }));
-}
-function LocaleBadge({ locale }) {
-    if (!locale) {
-        return (_jsxs(Badge, { variant: "outline", children: [_jsx(Globe, {}), " all locales"] }));
-    }
-    return (_jsxs(Badge, { variant: "info", children: [_jsx(Globe, {}), " ", locale] }));
-}
-/** The page/template/document a route renders, deep-linked where a surface exists. */
-function RouteTarget({ projectId, route, pages, }) {
-    // EC-187: every target is a single `document` ref. A page target is the
-    // `page` collection; a template target is a `:param` placeholder id;
-    // anything else is a concrete linked document.
-    if (!route.document) {
-        return (_jsx(Badge, { variant: "warning", "data-testid": `route-no-target-${route.id}`, children: "no target" }));
-    }
-    if (route.document.collection === 'page') {
-        const pageId = route.document.id;
-        const page = pages.find((candidate) => candidate.id === pageId);
-        return (_jsxs(Row, { gap: "1", children: [_jsx(Text, { size: "xs", tone: "muted", children: "page" }), _jsx(Link, { to: STUDIO_PROJECT_ROUTE, params: { projectId, _splat: studioPath.builder() }, className: "text-xs font-medium text-primary underline-offset-2 hover:underline", children: page?.name ?? pageId }), !page ? _jsx(Badge, { variant: "warning", children: "not in graph" }) : null] }));
-    }
-    if (route.document.id.startsWith(':')) {
-        return (_jsxs(Row, { gap: "1", children: [_jsx(Text, { size: "xs", tone: "muted", children: "template" }), _jsx(Code, { children: route.document.collection })] }));
-    }
-    return (_jsxs(Row, { gap: "1", children: [_jsx(Text, { size: "xs", tone: "muted", children: "document" }), _jsxs(Link, { to: STUDIO_PROJECT_ROUTE, params: {
-                    projectId,
-                    _splat: studioPath.cmsDocument(route.document.collection, route.document.id),
-                }, className: "text-xs font-medium text-primary underline-offset-2 hover:underline", children: [route.document.collection, "/", route.document.id] })] }));
-}
-/**
- * Inline conflict block: the engine's `route-conflict` message plus a deep
- * link to the counterpart row (same-page anchor; rows highlight on `:target`).
- */
-export function ConflictNotice({ routeId, conflicts, }) {
-    return (_jsx(Stack, { gap: "1", className: "mt-2 rounded-md border border-destructive/30 bg-destructive/10 p-2", children: conflicts.map((conflict, index) => (_jsxs(Row, { gap: "2", align: "start", children: [_jsx(CircleAlert, { className: "mt-0.5 size-3.5 shrink-0 text-destructive" }), _jsxs(Stack, { gap: "1", className: "min-w-0", children: [_jsx(Text, { size: "xs", className: "text-destructive", "data-testid": `conflict-${routeId}`, 
-                            // The engine message names both routes by their raw ids
-                            // (`r-blog-slug-en`) — kept inspectable on hover, never shown as
-                            // visible copy. The editor sees the patterns on the rows + the link
-                            // below (EC-192).
-                            title: conflict.issue.message, children: "Matches the same URLs as another route." }), conflict.otherRouteId ? (_jsx("a", { href: `#route-${conflict.otherRouteId}`, className: "text-xs font-medium text-destructive underline underline-offset-2", "data-testid": `conflict-link-${routeId}`, children: "View conflicting route" })) : null] })] }, `${conflict.otherRouteId}-${index}`))) }));
-}
-//# sourceMappingURL=route-list.js.map

package/dist/components/routes/route-list.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"route-list.js","sourceRoot":"","sources":["../../../src/components/routes/route-list.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Link, STUDIO_PROJECT_ROUTE, studioPath } from '@elytracms/studio/router'\nimport { CircleAlert, Globe } from 'lucide-react'\nimport type { RouteRecord } from '@elytracms/core/cms-core'\nimport { Badge, Code, Row, Spacer, Stack, Text } from '@elytracms/studio/ui'\nimport { patternSegments } from '@elytracms/studio/lib/routing'\nimport type { RouteConflict } from '@elytracms/studio/lib/routing'\n\n/** The slice of a graph page the route list needs for linking/labelling. */\nexport interface PageSummary {\n  id: string\n  name: string\n}\n\nexport interface RouteListProps {\n  projectId: string\n  routes: readonly RouteRecord[]\n  /** Engine-sourced `route-conflict` issues, indexed by route id (both sides). */\n  conflicts: ReadonlyMap<string, RouteConflict[]>\n  pages: readonly PageSummary[]\n}\n\n/**\n * Every route of the project (EC-170), read-only (EC-207 \"routes as code\"):\n * static paths, dynamic patterns with `:param` segments rendered distinctly, and\n * per-locale variants — each row linking to its page/template/document. Routes\n * are authored in `elytra.config.ts`; this list only views them. Conflicts from\n * the engine's structured issues render inline with deep links to the\n * counterpart row.\n */\nexport function RouteList({ projectId, routes, conflicts, pages }: RouteListProps) {\n  const sorted = [...routes].sort((a, b) =>\n    a.pattern === b.pattern\n      ? (a.locale ?? '').localeCompare(b.locale ?? '')\n      : a.pattern.localeCompare(b.pattern),\n  )\n\n  return (\n    <Stack gap=\"none\" className=\"min-h-0\">\n      <Row gap=\"2\" className=\"h-12 shrink-0 border-b border-border px-4\">\n        <Text size=\"sm\" weight=\"semibold\">\n          Routes\n        </Text>\n        <Text size=\"xs\" tone=\"subtle\" mono>\n          {routes.length}\n        </Text>\n      </Row>\n\n      <Stack gap=\"3\" className=\"p-4\">\n        {sorted.length === 0 ? (\n          <Text size=\"sm\" tone=\"muted\">\n            No routes defined. Add routes in elytra.config.ts to bind URL patterns to pages or\n            templates.\n          </Text>\n        ) : null}\n\n        <ul className=\"flex flex-col gap-2\" data-testid=\"route-list\">\n          {sorted.map((route) => (\n            <RouteRow\n              key={route.id}\n              projectId={projectId}\n              route={route}\n              conflicts={conflicts.get(route.id) ?? []}\n              pages={pages}\n            />\n          ))}\n        </ul>\n      </Stack>\n    </Stack>\n  )\n}\n\nfunction RouteRow({\n  projectId,\n  route,\n  conflicts,\n  pages,\n}: {\n  projectId: string\n  route: RouteRecord\n  conflicts: readonly RouteConflict[]\n  pages: readonly PageSummary[]\n}) {\n  const hasConflict = conflicts.length > 0\n  return (\n    <li\n      id={`route-${route.id}`}\n      data-testid={`route-row-${route.id}`}\n      className={\n        'rounded-md border p-3 transition-colors target:ring-2 target:ring-ring/60 ' +\n        (hasConflict ? 'border-destructive/40 bg-destructive/5' : 'border-border bg-card/40')\n      }\n    >\n      <Row gap=\"2\" wrap>\n        <PatternView pattern={route.pattern} />\n        <LocaleBadge locale={route.locale} />\n        <Spacer />\n        {hasConflict ? (\n          <Badge variant=\"error\" data-testid={`route-status-${route.id}`}>\n            conflict\n          </Badge>\n        ) : (\n          <Badge variant=\"success\" data-testid={`route-status-${route.id}`}>\n            ok\n          </Badge>\n        )}\n      </Row>\n      <Row gap=\"2\" wrap className=\"mt-2\">\n        <RouteTarget projectId={projectId} route={route} pages={pages} />\n      </Row>\n      {hasConflict ? <ConflictNotice routeId={route.id} conflicts={conflicts} /> : null}\n    </li>\n  )\n}\n\n/** A route pattern with `:param` segments rendered distinctly (EC-170). */\nexport function PatternView({ pattern }: { pattern: string }) {\n  const segments = patternSegments(pattern)\n  return (\n    <span className=\"inline-flex flex-wrap items-center font-mono text-sm\" data-testid=\"pattern\">\n      <span className=\"text-muted-foreground\">/</span>\n      {segments.map((segment, index) => (\n        <span key={`${segment.text}-${index}`} className=\"inline-flex items-center\">\n          {segment.param ? (\n            <span\n              data-param={segment.text}\n              className=\"rounded-sm border border-primary/30 bg-primary/10 px-1 text-primary\"\n            >\n              {segment.text}\n            </span>\n          ) : (\n            <span className=\"text-foreground\">{segment.text}</span>\n          )}\n          {index < segments.length - 1 ? <span className=\"text-muted-foreground\">/</span> : null}\n        </span>\n      ))}\n    </span>\n  )\n}\n\nfunction LocaleBadge({ locale }: { locale: string | undefined }) {\n  if (!locale) {\n    return (\n      <Badge variant=\"outline\">\n        <Globe /> all locales\n      </Badge>\n    )\n  }\n  return (\n    <Badge variant=\"info\">\n      <Globe /> {locale}\n    </Badge>\n  )\n}\n\n/** The page/template/document a route renders, deep-linked where a surface exists. */\nfunction RouteTarget({\n  projectId,\n  route,\n  pages,\n}: {\n  projectId: string\n  route: RouteRecord\n  pages: readonly PageSummary[]\n}) {\n  // EC-187: every target is a single `document` ref. A page target is the\n  // `page` collection; a template target is a `:param` placeholder id;\n  // anything else is a concrete linked document.\n  if (!route.document) {\n    return (\n      <Badge variant=\"warning\" data-testid={`route-no-target-${route.id}`}>\n        no target\n      </Badge>\n    )\n  }\n  if (route.document.collection === 'page') {\n    const pageId = route.document.id\n    const page = pages.find((candidate) => candidate.id === pageId)\n    return (\n      <Row gap=\"1\">\n        <Text size=\"xs\" tone=\"muted\">\n          page\n        </Text>\n        <Link\n          to={STUDIO_PROJECT_ROUTE}\n          params={{ projectId, _splat: studioPath.builder() }}\n          className=\"text-xs font-medium text-primary underline-offset-2 hover:underline\"\n        >\n          {page?.name ?? pageId}\n        </Link>\n        {!page ? <Badge variant=\"warning\">not in graph</Badge> : null}\n      </Row>\n    )\n  }\n  if (route.document.id.startsWith(':')) {\n    return (\n      <Row gap=\"1\">\n        <Text size=\"xs\" tone=\"muted\">\n          template\n        </Text>\n        <Code>{route.document.collection}</Code>\n      </Row>\n    )\n  }\n  return (\n    <Row gap=\"1\">\n      <Text size=\"xs\" tone=\"muted\">\n        document\n      </Text>\n      <Link\n        to={STUDIO_PROJECT_ROUTE}\n        params={{\n          projectId,\n          _splat: studioPath.cmsDocument(route.document.collection, route.document.id),\n        }}\n        className=\"text-xs font-medium text-primary underline-offset-2 hover:underline\"\n      >\n        {route.document.collection}/{route.document.id}\n      </Link>\n    </Row>\n  )\n}\n\n/**\n * Inline conflict block: the engine's `route-conflict` message plus a deep\n * link to the counterpart row (same-page anchor; rows highlight on `:target`).\n */\nexport function ConflictNotice({\n  routeId,\n  conflicts,\n}: {\n  routeId: string\n  conflicts: readonly RouteConflict[]\n}) {\n  return (\n    <Stack gap=\"1\" className=\"mt-2 rounded-md border border-destructive/30 bg-destructive/10 p-2\">\n      {conflicts.map((conflict, index) => (\n        <Row gap=\"2\" align=\"start\" key={`${conflict.otherRouteId}-${index}`}>\n          <CircleAlert className=\"mt-0.5 size-3.5 shrink-0 text-destructive\" />\n          <Stack gap=\"1\" className=\"min-w-0\">\n            <Text\n              size=\"xs\"\n              className=\"text-destructive\"\n              data-testid={`conflict-${routeId}`}\n              // The engine message names both routes by their raw ids\n              // (`r-blog-slug-en`) — kept inspectable on hover, never shown as\n              // visible copy. The editor sees the patterns on the rows + the link\n              // below (EC-192).\n              title={conflict.issue.message}\n            >\n              Matches the same URLs as another route.\n            </Text>\n            {conflict.otherRouteId ? (\n              <a\n                href={`#route-${conflict.otherRouteId}`}\n                className=\"text-xs font-medium text-destructive underline underline-offset-2\"\n                data-testid={`conflict-link-${routeId}`}\n              >\n                View conflicting route\n              </a>\n            ) : null}\n          </Stack>\n        </Row>\n      ))}\n    </Stack>\n  )\n}\n"]}

package/dist/components/routes/routes-shell.d.ts

@@ -1,14 +0,0 @@
-import type { Project } from '@elytracms/core/studio-core';
-/**
- * The Routes surface (EC-170, made read-only by EC-207 "routes as code"):
- * every route and redirect of the project, with the engine's structured issues
- * (route conflicts, redirect loops) rendered inline. Routes and redirects are
- * authored in `elytra.config.ts` and read from the resolved config project
- * (`resolveDeploymentRoutes`/`resolveDeploymentRedirects`) — NEVER from the
- * backend. This surface only views them; conflict/loop detection comes from the
- * canonical `@elytracms/core/cms-core` router, never from parallel UI-side logic. The
- * page list (CMS `page` collection) is read only to label route targets.
- */
-export declare function RoutesShell({ project }: {
-    project: Project;
-}): import("react").JSX.Element;

package/dist/components/routes/routes-shell.js

@@ -1,68 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { createRouter } from '@elytracms/core/cms-core';
-import { Badge, Heading, Row, Spacer, Stack, Text } from '@elytracms/studio/ui';
-import { useOperationQuery } from '@elytracms/studio/lib/query';
-import { conflictsByRoute } from '@elytracms/studio/lib/routing';
-import { resolveDeploymentRedirects, resolveDeploymentRoutes } from '@elytracms/studio/lib/workspace';
-import { OperationErrorBanner } from '../operation-error';
-import { RouteList } from './route-list';
-import { RedirectManager } from './redirect-manager';
-/** The body-is-a-canvas page collection (EC-187): routable page documents. */
-const PAGE_COLLECTION = 'page';
-/** Page-label freshness: re-read the labels when any document command lands. */
-const PAGE_LABEL_RELOAD_OPS = ['documents'];
-const EMPTY_PAGES = [];
-/**
- * Routable pages come from the `page` CMS collection (EC-192) — the documents an
- * editor actually creates — not the builder's single synthetic working page.
- * `documents.list` returns persisted records wrapping each document; map each to
- * a `{ id, name }` summary for the route target labels.
- */
-function pageSummaries(records) {
-    return records.map(({ document }) => {
-        const name = document.values?.['name'];
-        return { id: document.id, name: typeof name === 'string' && name.length > 0 ? name : document.id };
-    });
-}
-async function loadPageLabels(operations, projectId) {
-    const result = await operations.documents.list({ projectId, collection: PAGE_COLLECTION });
-    if (result.ok)
-        return { pages: pageSummaries(result.value), error: null };
-    return { pages: [], error: result.error };
-}
-/**
- * The Routes surface (EC-170, made read-only by EC-207 "routes as code"):
- * every route and redirect of the project, with the engine's structured issues
- * (route conflicts, redirect loops) rendered inline. Routes and redirects are
- * authored in `elytra.config.ts` and read from the resolved config project
- * (`resolveDeploymentRoutes`/`resolveDeploymentRedirects`) — NEVER from the
- * backend. This surface only views them; conflict/loop detection comes from the
- * canonical `@elytracms/core/cms-core` router, never from parallel UI-side logic. The
- * page list (CMS `page` collection) is read only to label route targets.
- */
-export function RoutesShell({ project }) {
-    const projectId = project.id;
-    // Routes & redirects are config-sourced (EC-207): resolved synchronously from
-    // the active `elytra.config.ts` project, never fetched from the backend.
-    const routes = useMemo(() => resolveDeploymentRoutes(), []);
-    const redirects = useMemo(() => resolveDeploymentRedirects(), []);
-    // Page documents feed the route target labels (read-only display), read through
-    // the one operations-backed query cache (EC-308/AD-17) and kept fresh as
-    // documents change. A failure is non-fatal — see `loadPageLabels`.
-    const pagesQuery = useOperationQuery({
-        queryKey: ['routePageLabels', projectId],
-        loader: (operations) => loadPageLabels(operations, projectId),
-        invalidateOn: PAGE_LABEL_RELOAD_OPS,
-    });
-    const pages = pagesQuery.data?.pages ?? EMPTY_PAGES;
-    const loadError = pagesQuery.data?.error ?? null;
-    // The engine: one router over the config-resolved records. Its structured
-    // issues are the single source of conflict/loop truth for this surface.
-    const router = useMemo(() => createRouter(routes, redirects, {
-        defaultLocale: project.settings.defaultLocale,
-    }), [routes, redirects, project.settings.defaultLocale]);
-    const conflicts = useMemo(() => conflictsByRoute(router.issues), [router]);
-    return (_jsxs(Stack, { gap: "none", className: "min-h-full", "data-testid": "routes-shell", children: [_jsxs(Row, { gap: "3", className: "shrink-0 border-b border-border px-4 py-3 sm:px-6", children: [_jsxs(Stack, { gap: "1", children: [_jsx(Heading, { level: 2, size: "h3", children: "Routes & redirects" }), _jsxs(Text, { size: "xs", tone: "muted", children: ["Routes & redirects are defined in ", _jsx("code", { children: "elytra.config.ts" }), ". Conflicts and loops are detected by the canonical route engine \u2014 never silently."] })] }), _jsx(Spacer, {}), loadError ? (_jsx(OperationErrorBanner, { error: loadError, onDismiss: () => void pagesQuery.refetch() })) : null, router.issues.length > 0 ? (_jsxs(Badge, { variant: "error", "data-testid": "routing-issue-count", children: [router.issues.length, " issue", router.issues.length === 1 ? '' : 's'] })) : (_jsx(Badge, { variant: "success", children: "no issues" }))] }), _jsxs("div", { className: "grid min-h-0 flex-1 grid-cols-1 xl:grid-cols-[minmax(0,5fr)_minmax(0,4fr)]", children: [_jsx("section", { "aria-label": "Routes", className: "min-w-0 border-b border-border xl:border-b-0 xl:border-r", children: _jsx(RouteList, { projectId: projectId, routes: routes, conflicts: conflicts, pages: pages }) }), _jsx("section", { "aria-label": "Redirects", className: "min-w-0", children: _jsx(RedirectManager, { redirects: redirects, followRedirects: router.followRedirects }) })] })] }));
-}
-//# sourceMappingURL=routes-shell.js.map

package/dist/components/routes/routes-shell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"routes-shell.js","sourceRoot":"","sources":["../../../src/components/routes/routes-shell.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useMemo } from 'react'\nimport { createRouter } from '@elytracms/core/cms-core'\nimport type { CmsDocument } from '@elytracms/core/cms-core'\nimport type { Project } from '@elytracms/core/studio-core'\nimport { Badge, Heading, Row, Spacer, Stack, Text } from '@elytracms/studio/ui'\nimport type { OperationError, OperationsClient } from '@elytracms/studio/lib/operations'\nimport { useOperationQuery } from '@elytracms/studio/lib/query'\nimport { conflictsByRoute } from '@elytracms/studio/lib/routing'\nimport { resolveDeploymentRedirects, resolveDeploymentRoutes } from '@elytracms/studio/lib/workspace'\nimport { OperationErrorBanner } from '../operation-error'\nimport { RouteList } from './route-list'\nimport type { PageSummary } from './route-list'\nimport { RedirectManager } from './redirect-manager'\n\n/** The body-is-a-canvas page collection (EC-187): routable page documents. */\nconst PAGE_COLLECTION = 'page'\n\n/** Page-label freshness: re-read the labels when any document command lands. */\nconst PAGE_LABEL_RELOAD_OPS = ['documents'] as const\nconst EMPTY_PAGES: readonly PageSummary[] = []\n\n/**\n * Routable pages come from the `page` CMS collection (EC-192) — the documents an\n * editor actually creates — not the builder's single synthetic working page.\n * `documents.list` returns persisted records wrapping each document; map each to\n * a `{ id, name }` summary for the route target labels.\n */\nfunction pageSummaries(records: ReadonlyArray<{ document: CmsDocument }>): PageSummary[] {\n  return records.map(({ document }) => {\n    const name = document.values?.['name']\n    return { id: document.id, name: typeof name === 'string' && name.length > 0 ? name : document.id }\n  })\n}\n\n/** The page-label load result. A read failure is non-fatal (EC-207): the routes\n *  still render; the labels fall back to ids and the structured error surfaces in\n *  a dismissible banner. So the failure rides IN the data, not as a thrown query\n *  error that would collapse the surface. */\ninterface PageLabelData {\n  pages: PageSummary[]\n  error: OperationError | null\n}\n\nasync function loadPageLabels(\n  operations: OperationsClient,\n  projectId: string,\n): Promise<PageLabelData> {\n  const result = await operations.documents.list({ projectId, collection: PAGE_COLLECTION })\n  if (result.ok) return { pages: pageSummaries(result.value), error: null }\n  return { pages: [], error: result.error }\n}\n\n/**\n * The Routes surface (EC-170, made read-only by EC-207 \"routes as code\"):\n * every route and redirect of the project, with the engine's structured issues\n * (route conflicts, redirect loops) rendered inline. Routes and redirects are\n * authored in `elytra.config.ts` and read from the resolved config project\n * (`resolveDeploymentRoutes`/`resolveDeploymentRedirects`) — NEVER from the\n * backend. This surface only views them; conflict/loop detection comes from the\n * canonical `@elytracms/core/cms-core` router, never from parallel UI-side logic. The\n * page list (CMS `page` collection) is read only to label route targets.\n */\nexport function RoutesShell({ project }: { project: Project }) {\n  const projectId = project.id\n\n  // Routes & redirects are config-sourced (EC-207): resolved synchronously from\n  // the active `elytra.config.ts` project, never fetched from the backend.\n  const routes = useMemo(() => resolveDeploymentRoutes(), [])\n  const redirects = useMemo(() => resolveDeploymentRedirects(), [])\n\n  // Page documents feed the route target labels (read-only display), read through\n  // the one operations-backed query cache (EC-308/AD-17) and kept fresh as\n  // documents change. A failure is non-fatal — see `loadPageLabels`.\n  const pagesQuery = useOperationQuery<PageLabelData>({\n    queryKey: ['routePageLabels', projectId],\n    loader: (operations) => loadPageLabels(operations, projectId),\n    invalidateOn: PAGE_LABEL_RELOAD_OPS,\n  })\n  const pages = pagesQuery.data?.pages ?? EMPTY_PAGES\n  const loadError = pagesQuery.data?.error ?? null\n\n  // The engine: one router over the config-resolved records. Its structured\n  // issues are the single source of conflict/loop truth for this surface.\n  const router = useMemo(\n    () =>\n      createRouter(routes, redirects, {\n        defaultLocale: project.settings.defaultLocale,\n      }),\n    [routes, redirects, project.settings.defaultLocale],\n  )\n  const conflicts = useMemo(() => conflictsByRoute(router.issues), [router])\n\n  return (\n    <Stack gap=\"none\" className=\"min-h-full\" data-testid=\"routes-shell\">\n      <Row gap=\"3\" className=\"shrink-0 border-b border-border px-4 py-3 sm:px-6\">\n        <Stack gap=\"1\">\n          <Heading level={2} size=\"h3\">\n            Routes &amp; redirects\n          </Heading>\n          <Text size=\"xs\" tone=\"muted\">\n            Routes &amp; redirects are defined in <code>elytra.config.ts</code>. Conflicts and loops\n            are detected by the canonical route engine — never silently.\n          </Text>\n        </Stack>\n        <Spacer />\n        {loadError ? (\n          <OperationErrorBanner error={loadError} onDismiss={() => void pagesQuery.refetch()} />\n        ) : null}\n        {router.issues.length > 0 ? (\n          <Badge variant=\"error\" data-testid=\"routing-issue-count\">\n            {router.issues.length} issue{router.issues.length === 1 ? '' : 's'}\n          </Badge>\n        ) : (\n          <Badge variant=\"success\">no issues</Badge>\n        )}\n      </Row>\n\n      <div className=\"grid min-h-0 flex-1 grid-cols-1 xl:grid-cols-[minmax(0,5fr)_minmax(0,4fr)]\">\n        <section\n          aria-label=\"Routes\"\n          className=\"min-w-0 border-b border-border xl:border-b-0 xl:border-r\"\n        >\n          <RouteList projectId={projectId} routes={routes} conflicts={conflicts} pages={pages} />\n        </section>\n        <section aria-label=\"Redirects\" className=\"min-w-0\">\n          <RedirectManager redirects={redirects} followRedirects={router.followRedirects} />\n        </section>\n      </div>\n    </Stack>\n  )\n}\n"]}

package/dist/components/sections.d.ts

@@ -1,37 +0,0 @@
-import type { LucideIcon } from 'lucide-react';
-import type { Project, SectionAvailability, SectionAvailabilityMap, SectionId } from '@elytracms/core/studio-core';
-/**
- * App-level navigation ids: the studio-core sections plus surfaces registered
- * by the app itself. `routes` (EC-170) is the first app-registered surface —
- * it lives next to the CMS in the rail and rides on the CMS availability,
- * since routes/redirects are CMS routing concerns (`@elytracms/core/cms-core`).
- */
-export type StudioNavId = SectionId | 'routes';
-export interface SectionNavItem {
-    id: StudioNavId;
-    label: string;
-    description: string;
-    icon: LucideIcon;
-}
-/** Navigation items in canonical order (brief §8.1 + EC-170). */
-export declare const SECTION_NAV_ITEMS: readonly SectionNavItem[];
-export declare function sectionNavItem(id: StudioNavId): SectionNavItem;
-/**
- * Availability for a nav id. App-registered surfaces map onto the section
- * whose data they manage: Routes follows the CMS availability.
- */
-export declare function navAvailabilityOf(map: SectionAvailabilityMap, id: StudioNavId): SectionAvailability;
-/**
- * The section a project should open to: the first non-`unavailable` section in
- * canonical order. Settings is always available, so this never returns null.
- */
-export declare function firstAvailableSection(project: Project): SectionId;
-/**
- * Parse the active nav id out of a studio pathname `/$projectId/<section>[/...]`
- * (incl. the app-registered Routes surface, EC-170). Returns null for the bare
- * project URL or an unknown segment. The section is the SECOND path segment —
- * directly after the projectId; there is no `/p` prefix (EC-220). The single
- * source of truth for active-section detection: the shell breadcrumb and the
- * nav rail both read it, so the segment index lives in exactly one place.
- */
-export declare function activeSectionFromPath(pathname: string): StudioNavId | null;

package/dist/components/sections.js

@@ -1,62 +0,0 @@
-import { Blocks, Database, Image, Puzzle, Settings, Signpost } from 'lucide-react';
-import { SECTIONS, SECTION_IDS, availabilityOf, sectionIdSchema } from '@elytracms/core/studio-core';
-const ICONS = {
-    components: Blocks,
-    cms: Database,
-    routes: Signpost,
-    assets: Image,
-    extensions: Puzzle,
-    settings: Settings,
-};
-/** Descriptor for the app-registered Routes surface (EC-170). */
-const ROUTES_DESCRIPTOR = {
-    id: 'routes',
-    label: 'Routes',
-    description: 'View the resolved URL routes & redirects (defined in elytra.config.ts).',
-};
-/** Canonical nav order: studio-core order with Routes slotted after CMS. */
-const NAV_IDS = SECTION_IDS.flatMap((id) => id === 'cms' ? [id, 'routes'] : [id]);
-function descriptorOf(id) {
-    return id === 'routes' ? ROUTES_DESCRIPTOR : SECTIONS[id];
-}
-/** Navigation items in canonical order (brief §8.1 + EC-170). */
-export const SECTION_NAV_ITEMS = NAV_IDS.map((id) => ({
-    id,
-    label: descriptorOf(id).label,
-    description: descriptorOf(id).description,
-    icon: ICONS[id],
-}));
-export function sectionNavItem(id) {
-    return SECTION_NAV_ITEMS.find((item) => item.id === id);
-}
-/**
- * Availability for a nav id. App-registered surfaces map onto the section
- * whose data they manage: Routes follows the CMS availability.
- */
-export function navAvailabilityOf(map, id) {
-    return availabilityOf(map, id === 'routes' ? 'cms' : id);
-}
-/**
- * The section a project should open to: the first non-`unavailable` section in
- * canonical order. Settings is always available, so this never returns null.
- */
-export function firstAvailableSection(project) {
-    const found = SECTION_IDS.find((id) => availabilityOf(project.settings.sectionAvailability, id) !== 'unavailable');
-    return found ?? 'settings';
-}
-/**
- * Parse the active nav id out of a studio pathname `/$projectId/<section>[/...]`
- * (incl. the app-registered Routes surface, EC-170). Returns null for the bare
- * project URL or an unknown segment. The section is the SECOND path segment —
- * directly after the projectId; there is no `/p` prefix (EC-220). The single
- * source of truth for active-section detection: the shell breadcrumb and the
- * nav rail both read it, so the segment index lives in exactly one place.
- */
-export function activeSectionFromPath(pathname) {
-    const segment = pathname.split('/')[2] ?? '';
-    if (segment === 'routes')
-        return 'routes';
-    const parsed = sectionIdSchema.safeParse(segment);
-    return parsed.success ? parsed.data : null;
-}
-//# sourceMappingURL=sections.js.map

package/dist/components/sections.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sections.js","sourceRoot":"","sources":["../../src/components/sections.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAElF,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAuBpG,MAAM,KAAK,GAAoC;IAC7C,UAAU,EAAE,MAAM;IAClB,GAAG,EAAE,QAAQ;IACb,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,KAAK;IACb,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,QAAQ;CACnB,CAAA;AAED,iEAAiE;AACjE,MAAM,iBAAiB,GAAG;IACxB,EAAE,EAAE,QAAQ;IACZ,KAAK,EAAE,QAAQ;IACf,WAAW,EAAE,yEAAyE;CAC9E,CAAA;AAEV,4EAA4E;AAC5E,MAAM,OAAO,GAA2B,WAAW,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CACjE,EAAE,KAAK,KAAK,CAAC,CAAC,CAAE,CAAC,EAAE,EAAE,QAAQ,CAAW,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAChD,CAAA;AAED,SAAS,YAAY,CAAC,EAAe;IACnC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;AAC3D,CAAC;AAED,iEAAiE;AACjE,MAAM,CAAC,MAAM,iBAAiB,GAA8B,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/E,EAAE;IACF,KAAK,EAAE,YAAY,CAAC,EAAE,CAAC,CAAC,KAAK;IAC7B,WAAW,EAAE,YAAY,CAAC,EAAE,CAAC,CAAC,WAAW;IACzC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;CAChB,CAAC,CAAC,CAAA;AAEH,MAAM,UAAU,cAAc,CAAC,EAAe;IAC5C,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAE,CAAA;AAC1D,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAC/B,GAA2B,EAC3B,EAAe;IAEf,OAAO,cAAc,CAAC,GAAG,EAAE,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;AAC1D,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,qBAAqB,CAAC,OAAgB;IACpD,MAAM,KAAK,GAAG,WAAW,CAAC,IAAI,CAC5B,CAAC,EAAE,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,CAAC,QAAQ,CAAC,mBAAmB,EAAE,EAAE,CAAC,KAAK,aAAa,CACnF,CAAA;IACD,OAAO,KAAK,IAAI,UAAU,CAAA;AAC5B,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,qBAAqB,CAAC,QAAgB;IACpD,MAAM,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAA;IAC5C,IAAI,OAAO,KAAK,QAAQ;QAAE,OAAO,QAAQ,CAAA;IACzC,MAAM,MAAM,GAAG,eAAe,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;IACjD,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;AAC5C,CAAC","sourcesContent":["import { Blocks, Database, Image, Puzzle, Settings, Signpost } from 'lucide-react'\nimport type { LucideIcon } from 'lucide-react'\nimport { SECTIONS, SECTION_IDS, availabilityOf, sectionIdSchema } from '@elytracms/core/studio-core'\nimport type {\n  Project,\n  SectionAvailability,\n  SectionAvailabilityMap,\n  SectionId,\n} from '@elytracms/core/studio-core'\n\n/**\n * App-level navigation ids: the studio-core sections plus surfaces registered\n * by the app itself. `routes` (EC-170) is the first app-registered surface —\n * it lives next to the CMS in the rail and rides on the CMS availability,\n * since routes/redirects are CMS routing concerns (`@elytracms/core/cms-core`).\n */\nexport type StudioNavId = SectionId | 'routes'\n\nexport interface SectionNavItem {\n  id: StudioNavId\n  label: string\n  description: string\n  icon: LucideIcon\n}\n\nconst ICONS: Record<StudioNavId, LucideIcon> = {\n  components: Blocks,\n  cms: Database,\n  routes: Signpost,\n  assets: Image,\n  extensions: Puzzle,\n  settings: Settings,\n}\n\n/** Descriptor for the app-registered Routes surface (EC-170). */\nconst ROUTES_DESCRIPTOR = {\n  id: 'routes',\n  label: 'Routes',\n  description: 'View the resolved URL routes & redirects (defined in elytra.config.ts).',\n} as const\n\n/** Canonical nav order: studio-core order with Routes slotted after CMS. */\nconst NAV_IDS: readonly StudioNavId[] = SECTION_IDS.flatMap((id) =>\n  id === 'cms' ? ([id, 'routes'] as const) : [id],\n)\n\nfunction descriptorOf(id: StudioNavId): { label: string; description: string } {\n  return id === 'routes' ? ROUTES_DESCRIPTOR : SECTIONS[id]\n}\n\n/** Navigation items in canonical order (brief §8.1 + EC-170). */\nexport const SECTION_NAV_ITEMS: readonly SectionNavItem[] = NAV_IDS.map((id) => ({\n  id,\n  label: descriptorOf(id).label,\n  description: descriptorOf(id).description,\n  icon: ICONS[id],\n}))\n\nexport function sectionNavItem(id: StudioNavId): SectionNavItem {\n  return SECTION_NAV_ITEMS.find((item) => item.id === id)!\n}\n\n/**\n * Availability for a nav id. App-registered surfaces map onto the section\n * whose data they manage: Routes follows the CMS availability.\n */\nexport function navAvailabilityOf(\n  map: SectionAvailabilityMap,\n  id: StudioNavId,\n): SectionAvailability {\n  return availabilityOf(map, id === 'routes' ? 'cms' : id)\n}\n\n/**\n * The section a project should open to: the first non-`unavailable` section in\n * canonical order. Settings is always available, so this never returns null.\n */\nexport function firstAvailableSection(project: Project): SectionId {\n  const found = SECTION_IDS.find(\n    (id) => availabilityOf(project.settings.sectionAvailability, id) !== 'unavailable',\n  )\n  return found ?? 'settings'\n}\n\n/**\n * Parse the active nav id out of a studio pathname `/$projectId/<section>[/...]`\n * (incl. the app-registered Routes surface, EC-170). Returns null for the bare\n * project URL or an unknown segment. The section is the SECOND path segment —\n * directly after the projectId; there is no `/p` prefix (EC-220). The single\n * source of truth for active-section detection: the shell breadcrumb and the\n * nav rail both read it, so the segment index lives in exactly one place.\n */\nexport function activeSectionFromPath(pathname: string): StudioNavId | null {\n  const segment = pathname.split('/')[2] ?? ''\n  if (segment === 'routes') return 'routes'\n  const parsed = sectionIdSchema.safeParse(segment)\n  return parsed.success ? parsed.data : null\n}\n"]}

package/dist/components/users/user-search.d.ts

@@ -1,8 +0,0 @@
-import type { UserRecord } from '@elytracms/core/persistence';
-/**
- * Free-text filter over the studio users roster (EC-240, 240b) — matches a query
- * against a user's name, email, id, or any of their roles, case-insensitively.
- * Pure + deterministic (mirrors `asset-search.ts`), so the roster's search state
- * is reproducible from fixtures.
- */
-export declare function filterUsers(users: readonly UserRecord[], query: string): readonly UserRecord[];

package/dist/components/users/user-search.js

@@ -1,13 +0,0 @@
-/**
- * Free-text filter over the studio users roster (EC-240, 240b) — matches a query
- * against a user's name, email, id, or any of their roles, case-insensitively.
- * Pure + deterministic (mirrors `asset-search.ts`), so the roster's search state
- * is reproducible from fixtures.
- */
-export function filterUsers(users, query) {
-    const q = query.trim().toLowerCase();
-    if (!q)
-        return users;
-    return users.filter((user) => [user.name ?? '', user.email, user.id, ...user.roles].some((field) => field.toLowerCase().includes(q)));
-}
-//# sourceMappingURL=user-search.js.map

package/dist/components/users/user-search.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"user-search.js","sourceRoot":"","sources":["../../../src/components/users/user-search.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,MAAM,UAAU,WAAW,CAAC,KAA4B,EAAE,KAAa;IACrE,MAAM,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAA;IACpC,IAAI,CAAC,CAAC;QAAE,OAAO,KAAK,CAAA;IACpB,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAC3B,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CACnE,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAChC,CACF,CAAA;AACH,CAAC","sourcesContent":["import type { UserRecord } from '@elytracms/core/persistence'\n\n/**\n * Free-text filter over the studio users roster (EC-240, 240b) — matches a query\n * against a user's name, email, id, or any of their roles, case-insensitively.\n * Pure + deterministic (mirrors `asset-search.ts`), so the roster's search state\n * is reproducible from fixtures.\n */\nexport function filterUsers(users: readonly UserRecord[], query: string): readonly UserRecord[] {\n  const q = query.trim().toLowerCase()\n  if (!q) return users\n  return users.filter((user) =>\n    [user.name ?? '', user.email, user.id, ...user.roles].some((field) =>\n      field.toLowerCase().includes(q),\n    ),\n  )\n}\n"]}

package/dist/components/workspace-gate.d.ts

@@ -1,12 +0,0 @@
-import type { ReactNode } from 'react';
-/**
- * Workspace-config boot gate (EC-154) — sibling of the EC-153 `BackendGate`.
- * The workspace config is static boot input (bundled `elytra.config.ts` or
- * env-injected JSON), so an *invalid* config is a deterministic boot-error
- * state rendered before auth and the studio store: structured, file-located
- * issues — never a silent fall-back to unconfigured behavior. No config and a
- * valid config render children untouched.
- */
-export declare function WorkspaceGate({ children }: {
-    children: ReactNode;
-}): import("react").JSX.Element;