@party-stack/ontology-devtools 0.6.1 → 0.7.0

package/lib/PanelBoundary.js

@@ -0,0 +1,67 @@
+import styles_default from "./styles.js";
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext, useLayoutEffect, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+//#region src/PanelBoundary.tsx
+const PanelPortal = createContext(null);
+const usePanelPortal = () => useContext(PanelPortal);
+/** Keep panel and overlay styles private, while overlays can escape the shell's clipping. */
+function PanelBoundary({ children, theme }) {
+	const host = useRef(null);
+	const overlayElement = useRef(null);
+	const [roots, setRoots] = useState();
+	useLayoutEffect(() => {
+		const element = host.current;
+		const document = element.ownerDocument;
+		const panel = element.shadowRoot ?? element.attachShadow({ mode: "open" });
+		const panelStyle = document.createElement("style");
+		panelStyle.textContent = styles_default;
+		panel.append(panelStyle);
+		const overlayHost = document.createElement("div");
+		overlayHost.dataset.psDevtools = "overlays";
+		overlayHost.style.cssText = "all: initial; display: contents;";
+		const overlayRoot = overlayHost.attachShadow({ mode: "open" });
+		const overlayStyle = document.createElement("style");
+		overlayStyle.textContent = styles_default;
+		const overlays = document.createElement("div");
+		overlays.style.cssText = "all: initial; display: contents; font: 13px/1.5 Inter, ui-sans-serif, system-ui, sans-serif;";
+		overlayRoot.append(overlayStyle, overlays);
+		document.body.append(overlayHost);
+		overlayElement.current = overlays;
+		setRoots({
+			panel,
+			overlays
+		});
+		return () => {
+			panelStyle.remove();
+			overlayHost.remove();
+			overlayElement.current = null;
+		};
+	}, []);
+	useLayoutEffect(() => {
+		const overlays = overlayElement.current;
+		if (!overlays) return;
+		overlays.className = `ps-devtools ps-theme-${theme}`;
+		overlays.style.colorScheme = theme;
+	}, [roots, theme]);
+	return /* @__PURE__ */ jsx("div", {
+		"data-ps-devtools": "panel",
+		ref: host,
+		style: {
+			all: "initial",
+			display: "block",
+			width: "100%",
+			height: "100%",
+			minHeight: 0,
+			colorScheme: theme
+		},
+		children: roots && createPortal(/* @__PURE__ */ jsx(PanelPortal.Provider, {
+			value: roots.overlays,
+			children
+		}), roots.panel)
+	});
+}
+//#endregion
+export { PanelBoundary, usePanelPortal };
+
+//# sourceMappingURL=PanelBoundary.js.map

package/lib/PanelBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelBoundary.js","names":["styles"],"sources":["../src/PanelBoundary.tsx"],"sourcesContent":["import { createContext, useContext, useLayoutEffect, useRef, useState, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport styles from \"./styles.css?inline\";\n\nconst PanelPortal = createContext<HTMLElement | null>(null);\nexport const usePanelPortal = () => useContext(PanelPortal);\n\ninterface Roots {\n    panel: ShadowRoot;\n    overlays: HTMLElement;\n}\n\n/** Keep panel and overlay styles private, while overlays can escape the shell's clipping. */\nexport function PanelBoundary({ children, theme }: { children: ReactNode; theme: \"light\" | \"dark\" }) {\n    const host = useRef<HTMLDivElement>(null);\n    const overlayElement = useRef<HTMLElement | null>(null);\n    const [roots, setRoots] = useState<Roots>();\n    useLayoutEffect(() => {\n        const element = host.current!;\n        const document = element.ownerDocument;\n        const panel = element.shadowRoot ?? element.attachShadow({ mode: \"open\" });\n        const panelStyle = document.createElement(\"style\");\n        panelStyle.textContent = styles;\n        panel.append(panelStyle);\n\n        const overlayHost = document.createElement(\"div\");\n        overlayHost.dataset.psDevtools = \"overlays\";\n        overlayHost.style.cssText = \"all: initial; display: contents;\";\n        const overlayRoot = overlayHost.attachShadow({ mode: \"open\" });\n        const overlayStyle = document.createElement(\"style\");\n        overlayStyle.textContent = styles;\n        const overlays = document.createElement(\"div\");\n        overlays.style.cssText =\n            \"all: initial; display: contents; font: 13px/1.5 Inter, ui-sans-serif, system-ui, sans-serif;\";\n        overlayRoot.append(overlayStyle, overlays);\n        document.body.append(overlayHost);\n        overlayElement.current = overlays;\n        setRoots({ panel, overlays });\n        return () => {\n            panelStyle.remove();\n            overlayHost.remove();\n            overlayElement.current = null;\n        };\n    }, []);\n    useLayoutEffect(() => {\n        const overlays = overlayElement.current;\n        if (!overlays) return;\n        overlays.className = `ps-devtools ps-theme-${theme}`;\n        overlays.style.colorScheme = theme;\n    }, [roots, theme]);\n    return (\n        <div\n            data-ps-devtools=\"panel\"\n            ref={host}\n            style={{\n                all: \"initial\",\n                display: \"block\",\n                width: \"100%\",\n                height: \"100%\",\n                minHeight: 0,\n                colorScheme: theme,\n            }}\n        >\n            {roots &&\n                createPortal(\n                    <PanelPortal.Provider value={roots.overlays}>{children}</PanelPortal.Provider>,\n                    roots.panel\n                )}\n        </div>\n    );\n}\n"],"mappings":";;;;;AAIA,MAAM,cAAc,cAAkC,IAAI;AAC1D,MAAa,uBAAuB,WAAW,WAAW;;AAQ1D,SAAgB,cAAc,EAAE,UAAU,SAA2D;CACjG,MAAM,OAAO,OAAuB,IAAI;CACxC,MAAM,iBAAiB,OAA2B,IAAI;CACtD,MAAM,CAAC,OAAO,YAAY,SAAgB;CAC1C,sBAAsB;EAClB,MAAM,UAAU,KAAK;EACrB,MAAM,WAAW,QAAQ;EACzB,MAAM,QAAQ,QAAQ,cAAc,QAAQ,aAAa,EAAE,MAAM,OAAO,CAAC;EACzE,MAAM,aAAa,SAAS,cAAc,OAAO;EACjD,WAAW,cAAcA;EACzB,MAAM,OAAO,UAAU;EAEvB,MAAM,cAAc,SAAS,cAAc,KAAK;EAChD,YAAY,QAAQ,aAAa;EACjC,YAAY,MAAM,UAAU;EAC5B,MAAM,cAAc,YAAY,aAAa,EAAE,MAAM,OAAO,CAAC;EAC7D,MAAM,eAAe,SAAS,cAAc,OAAO;EACnD,aAAa,cAAcA;EAC3B,MAAM,WAAW,SAAS,cAAc,KAAK;EAC7C,SAAS,MAAM,UACX;EACJ,YAAY,OAAO,cAAc,QAAQ;EACzC,SAAS,KAAK,OAAO,WAAW;EAChC,eAAe,UAAU;EACzB,SAAS;GAAE;GAAO;EAAS,CAAC;EAC5B,aAAa;GACT,WAAW,OAAO;GAClB,YAAY,OAAO;GACnB,eAAe,UAAU;EAC7B;CACJ,GAAG,CAAC,CAAC;CACL,sBAAsB;EAClB,MAAM,WAAW,eAAe;EAChC,IAAI,CAAC,UAAU;EACf,SAAS,YAAY,wBAAwB;EAC7C,SAAS,MAAM,cAAc;CACjC,GAAG,CAAC,OAAO,KAAK,CAAC;CACjB,OACI,oBAAC,OAAD;EACI,oBAAiB;EACjB,KAAK;EACL,OAAO;GACH,KAAK;GACL,SAAS;GACT,OAAO;GACP,QAAQ;GACR,WAAW;GACX,aAAa;EACjB;EAEC,UAAA,SACG,aACI,oBAAC,YAAY,UAAb;GAAsB,OAAO,MAAM;GAAW;EAA+B,CAAA,GAC7E,MAAM,KACV;CACH,CAAA;AAEb"}

