@braidlabs/console 0.1.1

package/src/lib/client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.js","sourceRoot":"","sources":["../../../../../libs/braid-console/src/lib/client.ts"],"names":[],"mappings":"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"}

package/src/lib/draft.d.ts

@@ -0,0 +1,45 @@
+import type { FragmentManifest } from '@braidlabs/gateway';
+import { type RegistryDiff, type RegistryFinding } from '@braidlabs/registry';
+/**
+ * A draft registry, held in the browser.
+ *
+ * Drafts are deliberately **not** server state. Only published snapshots are, which keeps the
+ * write API to three routes and sidesteps multi-editor reconciliation entirely. The cost is that
+ * a draft does not follow you between devices — the right trade until someone actually needs that.
+ *
+ * Pure functions over plain data, so the interesting behavior is testable without rendering
+ * anything.
+ */
+export interface Draft {
+    /** The manifests being edited. */
+    manifests: FragmentManifest[];
+    /** What was pinned when this draft started, for diffing and for discarding. */
+    base: FragmentManifest[];
+    /** Snapshot id the draft was branched from, if any. */
+    baseId: string | null;
+}
+export declare function createDraft(base: readonly FragmentManifest[], baseId?: string | null): Draft;
+export interface DraftStatus {
+    findings: RegistryFinding[];
+    diff: RegistryDiff;
+    /** True when the draft has errors and cannot be published. */
+    blocked: boolean;
+    /** True when nothing has been changed. */
+    clean: boolean;
+}
+/**
+ * Everything the UI needs to decide what to show and whether to allow publishing.
+ *
+ * Runs the same `validateRegistry` the server runs. Doing it here is a convenience for whoever is
+ * typing, not a substitute: the server validates again, because a client check is advice and the
+ * server's is the decision.
+ */
+export declare function draftStatus(draft: Draft): DraftStatus;
+export declare function updateFragment(draft: Draft, index: number, patch: Partial<FragmentManifest>): Draft;
+export declare function addFragment(draft: Draft): Draft;
+export declare function removeFragment(draft: Draft, index: number): Draft;
+/** Discards every edit, returning to the snapshot the draft branched from. */
+export declare function resetDraft(draft: Draft): Draft;
+/** Parses a comma-separated input into a list, dropping blanks. */
+export declare function parseList(value: string): string[];
+export declare function formatList(value: readonly string[] | undefined): string;

package/src/lib/draft.js

@@ -0,0 +1,85 @@
+import { diffRegistries, validateRegistry } from '@braidlabs/registry';
+export function createDraft(base, baseId = null) {
+    return { manifests: clone(base), base: clone(base), baseId };
+}
+/**
+ * Everything the UI needs to decide what to show and whether to allow publishing.
+ *
+ * Runs the same `validateRegistry` the server runs. Doing it here is a convenience for whoever is
+ * typing, not a substitute: the server validates again, because a client check is advice and the
+ * server's is the decision.
+ */
+export function draftStatus(draft) {
+    const findings = validateRegistry(draft.manifests);
+    const diff = diffRegistries(draft.base, draft.manifests);
+    return {
+        findings,
+        diff,
+        blocked: findings.some((finding) => finding.severity === 'error'),
+        clean: diff.identical,
+    };
+}
+export function updateFragment(draft, index, patch) {
+    const manifests = draft.manifests.map((manifest, position) => position === index ? prune({ ...manifest, ...patch }) : manifest);
+    return { ...draft, manifests };
+}
+export function addFragment(draft) {
+    return {
+        ...draft,
+        manifests: [...draft.manifests, { id: uniqueId(draft.manifests), endpoint: '' }],
+    };
+}
+export function removeFragment(draft, index) {
+    return { ...draft, manifests: draft.manifests.filter((_, position) => position !== index) };
+}
+/** Discards every edit, returning to the snapshot the draft branched from. */
+export function resetDraft(draft) {
+    return createDraft(draft.base, draft.baseId);
+}
+/**
+ * Drops fields the editor cleared.
+ *
+ * An empty string is how a text input says "unset", and the difference matters: a manifest
+ * carrying `title: ''` is not the same as one that omits `title`, because an omitted field is what
+ * lets a fragment descriptor supply it.
+ */
+function prune(manifest) {
+    const result = { ...manifest };
+    for (const [field, value] of Object.entries(result)) {
+        const empty = value === undefined ||
+            value === '' ||
+            (Array.isArray(value) && value.length === 0) ||
+            (isPlainObject(value) && Object.keys(value).length === 0);
+        // id and endpoint stay even when blank, so validation can report them as the errors they are
+        if (empty && field !== 'id' && field !== 'endpoint')
+            delete result[field];
+    }
+    return result;
+}
+/** Parses a comma-separated input into a list, dropping blanks. */
+export function parseList(value) {
+    return value
+        .split(',')
+        .map((part) => part.trim())
+        .filter(Boolean);
+}
+export function formatList(value) {
+    return (value ?? []).join(', ');
+}
+function uniqueId(manifests) {
+    const taken = new Set(manifests.map((manifest) => manifest.id));
+    let candidate = 'new-fragment';
+    let suffix = 2;
+    while (taken.has(candidate))
+        candidate = `new-fragment-${suffix++}`;
+    return candidate;
+}
+function clone(manifests) {
+    // structuredClone would choke on a `fetch`-function endpoint, which a manifest may legitimately
+    // carry; those cannot be edited in a UI anyway, so they pass through by reference.
+    return manifests.map((manifest) => ({ ...manifest }));
+}
+function isPlainObject(value) {
+    return typeof value === 'object' && value !== null && !Array.isArray(value);
+}
+//# sourceMappingURL=draft.js.map

