@mokly/mokly 0.8.0

package/dist/server/shell/nav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav.d.ts","sourceRoot":"","sources":["../../../src/server/shell/nav.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AA0LjD,8CAA8C;AAC9C,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAClC,SAAS,EAAE,SAAS,CAAC;IACrB,OAAO,EAAE,YAAY,CAAC;CACvB,+BA6CA"}

package/dist/server/shell/nav.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// Renders the served Mokly left navigation as native disclosure elements.
+// Pages and Components are independent top-level disclosures; each projects
+// the same authored collection hierarchy down to its relevant entry kinds.
+// Collection summaries carry folder icons, leaves carry their entry-kind icon,
+// and every row paints faint vertical guides (see `navRowStyle`).
+import { catalogueViewHref } from "../../navigation/delivery.js";
+import { ChevronIcon, FlowIcon, FolderIcon, FolderOpenIcon, PageIcon, ScreenIcon, } from "./icons.js";
+import { navRowStyle } from "./nav_guides.js";
+import { NavigationResizeHandle } from "./nav_resize.js";
+import { buildNavSections } from "./nav_tree.js";
+import { WorkspaceIcon } from "./workspace_icons.js";
+import { NavFilter, NavStatus } from "./nav_filter.js";
+function containsRoute(node, route) {
+    if (route === undefined) {
+        return false;
+    }
+    if (node.kind === "leaf") {
+        return node.route === route;
+    }
+    return node.children.some((child) => containsRoute(child, route));
+}
+function LeafGlyph(props) {
+    if (props.entryKind === "use-case") {
+        return (_jsx("span", { className: "mbk-nav-ico flow", children: _jsx(FlowIcon, {}) }));
+    }
+    return (_jsx("span", { className: "mbk-nav-ico", children: props.entryKind === "component" ? (_jsx(WorkspaceIcon, { name: "components" })) : props.entryKind === "page" ? (_jsx(PageIcon, {})) : (_jsx(ScreenIcon, {})) }));
+}
+function LeafRow(props) {
+    const active = props.node.route === props.context.activeRoute;
+    const changed = props.context.changedRoutes?.includes(props.node.route) === true;
+    const tags = props.node.tags ?? [];
+    return (_jsxs("a", { "aria-current": active ? "page" : undefined, className: "mbk-nav-row", "data-changed": changed ? "true" : undefined, "data-entry-id": props.node.entryId, "data-entry-kind": props.node.entryKind, "data-nav-row": "", "data-nav-removed": props.node.key.startsWith("removed:") ? "" : undefined, "data-removed-page": props.node.removedPage ? "" : undefined, hidden: props.node.removedPage ? true : undefined, "data-route": props.node.route, "data-tags": tags.length > 0 ? tags.join(" ") : undefined, href: catalogueViewHref(props.node.route), style: navRowStyle(props.depth), children: [_jsx(LeafGlyph, { entryKind: props.node.entryKind }), props.node.label] }));
+}
+function GroupRow(props) {
+    const node = props.node;
+    const open = props.depth === 0 || containsRoute(node, props.context.activeRoute);
+    return (_jsxs("details", { className: "mbk-nav-group", "data-nav-collection": node.key, "data-nav-disclosure": collectionDisclosureKey(props.sectionId, node.key), open: open ? true : undefined, children: [_jsxs("summary", { className: "mbk-nav-row", style: navRowStyle(props.depth), children: [_jsxs("span", { className: "mbk-nav-ico folder", children: [_jsx(FolderIcon, {}), _jsx(FolderOpenIcon, {})] }), _jsx("span", { className: "mbk-nav-label", children: node.label }), node.children.length > 0 ? (_jsx("span", { className: "mbk-nav-count", children: node.children.length })) : null] }), _jsx(NavRows, { context: props.context, depth: props.depth + 1, nodes: node.children, sectionId: props.sectionId })] }));
+}
+function NavRows(props) {
+    return (_jsx(_Fragment, { children: props.nodes.map((node) => {
+            return node.kind === "group" ? (_jsx(GroupRow, { context: props.context, depth: props.depth, node: node, sectionId: props.sectionId }, node.key)) : (_jsx(LeafRow, { context: props.context, depth: props.depth, node: node }, node.key));
+        }) }));
+}
+function SectionRows(props) {
+    return (_jsxs("details", { className: "mbk-nav-section", "data-nav-disclosure": props.section.key, "data-nav-section": props.section.id, open: true, children: [_jsxs("summary", { className: "mbk-nav-section-head", children: [_jsx("span", { className: "mbk-nav-section-chevron", "aria-hidden": "true", children: _jsx(ChevronIcon, {}) }), props.section.label] }), _jsx(NavRows, { context: props.context, depth: 0, nodes: props.section.children, sectionId: props.section.id })] }));
+}
+function collectionDisclosureKey(sectionId, collectionKey) {
+    const id = collectionKey.startsWith("collection:")
+        ? collectionKey.slice("collection:".length)
+        : collectionKey;
+    return `collection:${sectionId}:${id}`;
+}
+/** The served catalogue navigation column. */
+export function CatalogueNav(props) {
+    const removedLeaves = props.catalogue.removedEntries.map(({ entry }) => ({
+        kind: "leaf",
+        key: `removed:${entry.route}`,
+        entryId: entry.id,
+        entryKind: entry.kind,
+        label: `${entry.title} · Removed`,
+        route: entry.route,
+        tags: entry.tags ?? [],
+        removedPage: entry.kind === "page",
+    }));
+    const sections = buildNavSections(props.catalogue.hierarchy, removedLeaves);
+    return (_jsxs("nav", { "aria-label": "Catalogue", className: "mbk-nav", "data-mokly-nav": "", id: "mb-nav", children: [_jsxs("div", { className: "mbk-nav-head", children: ["Catalogue", _jsx("button", { className: "mbk-nav-collapse", "data-mokly-collapse": "", type: "button", children: "Collapse all" })] }), _jsx(NavFilter, { context: props.context }), _jsxs("div", { className: "mbk-nav-scroll", "data-mokly-nav-scroll": "", children: [_jsx(NavStatus, { context: props.context }), sections.map((section) => (_jsx(SectionRows, { context: props.context, section: section }, section.key)))] }), _jsx(NavigationResizeHandle, {})] }));
+}
+//# sourceMappingURL=nav.js.map