package/lib/Pinned.d.ts

@@ -0,0 +1,14 @@
+import { LiveOntology, OntologyIR, PinStatus } from "@party-stack/ontology";
+//#region src/Pinned.d.ts
+export declare function Pinned({ ontology }: {
+  ontology: LiveOntology;
+}): import("react").JSX.Element;
+export declare function PinnedContent({ ir, status, loading, error, title }: {
+  ir: OntologyIR;
+  status?: PinStatus;
+  loading?: boolean;
+  error?: unknown;
+  title?: string;
+}): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=Pinned.d.ts.map

package/lib/Pinned.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pinned.d.ts","names":[],"sources":["../src/Pinned.tsx"],"mappings":";;wBASgB,SAAS;EAAc,UAAU;oBAAc,IAAA;wBAgE/C,gBACZ,IACA,QACA,SACA,OACA;EAEA,IAAI;EACJ,SAAS;EACT;EACA;EACA;oBACH,IAAA"}

package/lib/Pinned.js

@@ -0,0 +1,142 @@
+import { DisclosureSummary } from "./DisclosureSummary.js";
+import { QueryDocumentView, QueryExpression } from "./QueryView.js";
+import { PinnedFamily, groupPinDownloads } from "./PinnedFamily.js";
+import { CircleAlert, CircleCheck, LoaderCircle, Paperclip, Pin } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Suspense, useEffect, useState } from "react";
+import { useLiveSuspenseQuery } from "@tanstack/react-db";
+import { PartyStackLogomark } from "@party-stack/design-system/brand";
+//#region src/Pinned.tsx
+function Pinned({ ontology }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "ps-pinned-inventory",
+		children: /* @__PURE__ */ jsx(Suspense, {
+			fallback: /* @__PURE__ */ jsx(PinnedContent, {
+				ir: ontology.ir,
+				loading: true
+			}),
+			children: /* @__PURE__ */ jsx(PinInventory, { ontology })
+		})
+	});
+}
+function PinInventory({ ontology }) {
+	const { pins } = ontology;
+	const { data: downloads } = useLiveSuspenseQuery((q) => q.from({ pin: pins.collection }).orderBy(({ pin }) => pin.name, "asc").orderBy(({ pin }) => pin.id, "asc"));
+	const [snapshot, setSnapshot] = useState();
+	useEffect(() => {
+		let active = true;
+		let unsubscribe = () => {};
+		const onError = (error) => {
+			if (active) setSnapshot({
+				pins,
+				error
+			});
+		};
+		try {
+			unsubscribe = pins.subscribe((status) => {
+				if (active) setSnapshot({
+					pins,
+					status
+				});
+			}, onError);
+		} catch (error) {
+			onError(error);
+		}
+		return () => {
+			active = false;
+			unsubscribe();
+		};
+	}, [pins]);
+	const current = snapshot?.pins === pins ? snapshot : void 0;
+	if (!downloads.length) return /* @__PURE__ */ jsx(PinnedContent, {
+		ir: ontology.ir,
+		status: current?.status,
+		loading: !current,
+		error: current?.error
+	});
+	return /* @__PURE__ */ jsxs(Fragment, { children: [groupPinDownloads(downloads).map((family) => /* @__PURE__ */ jsx(PinnedFamily, {
+		family,
+		ir: ontology.ir,
+		remove: ontology.pins.remove
+	}, family.name)), current?.status && /* @__PURE__ */ jsx(PinnedContent, {
+		ir: ontology.ir,
+		status: current.status,
+		title: "Legacy application download"
+	})] });
+}
+function PinnedContent({ ir, status, loading = false, error, title = "Pinned graph" }) {
+	if (loading) return /* @__PURE__ */ jsx("div", {
+		className: "ps-pinned-empty",
+		children: /* @__PURE__ */ jsx("output", {
+			"aria-label": "Reading pinned graph",
+			children: /* @__PURE__ */ jsx("span", {
+				className: "ps-pinned-logo",
+				children: /* @__PURE__ */ jsx(PartyStackLogomark, {})
+			})
+		})
+	});
+	const failure = error instanceof Error ? error.message : typeof error === "string" ? error : error ? "Could not read the pinned graph." : status?.error?.message;
+	if (!status) return /* @__PURE__ */ jsxs("div", {
+		className: "ps-pinned-empty",
+		children: [/* @__PURE__ */ jsx(Pin, {
+			size: 24,
+			"aria-hidden": true
+		}), /* @__PURE__ */ jsx("p", {
+			role: failure ? "alert" : void 0,
+			children: failure ?? "No pinned graph."
+		})]
+	});
+	const state = failure ? "error" : status.ready ? "ready" : "loading";
+	const Icon = failure ? CircleAlert : status.ready ? CircleCheck : LoaderCircle;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "ps-diagnostics-screen ps-pinned-screen",
+		"aria-label": "Pinned inspector",
+		children: [
+			/* @__PURE__ */ jsx("header", {
+				className: "ps-pinned-header",
+				children: /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h2", { children: title }), /* @__PURE__ */ jsxs("div", {
+					className: "ps-pinned-meta",
+					children: [/* @__PURE__ */ jsxs("output", {
+						className: "ps-pinned-status",
+						"data-state": state,
+						children: [/* @__PURE__ */ jsx(Icon, {
+							size: 15,
+							"aria-hidden": true
+						}), failure ? "Download interrupted" : status.ready ? "Available offline" : "Loading pinned graph…"]
+					}), /* @__PURE__ */ jsxs("span", {
+						className: "ps-pinned-attachments",
+						children: [/* @__PURE__ */ jsx(Paperclip, {
+							size: 14,
+							"aria-hidden": true
+						}), status.attachments === "all" ? "Includes attachment bytes" : "Objects only"]
+					})]
+				})] })
+			}),
+			failure && /* @__PURE__ */ jsx("p", {
+				className: "ps-replication-error",
+				role: "alert",
+				children: failure
+			}),
+			status.previousGraphRetained && /* @__PURE__ */ jsx("p", {
+				className: "ps-pinned-retained",
+				children: "The previous graph is retained until this replacement is ready."
+			}),
+			status.inputs && Object.keys(status.inputs).length > 0 && /* @__PURE__ */ jsxs("details", {
+				className: "ps-pinned-inputs",
+				children: [/* @__PURE__ */ jsx(DisclosureSummary, { children: "Inputs" }), /* @__PURE__ */ jsx(QueryExpression, { expression: {
+					kind: "literal",
+					value: { value: status.inputs }
+				} })]
+			}),
+			/* @__PURE__ */ jsx(QueryDocumentView, {
+				query: status.query,
+				ir,
+				showFields: false
+			})
+		]
+	});
+}
+//#endregion
+export { Pinned, PinnedContent };
+
+//# sourceMappingURL=Pinned.js.map