package/src/lib/draft.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draft.js","sourceRoot":"","sources":["../../../../../libs/braid-console/src/lib/draft.ts"],"names":[],"mappings":"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"}

package/src/lib/integration-panel.d.ts

@@ -0,0 +1,13 @@
+import type { DiscoveryEntry } from '@braidlabs/gateway';
+export interface IntegrationPanelProps {
+    entry: DiscoveryEntry;
+    onClose: () => void;
+}
+/**
+ * "How do I embed this?", answered next to the thing being embedded.
+ *
+ * A dialog rather than a row expansion: the snippet is the whole reason the reader is here, and a
+ * table that reflows every time someone asks this question loses the row they were comparing it
+ * against.
+ */
+export declare function IntegrationPanel({ entry, onClose }: IntegrationPanelProps): import("react").JSX.Element;

package/src/lib/integration-panel.js

@@ -0,0 +1,85 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { INTEGRATION_TARGETS, integrationSnippet, integrationWarnings, } from './integration.js';
+/**
+ * "How do I embed this?", answered next to the thing being embedded.
+ *
+ * A dialog rather than a row expansion: the snippet is the whole reason the reader is here, and a
+ * table that reflows every time someone asks this question loses the row they were comparing it
+ * against.
+ */
+export function IntegrationPanel({ entry, onClose }) {
+    const [target, setTarget] = useState('html');
+    const [copyState, setCopyState] = useState('idle');
+    const dialog = useRef(null);
+    const closeButton = useRef(null);
+    const code = useRef(null);
+    const snippet = integrationSnippet(entry, target);
+    const warnings = integrationWarnings(entry);
+    // Focus moves into the dialog on open, so a keyboard user is not left where the trigger was.
+    useEffect(() => {
+        closeButton.current?.focus();
+    }, []);
+    useEffect(() => {
+        const onKeyDown = (event) => {
+            if (event.key === 'Escape')
+                onClose();
+            if (event.key !== 'Tab' || !dialog.current)
+                return;
+            // A modal that lets focus wander behind it is a modal only for people using a mouse.
+            const focusable = dialog.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+            if (focusable.length === 0)
+                return;
+            const first = focusable[0];
+            const last = focusable[focusable.length - 1];
+            if (!event.shiftKey && document.activeElement === last) {
+                event.preventDefault();
+                first.focus();
+            }
+            else if (event.shiftKey && document.activeElement === first) {
+                event.preventDefault();
+                last.focus();
+            }
+        };
+        document.addEventListener('keydown', onKeyDown);
+        return () => document.removeEventListener('keydown', onKeyDown);
+    }, [onClose]);
+    /**
+     * Copies, and degrades usefully when it cannot.
+     *
+     * `navigator.clipboard` is unavailable on an insecure origin and can be refused by permission —
+     * and an internal console on plain HTTP is a completely ordinary deployment, not an edge case.
+     * A button that silently does nothing there is worse than no button, so the fallback selects the
+     * snippet and says to press the shortcut, which leaves the reader one keystroke from the same
+     * result.
+     */
+    async function copy() {
+        try {
+            if (!navigator.clipboard)
+                throw new Error('no clipboard api');
+            await navigator.clipboard.writeText(snippet.code);
+            setCopyState('copied');
+            setTimeout(() => setCopyState('idle'), 1600);
+        }
+        catch {
+            selectSnippet();
+            setCopyState('unavailable');
+        }
+    }
+    /** Puts the whole snippet in the selection, so the keyboard fallback is one keystroke. */
+    function selectSnippet() {
+        const node = code.current;
+        const selection = window.getSelection();
+        if (!node || !selection)
+            return;
+        const range = document.createRange();
+        range.selectNodeContents(node);
+        selection.removeAllRanges();
+        selection.addRange(range);
+    }
+    return (_jsx("div", { className: "braid-console__scrim", onClick: onClose, children: _jsxs("div", { className: "braid-console__dialog", role: "dialog", "aria-modal": "true", "aria-labelledby": "braid-integrate-title", ref: dialog, onClick: (event) => event.stopPropagation(), children: [_jsxs("div", { className: "braid-console__dialoghead", children: [_jsxs("h3", { className: "braid-console__dialogtitle", id: "braid-integrate-title", children: ["Embed ", _jsx("code", { children: entry.id })] }), _jsx("button", { type: "button", className: "braid-console__detailclose", onClick: onClose, "aria-label": "Close", ref: closeButton, children: "\u2715" })] }), warnings.map((warning) => (_jsxs("p", { className: "braid-console__notice", role: "status", children: [_jsx("span", { "aria-hidden": "true", children: "\u25C6" }), _jsx("span", { children: warning })] }, warning))), _jsx("div", { className: "braid-console__tabs", role: "tablist", "aria-label": "Framework", children: INTEGRATION_TARGETS.map(({ id, label }) => (_jsx("button", { type: "button", role: "tab", className: "braid-console__tab", "aria-selected": target === id, onClick: () => {
+                            setTarget(id);
+                            setCopyState('idle');
+                        }, children: label }, id))) }), _jsx("pre", { className: "braid-console__code", tabIndex: 0, ref: code, children: _jsx("code", { children: snippet.code }) }), _jsxs("div", { className: "braid-console__dialogfoot", children: [_jsx("button", { type: "button", className: "braid-console__primary", onClick: copy, children: copyState === 'copied' ? 'Copied' : 'Copy' }), _jsx("span", { className: "braid-console__hint", role: "status", children: copyState === 'unavailable' ? (_jsxs(_Fragment, { children: ["This browser will not let the page write to the clipboard \u2014 the snippet is selected, so press ", _jsx("kbd", { children: "\u2318C" }), " / ", _jsx("kbd", { children: "Ctrl+C" }), "."] })) : (_jsxs(_Fragment, { children: ["Needs ", _jsx("code", { children: "@braidlabs/core" }), " installed in the host, and this gateway in front of it."] })) })] })] }) }));
+}
+//# sourceMappingURL=integration-panel.js.map