package/dist/server/shell/nav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav.js","sourceRoot":"","sources":["../../../src/server/shell/nav.tsx"],"names":[],"mappings":"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"}

package/dist/server/shell/nav_filter.d.ts

@@ -0,0 +1,9 @@
+/** Stable catalogue controls distinguish unknown evidence from a real empty result. */
+import type { ShellContext } from "./context.js";
+export declare function NavFilter({ context }: {
+    context: ShellContext;
+}): import("react").JSX.Element | null;
+export declare function NavStatus({ context }: {
+    context: ShellContext;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=nav_filter.d.ts.map

package/dist/server/shell/nav_filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav_filter.d.ts","sourceRoot":"","sources":["../../../src/server/shell/nav_filter.tsx"],"names":[],"mappings":"AAAA,uFAAuF;AACvF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,YAAY,CAAA;CAAE,sCA0C/D;AAED,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,YAAY,CAAA;CAAE,sCAgB/D"}

package/dist/server/shell/nav_filter.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function NavFilter({ context }) {
+    const status = context.changedRoutes ? "ready" : context.changesStatus;
+    if (!status)
+        return null;
+    return (_jsxs("div", { "aria-label": "Catalogue filter", className: "mbk-nav-filter", "data-mokly-filter": "", "data-changes-status": status, role: "group", children: [_jsx("button", { "aria-pressed": "true", className: "mbk-nav-filter-opt", "data-filter": "all", type: "button", children: "All" }), _jsxs("button", { "aria-pressed": "false", className: "mbk-nav-filter-opt", "data-filter": "changed", type: "button", children: ["Changes", _jsx("span", { className: "mbk-nav-filter-count", children: status === "pending" ? (_jsx("span", { className: "mbk-nav-spinner", role: "status", "aria-label": "Checking for changes" })) : status === "ready" ? (context.changedRoutes?.length) : (_jsx("span", { "aria-label": "Changes unavailable", children: "\u2014" })) })] })] }));
+}
+export function NavStatus({ context }) {
+    if (!context.changesStatus && !context.changedRoutes)
+        return null;
+    return (_jsxs("div", { className: "mbk-nav-status", "data-nav-status": "", hidden: true, role: "status", children: [context.changesStatus === "pending" && !context.changedRoutes ? (_jsx("span", { className: "mbk-nav-spinner", "aria-hidden": "true" })) : null, _jsx("span", { "data-nav-status-text": "", children: context.changedRoutes
+                    ? "No changes found."
+                    : context.changesStatus === "pending"
+                        ? "Checking for changes…"
+                        : "Changes are unavailable. You can still browse All." })] }));
+}
+//# sourceMappingURL=nav_filter.js.map

package/dist/server/shell/nav_filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav_filter.js","sourceRoot":"","sources":["../../../src/server/shell/nav_filter.tsx"],"names":[],"mappings":";AAGA,MAAM,UAAU,SAAS,CAAC,EAAE,OAAO,EAA6B;IAC9D,MAAM,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC;IACvE,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IACzB,OAAO,CACL,6BACa,kBAAkB,EAC7B,SAAS,EAAC,gBAAgB,uBACR,EAAE,yBACC,MAAM,EAC3B,IAAI,EAAC,OAAO,aAEZ,iCACe,MAAM,EACnB,SAAS,EAAC,oBAAoB,iBAClB,KAAK,EACjB,IAAI,EAAC,QAAQ,oBAGN,EACT,kCACe,OAAO,EACpB,SAAS,EAAC,oBAAoB,iBAClB,SAAS,EACrB,IAAI,EAAC,QAAQ,wBAGb,eAAM,SAAS,EAAC,sBAAsB,YACnC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CACtB,eACE,SAAS,EAAC,iBAAiB,EAC3B,IAAI,EAAC,QAAQ,gBACF,sBAAsB,GACjC,CACH,CAAC,CAAC,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,CACvB,OAAO,CAAC,aAAa,EAAE,MAAM,CAC9B,CAAC,CAAC,CAAC,CACF,6BAAiB,qBAAqB,uBAAS,CAChD,GACI,IACA,IACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EAAE,OAAO,EAA6B;IAC9D,IAAI,CAAC,OAAO,CAAC,aAAa,IAAI,CAAC,OAAO,CAAC,aAAa;QAAE,OAAO,IAAI,CAAC;IAClE,OAAO,CACL,eAAK,SAAS,EAAC,gBAAgB,qBAAiB,EAAE,EAAC,MAAM,QAAC,IAAI,EAAC,QAAQ,aACpE,OAAO,CAAC,aAAa,KAAK,SAAS,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAC/D,eAAM,SAAS,EAAC,iBAAiB,iBAAa,MAAM,GAAG,CACxD,CAAC,CAAC,CAAC,IAAI,EACR,uCAA2B,EAAE,YAC1B,OAAO,CAAC,aAAa;oBACpB,CAAC,CAAC,mBAAmB;oBACrB,CAAC,CAAC,OAAO,CAAC,aAAa,KAAK,SAAS;wBACnC,CAAC,CAAC,uBAAuB;wBACzB,CAAC,CAAC,oDAAoD,GACrD,IACH,CACP,CAAC;AACJ,CAAC"}

package/dist/server/shell/nav_guides.d.ts

@@ -0,0 +1,8 @@
+import type { CSSProperties } from "react";
+/**
+ * The inline style for a navigation row at `depth`: its indentation, the
+ * `--mbk-indent` offset used to inset the selection highlight, and one faint
+ * vertical guide line per ancestor level (a root row gets none).
+ */
+export declare function navRowStyle(depth: number): CSSProperties;
+//# sourceMappingURL=nav_guides.d.ts.map

package/dist/server/shell/nav_guides.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav_guides.d.ts","sourceRoot":"","sources":["../../../src/server/shell/nav_guides.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAS3C;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,aAAa,CAsBxD"}

package/dist/server/shell/nav_guides.js

@@ -0,0 +1,43 @@
+// Computes the indentation and faint vertical guide lines for one Mokly
+// navigation row. Every row is padded left by its depth and paints a 1px guide
+// line for each ancestor level, so the guides run continuously down a subtree
+// and make it easy to see which rows sit at the same depth — folders and files
+// alike. The row also exposes its indent as the `--mbk-indent` custom property
+// so the shell stylesheet can inset the hover / selected highlight to the
+// content, leaving the guide lines to its left uncovered. The guides use the
+// faint `--mbk-guide` colour defined in the shell stylesheet.
+/** Left padding applied to a top-level (depth 0) row, in pixels. */
+const ROOT_INSET = 8;
+/** Horizontal distance between nesting levels, in pixels. */
+const INDENT_STEP = 16;
+/** X offset of a level's guide line, aligned under that level's folder icon. */
+const GUIDE_OFFSET = 15;
+/**
+ * The inline style for a navigation row at `depth`: its indentation, the
+ * `--mbk-indent` offset used to inset the selection highlight, and one faint
+ * vertical guide line per ancestor level (a root row gets none).
+ */
+export function navRowStyle(depth) {
+    const level = Math.max(depth, 0);
+    const style = {
+        paddingLeft: ROOT_INSET + level * INDENT_STEP,
+        "--mbk-indent": `${level * INDENT_STEP}px`,
+    };
+    if (level === 0) {
+        return style;
+    }
+    const images = [];
+    const positions = [];
+    const sizes = [];
+    for (let ancestor = 0; ancestor < level; ancestor += 1) {
+        images.push("linear-gradient(var(--mbk-guide), var(--mbk-guide))");
+        positions.push(`${GUIDE_OFFSET + ancestor * INDENT_STEP}px 0`);
+        sizes.push("1px 100%");
+    }
+    style["backgroundImage"] = images.join(", ");
+    style["backgroundPosition"] = positions.join(", ");
+    style["backgroundSize"] = sizes.join(", ");
+    style["backgroundRepeat"] = "no-repeat";
+    return style;
+}
+//# sourceMappingURL=nav_guides.js.map

package/dist/server/shell/nav_guides.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav_guides.js","sourceRoot":"","sources":["../../../src/server/shell/nav_guides.ts"],"names":[],"mappings":"AAAA,wEAAwE;AACxE,+EAA+E;AAC/E,8EAA8E;AAC9E,+EAA+E;AAC/E,+EAA+E;AAC/E,0EAA0E;AAC1E,6EAA6E;AAC7E,8DAA8D;AAI9D,oEAAoE;AACpE,MAAM,UAAU,GAAG,CAAC,CAAC;AACrB,6DAA6D;AAC7D,MAAM,WAAW,GAAG,EAAE,CAAC;AACvB,gFAAgF;AAChF,MAAM,YAAY,GAAG,EAAE,CAAC;AAExB;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,KAAa;IACvC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IACjC,MAAM,KAAK,GAAoC;QAC7C,WAAW,EAAE,UAAU,GAAG,KAAK,GAAG,WAAW;QAC7C,cAAc,EAAE,GAAG,KAAK,GAAG,WAAW,IAAI;KAC3C,CAAC;IACF,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;QAChB,OAAO,KAAsB,CAAC;IAChC,CAAC;IACD,MAAM,MAAM,GAAa,EAAE,CAAC;IAC5B,MAAM,SAAS,GAAa,EAAE,CAAC;IAC/B,MAAM,KAAK,GAAa,EAAE,CAAC;IAC3B,KAAK,IAAI,QAAQ,GAAG,CAAC,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,IAAI,CAAC,EAAE,CAAC;QACvD,MAAM,CAAC,IAAI,CAAC,qDAAqD,CAAC,CAAC;QACnE,SAAS,CAAC,IAAI,CAAC,GAAG,YAAY,GAAG,QAAQ,GAAG,WAAW,MAAM,CAAC,CAAC;QAC/D,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACzB,CAAC;IACD,KAAK,CAAC,iBAAiB,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7C,KAAK,CAAC,oBAAoB,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACnD,KAAK,CAAC,gBAAgB,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3C,KAAK,CAAC,kBAAkB,CAAC,GAAG,WAAW,CAAC;IACxC,OAAO,KAAsB,CAAC;AAChC,CAAC"}

package/dist/server/shell/nav_resize.d.ts

@@ -0,0 +1,4 @@
+/** Accessible separator rendered at the desktop navigation panel edge. */
+/** Pointer- and keyboard-operable navigation resize handle. */
+export declare function NavigationResizeHandle(): import("react").JSX.Element;
+//# sourceMappingURL=nav_resize.d.ts.map

package/dist/server/shell/nav_resize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav_resize.d.ts","sourceRoot":"","sources":["../../../src/server/shell/nav_resize.tsx"],"names":[],"mappings":"AAAA,0EAA0E;AAE1E,+DAA+D;AAC/D,wBAAgB,sBAAsB,gCAerC"}

package/dist/server/shell/nav_resize.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Accessible separator rendered at the desktop navigation panel edge. */
+/** Pointer- and keyboard-operable navigation resize handle. */
+export function NavigationResizeHandle() {
+    return (_jsx("div", { "aria-label": "Resize navigation panel", "aria-orientation": "vertical", "aria-valuemax": 480, "aria-valuemin": 192, "aria-valuenow": 248, className: "mbk-nav-resize", "data-mokly-nav-resize": "", role: "separator", tabIndex: 0, title: "Drag to resize. Use arrow keys for precise control." }));
+}
+//# sourceMappingURL=nav_resize.js.map

package/dist/server/shell/nav_resize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav_resize.js","sourceRoot":"","sources":["../../../src/server/shell/nav_resize.tsx"],"names":[],"mappings":";AAAA,0EAA0E;AAE1E,+DAA+D;AAC/D,MAAM,UAAU,sBAAsB;IACpC,OAAO,CACL,4BACa,yBAAyB,sBACnB,UAAU,mBACZ,GAAG,mBACH,GAAG,mBACH,GAAG,EAClB,SAAS,EAAC,gBAAgB,2BACJ,EAAE,EACxB,IAAI,EAAC,WAAW,EAChB,QAAQ,EAAE,CAAC,EACX,KAAK,EAAC,qDAAqD,GAC3D,CACH,CAAC;AACJ,CAAC"}

package/dist/server/shell/nav_tree.d.ts

@@ -0,0 +1,41 @@
+import type { CatalogueHierarchy } from "../../registry/hierarchy.js";
+import type { ManifestEntry } from "../../registry/types.js";
+/** A leaf navigation row linking to one viewable route. */
+export interface NavLeafNode {
+    entryId?: string;
+    removedPage?: boolean;
+    entryKind: "component" | "screen" | "use-case" | "page";
+    key: string;
+    kind: "leaf";
+    label: string;
+    route: string;
+    /** Declared classification tags, present only when the entry has them. */
+    tags?: readonly string[];
+}
+/** A collapsible navigation group with no destination of its own. */
+export interface NavGroupNode {
+    children: NavNode[];
+    key: string;
+    kind: "group";
+    label: string;
+}
+/** One rendered navigation node. */
+export type NavNode = NavGroupNode | NavLeafNode;
+/** One top-level catalogue section separating component entries from pages. */
+export interface NavSectionNode {
+    children: NavNode[];
+    id: "components" | "pages";
+    key: "section:components" | "section:pages";
+    label: "Components" | "Pages";
+}
+/** One breadcrumb segment, representing an authored collection ancestor. */
+export interface CatalogueCrumb {
+    label: string;
+}
+/** Build the nested navigation tree over the explicit catalogue hierarchy. */
+export declare function buildNavTree(hierarchy: CatalogueHierarchy<ManifestEntry>): NavNode[];
+/** Project the authored hierarchy into separate page and component sections. */
+export declare function buildNavSections(hierarchy: CatalogueHierarchy<ManifestEntry>, additionalLeaves?: readonly NavLeafNode[]): NavSectionNode[];
+/** Derive text-only crumbs for a structured entry from its real ancestors. */
+export declare function structuredCrumbTrail(hierarchy: CatalogueHierarchy<ManifestEntry>, entryId: string): CatalogueCrumb[];
+//# sourceMappingURL=nav_tree.d.ts.map

package/dist/server/shell/nav_tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav_tree.d.ts","sourceRoot":"","sources":["../../../src/server/shell/nav_tree.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,2DAA2D;AAC3D,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IACxD,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,IAAI,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CAC1B;AAED,qEAAqE;AACrE,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,oCAAoC;AACpC,MAAM,MAAM,OAAO,GAAG,YAAY,GAAG,WAAW,CAAC;AAEjD,+EAA+E;AAC/E,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,EAAE,EAAE,YAAY,GAAG,OAAO,CAAC;IAC3B,GAAG,EAAE,oBAAoB,GAAG,eAAe,CAAC;IAC5C,KAAK,EAAE,YAAY,GAAG,OAAO,CAAC;CAC/B;AAED,4EAA4E;AAC5E,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,8EAA8E;AAC9E,wBAAgB,YAAY,CAC1B,SAAS,EAAE,kBAAkB,CAAC,aAAa,CAAC,GAC3C,OAAO,EAAE,CAKX;AAED,gFAAgF;AAChF,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,kBAAkB,CAAC,aAAa,CAAC,EAC5C,gBAAgB,GAAE,SAAS,WAAW,EAAO,GAC5C,cAAc,EAAE,CAsBlB;AAED,8EAA8E;AAC9E,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,kBAAkB,CAAC,aAAa,CAAC,EAC5C,OAAO,EAAE,MAAM,GACd,cAAc,EAAE,CAIlB"}

package/dist/server/shell/nav_tree.js

@@ -0,0 +1,82 @@
+// Builds one navigation model from explicit collection membership. Stable ids own disclosure identity;
+// display labels never act as structural keys.
+/** Build the nested navigation tree over the explicit catalogue hierarchy. */
+export function buildNavTree(hierarchy) {
+    const structured = hierarchy.roots.map((entry) => structuredNode(entry, hierarchy, new Set()));
+    return sortNodes(structured);
+}
+/** Project the authored hierarchy into separate page and component sections. */
+export function buildNavSections(hierarchy, additionalLeaves = []) {
+    const tree = buildNavTree(hierarchy);
+    return ["pages", "components"].flatMap((id) => {
+        const current = projectNodes(tree, id);
+        const additional = additionalLeaves.filter((leaf) => id === "components"
+            ? leaf.entryKind === "component"
+            : leaf.entryKind !== "component");
+        const children = [...current, ...additional];
+        if (children.length === 0)
+            return [];
+        return [
+            id === "pages"
+                ? { children, id, key: "section:pages", label: "Pages" }
+                : {
+                    children,
+                    id,
+                    key: "section:components",
+                    label: "Components",
+                },
+        ];
+    });
+}
+/** Derive text-only crumbs for a structured entry from its real ancestors. */
+export function structuredCrumbTrail(hierarchy, entryId) {
+    return (hierarchy.ancestorsById.get(entryId) ?? []).map((ancestor) => ({
+        label: ancestor.title,
+    }));
+}
+function structuredNode(entry, hierarchy, ancestors) {
+    if (entry.kind !== "collection") {
+        return {
+            entryId: entry.id,
+            entryKind: entry.kind,
+            key: `entry:${entry.id}`,
+            kind: "leaf",
+            label: entry.title,
+            route: entry.route,
+            ...(entry.tags && entry.tags.length > 0 ? { tags: [...entry.tags] } : {}),
+        };
+    }
+    const visited = new Set(ancestors);
+    visited.add(entry.id);
+    const children = (hierarchy.childrenById.get(entry.id) ?? [])
+        .filter((child) => !visited.has(child.id))
+        .map((child) => structuredNode(child, hierarchy, visited));
+    return {
+        children: sortNodes(children),
+        key: `collection:${entry.id}`,
+        kind: "group",
+        label: entry.title,
+    };
+}
+function projectNodes(nodes, section) {
+    return nodes.flatMap((node) => {
+        if (node.kind === "leaf") {
+            const component = node.entryKind === "component";
+            return component === (section === "components") ? [node] : [];
+        }
+        const children = projectNodes(node.children, section);
+        const emptyPageFolder = section === "pages" && node.children.length === 0;
+        return children.length > 0 || emptyPageFolder
+            ? [{ ...node, children }]
+            : [];
+    });
+}
+function sortNodes(nodes) {
+    return [...nodes].sort((left, right) => nodeRank(left) - nodeRank(right) ||
+        left.label.localeCompare(right.label) ||
+        left.key.localeCompare(right.key));
+}
+function nodeRank(node) {
+    return node.kind === "group" ? 1 : 2;
+}
+//# sourceMappingURL=nav_tree.js.map

package/dist/server/shell/nav_tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav_tree.js","sourceRoot":"","sources":["../../../src/server/shell/nav_tree.ts"],"names":[],"mappings":"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"}

package/dist/server/shell/stages.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from "react";
+import type { Catalogue } from "../catalogue.js";
+import type { RouteTarget } from "./target.js";
+/** Quiet state used by home, missing routes, and the review launcher. */
+export declare function EmptyStage(props: {
+    children: ReactNode;
+    heading: string;
+}): import("react").JSX.Element;
+/** Render the route-specific preview below the shell-owned heading. */
+export declare function TargetStage(props: {
+    catalogue: Catalogue;
+    fragment?: string;
+    target: RouteTarget;
+}): import("react").JSX.Element;
+//# sourceMappingURL=stages.d.ts.map

package/dist/server/shell/stages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stages.d.ts","sourceRoot":"","sources":["../../../src/server/shell/stages.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAGjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AA0N/C,yEAAyE;AACzE,wBAAgB,UAAU,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,+BAOzE;AAED,uEAAuE;AACvE,wBAAgB,WAAW,CAAC,KAAK,EAAE;IACjC,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,WAAW,CAAC;CACrB,+BAyBA"}

package/dist/server/shell/stages.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { encodeUrlPath } from "../../config/paths.js";
+import { catalogueViewHref } from "../../navigation/delivery.js";
+import { BrowserFrame, PhoneFrame } from "./frames.js";
+import { ComponentStage } from "./component_stage.js";
+/**
+ * The served URL of one generated route. Every embedded frame — its `src` and
+ * the scheme attributes the Browse client assigns back into that `src` — is
+ * built here so the two can never drift apart.
+ */
+function fragmentSrc(route, fragment) {
+    const source = `/static/${encodeUrlPath(route)}`;
+    return fragment ? `${source}#${encodeURIComponent(fragment)}` : source;
+}
+function fragmentSources(screen, viewport, hasDarkFragments, fragment) {
+    if (!hasDarkFragments) {
+        return { dark: undefined, light: undefined };
+    }
+    const dark = screen.darkFragments?.[viewport];
+    return {
+        dark: dark === undefined ? undefined : fragmentSrc(dark, fragment),
+        light: fragmentSrc(screen.fragments[viewport], fragment),
+    };
+}
+/** Whether the screen keeps its light render under a dark selection. */
+function isSchemeFallback(screen, hasDarkFragments) {
+    return hasDarkFragments && screen.darkFragments === undefined;
+}
+function FrameLabel(props) {
+    return (_jsxs("p", { className: "mbk-frame-label", children: [props.text, props.fallback ? (_jsx("span", { className: "mbk-frame-scheme-note", children: " — Light only" })) : null] }));
+}
+function EmbedStage(props) {
+    return (_jsx("div", { className: "mbk-stage-embed", "data-mokly-scroll": "embed", children: _jsx("iframe", { className: "mbk-frag", sandbox: "allow-same-origin", "data-mokly-fragment-frame": "", src: fragmentSrc(props.route, props.fragment), title: props.title }) }));
+}
+function FramesStage(props) {
+    const screen = props.screen;
+    const address = screen.address ?? screen.route;
+    const mobile = fragmentSources(screen, "mobile", props.hasDarkFragments, props.fragment);
+    const desktop = fragmentSources(screen, "desktop", props.hasDarkFragments, props.fragment);
+    const fallback = isSchemeFallback(screen, props.hasDarkFragments);
+    return (_jsxs("div", { className: "mbk-stage mbk-live", "data-mokly-scroll": "stage", "data-mokly-stage": "", "data-viewport": "both", children: [_jsxs("div", { className: "mbk-frame-wrap mbk-frame-mobile", "data-color-scheme-fallback": fallback ? "" : undefined, children: [_jsx(FrameLabel, { fallback: fallback, text: "Mobile" }), _jsx(PhoneFrame, { children: _jsx("iframe", { className: "mbk-frag", "data-mokly-fragment-frame": "", "data-workspace-frame": "mobile", "data-fragment-dark": mobile.dark, "data-fragment-light": mobile.light, sandbox: "allow-same-origin", src: fragmentSrc(screen.fragments.mobile, props.fragment), title: `${screen.title} — mobile` }) })] }), _jsxs("div", { className: "mbk-frame-wrap mbk-frame-desktop", "data-color-scheme-fallback": fallback ? "" : undefined, children: [_jsx(FrameLabel, { fallback: fallback, text: "Desktop" }), _jsx(BrowserFrame, { address: address, children: _jsx("iframe", { className: "mbk-frag", "data-mokly-fragment-frame": "", "data-workspace-frame": "desktop", "data-fragment-dark": desktop.dark, "data-fragment-light": desktop.light, sandbox: "allow-same-origin", src: fragmentSrc(screen.fragments.desktop, props.fragment), title: `${screen.title} — desktop` }) })] })] }));
+}
+function FlowScreen(props) {
+    const screen = props.screen;
+    const desktop = fragmentSources(screen, "desktop", props.hasDarkFragments, props.fragment);
+    const fallback = isSchemeFallback(screen, props.hasDarkFragments);
+    return (_jsx("div", { className: "mbk-flow-screen", "data-color-scheme-fallback": fallback ? "" : undefined, children: _jsx(BrowserFrame, { address: screen.address ?? screen.route, children: _jsx("iframe", { className: "mbk-frag", "data-mokly-fragment-frame": props.fragmentFrame ? "" : undefined, "data-fragment-dark": desktop.dark, "data-fragment-light": desktop.light, sandbox: "allow-same-origin", src: fragmentSrc(screen.fragments.desktop, props.fragment), title: `${screen.title} — desktop` }) }) }));
+}
+function UseCaseFlowStage(props) {
+    return (_jsx("div", { className: "mbk-flow", "data-mokly-scroll": "flow", children: _jsx("div", { className: "flow-track", children: props.entry.steps.map((step, index) => {
+                const candidate = props.catalogue.byId.get(step.screenId);
+                const screen = candidate?.kind === "screen" ? candidate : undefined;
+                return (_jsxs("section", { className: "flow-step", children: [_jsxs("div", { className: "flow-step-head", children: [_jsx("span", { className: "flow-step-num", children: index + 1 }), _jsxs("div", { children: [_jsx("h3", { children: step.title ?? screen?.title ?? step.screenId }), _jsx("p", { children: step.description ?? screen?.description }), screen ? (_jsxs("a", { className: "flow-step-link", href: catalogueViewHref(screen.route), children: ["This screen in the catalogue: ", screen.title, " \u2192"] })) : null] })] }), screen ? (_jsx(FlowScreen, { ...(index === 0 && props.fragment
+                                ? { fragment: props.fragment }
+                                : {}), fragmentFrame: index === 0, hasDarkFragments: props.catalogue.hasDarkFragments, screen: screen })) : null] }, `${step.screenId}-${index}`));
+            }) }) }));
+}
+/** Quiet state used by home, missing routes, and the review launcher. */
+export function EmptyStage(props) {
+    return (_jsxs("div", { className: "mbk-empty", children: [_jsx("h2", { children: props.heading }), props.children] }));
+}
+/** Render the route-specific preview below the shell-owned heading. */
+export function TargetStage(props) {
+    const entry = props.target.entry;
+    if (entry.kind === "page")
+        return (_jsx(EmbedStage, { route: entry.route, title: entry.title, ...(props.fragment ? { fragment: props.fragment } : {}) }));
+    if (entry.kind === "component")
+        return _jsx(ComponentStage, { variant: entry.variants[0], title: entry.title });
+    return entry.kind === "screen" ? (_jsx(FramesStage, { ...(props.fragment ? { fragment: props.fragment } : {}), hasDarkFragments: props.catalogue.hasDarkFragments, screen: entry })) : (_jsx(UseCaseFlowStage, { catalogue: props.catalogue, entry: entry, ...(props.fragment ? { fragment: props.fragment } : {}) }));
+}
+//# sourceMappingURL=stages.js.map

package/dist/server/shell/stages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stages.js","sourceRoot":"","sources":["../../../src/server/shell/stages.tsx"],"names":[],"mappings":"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"}

package/dist/server/shell/status_bar.d.ts

@@ -0,0 +1,3 @@
+/** The clock, signal, Wi-Fi, and battery row reserved above a mobile screen. */
+export declare function PhoneStatusBar(): import("react").JSX.Element;
+//# sourceMappingURL=status_bar.d.ts.map

package/dist/server/shell/status_bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status_bar.d.ts","sourceRoot":"","sources":["../../../src/server/shell/status_bar.tsx"],"names":[],"mappings":"AAiEA,gFAAgF;AAChF,wBAAgB,cAAc,gCAW7B"}

package/dist/server/shell/status_bar.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// The status band the phone chrome reserves above every embedded mobile
+// fragment: a clock to the left of the notch, and cellular, Wi-Fi, and battery
+// glyphs to its right. These glyphs keep their own viewBoxes and fill their
+// shapes because the row is sized in device pixels, unlike the stroked 24-unit
+// navigation icons in `icons.tsx`.
+/** Ascending cellular signal bars. */
+function CellularGlyph() {
+    return (_jsxs("svg", { "aria-hidden": "true", fill: "currentColor", height: 11, viewBox: "0 0 18 12", width: 16, children: [_jsx("rect", { height: 4, rx: 1, width: 3, x: 0, y: 8 }), _jsx("rect", { height: 6.5, rx: 1, width: 3, x: 5, y: 5.5 }), _jsx("rect", { height: 9, rx: 1, width: 3, x: 10, y: 3 }), _jsx("rect", { height: 11.5, rx: 1, width: 3, x: 15, y: 0.5 })] }));
+}
+/** Wi-Fi arcs rising from a connection dot. */
+function WifiGlyph() {
+    return (_jsx("svg", { "aria-hidden": "true", fill: "currentColor", height: 11, viewBox: "0 0 16 12", width: 16, children: _jsx("path", { d: "M8 11.2a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm0-4.8c1.4 0 2.7.5 3.7 1.4l1.4-1.4A8 8 0 0 0 8 4.4a8 8 0 0 0-5.1 1.8l1.4 1.4A5.7 5.7 0 0 1 8 6.4ZM2.2 4.6 .8 3.2A11 11 0 0 1 8 .4a11 11 0 0 1 7.2 2.8l-1.4 1.4A9 9 0 0 0 8 2.4a9 9 0 0 0-5.8 2.2Z" }) }));
+}
+/** A part-charged battery with its contact nub. */
+function BatteryGlyph() {
+    return (_jsxs("svg", { "aria-hidden": "true", height: 11, viewBox: "0 0 24 12", width: 22, children: [_jsx("rect", { fill: "none", height: 10, rx: 2.5, stroke: "currentColor", width: 20, x: 1, y: 1 }), _jsx("rect", { fill: "currentColor", height: 4, rx: 0.6, width: 1.6, x: 22, y: 4 }), _jsx("rect", { fill: "currentColor", height: 6.8, rx: 1.4, width: 14, x: 2.8, y: 2.6 })] }));
+}
+/** The clock, signal, Wi-Fi, and battery row reserved above a mobile screen. */
+export function PhoneStatusBar() {
+    return (_jsxs("div", { className: "phone-status", children: [_jsx("span", { children: "9:41" }), _jsxs("span", { className: "phone-status-icons", children: [_jsx(CellularGlyph, {}), _jsx(WifiGlyph, {}), _jsx(BatteryGlyph, {})] })] }));
+}
+//# sourceMappingURL=status_bar.js.map

package/dist/server/shell/status_bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status_bar.js","sourceRoot":"","sources":["../../../src/server/shell/status_bar.tsx"],"names":[],"mappings":";AAAA,wEAAwE;AACxE,+EAA+E;AAC/E,4EAA4E;AAC5E,+EAA+E;AAC/E,mCAAmC;AAEnC,sCAAsC;AACtC,SAAS,aAAa;IACpB,OAAO,CACL,8BACc,MAAM,EAClB,IAAI,EAAC,cAAc,EACnB,MAAM,EAAE,EAAE,EACV,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,aAET,eAAM,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,GAAI,EAChD,eAAM,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAI,EACpD,eAAM,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,GAAI,EACjD,eAAM,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,GAAI,IAClD,CACP,CAAC;AACJ,CAAC;AAED,+CAA+C;AAC/C,SAAS,SAAS;IAChB,OAAO,CACL,6BACc,MAAM,EAClB,IAAI,EAAC,cAAc,EACnB,MAAM,EAAE,EAAE,EACV,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,YAET,eAAM,CAAC,EAAC,uOAAuO,GAAG,GAC9O,CACP,CAAC;AACJ,CAAC;AAED,mDAAmD;AACnD,SAAS,YAAY;IACnB,OAAO,CACL,8BAAiB,MAAM,EAAC,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,aAC/D,eACE,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,EAAE,EACV,EAAE,EAAE,GAAG,EACP,MAAM,EAAC,cAAc,EACrB,KAAK,EAAE,EAAE,EACT,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,GACJ,EACF,eAAM,IAAI,EAAC,cAAc,EAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,GAAI,EACzE,eACE,IAAI,EAAC,cAAc,EACnB,MAAM,EAAE,GAAG,EACX,EAAE,EAAE,GAAG,EACP,KAAK,EAAE,EAAE,EACT,CAAC,EAAE,GAAG,EACN,CAAC,EAAE,GAAG,GACN,IACE,CACP,CAAC;AACJ,CAAC;AAED,gFAAgF;AAChF,MAAM,UAAU,cAAc;IAC5B,OAAO,CACL,eAAK,SAAS,EAAC,cAAc,aAC3B,kCAAiB,EACjB,gBAAM,SAAS,EAAC,oBAAoB,aAClC,KAAC,aAAa,KAAG,EACjB,KAAC,SAAS,KAAG,EACb,KAAC,YAAY,KAAG,IACX,IACH,CACP,CAAC;AACJ,CAAC"}

package/dist/server/shell/tags.d.ts

@@ -0,0 +1,18 @@
+/**
+ * One tag as a control. The chip is pressed while the entered query names its
+ * tag, which the Browse client keeps in step with the search field.
+ */
+export declare function TagChip(props: {
+    tag: string;
+}): import("react").JSX.Element;
+/**
+ * The tag control at the trailing edge of the search field and the closed
+ * panel it drops under it, listing every tag the catalogue declares. The
+ * panel's chip row is a toolbar because the Browse client roves one tab stop
+ * across it; the details inspector's chips stay independent tab stops. A
+ * catalogue that declares no tags renders neither.
+ */
+export declare function SearchTagPicker(props: {
+    tags: readonly string[];
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=tags.d.ts.map

package/dist/server/shell/tags.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tags.d.ts","sourceRoot":"","sources":["../../../src/server/shell/tags.tsx"],"names":[],"mappings":"AAQA;;;GAGG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE;IAAE,GAAG,EAAE,MAAM,CAAA;CAAE,+BAY7C;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,SAAS,MAAM,EAAE,CAAA;CAAE,sCAgCjE"}

package/dist/server/shell/tags.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// The catalogue's tags as controls. One chip is rendered on two surfaces —
+// the details inspector's metadata row for the selected entry, and the picker
+// the search field drops for every tag the catalogue declares — so both read
+// and behave the same: the Browse client turns a chip into the matching
+// `tag:` search term and marks the chip that the entered query names.
+import { TagIcon } from "./icons.js";
+/**
+ * One tag as a control. The chip is pressed while the entered query names its
+ * tag, which the Browse client keeps in step with the search field.
+ */
+export function TagChip(props) {
+    return (_jsxs("button", { "aria-pressed": "false", className: "mbk-chip tag", "data-mokly-tag": props.tag, type: "button", children: [_jsx(TagIcon, { size: 11 }), props.tag] }));
+}
+/**
+ * The tag control at the trailing edge of the search field and the closed
+ * panel it drops under it, listing every tag the catalogue declares. The
+ * panel's chip row is a toolbar because the Browse client roves one tab stop
+ * across it; the details inspector's chips stay independent tab stops. A
+ * catalogue that declares no tags renders neither.
+ */
+export function SearchTagPicker(props) {
+    if (props.tags.length === 0) {
+        return null;
+    }
+    return (_jsxs(_Fragment, { children: [_jsx("button", { "aria-controls": "mb-tag-picker", "aria-expanded": "false", "aria-label": "Filter by tag", className: "mbk-search-tag", "data-mokly-tag-toggle": "", type: "button", children: _jsx(TagIcon, {}) }), _jsxs("div", { "aria-label": "Tags", className: "mbk-tag-picker", hidden: true, id: "mb-tag-picker", role: "group", children: [_jsx("div", { className: "mbk-tag-picker-head", children: "Tags" }), _jsx("span", { "aria-label": "Tag filters", className: "mbk-chips", role: "toolbar", children: props.tags.map((tag) => (_jsx(TagChip, { tag: tag }, tag))) })] })] }));
+}
+//# sourceMappingURL=tags.js.map

package/dist/server/shell/tags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tags.js","sourceRoot":"","sources":["../../../src/server/shell/tags.tsx"],"names":[],"mappings":";AAAA,2EAA2E;AAC3E,8EAA8E;AAC9E,6EAA6E;AAC7E,wEAAwE;AACxE,sEAAsE;AAEtE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC;;;GAGG;AACH,MAAM,UAAU,OAAO,CAAC,KAAsB;IAC5C,OAAO,CACL,kCACe,OAAO,EACpB,SAAS,EAAC,cAAc,oBACR,KAAK,CAAC,GAAG,EACzB,IAAI,EAAC,QAAQ,aAEb,KAAC,OAAO,IAAC,IAAI,EAAE,EAAE,GAAI,EACpB,KAAK,CAAC,GAAG,IACH,CACV,CAAC;AACJ,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,eAAe,CAAC,KAAkC;IAChE,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC5B,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,CACL,8BACE,kCACgB,eAAe,mBACf,OAAO,gBACV,eAAe,EAC1B,SAAS,EAAC,gBAAgB,2BACJ,EAAE,EACxB,IAAI,EAAC,QAAQ,YAEb,KAAC,OAAO,KAAG,GACJ,EACT,6BACa,MAAM,EACjB,SAAS,EAAC,gBAAgB,EAC1B,MAAM,QACN,EAAE,EAAC,eAAe,EAClB,IAAI,EAAC,OAAO,aAEZ,cAAK,SAAS,EAAC,qBAAqB,qBAAW,EAC/C,6BAAiB,aAAa,EAAC,SAAS,EAAC,WAAW,EAAC,IAAI,EAAC,SAAS,YAChE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACvB,KAAC,OAAO,IAAW,GAAG,EAAE,GAAG,IAAb,GAAG,CAAc,CAChC,CAAC,GACG,IACH,IACL,CACJ,CAAC;AACJ,CAAC"}

package/dist/server/shell/target.d.ts

@@ -0,0 +1,13 @@
+/** Resolved route targets shared by the served shell view modules. */
+import type { ManifestEntry, ManifestPage, ManifestScreen, ManifestUseCase } from "../../registry/types.js";
+import type { ManifestComponent } from "../../components/manifest_types.js";
+/** A routed structured entry: a screen or a use case, never a collection. */
+export type RoutedEntry = ManifestScreen | ManifestPage | ManifestUseCase | ManifestComponent;
+/** One resolved viewable destination: a screen, use case, or complete page. */
+export type RouteTarget = {
+    kind: "entry";
+    entry: RoutedEntry;
+};
+/** Classify a catalogue lookup result into a renderable route target. */
+export declare function toRouteTarget(value: ManifestEntry): RouteTarget | undefined;
+//# sourceMappingURL=target.d.ts.map

package/dist/server/shell/target.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"target.d.ts","sourceRoot":"","sources":["../../../src/server/shell/target.ts"],"names":[],"mappings":"AAAA,sEAAsE;AAEtE,OAAO,KAAK,EACV,aAAa,EACb,YAAY,EACZ,cAAc,EACd,eAAe,EAChB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAE5E,6EAA6E;AAC7E,MAAM,MAAM,WAAW,GACrB,cAAc,GAAG,YAAY,GAAG,eAAe,GAAG,iBAAiB,CAAC;AAEtE,+EAA+E;AAC/E,MAAM,MAAM,WAAW,GAAG;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,WAAW,CAAA;CAAE,CAAC;AAEhE,yEAAyE;AACzE,wBAAgB,aAAa,CAAC,KAAK,EAAE,aAAa,GAAG,WAAW,GAAG,SAAS,CAK3E"}

package/dist/server/shell/target.js

@@ -0,0 +1,9 @@
+/** Resolved route targets shared by the served shell view modules. */
+/** Classify a catalogue lookup result into a renderable route target. */
+export function toRouteTarget(value) {
+    if (value.kind !== "collection") {
+        return { kind: "entry", entry: value };
+    }
+    return undefined;
+}
+//# sourceMappingURL=target.js.map

package/dist/server/shell/target.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"target.js","sourceRoot":"","sources":["../../../src/server/shell/target.ts"],"names":[],"mappings":"AAAA,sEAAsE;AAiBtE,yEAAyE;AACzE,MAAM,UAAU,aAAa,CAAC,KAAoB;IAChD,IAAI,KAAK,CAAC,IAAI,KAAK,YAAY,EAAE,CAAC;QAChC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;IACzC,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC"}