package/lib/Pinned.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pinned.js","names":[],"sources":["../src/Pinned.tsx"],"sourcesContent":["import { PartyStackLogomark } from \"@party-stack/design-system/brand\";\nimport { useLiveSuspenseQuery } from \"@tanstack/react-db\";\nimport { CircleAlert, CircleCheck, LoaderCircle, Paperclip, Pin } from \"lucide-react\";\nimport { Suspense, useEffect, useState } from \"react\";\nimport { DisclosureSummary } from \"./DisclosureSummary.js\";\nimport { PinnedFamily, groupPinDownloads } from \"./PinnedFamily.js\";\nimport { QueryDocumentView, QueryExpression } from \"./QueryView.js\";\nimport type { LiveOntology, OntologyIR, PinStatus } from \"@party-stack/ontology\";\n\nexport function Pinned({ ontology }: { ontology: LiveOntology }) {\n    return (\n        <div className=\"ps-pinned-inventory\">\n            <Suspense fallback={<PinnedContent ir={ontology.ir} loading />}>\n                <PinInventory ontology={ontology} />\n            </Suspense>\n        </div>\n    );\n}\n\nfunction PinInventory({ ontology }: { ontology: LiveOntology }) {\n    const { pins } = ontology;\n    const { data: downloads } = useLiveSuspenseQuery((q) =>\n        q\n            .from({ pin: pins.collection })\n            .orderBy(({ pin }) => pin.name, \"asc\")\n            .orderBy(({ pin }) => pin.id, \"asc\")\n    );\n    const [snapshot, setSnapshot] = useState<{ pins: typeof pins; status?: PinStatus; error?: unknown }>();\n    useEffect(() => {\n        let active = true;\n        let unsubscribe = () => {};\n        const onError = (error: unknown) => {\n            if (active) setSnapshot({ pins, error });\n        };\n        try {\n            unsubscribe = pins.subscribe((status) => {\n                if (active) setSnapshot({ pins, status });\n            }, onError);\n        } catch (error) {\n            onError(error);\n        }\n        return () => {\n            active = false;\n            unsubscribe();\n        };\n    }, [pins]);\n    const current = snapshot?.pins === pins ? snapshot : undefined;\n    if (!downloads.length)\n        return (\n            <PinnedContent\n                ir={ontology.ir}\n                status={current?.status}\n                loading={!current}\n                error={current?.error}\n            />\n        );\n    return (\n        <>\n            {groupPinDownloads(downloads).map((family) => (\n                <PinnedFamily\n                    key={family.name}\n                    family={family}\n                    ir={ontology.ir}\n                    remove={ontology.pins.remove}\n                />\n            ))}\n            {current?.status && (\n                <PinnedContent ir={ontology.ir} status={current.status} title=\"Legacy application download\" />\n            )}\n        </>\n    );\n}\n\nexport function PinnedContent({\n    ir,\n    status,\n    loading = false,\n    error,\n    title = \"Pinned graph\",\n}: {\n    ir: OntologyIR;\n    status?: PinStatus;\n    loading?: boolean;\n    error?: unknown;\n    title?: string;\n}) {\n    if (loading)\n        return (\n            <div className=\"ps-pinned-empty\">\n                <output aria-label=\"Reading pinned graph\">\n                    <span className=\"ps-pinned-logo\">\n                        <PartyStackLogomark />\n                    </span>\n                </output>\n            </div>\n        );\n    const failure =\n        error instanceof Error\n            ? error.message\n            : typeof error === \"string\"\n              ? error\n              : error\n                ? \"Could not read the pinned graph.\"\n                : status?.error?.message;\n    if (!status)\n        return (\n            <div className=\"ps-pinned-empty\">\n                <Pin size={24} aria-hidden />\n                <p role={failure ? \"alert\" : undefined}>{failure ?? \"No pinned graph.\"}</p>\n            </div>\n        );\n    const state = failure ? \"error\" : status.ready ? \"ready\" : \"loading\";\n    const Icon = failure ? CircleAlert : status.ready ? CircleCheck : LoaderCircle;\n    return (\n        <div className=\"ps-diagnostics-screen ps-pinned-screen\" aria-label=\"Pinned inspector\">\n            <header className=\"ps-pinned-header\">\n                <div>\n                    <h2>{title}</h2>\n                    <div className=\"ps-pinned-meta\">\n                        <output className=\"ps-pinned-status\" data-state={state}>\n                            <Icon size={15} aria-hidden />\n                            {failure\n                                ? \"Download interrupted\"\n                                : status.ready\n                                  ? \"Available offline\"\n                                  : \"Loading pinned graph…\"}\n                        </output>\n                        <span className=\"ps-pinned-attachments\">\n                            <Paperclip size={14} aria-hidden />\n                            {status.attachments === \"all\" ? \"Includes attachment bytes\" : \"Objects only\"}\n                        </span>\n                    </div>\n                </div>\n            </header>\n            {failure && (\n                <p className=\"ps-replication-error\" role=\"alert\">\n                    {failure}\n                </p>\n            )}\n            {status.previousGraphRetained && (\n                <p className=\"ps-pinned-retained\">\n                    The previous graph is retained until this replacement is ready.\n                </p>\n            )}\n            {status.inputs && Object.keys(status.inputs).length > 0 && (\n                <details className=\"ps-pinned-inputs\">\n                    <DisclosureSummary>Inputs</DisclosureSummary>\n                    <QueryExpression expression={{ kind: \"literal\", value: { value: status.inputs } }} />\n                </details>\n            )}\n            <QueryDocumentView query={status.query} ir={ir} showFields={false} />\n        </div>\n    );\n}\n"],"mappings":"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"}