package/src/lib/integration-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"integration-panel.js","sourceRoot":"","sources":["../../../../../libs/braid-console/src/lib/integration-panel.tsx"],"names":[],"mappings":"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"}

package/src/lib/integration.d.ts

@@ -0,0 +1,36 @@
+import type { DiscoveryEntry } from '@braidlabs/gateway';
+/**
+ * The code a host application needs to embed a registered fragment.
+ *
+ * **Generated from the manifest, not from a template someone keeps in sync by hand.** Everything
+ * that varies between fragments — whether it needs a `src`, whether it takes props, whether it
+ * emits events — is already in the discovery entry, and the reason to generate the snippet here
+ * rather than document it once is that the differences are exactly what a reader gets wrong.
+ * A widget embedded without its `src` renders an empty shell on every page, and that is a
+ * question answered by a field the console is already displaying.
+ *
+ * The snippets deliberately show the *whole* integration, one-time setup included. A snippet that
+ * shows only the markup produces a slot that never boots, and the person who copied it has no way
+ * to know which half they are missing.
+ */
+export type IntegrationTarget = 'html' | 'angular' | 'react';
+export interface IntegrationSnippet {
+    target: IntegrationTarget;
+    label: string;
+    language: string;
+    code: string;
+}
+export declare const INTEGRATION_TARGETS: {
+    id: IntegrationTarget;
+    label: string;
+}[];
+export declare function integrationSnippet(entry: DiscoveryEntry, target: IntegrationTarget): IntegrationSnippet;
+export declare function allIntegrationSnippets(entry: DiscoveryEntry): IntegrationSnippet[];
+/**
+ * What a reader needs to know before pasting, when there is anything.
+ *
+ * Only states that change what the host must *do*. "This fragment is gated" is worth a line
+ * because the slot will render nothing for a user who lacks the role, and someone debugging that
+ * without knowing it will go looking in the wrong place entirely.
+ */
+export declare function integrationWarnings(entry: DiscoveryEntry): string[];