package/lib/PinnedFamily.d.ts

@@ -0,0 +1,13 @@
+import { OntologyIR, PinRecord } from "@party-stack/ontology";
+//#region src/PinnedFamily.d.ts
+export declare function groupPinDownloads(pins: readonly PinRecord[]): {
+  name: string;
+  revisions: Map<string, PinRecord[]>;
+}[];
+export declare function PinnedFamily({ family, ir, remove }: {
+  family: ReturnType<typeof groupPinDownloads>[number];
+  ir: OntologyIR;
+  remove: (id: string) => Promise<void>;
+}): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=PinnedFamily.d.ts.map

package/lib/PinnedFamily.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PinnedFamily.d.ts","names":[],"sources":["../src/PinnedFamily.tsx"],"mappings":";;wBAKgB,kBAAkB,eAAe;EACJ;EAAmB,WAAA,YAAY;;wBAc5D,eACZ,QACA,IACA;EAEA,QAAQ,kBAAkB;EAC1B,IAAI;EACJ,SAAS,eAAe;oBAC3B,IAAA"}

package/lib/PinnedFamily.js

@@ -0,0 +1,105 @@
+import { QueryDocumentView, QueryExpression } from "./QueryView.js";
+import { CircleAlert, CircleCheck, LoaderCircle, Paperclip } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+//#region src/PinnedFamily.tsx
+function groupPinDownloads(pins) {
+	const families = /* @__PURE__ */ new Map();
+	for (const pin of pins) {
+		let family = families.get(pin.name);
+		if (!family) {
+			family = {
+				name: pin.name,
+				revisions: /* @__PURE__ */ new Map()
+			};
+			families.set(pin.name, family);
+		}
+		const downloads = family.revisions.get(pin.definition);
+		if (downloads) downloads.push(pin);
+		else family.revisions.set(pin.definition, [pin]);
+	}
+	return [...families.values()];
+}
+function PinnedFamily({ family, ir, remove }) {
+	return /* @__PURE__ */ jsxs("section", {
+		className: "ps-diagnostics-screen ps-pinned-screen ps-pinned-family",
+		"aria-label": family.name,
+		children: [/* @__PURE__ */ jsx("header", {
+			className: "ps-pinned-header",
+			children: /* @__PURE__ */ jsx("h2", { children: family.name })
+		}), [...family.revisions].map(([definition, pins]) => /* @__PURE__ */ jsxs("div", {
+			className: "ps-pin-revision",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "ps-pinned-meta",
+					children: [family.revisions.size > 1 && /* @__PURE__ */ jsxs("code", {
+						title: definition,
+						children: ["Revision ", definition.slice(0, 8)]
+					}), /* @__PURE__ */ jsxs("span", {
+						className: "ps-pinned-attachments",
+						children: [/* @__PURE__ */ jsx(Paperclip, {
+							size: 14,
+							"aria-hidden": true
+						}), pins[0].attachments === "all" ? "Includes attachment bytes" : "Objects only"]
+					})]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "ps-pin-downloads",
+					children: pins.map((pin) => /* @__PURE__ */ jsx(PinDownload, {
+						pin,
+						remove
+					}, pin.id))
+				}),
+				/* @__PURE__ */ jsx(QueryDocumentView, {
+					query: pins[0].query,
+					ir,
+					showFields: false
+				})
+			]
+		}, definition))]
+	});
+}
+function PinDownload({ pin, remove }) {
+	const [failure, setFailure] = useState();
+	const error = failure ?? pin.error?.message;
+	const state = error ? "error" : pin.ready ? "ready" : "loading";
+	const Icon = error ? CircleAlert : pin.ready ? CircleCheck : LoaderCircle;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "ps-pin-download",
+		"data-pin-id": pin.id,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "ps-pin-inputs",
+				children: [Object.keys(pin.inputs).length ? /* @__PURE__ */ jsx(QueryExpression, { expression: {
+					kind: "literal",
+					value: { value: pin.inputs }
+				} }) : /* @__PURE__ */ jsx("span", { children: "No inputs" }), error && /* @__PURE__ */ jsx("p", {
+					role: "alert",
+					className: "ps-replication-error",
+					children: error
+				})]
+			}),
+			/* @__PURE__ */ jsxs("output", {
+				className: "ps-pinned-status",
+				"data-state": state,
+				children: [/* @__PURE__ */ jsx(Icon, {
+					size: 15,
+					"aria-hidden": true
+				}), error ? "Interrupted" : pin.ready ? "Available offline" : "Downloading…"]
+			}),
+			/* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: "ps-pinned-remove",
+				onClick: () => {
+					setFailure(void 0);
+					remove(pin.id).catch((error) => setFailure(error instanceof Error ? error.message : "Could not remove download."));
+				},
+				children: pin.ready || error ? "Remove" : "Cancel"
+			})
+		]
+	});
+}
+//#endregion
+export { PinnedFamily, groupPinDownloads };
+
+//# sourceMappingURL=PinnedFamily.js.map

package/lib/PinnedFamily.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PinnedFamily.js","names":[],"sources":["../src/PinnedFamily.tsx"],"sourcesContent":["import { CircleAlert, CircleCheck, LoaderCircle, Paperclip } from \"lucide-react\";\nimport { useState } from \"react\";\nimport { QueryDocumentView, QueryExpression } from \"./QueryView.js\";\nimport type { OntologyIR, PinRecord } from \"@party-stack/ontology\";\n\nexport function groupPinDownloads(pins: readonly PinRecord[]) {\n    const families = new Map<string, { name: string; revisions: Map<string, PinRecord[]> }>();\n    for (const pin of pins) {\n        let family = families.get(pin.name);\n        if (!family) {\n            family = { name: pin.name, revisions: new Map() };\n            families.set(pin.name, family);\n        }\n        const downloads = family.revisions.get(pin.definition);\n        if (downloads) downloads.push(pin);\n        else family.revisions.set(pin.definition, [pin]);\n    }\n    return [...families.values()];\n}\n\nexport function PinnedFamily({\n    family,\n    ir,\n    remove,\n}: {\n    family: ReturnType<typeof groupPinDownloads>[number];\n    ir: OntologyIR;\n    remove: (id: string) => Promise<void>;\n}) {\n    return (\n        <section className=\"ps-diagnostics-screen ps-pinned-screen ps-pinned-family\" aria-label={family.name}>\n            <header className=\"ps-pinned-header\">\n                <h2>{family.name}</h2>\n            </header>\n            {[...family.revisions].map(([definition, pins]) => (\n                <div className=\"ps-pin-revision\" key={definition}>\n                    <div className=\"ps-pinned-meta\">\n                        {family.revisions.size > 1 && (\n                            <code title={definition}>Revision {definition.slice(0, 8)}</code>\n                        )}\n                        <span className=\"ps-pinned-attachments\">\n                            <Paperclip size={14} aria-hidden />\n                            {pins[0]!.attachments === \"all\" ? \"Includes attachment bytes\" : \"Objects only\"}\n                        </span>\n                    </div>\n                    <div className=\"ps-pin-downloads\">\n                        {pins.map((pin) => (\n                            <PinDownload key={pin.id} pin={pin} remove={remove} />\n                        ))}\n                    </div>\n                    <QueryDocumentView query={pins[0]!.query} ir={ir} showFields={false} />\n                </div>\n            ))}\n        </section>\n    );\n}\n\nfunction PinDownload({ pin, remove }: { pin: PinRecord; remove: (id: string) => Promise<void> }) {\n    const [failure, setFailure] = useState<string>();\n    const error = failure ?? pin.error?.message;\n    const state = error ? \"error\" : pin.ready ? \"ready\" : \"loading\";\n    const Icon = error ? CircleAlert : pin.ready ? CircleCheck : LoaderCircle;\n    return (\n        <div className=\"ps-pin-download\" data-pin-id={pin.id}>\n            <div className=\"ps-pin-inputs\">\n                {Object.keys(pin.inputs).length ? (\n                    <QueryExpression expression={{ kind: \"literal\", value: { value: pin.inputs } }} />\n                ) : (\n                    <span>No inputs</span>\n                )}\n                {error && (\n                    <p role=\"alert\" className=\"ps-replication-error\">\n                        {error}\n                    </p>\n                )}\n            </div>\n            <output className=\"ps-pinned-status\" data-state={state}>\n                <Icon size={15} aria-hidden />\n                {error ? \"Interrupted\" : pin.ready ? \"Available offline\" : \"Downloading…\"}\n            </output>\n            <button\n                type=\"button\"\n                className=\"ps-pinned-remove\"\n                onClick={() => {\n                    setFailure(undefined);\n                    void remove(pin.id).catch((error: unknown) =>\n                        setFailure(error instanceof Error ? error.message : \"Could not remove download.\")\n                    );\n                }}\n            >\n                {pin.ready || error ? \"Remove\" : \"Cancel\"}\n            </button>\n        </div>\n    );\n}\n"],"mappings":";;;;;AAKA,SAAgB,kBAAkB,MAA4B;CAC1D,MAAM,2BAAW,IAAI,IAAmE;CACxF,KAAK,MAAM,OAAO,MAAM;EACpB,IAAI,SAAS,SAAS,IAAI,IAAI,IAAI;EAClC,IAAI,CAAC,QAAQ;GACT,SAAS;IAAE,MAAM,IAAI;IAAM,2BAAW,IAAI,IAAI;GAAE;GAChD,SAAS,IAAI,IAAI,MAAM,MAAM;EACjC;EACA,MAAM,YAAY,OAAO,UAAU,IAAI,IAAI,UAAU;EACrD,IAAI,WAAW,UAAU,KAAK,GAAG;OAC5B,OAAO,UAAU,IAAI,IAAI,YAAY,CAAC,GAAG,CAAC;CACnD;CACA,OAAO,CAAC,GAAG,SAAS,OAAO,CAAC;AAChC;AAEA,SAAgB,aAAa,EACzB,QACA,IACA,UAKD;CACC,OACI,qBAAC,WAAD;EAAS,WAAU;EAA0D,cAAY,OAAO;EAAhG,UAAA,CACI,oBAAC,UAAD;GAAQ,WAAU;GACd,UAAA,oBAAC,MAAD,EAAA,UAAK,OAAO,KAAS,CAAA;EACjB,CAAA,GACP,CAAC,GAAG,OAAO,SAAS,CAAC,CAAC,KAAK,CAAC,YAAY,UACrC,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACI,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACK,OAAO,UAAU,OAAO,KACrB,qBAAC,QAAD;MAAM,OAAO;MAAb,UAAA,CAAyB,aAAU,WAAW,MAAM,GAAG,CAAC,CAAQ;KAEpE,CAAA,GAAA,qBAAC,QAAD;MAAM,WAAU;MAAhB,UAAA,CACI,oBAAC,WAAD;OAAW,MAAM;OAAI,eAAA;MAAa,CAAA,GACjC,KAAK,EAAE,CAAE,gBAAgB,QAAQ,8BAA8B,cAC9D;KACL,CAAA,CAAA;;IACL,oBAAC,OAAD;KAAK,WAAU;KACV,UAAA,KAAK,KAAK,QACP,oBAAC,aAAD;MAA+B;MAAa;KAAS,GAAnC,IAAI,EAA+B,CACxD;IACA,CAAA;IACL,oBAAC,mBAAD;KAAmB,OAAO,KAAK,EAAE,CAAE;KAAW;KAAI,YAAY;IAAQ,CAAA;GACrE;EAhBiC,GAAA,UAgBjC,CACR,CACI;;AAEjB;AAEA,SAAS,YAAY,EAAE,KAAK,UAAqE;CAC7F,MAAM,CAAC,SAAS,cAAc,SAAiB;CAC/C,MAAM,QAAQ,WAAW,IAAI,OAAO;CACpC,MAAM,QAAQ,QAAQ,UAAU,IAAI,QAAQ,UAAU;CACtD,MAAM,OAAO,QAAQ,cAAc,IAAI,QAAQ,cAAc;CAC7D,OACI,qBAAC,OAAD;EAAK,WAAU;EAAkB,eAAa,IAAI;EAAlD,UAAA;GACI,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACK,OAAO,KAAK,IAAI,MAAM,CAAC,CAAC,SACrB,oBAAC,iBAAD,EAAiB,YAAY;KAAE,MAAM;KAAW,OAAO,EAAE,OAAO,IAAI,OAAO;IAAE,EAAI,CAAA,IAEjF,oBAAC,QAAD,EAAA,UAAM,YAAe,CAAA,GAExB,SACG,oBAAC,KAAD;KAAG,MAAK;KAAQ,WAAU;KACrB,UAAA;IACF,CAAA,CAEN;;GACL,qBAAC,UAAD;IAAQ,WAAU;IAAmB,cAAY;IAAjD,UAAA,CACI,oBAAC,MAAD;KAAM,MAAM;KAAI,eAAA;IAAa,CAAA,GAC5B,QAAQ,gBAAgB,IAAI,QAAQ,sBAAsB,cACvD;;GACR,oBAAC,UAAD;IACI,MAAK;IACL,WAAU;IACV,eAAe;KACX,WAAW,KAAA,CAAS;KACpB,OAAY,IAAI,EAAE,CAAC,CAAC,OAAO,UACvB,WAAW,iBAAiB,QAAQ,MAAM,UAAU,4BAA4B,CACpF;IACJ;IAEC,UAAA,IAAI,SAAS,QAAQ,WAAW;GAC7B,CAAA;EACP;;AAEb"}

package/lib/Queries.d.ts

@@ -0,0 +1,12 @@
+import { ReplicationLoad } from "./replicationActivity.js";
+import { LiveOntology } from "@party-stack/ontology";
+//#region src/Queries.d.ts
+export declare function QueryLoadStats({ load, replicaName }: {
+  load?: ReplicationLoad;
+  replicaName?: string;
+}): import("react").JSX.Element | null;
+export declare function Queries({ ontology }: {
+  ontology: LiveOntology;
+}): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=Queries.d.ts.map

package/lib/Queries.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Queries.d.ts","names":[],"sources":["../src/Queries.tsx"],"mappings":";;;wBAcgB,iBACZ,MACA;EAEA,OAAO;EACP;oBACH,IAAA;wBA4Be,UAAU;EAAc,UAAU;oBAAc,IAAA"}

package/lib/Queries.js

@@ -0,0 +1,147 @@
+import { DemandHighlight, revealDemandOwners } from "./attribution/Highlight.js";
+import { attributionRevision, subscribeAttribution } from "./attribution/registry.js";
+import { demandId, queryLoads } from "./replicationActivity.js";
+import { demandOwners, demandRequests } from "./attribution/tanstack.js";
+import { useReplicaStatus } from "./diagnostics.js";
+import { QueryOwners } from "./QueryOwners.js";
+import { QueryPills } from "./QueryPills.js";
+import { QueryPushdown, RequestedQuery } from "./QueryPushdown.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState, useSyncExternalStore } from "react";
+//#region src/Queries.tsx
+const noOwners = [];
+const serverRevision = () => 0;
+function QueryLoadStats({ load, replicaName = "replica" }) {
+	if (!load) return null;
+	if (load.outcome === "running") return /* @__PURE__ */ jsx(Fragment, { children: "Request in progress…" });
+	if (load.outcome === "interrupted") return /* @__PURE__ */ jsx(Fragment, { children: "Request cancelled" });
+	if (load.outcome === "failure") return /* @__PURE__ */ jsx(Fragment, { children: "Request failed" });
+	if (load.rows === void 0) return null;
+	const fetched = load.fetchedRows;
+	if (fetched === void 0 || fetched === load.rows) return /* @__PURE__ */ jsxs(Fragment, { children: [
+		"Loaded ",
+		/* @__PURE__ */ jsx("b", { children: load.rows.toLocaleString() }),
+		" ",
+		load.rows === 1 ? "row" : "rows"
+	] });
+	const processing = [(load.pushdown?.rechecksFilter || load.pushdown?.predicates.some((term) => term.execution !== "source")) && "filtering", (load.pushdown?.pagination === "adapter" || load.pushdown?.pagination === "engine") && "pagination"].filter((step) => typeof step === "string");
+	return /* @__PURE__ */ jsxs("span", {
+		className: "ps-query-row-flow",
+		"data-reduced": load.rows < fetched || void 0,
+		children: [
+			"Loaded ",
+			/* @__PURE__ */ jsx("b", { children: fetched.toLocaleString() }),
+			" ",
+			fetched === 1 ? "row" : "rows",
+			";",
+			" ",
+			/* @__PURE__ */ jsx("b", { children: load.rows.toLocaleString() }),
+			" sent to ",
+			replicaName,
+			processing.length ? ` after adapter ${processing.join(" and ")}.` : " after adapter processing."
+		]
+	});
+}
+function Queries({ ontology }) {
+	useSyncExternalStore(subscribeAttribution, attributionRevision, serverRevision);
+	const [highlighted, highlight] = useState();
+	const { status, error } = useReplicaStatus(ontology.diagnostics);
+	const { status: parentStatus, error: parentError } = useReplicaStatus(ontology.diagnostics?.parent);
+	const loads = ontology.diagnostics?.parent ? parentStatus?.loads : status?.loads;
+	const parentReplica = ontology.diagnostics?.parent ? ontology.diagnostics.parent.location ?? ontology.diagnostics.parent.label ?? "Host" : void 0;
+	const upstreamDemands = new Map((ontology.diagnostics?.parent ? parentStatus : status)?.demands.map((demand) => [demandId(demand), demand]));
+	const demands = status?.demands.slice().sort((a, b) => Number(Boolean(b.query?.where)) - Number(Boolean(a.query?.where)) || a.objectType.localeCompare(b.objectType)) ?? [];
+	const ownersByDemand = new Map(demands.map((demand) => [demandId(demand), demandOwners(demand, Object.values(ontology.objects))]));
+	return /* @__PURE__ */ jsxs("div", {
+		className: "ps-diagnostics-screen",
+		"aria-label": "Queries inspector",
+		children: [
+			error && /* @__PURE__ */ jsxs("p", {
+				className: "ps-replication-error",
+				role: "alert",
+				children: [error, " · displayed queries may be stale"]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "ps-query-list",
+				"aria-label": "Active queries",
+				children: [demands.map((demand) => {
+					const object = ontology.ir.objectTypes.find((type) => type.name === demand.objectType);
+					const history = queryLoads(demand, loads ?? []);
+					const latest = history.at(-1);
+					const previousLoad = history.filter((load) => load.outcome === "success").at(-1);
+					const displayedLoad = latest?.outcome === "running" ? previousLoad ?? latest : latest;
+					const sourceName = (loads ?? []).filter((load) => load.subset?.objectType === demand.objectType && load.pushdown).at(-1)?.pushdown?.source;
+					const key = demandId(demand);
+					const upstreamDemand = upstreamDemands.get(key);
+					const coveredBy = upstreamDemand?.installed === upstreamDemand?.revision ? upstreamDemand?.coveredBy : void 0;
+					const checking = latest?.outcome === "running" || Boolean(upstreamDemand && upstreamDemand.installed !== upstreamDemand.revision);
+					const owners = ownersByDemand.get(key) ?? noOwners;
+					const requests = demandRequests(demand, Object.values(ontology.objects));
+					return /* @__PURE__ */ jsxs("article", {
+						className: "ps-query-card",
+						"data-attributed": owners.length > 0 || void 0,
+						"aria-busy": checking || void 0,
+						onPointerEnter: () => highlight(key),
+						onPointerLeave: () => highlight(void 0),
+						children: [/* @__PURE__ */ jsxs("header", { children: [/* @__PURE__ */ jsx("span", {
+							className: "ps-query-refreshing",
+							"data-refreshing": checking,
+							"aria-hidden": !checking,
+							children: "Refreshing…"
+						}), /* @__PURE__ */ jsxs(QueryTarget, {
+							owners,
+							label: `Show components for ${object?.pluralDisplayName ?? demand.objectType} query`,
+							onHighlight: () => highlight(key),
+							onClear: () => highlight(void 0),
+							children: [/* @__PURE__ */ jsx(QueryOwners, { owners }), requests.length ? requests.map((request, index) => /* @__PURE__ */ jsx(RequestedQuery, {
+								request,
+								demand,
+								object
+							}, index)) : /* @__PURE__ */ jsx(QueryPills, {
+								query: demand.query,
+								object,
+								objectType: demand.objectType
+							})]
+						})] }), /* @__PURE__ */ jsx(QueryPushdown, {
+							requests,
+							demand,
+							load: latest,
+							previousLoad,
+							sourceName,
+							checking,
+							object,
+							loadError: parentError,
+							parentReplica,
+							coveredBy,
+							coverageProof: coveredBy ? upstreamDemand?.coverageProof : void 0,
+							loadStats: /* @__PURE__ */ jsx(QueryLoadStats, {
+								load: displayedLoad,
+								replicaName: parentReplica ? `${parentReplica} replica` : "tab replica"
+							})
+						}, ontology.replica?.sourceId)]
+					}, key);
+				}), !demands.length && /* @__PURE__ */ jsx("p", {
+					className: "ps-replication-empty",
+					children: status ? "No active queries." : "Reading queries…"
+				})]
+			}),
+			/* @__PURE__ */ jsx(DemandHighlight, { owners: highlighted ? ownersByDemand.get(highlighted) ?? noOwners : noOwners })
+		]
+	});
+}
+function QueryTarget({ owners, label, onHighlight, onClear, children }) {
+	if (!owners.length) return children;
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		className: "ps-query-component-target",
+		"aria-label": label,
+		onFocus: onHighlight,
+		onBlur: onClear,
+		onClick: () => revealDemandOwners(owners),
+		children
+	});
+}
+//#endregion
+export { Queries, QueryLoadStats };
+
+//# sourceMappingURL=Queries.js.map