package/src/lib/integration.js

@@ -0,0 +1,148 @@
+export const INTEGRATION_TARGETS = [
+    { id: 'html', label: 'HTML' },
+    { id: 'angular', label: 'Angular' },
+    { id: 'react', label: 'React' },
+];
+/** True when the fragment is a widget — no route of its own, so a host must say where to load it. */
+function isWidget(entry) {
+    return entry.bound === false;
+}
+/**
+ * The `src` a widget needs, or null.
+ *
+ * A widget whose manifest declares no `src` is a real configuration gap rather than something to
+ * paper over with a plausible-looking default: the gateway would ask the fragment's endpoint for
+ * the *host's* path, which means nothing to it. The snippet says so instead of guessing.
+ */
+function srcOf(entry) {
+    if (!isWidget(entry))
+        return null;
+    return entry.src ?? null;
+}
+function widgetNote(entry, comment) {
+    if (!isWidget(entry))
+        return [];
+    const src = srcOf(entry);
+    return src
+        ? [comment(`A widget: it has no route of its own, so "src" says where its content lives.`)]
+        : [
+            comment(`This widget declares no "src" in its manifest, so there is no path to put here.`),
+            comment(`Add one to the manifest — without it the endpoint is asked for the host's path.`),
+        ];
+}
+/** Custom-element fragments take props and emit events; that is the whole reason to show them. */
+function takesProps(entry) {
+    return entry.adapter === 'custom-element';
+}
+export function integrationSnippet(entry, target) {
+    switch (target) {
+        case 'html':
+            return { target, label: 'HTML', language: 'html', code: htmlSnippet(entry) };
+        case 'angular':
+            return { target, label: 'Angular', language: 'typescript', code: angularSnippet(entry) };
+        case 'react':
+            return { target, label: 'React', language: 'tsx', code: reactSnippet(entry) };
+    }
+}
+export function allIntegrationSnippets(entry) {
+    return INTEGRATION_TARGETS.map(({ id }) => integrationSnippet(entry, id));
+}
+const html = (text) => `<!-- ${text} -->`;
+const js = (text) => `// ${text}`;
+function htmlSnippet(entry) {
+    const src = srcOf(entry);
+    const notes = widgetNote(entry, html);
+    const slot = `<fragment-slot name="${entry.id}"${src ? ` src="${src}"` : ''}></fragment-slot>`;
+    // A custom-element fragment takes props, and in plain HTML there is no binding syntax to do it
+    // with — they are assigned as a DOM *property* so the value crosses the realm boundary as data
+    // rather than being stringified into an attribute.
+    const props = takesProps(entry)
+        ? [
+            ``,
+            js(`Props are a property, not an attribute — objects must cross as data.`),
+            `const slot = document.querySelector('fragment-slot[name="${entry.id}"]');`,
+            `slot.props = { };`,
+            `slot.addEventListener('braid:event', (event) => console.log(event.detail));`,
+        ]
+        : [];
+    return [
+        js(`Once, anywhere in the host's own bundle:`),
+        `import { initBraid } from '@braidlabs/core';`,
+        `initBraid();`,
+        ``,
+        ...notes,
+        slot,
+        ...props,
+    ].join('\n');
+}
+function angularSnippet(entry) {
+    const src = srcOf(entry);
+    const notes = widgetNote(entry, html);
+    const attributes = [`name="${entry.id}"`, ...(src ? [`src="${src}"`] : [])];
+    if (takesProps(entry))
+        attributes.push(`[props]="{ }"`, `(fragmentEvent)="onFragmentEvent($event)"`);
+    return [
+        js(`1. Once, in the application's providers:`),
+        `import { provideBraid } from '@braidlabs/angular';`,
+        ``,
+        `bootstrapApplication(App, { providers: [provideBraid()] });`,
+        ``,
+        js(`2. In the component that shows it:`),
+        `import { BraidFragment } from '@braidlabs/angular';`,
+        ``,
+        `@Component({`,
+        `  imports: [BraidFragment],`,
+        `  template: \``,
+        ...notes.map((note) => `    ${note}`),
+        `    <braid-fragment ${attributes.join(' ')} />`,
+        `  \`,`,
+        `})`,
+        `export class HostComponent {}`,
+    ].join('\n');
+}
+function reactSnippet(entry) {
+    const src = srcOf(entry);
+    const notes = widgetNote(entry, (text) => `{/* ${text} */}`);
+    const attributes = [`name="${entry.id}"`, ...(src ? [`src="${src}"`] : [])];
+    if (takesProps(entry))
+        attributes.push(`props={{}}`, `onFragmentEvent={(event) => console.log(event)}`);
+    return [
+        js(`1. Once, before anything renders:`),
+        `import { initBraidReact } from '@braidlabs/react';`,
+        `initBraidReact();`,
+        ``,
+        js(`2. Where it should appear:`),
+        `import { BraidFragment } from '@braidlabs/react';`,
+        ``,
+        `export function Host() {`,
+        `  return (`,
+        ...notes.map((note) => `    ${note}`),
+        `    <BraidFragment ${attributes.join(' ')} />`,
+        `  );`,
+        `}`,
+    ].join('\n');
+}
+/**
+ * What a reader needs to know before pasting, when there is anything.
+ *
+ * Only states that change what the host must *do*. "This fragment is gated" is worth a line
+ * because the slot will render nothing for a user who lacks the role, and someone debugging that
+ * without knowing it will go looking in the wrong place entirely.
+ */
+export function integrationWarnings(entry) {
+    const warnings = [];
+    if (!entry.loadable) {
+        warnings.push('You may list this fragment but not load it. The markup below is correct; the slot will stay empty until your principal is allowed to fetch it.');
+    }
+    if (isWidget(entry) && !entry.src) {
+        warnings.push('This widget declares no `src`, so no host can embed it correctly yet. Fix the manifest first.');
+    }
+    if (!isWidget(entry) && entry.pierce?.length) {
+        warnings.push(`This fragment renders the page's route. It is server-rendered into ${entry.pierce.join(', ')} — place the slot on one of those routes.`);
+    }
+    if (!isWidget(entry) && !entry.pierce?.length) {
+        warnings.push('This fragment renders the page\'s route but pierces no route patterns, so it will only ever boot on the client.');
+    }
+    return warnings;
+}
+//# sourceMappingURL=integration.js.map

package/src/lib/integration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"integration.js","sourceRoot":"","sources":["../../../../../libs/braid-console/src/lib/integration.ts"],"names":[],"mappings":"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"}

package/src/lib/registry-console.d.ts

@@ -0,0 +1,46 @@
+import type { DiscoveryEntry } from '@braidlabs/gateway';
+import { type ConsoleApi, type RegistryListing } from './client.js';
+export interface RegistryConsoleProps {
+    /** How to reach the gateway. Defaults to this origin's `/__braid/registry`. */
+    api?: ConsoleApi;
+    /**
+     * Force a theme. Omit to follow the viewer's OS setting — which is right for a standalone
+     * deployment and usually wrong inside an admin shell that has already made the choice.
+     */
+    theme?: 'light' | 'dark';
+    /** Extra class on the root, for hosts that want to size or position it. */
+    className?: string;
+    /** Called whenever a listing loads, for hosts that want their own chrome (counts, timestamps). */
+    onLoaded?: (listing: RegistryListing) => void;
+    /**
+     * Hide the title bar, for a host that already renders its own page heading.
+     *
+     * Defaults to showing it, because the standalone deployment is a whole page and a page with no
+     * title is disorienting. An admin shell embedding this usually has a heading already, and two
+     * competing ones read as a bug.
+     */
+    chrome?: boolean;
+    /**
+     * Which panel to show, when the host wants to own the tab strip.
+     *
+     * Uncontrolled by default — the console renders its own tabs, which is what a library embedder
+     * dropping it into a page wants. A host that has its own chrome (or that deep-links views into
+     * its router) passes this and renders the switcher itself, rather than ending up with two rows
+     * of tabs disagreeing about which one is selected.
+     */
+    view?: ConsoleView;
+}
+export type ConsoleView = 'fragments' | 'topology';
+/**
+ * A read-only view of what a gateway has registered.
+ *
+ * **Needs nothing deployed.** It reads the discovery endpoint the gateway already serves, so it
+ * works against a gateway whose manifests are defined in code — which is every gateway today. No
+ * snapshot store, no write API.
+ *
+ * What it deliberately does not do: own the URL, own a session, or style anything outside itself.
+ * See `styles.ts` for the second, and `ConsoleApi` for the first two.
+ */
+export declare function RegistryConsole({ api, theme, className, onLoaded, chrome, view }: RegistryConsoleProps): import("react").JSX.Element;
+/** Matches across everything visible in a row, so the filter finds what the eye can see. */
+export declare function filterEntries(entries: readonly DiscoveryEntry[], query: string): DiscoveryEntry[];