package/lib/Queries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Queries.js","names":[],"sources":["../src/Queries.tsx"],"sourcesContent":["import { useState, useSyncExternalStore, type ReactNode } from \"react\";\nimport { DemandHighlight, revealDemandOwners } from \"./attribution/Highlight.js\";\nimport { attributionRevision, subscribeAttribution, type DemandOwner } from \"./attribution/registry.js\";\nimport { demandOwners, demandRequests } from \"./attribution/tanstack.js\";\nimport { useReplicaStatus } from \"./diagnostics.js\";\nimport { QueryOwners } from \"./QueryOwners.js\";\nimport { QueryPills } from \"./QueryPills.js\";\nimport { QueryPushdown, RequestedQuery } from \"./QueryPushdown.js\";\nimport { demandId, queryLoads, type ReplicationLoad } from \"./replicationActivity.js\";\nimport type { LiveOntology } from \"@party-stack/ontology\";\n\nconst noOwners: readonly DemandOwner[] = [];\nconst serverRevision = () => 0;\n\nexport function QueryLoadStats({\n    load,\n    replicaName = \"replica\",\n}: {\n    load?: ReplicationLoad;\n    replicaName?: string;\n}) {\n    if (!load) return null;\n    if (load.outcome === \"running\") return <>Request in progress…</>;\n    if (load.outcome === \"interrupted\") return <>Request cancelled</>;\n    if (load.outcome === \"failure\") return <>Request failed</>;\n    if (load.rows === undefined) return null;\n    const fetched = load.fetchedRows;\n    if (fetched === undefined || fetched === load.rows)\n        return (\n            <>\n                Loaded <b>{load.rows.toLocaleString()}</b> {load.rows === 1 ? \"row\" : \"rows\"}\n            </>\n        );\n    const processing = [\n        (load.pushdown?.rechecksFilter ||\n            load.pushdown?.predicates.some((term) => term.execution !== \"source\")) &&\n            \"filtering\",\n        (load.pushdown?.pagination === \"adapter\" || load.pushdown?.pagination === \"engine\") && \"pagination\",\n    ].filter((step): step is string => typeof step === \"string\");\n    return (\n        <span className=\"ps-query-row-flow\" data-reduced={load.rows < fetched || undefined}>\n            Loaded <b>{fetched.toLocaleString()}</b> {fetched === 1 ? \"row\" : \"rows\"};{\" \"}\n            <b>{load.rows.toLocaleString()}</b> sent to {replicaName}\n            {processing.length ? ` after adapter ${processing.join(\" and \")}.` : \" after adapter processing.\"}\n        </span>\n    );\n}\n\nexport function Queries({ ontology }: { ontology: LiveOntology }) {\n    useSyncExternalStore(subscribeAttribution, attributionRevision, serverRevision);\n    const [highlighted, highlight] = useState<string>();\n    const { status, error } = useReplicaStatus(ontology.diagnostics);\n    // Queries remain local; only the correlated load telemetry comes from the exposed upstream owner.\n    const { status: parentStatus, error: parentError } = useReplicaStatus(ontology.diagnostics?.parent);\n    const loads = ontology.diagnostics?.parent ? parentStatus?.loads : status?.loads;\n    const parentReplica = ontology.diagnostics?.parent\n        ? (ontology.diagnostics.parent.location ?? ontology.diagnostics.parent.label ?? \"Host\")\n        : undefined;\n    const upstreamDemands = new Map(\n        (ontology.diagnostics?.parent ? parentStatus : status)?.demands.map((demand) => [\n            demandId(demand),\n            demand,\n        ])\n    );\n    const demands =\n        status?.demands\n            .slice()\n            .sort(\n                (a, b) =>\n                    Number(Boolean(b.query?.where)) - Number(Boolean(a.query?.where)) ||\n                    a.objectType.localeCompare(b.objectType)\n            ) ?? [];\n    const ownersByDemand = new Map(\n        demands.map((demand) => [demandId(demand), demandOwners(demand, Object.values(ontology.objects))])\n    );\n    return (\n        <div className=\"ps-diagnostics-screen\" aria-label=\"Queries inspector\">\n            {error && (\n                <p className=\"ps-replication-error\" role=\"alert\">\n                    {error} · displayed queries may be stale\n                </p>\n            )}\n            <div className=\"ps-query-list\" aria-label=\"Active queries\">\n                {demands.map((demand) => {\n                    const object = ontology.ir.objectTypes.find((type) => type.name === demand.objectType);\n                    const history = queryLoads(demand, loads ?? []);\n                    const latest = history.at(-1);\n                    const previousLoad = history.filter((load) => load.outcome === \"success\").at(-1);\n                    const displayedLoad = latest?.outcome === \"running\" ? (previousLoad ?? latest) : latest;\n                    const sourceName = (loads ?? [])\n                        .filter((load) => load.subset?.objectType === demand.objectType && load.pushdown)\n                        .at(-1)?.pushdown?.source;\n                    const key = demandId(demand);\n                    const upstreamDemand = upstreamDemands.get(key);\n                    const coveredBy =\n                        upstreamDemand?.installed === upstreamDemand?.revision\n                            ? upstreamDemand?.coveredBy\n                            : undefined;\n                    const checking =\n                        latest?.outcome === \"running\" ||\n                        Boolean(upstreamDemand && upstreamDemand.installed !== upstreamDemand.revision);\n                    const owners = ownersByDemand.get(key) ?? noOwners;\n                    const requests = demandRequests(demand, Object.values(ontology.objects));\n                    return (\n                        <article\n                            className=\"ps-query-card\"\n                            key={key}\n                            data-attributed={owners.length > 0 || undefined}\n                            aria-busy={checking || undefined}\n                            onPointerEnter={() => highlight(key)}\n                            onPointerLeave={() => highlight(undefined)}\n                        >\n                            <header>\n                                <span\n                                    className=\"ps-query-refreshing\"\n                                    data-refreshing={checking}\n                                    aria-hidden={!checking}\n                                >\n                                    Refreshing…\n                                </span>\n                                <QueryTarget\n                                    owners={owners}\n                                    label={`Show components for ${object?.pluralDisplayName ?? demand.objectType} query`}\n                                    onHighlight={() => highlight(key)}\n                                    onClear={() => highlight(undefined)}\n                                >\n                                    <QueryOwners owners={owners} />\n                                    {requests.length ? (\n                                        requests.map((request, index) => (\n                                            <RequestedQuery\n                                                key={index}\n                                                request={request}\n                                                demand={demand}\n                                                object={object}\n                                            />\n                                        ))\n                                    ) : (\n                                        <QueryPills\n                                            query={demand.query}\n                                            object={object}\n                                            objectType={demand.objectType}\n                                        />\n                                    )}\n                                </QueryTarget>\n                            </header>\n                            <QueryPushdown\n                                key={ontology.replica?.sourceId}\n                                requests={requests}\n                                demand={demand}\n                                load={latest}\n                                previousLoad={previousLoad}\n                                sourceName={sourceName}\n                                checking={checking}\n                                object={object}\n                                loadError={parentError}\n                                parentReplica={parentReplica}\n                                coveredBy={coveredBy}\n                                coverageProof={coveredBy ? upstreamDemand?.coverageProof : undefined}\n                                loadStats={\n                                    <QueryLoadStats\n                                        load={displayedLoad}\n                                        replicaName={\n                                            parentReplica ? `${parentReplica} replica` : \"tab replica\"\n                                        }\n                                    />\n                                }\n                            />\n                        </article>\n                    );\n                })}\n                {!demands.length && (\n                    <p className=\"ps-replication-empty\">\n                        {status ? \"No active queries.\" : \"Reading queries…\"}\n                    </p>\n                )}\n            </div>\n            <DemandHighlight\n                owners={highlighted ? (ownersByDemand.get(highlighted) ?? noOwners) : noOwners}\n            />\n        </div>\n    );\n}\n\nfunction QueryTarget({\n    owners,\n    label,\n    onHighlight,\n    onClear,\n    children,\n}: {\n    owners: readonly DemandOwner[];\n    label: string;\n    onHighlight: () => void;\n    onClear: () => void;\n    children: ReactNode;\n}) {\n    if (!owners.length) return children;\n    return (\n        <button\n            type=\"button\"\n            className=\"ps-query-component-target\"\n            aria-label={label}\n            onFocus={onHighlight}\n            onBlur={onClear}\n            onClick={() => revealDemandOwners(owners)}\n        >\n            {children}\n        </button>\n    );\n}\n"],"mappings":"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"}

package/lib/QueryOwners.d.ts

@@ -0,0 +1,7 @@
+import { DemandOwner } from "./attribution/registry.js";
+//#region src/QueryOwners.d.ts
+export declare function QueryOwners({ owners }: {
+  owners: readonly DemandOwner[];
+}): import("react").JSX.Element | null;
+//#endregion
+//# sourceMappingURL=QueryOwners.d.ts.map

package/lib/QueryOwners.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryOwners.d.ts","names":[],"sources":["../src/QueryOwners.tsx"],"mappings":";;wBAEgB,cAAc;EAAY,iBAAiB;oBAAe,IAAA"}