package/src/lib/registry-console.js

@@ -0,0 +1,88 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { fetchRegistry } from './client.js';
+import { ensureStyles } from './styles.js';
+import { buildTopology } from './topology.js';
+import { TopologyGraph } from './topology-graph.js';
+import { IntegrationPanel } from './integration-panel.js';
+/**
+ * A read-only view of what a gateway has registered.
+ *
+ * **Needs nothing deployed.** It reads the discovery endpoint the gateway already serves, so it
+ * works against a gateway whose manifests are defined in code — which is every gateway today. No
+ * snapshot store, no write API.
+ *
+ * What it deliberately does not do: own the URL, own a session, or style anything outside itself.
+ * See `styles.ts` for the second, and `ConsoleApi` for the first two.
+ */
+export function RegistryConsole({ api, theme, className, onLoaded, chrome = true, view }) {
+    const [state, setState] = useState({ status: 'loading' });
+    const [query, setQuery] = useState('');
+    const [ownTab, setOwnTab] = useState('fragments');
+    const tab = view ?? ownTab;
+    const [reloadToken, setReloadToken] = useState(0);
+    /** The fragment whose embed snippet is open, if any. */
+    const [embedding, setEmbedding] = useState(null);
+    // The api object is usually an inline literal, so a new identity every render. Depending on it
+    // directly would refetch forever; these fields are what actually determine the request.
+    const apiKey = `${api?.baseUrl ?? ''}|${api?.discoveryPath ?? ''}`;
+    useEffect(() => {
+        ensureStyles();
+    }, []);
+    useEffect(() => {
+        const controller = new AbortController();
+        let current = true;
+        setState({ status: 'loading' });
+        fetchRegistry(api, controller.signal).then((listing) => {
+            if (!current)
+                return;
+            setState({ status: 'ready', listing });
+            onLoaded?.(listing);
+        }, (error) => {
+            if (!current || controller.signal.aborted)
+                return;
+            setState({ status: 'error', error: error instanceof Error ? error : new Error(String(error)) });
+        });
+        return () => {
+            current = false;
+            controller.abort();
+        };
+        // Deliberately not exhaustive: `apiKey` stands in for the api object (see above), and
+        // `onLoaded` is a notification — depending on it would retrigger the fetch that produced it.
+    }, [apiKey, reloadToken]);
+    const entries = state.status === 'ready' ? state.listing.entries : [];
+    const visible = useMemo(() => filterEntries(entries, query), [entries, query]);
+    // The graph reads the *filtered* set, so the search box narrows both views the same way. A graph
+    // that ignored the filter would contradict the table sitting one tab away from it.
+    const topology = useMemo(() => buildTopology(visible), [visible]);
+    const reload = useCallback(() => setReloadToken((token) => token + 1), []);
+    return (_jsx("div", { className: `braid-console${className ? ` ${className}` : ''}`, ...(theme ? { 'data-theme': theme } : {}), children: state.status === 'error' ? (_jsx(ErrorPanel, { error: state.error, onRetry: reload })) : (_jsxs("div", { className: "braid-console__shell", children: [chrome && (_jsxs("div", { className: "braid-console__titlebar", children: [_jsx("h2", { className: "braid-console__producttitle", children: "Fragment registry" }), _jsxs("span", { className: "braid-console__breadcrumb", children: [_jsx("span", { "aria-hidden": "true", children: "\u00B7" }), _jsx("code", { children: api?.baseUrl || 'this origin' }), state.status === 'ready' && _jsxs("span", { children: ["protocol ", state.listing.protocolVersion] })] })] })), _jsxs("div", { className: "braid-console__commandbar", children: [view === undefined && (_jsxs("div", { className: "braid-console__tabs", role: "tablist", "aria-label": "Registry views", children: [_jsxs("button", { type: "button", role: "tab", className: "braid-console__tab", "aria-selected": tab === 'fragments', onClick: () => setOwnTab('fragments'), children: ["Fragments", _jsx("span", { className: "braid-console__tabcount", children: visible.length })] }), _jsxs("button", { type: "button", role: "tab", className: "braid-console__tab", "aria-selected": tab === 'topology', onClick: () => setOwnTab('topology'), children: ["Topology", _jsx("span", { className: "braid-console__tabcount", children: topology.routes.length })] })] })), _jsx("span", { className: "braid-console__spacer" }), _jsxs("button", { type: "button", className: "braid-console__command", onClick: reload, disabled: state.status === 'loading', children: [_jsx("span", { className: "braid-console__commandicon", "aria-hidden": "true", children: "\u27F3" }), state.status === 'loading' ? 'Refreshing…' : 'Refresh'] }), _jsx("span", { className: "braid-console__commandsep", "aria-hidden": "true" }), _jsx("input", { className: "braid-console__search", type: "search", value: query, placeholder: "Filter by id, title, tag, route", "aria-label": "Filter fragments", onChange: (event) => setQuery(event.target.value) })] }), state.status === 'ready' && _jsx(StatStrip, { listing: state.listing, entries: visible, topology: topology }), state.status === 'ready' && state.listing.unfiltered && (_jsxs("p", { className: "braid-console__notice", role: "status", children: [_jsx("span", { "aria-hidden": "true", children: "\u25C6" }), _jsxs("span", { children: ["This gateway is in ", _jsx("strong", { children: "development mode" }), ", so the listing skips access filtering and may include endpoints. A production gateway shows only what the caller may list."] })] })), state.status === 'loading' ? (_jsx("p", { className: "braid-console__empty", children: "Loading the registry\u2026" })) : visible.length === 0 ? (_jsx("p", { className: "braid-console__empty", children: entries.length === 0 ? 'No fragments are registered.' : `Nothing matches “${query}”.` })) : tab === 'fragments' ? (_jsx(FragmentTable, { entries: visible, onEmbed: setEmbedding })) : (_jsx(TopologyGraph, { entries: visible, onEmbed: setEmbedding })), embedding && _jsx(IntegrationPanel, { entry: embedding, onClose: () => setEmbedding(null) })] })) }));
+}
+/**
+ * The four numbers worth reading before scrolling.
+ *
+ * "Shared routes" earns its place over a prettier metric because it is the only one that can be
+ * wrong: it counts pages where two fragments compose, which is either the design or the overlap
+ * bug, and an operator who does not know which should be looking.
+ */
+function StatStrip({ listing, entries, topology, }) {
+    const shared = topology.routes.filter((route) => route.shared).length;
+    const gated = entries.filter((entry) => !entry.loadable).length;
+    return (_jsxs("div", { className: "braid-console__stats", children: [_jsxs("div", { className: "braid-console__stat", children: [_jsx("span", { className: "braid-console__statvalue", children: listing.total }), _jsx("span", { className: "braid-console__statlabel", children: "Fragments registered" })] }), _jsxs("div", { className: "braid-console__stat", children: [_jsx("span", { className: "braid-console__statvalue", children: topology.routes.length }), _jsx("span", { className: "braid-console__statlabel", children: "Route patterns" })] }), _jsxs("div", { className: `braid-console__stat${shared > 0 ? ' braid-console__stat--warn' : ''}`, children: [_jsx("span", { className: "braid-console__statvalue", children: shared }), _jsx("span", { className: "braid-console__statlabel", children: "Shared routes" })] }), _jsxs("div", { className: "braid-console__stat", children: [_jsx("span", { className: "braid-console__statvalue", children: gated }), _jsx("span", { className: "braid-console__statlabel", children: "Gated for you" })] })] }));
+}
+function FragmentTable({ entries, onEmbed }) {
+    return (_jsxs("table", { className: "braid-console__table", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { scope: "col", children: "Fragment" }), _jsx("th", { scope: "col", children: "Adapter" }), _jsx("th", { scope: "col", children: "Pierces" }), _jsx("th", { scope: "col", children: "Mount" }), _jsx("th", { scope: "col", children: "Access" }), _jsx("th", { scope: "col", children: _jsx("span", { className: "braid-console__sronly", children: "Actions" }) })] }) }), _jsx("tbody", { children: entries.map((entry) => (_jsxs("tr", { children: [_jsxs("td", { children: [_jsx("div", { className: "braid-console__id", children: entry.id }), entry.title !== entry.id && _jsx("div", { className: "braid-console__desc", children: entry.title }), entry.description && _jsx("div", { className: "braid-console__desc", children: entry.description }), entry.tags?.map((tag) => (_jsx("span", { className: "braid-console__tag", children: tag }, tag)))] }), _jsx("td", { className: "braid-console__mono", children: entry.adapter }), _jsx("td", { children: _jsx("div", { className: "braid-console__patterns", children: entry.pierce?.length ? (entry.pierce.map((pattern) => (_jsx("span", { className: "braid-console__mono", children: pattern }, pattern)))) : (_jsx("span", { className: "braid-console__mono", children: "\u2014" })) }) }), _jsx("td", { className: "braid-console__mono", children: entry.mount }), _jsx("td", { children: _jsx("span", { className: `braid-console__badge braid-console__badge--${entry.loadable ? 'loadable' : 'gated'}`, title: entry.loadable ? 'You may load this fragment' : 'Listed, but you may not load it', children: entry.loadable ? 'loadable' : 'gated' }) }), _jsx("td", { children: _jsx("button", { type: "button", className: "braid-console__ghost", onClick: () => onEmbed(entry), "aria-label": `Show code to embed ${entry.id}`, children: "Embed" }) })] }, entry.id))) })] }));
+}
+function ErrorPanel({ error, onRetry }) {
+    return (_jsxs("div", { className: "braid-console__error", role: "alert", children: [_jsx("h3", { children: "Could not read the registry" }), _jsx("p", { children: error.message }), _jsx("button", { className: "braid-console__retry", type: "button", onClick: onRetry, children: "Try again" })] }));
+}
+/** Matches across everything visible in a row, so the filter finds what the eye can see. */
+export function filterEntries(entries, query) {
+    const needle = query.trim().toLowerCase();
+    if (!needle)
+        return [...entries];
+    return entries.filter((entry) => [entry.id, entry.title, entry.description, entry.adapter, ...(entry.tags ?? []), ...(entry.pierce ?? [])]
+        .filter(Boolean)
+        .some((field) => String(field).toLowerCase().includes(needle)));
+}
+//# sourceMappingURL=registry-console.js.map

package/src/lib/registry-console.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry-console.js","sourceRoot":"","sources":["../../../../../libs/braid-console/src/lib/registry-console.tsx"],"names":[],"mappings":"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"}