@plumix/core 0.1.3 → 0.2.0

package/dist/debug-bar/panels/request.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"request.d.ts","sourceRoot":"","sources":["../../../src/debug-bar/panels/request.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG9C;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,UAyC1B,CAAC"}

package/dist/debug-bar/panels/request.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { DebugKV, DebugSection } from "../primitives.js";
+/**
+ * The Request panel: the full context of this request — how the router saw it,
+ * and who made it. All read straight off the app context, no instrumentation.
+ */
+export const requestPanel = {
+    id: "request",
+    title: "Request",
+    order: 10,
+    render: (ctx) => {
+        const url = new URL(ctx.request.url);
+        return (_jsxs(_Fragment, { children: [_jsx(DebugSection, { title: "Request", children: _jsx(DebugKV, { rows: [
+                            { label: "Method", value: ctx.request.method },
+                            { label: "Path", value: url.pathname },
+                            { label: "Origin", value: ctx.origin },
+                            { label: "Base path", value: ctx.basePath || "/" },
+                            { label: "Entity", value: ctx.resolvedEntity?.kind ?? "—" },
+                        ] }) }), _jsx(DebugSection, { title: "Auth", children: _jsx(DebugKV, { rows: [
+                            {
+                                label: "User",
+                                value: ctx.user
+                                    ? `${ctx.user.email} (${ctx.user.role})`
+                                    : "anonymous",
+                            },
+                            {
+                                label: "Scopes",
+                                value: ctx.tokenScopes === null
+                                    ? "unrestricted (role caps)"
+                                    : ctx.tokenScopes.join(", ") || "none",
+                            },
+                        ] }) })] }));
+    },
+};
+//# sourceMappingURL=request.js.map

package/dist/debug-bar/panels/request.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"request.js","sourceRoot":"","sources":["../../../src/debug-bar/panels/request.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEzD;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAe;IACtC,EAAE,EAAE,SAAS;IACb,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,CAAC,GAAe,EAAE,EAAE;QAC1B,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QACrC,OAAO,CACL,8BACE,KAAC,YAAY,IAAC,KAAK,EAAC,SAAS,YAC3B,KAAC,OAAO,IACN,IAAI,EAAE;4BACJ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE;4BAC9C,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,QAAQ,EAAE;4BACtC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE;4BACtC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,CAAC,QAAQ,IAAI,GAAG,EAAE;4BAClD,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,CAAC,cAAc,EAAE,IAAI,IAAI,GAAG,EAAE;yBAC5D,GACD,GACW,EACf,KAAC,YAAY,IAAC,KAAK,EAAC,MAAM,YACxB,KAAC,OAAO,IACN,IAAI,EAAE;4BACJ;gCACE,KAAK,EAAE,MAAM;gCACb,KAAK,EAAE,GAAG,CAAC,IAAI;oCACb,CAAC,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,KAAK,KAAK,GAAG,CAAC,IAAI,CAAC,IAAI,GAAG;oCACxC,CAAC,CAAC,WAAW;6BAChB;4BACD;gCACE,KAAK,EAAE,QAAQ;gCACf,KAAK,EACH,GAAG,CAAC,WAAW,KAAK,IAAI;oCACtB,CAAC,CAAC,0BAA0B;oCAC5B,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,MAAM;6BAC3C;yBACF,GACD,GACW,IACd,CACJ,CAAC;IACJ,CAAC;CACF,CAAC"}

package/dist/debug-bar/panels/template.d.ts

@@ -0,0 +1,17 @@
+import type { DebugPanel } from "../types.js";
+/** Recorded by the renderer; read by the panel. */
+export interface TemplateResolution {
+    /** Human label for the resolved route node, e.g. "post: hello-world". */
+    readonly nodeLabel: string;
+    /** Ordered candidate template names (after the `template:hierarchy` filter). */
+    readonly candidates: readonly string[];
+    /** The winning candidate — the template that rendered. */
+    readonly picked: string;
+}
+/**
+ * The Template panel: how the WordPress-style template hierarchy resolved for
+ * this request — the ordered candidate list and which one won. Empty on error
+ * pages, which don't run the hierarchy.
+ */
+export declare const templatePanel: DebugPanel;
+//# sourceMappingURL=template.d.ts.map

package/dist/debug-bar/panels/template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"template.d.ts","sourceRoot":"","sources":["../../../src/debug-bar/panels/template.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAI9C,mDAAmD;AACnD,MAAM,WAAW,kBAAkB;IACjC,yEAAyE;IACzE,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,gFAAgF;IAChF,QAAQ,CAAC,UAAU,EAAE,SAAS,MAAM,EAAE,CAAC;IACvC,0DAA0D;IAC1D,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED;;;;GAIG;AACH,eAAO,MAAM,aAAa,EAAE,UA2C3B,CAAC"}

package/dist/debug-bar/panels/template.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { DebugKV, DebugSection } from "../primitives.js";
+import { TEMPLATE_PANEL_ID } from "../template-node-label.js";
+/**
+ * The Template panel: how the WordPress-style template hierarchy resolved for
+ * this request — the ordered candidate list and which one won. Empty on error
+ * pages, which don't run the hierarchy.
+ */
+export const templatePanel = {
+    id: TEMPLATE_PANEL_ID,
+    title: "Template",
+    order: 15,
+    render: (ctx) => {
+        const resolution = ctx.debug.get(TEMPLATE_PANEL_ID)[0];
+        if (!resolution) {
+            return (_jsx("p", { className: "plumix-debug-bar__empty", children: "No template resolution \u2014 this is likely an error page." }));
+        }
+        return (_jsxs(_Fragment, { children: [_jsx(DebugSection, { title: "Resolution", children: _jsx(DebugKV, { rows: [
+                            { label: "Resolved", value: resolution.nodeLabel },
+                            { label: "Matched", value: resolution.picked },
+                        ] }) }), _jsx(DebugSection, { title: "Candidates", children: _jsx("ol", { className: "plumix-debug-bar__candidates", children: resolution.candidates.map((candidate) => (_jsx("li", { className: `plumix-debug-bar__candidate ${candidate === resolution.picked
+                                ? "plumix-debug-bar__candidate--picked"
+                                : ""}`, children: candidate }, candidate))) }) })] }));
+    },
+};
+//# sourceMappingURL=template.js.map

package/dist/debug-bar/panels/template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/debug-bar/panels/template.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAY9D;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAe;IACvC,EAAE,EAAE,iBAAiB;IACrB,KAAK,EAAE,UAAU;IACjB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,CAAC,GAAe,EAAE,EAAE;QAC1B,MAAM,UAAU,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,CACrB,CAAC;QACjC,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,OAAO,CACL,YAAG,SAAS,EAAC,yBAAyB,4EAElC,CACL,CAAC;QACJ,CAAC;QACD,OAAO,CACL,8BACE,KAAC,YAAY,IAAC,KAAK,EAAC,YAAY,YAC9B,KAAC,OAAO,IACN,IAAI,EAAE;4BACJ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,CAAC,SAAS,EAAE;4BAClD,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,CAAC,MAAM,EAAE;yBAC/C,GACD,GACW,EACf,KAAC,YAAY,IAAC,KAAK,EAAC,YAAY,YAC9B,aAAI,SAAS,EAAC,8BAA8B,YACzC,UAAU,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CACxC,aAEE,SAAS,EAAE,+BACT,SAAS,KAAK,UAAU,CAAC,MAAM;gCAC7B,CAAC,CAAC,qCAAqC;gCACvC,CAAC,CAAC,EACN,EAAE,YAED,SAAS,IAPL,SAAS,CAQX,CACN,CAAC,GACC,GACQ,IACd,CACJ,CAAC;IACJ,CAAC;CACF,CAAC"}

package/dist/debug-bar/panels/timeline.d.ts

@@ -0,0 +1,11 @@
+import type { DebugPanel } from "../types.js";
+/** Panel id, also the disable-denylist key and tab testid suffix. */
+export declare const TIMELINE_PANEL_ID = "timeline";
+/**
+ * The Timeline panel: a zero-JS SVG waterfall of the request's spans (dispatch,
+ * resolve, render, and each database query), read from the collector's span
+ * tree. Empty when nothing was timed — e.g. a route that touches no database
+ * and isn't instrumented, or the panel's own collection disabled.
+ */
+export declare const timelinePanel: DebugPanel;
+//# sourceMappingURL=timeline.d.ts.map

package/dist/debug-bar/panels/timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.d.ts","sourceRoot":"","sources":["../../../src/debug-bar/panels/timeline.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAK9C,qEAAqE;AACrE,eAAO,MAAM,iBAAiB,aAAa,CAAC;AAkE5C;;;;;GAKG;AACH,eAAO,MAAM,aAAa,EAAE,UAe3B,CAAC"}

package/dist/debug-bar/panels/timeline.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DebugSection } from "../primitives.js";
+import { timelineGeometry } from "../timeline-geometry.js";
+import { buildTimeline } from "../timeline-model.js";
+/** Panel id, also the disable-denylist key and tab testid suffix. */
+export const TIMELINE_PANEL_ID = "timeline";
+// SVG is drawn in a nominal coordinate space and scaled to 100% width by the
+// viewBox. A fixed left gutter holds the (depth-indented) span names, a fixed
+// right column holds right-aligned durations, and bars scale into the middle.
+const VIEW_WIDTH = 400;
+const GUTTER = 132;
+const MS_COL = 34;
+const ROW_HEIGHT = 13;
+const ROW_GAP = 4;
+function TimelineChart({ timeline, }) {
+    const geometry = timelineGeometry(timeline, {
+        width: VIEW_WIDTH - GUTTER - MS_COL,
+        rowHeight: ROW_HEIGHT,
+        rowGap: ROW_GAP,
+        minBarWidth: 2,
+    });
+    return (_jsx("svg", { className: "plumix-debug-bar__timeline", viewBox: `0 0 ${VIEW_WIDTH} ${geometry.height}`, width: "100%", height: geometry.height, role: "img", children: geometry.rects.map((rect, i) => {
+            const depth = timeline.rows[i]?.depth ?? 0;
+            const textY = rect.y + ROW_HEIGHT - 3;
+            return (_jsxs("g", { children: [_jsx("text", { className: "plumix-debug-bar__timeline-name", x: 4 + depth * 8, y: textY, children: rect.name }), _jsx("rect", { className: "plumix-debug-bar__timeline-bar", x: GUTTER + rect.x, y: rect.y, width: rect.width, height: rect.height, rx: 2 }), _jsxs("text", { className: "plumix-debug-bar__timeline-ms", x: VIEW_WIDTH, y: textY, textAnchor: "end", children: [timeline.rows[i]?.durationMs ?? 0, "ms"] })] }, i));
+        }) }));
+}
+/**
+ * The Timeline panel: a zero-JS SVG waterfall of the request's spans (dispatch,
+ * resolve, render, and each database query), read from the collector's span
+ * tree. Empty when nothing was timed — e.g. a route that touches no database
+ * and isn't instrumented, or the panel's own collection disabled.
+ */
+export const timelinePanel = {
+    id: TIMELINE_PANEL_ID,
+    title: "Timeline",
+    order: 50,
+    render: (ctx) => {
+        const timeline = buildTimeline(ctx.debug.getSpans());
+        if (timeline.rows.length === 0) {
+            return _jsx("p", { className: "plumix-debug-bar__empty", children: "No spans recorded." });
+        }
+        return (_jsx(DebugSection, { title: `Total ${timeline.totalMs}ms`, children: _jsx(TimelineChart, { timeline: timeline }) }));
+    },
+};
+//# sourceMappingURL=timeline.js.map

package/dist/debug-bar/panels/timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.js","sourceRoot":"","sources":["../../../src/debug-bar/panels/timeline.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,qEAAqE;AACrE,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CAAC;AAE5C,6EAA6E;AAC7E,8EAA8E;AAC9E,8EAA8E;AAC9E,MAAM,UAAU,GAAG,GAAG,CAAC;AACvB,MAAM,MAAM,GAAG,GAAG,CAAC;AACnB,MAAM,MAAM,GAAG,EAAE,CAAC;AAClB,MAAM,UAAU,GAAG,EAAE,CAAC;AACtB,MAAM,OAAO,GAAG,CAAC,CAAC;AAElB,SAAS,aAAa,CAAC,EACrB,QAAQ,GAGT;IACC,MAAM,QAAQ,GAAG,gBAAgB,CAAC,QAAQ,EAAE;QAC1C,KAAK,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM;QACnC,SAAS,EAAE,UAAU;QACrB,MAAM,EAAE,OAAO;QACf,WAAW,EAAE,CAAC;KACf,CAAC,CAAC;IAEH,OAAO,CACL,cACE,SAAS,EAAC,4BAA4B,EACtC,OAAO,EAAE,OAAO,UAAU,IAAI,QAAQ,CAAC,MAAM,EAAE,EAC/C,KAAK,EAAC,MAAM,EACZ,MAAM,EAAE,QAAQ,CAAC,MAAM,EACvB,IAAI,EAAC,KAAK,YAET,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;YAC9B,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,CAAC;YAC3C,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,UAAU,GAAG,CAAC,CAAC;YACtC,OAAO,CACL,wBACE,eACE,SAAS,EAAC,iCAAiC,EAC3C,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,EAChB,CAAC,EAAE,KAAK,YAEP,IAAI,CAAC,IAAI,GACL,EACP,eACE,SAAS,EAAC,gCAAgC,EAC1C,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC,EAClB,CAAC,EAAE,IAAI,CAAC,CAAC,EACT,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,EAAE,EAAE,CAAC,GACL,EACF,gBACE,SAAS,EAAC,+BAA+B,EACzC,CAAC,EAAE,UAAU,EACb,CAAC,EAAE,KAAK,EACR,UAAU,EAAC,KAAK,aAEf,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,UAAU,IAAI,CAAC,UAC7B,KAvBD,CAAC,CAwBL,CACL,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,MAAM,CAAC,MAAM,aAAa,GAAe;IACvC,EAAE,EAAE,iBAAiB;IACrB,KAAK,EAAE,UAAU;IACjB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,CAAC,GAAe,EAAE,EAAE;QAC1B,MAAM,QAAQ,GAAG,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;QACrD,IAAI,QAAQ,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC/B,OAAO,YAAG,SAAS,EAAC,yBAAyB,mCAAuB,CAAC;QACvE,CAAC;QACD,OAAO,CACL,KAAC,YAAY,IAAC,KAAK,EAAE,SAAS,QAAQ,CAAC,OAAO,IAAI,YAChD,KAAC,aAAa,IAAC,QAAQ,EAAE,QAAQ,GAAI,GACxB,CAChB,CAAC;IACJ,CAAC;CACF,CAAC"}

package/dist/debug-bar/primitives.d.ts

@@ -0,0 +1,24 @@
+import type { ReactNode } from "react";
+/**
+ * Presentational primitives shared by core and plugin debug panels so every
+ * panel reads uniformly. Panels may drop to raw markup, but these give them
+ * the bar's look for free: `DebugSection` groups a titled block, `DebugKV` is
+ * the key/value description list, `DebugTable` a columnar list.
+ */
+export declare function DebugSection({ title, children, }: {
+    readonly title?: string;
+    readonly children: ReactNode;
+}): ReactNode;
+export interface DebugKVRow {
+    readonly label: string;
+    readonly value: ReactNode;
+}
+export declare function DebugKV({ rows, }: {
+    readonly rows: readonly DebugKVRow[];
+}): ReactNode;
+/** A columnar table for list-shaped panel data (queries, spans, candidates). */
+export declare function DebugTable({ headers, rows, }: {
+    readonly headers: readonly string[];
+    readonly rows: readonly (readonly ReactNode[])[];
+}): ReactNode;
+//# sourceMappingURL=primitives.d.ts.map

package/dist/debug-bar/primitives.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../src/debug-bar/primitives.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC;;;;;GAKG;AAEH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,GACT,EAAE;IACD,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;CAC9B,GAAG,SAAS,CASZ;AAED,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;CAC3B;AAED,wBAAgB,OAAO,CAAC,EACtB,IAAI,GACL,EAAE;IACD,QAAQ,CAAC,IAAI,EAAE,SAAS,UAAU,EAAE,CAAC;CACtC,GAAG,SAAS,CAaZ;AAED,gFAAgF;AAChF,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,IAAI,GACL,EAAE;IACD,QAAQ,CAAC,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IACpC,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,SAAS,EAAE,CAAC,EAAE,CAAC;CAClD,GAAG,SAAS,CAyBZ"}

package/dist/debug-bar/primitives.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from "react";
+/**
+ * Presentational primitives shared by core and plugin debug panels so every
+ * panel reads uniformly. Panels may drop to raw markup, but these give them
+ * the bar's look for free: `DebugSection` groups a titled block, `DebugKV` is
+ * the key/value description list, `DebugTable` a columnar list.
+ */
+export function DebugSection({ title, children, }) {
+    return (_jsxs("section", { children: [title ? (_jsx("p", { className: "plumix-debug-bar__section-title", children: title })) : null, children] }));
+}
+export function DebugKV({ rows, }) {
+    // A description list is the semantic fit for key/value pairs; a fixed-column
+    // grid (in CSS) aligns every value the same distance in across sections.
+    return (_jsx("dl", { className: "plumix-debug-bar__kv", children: rows.map((row) => (_jsxs(Fragment, { children: [_jsx("dt", { children: row.label }), _jsx("dd", { children: row.value })] }, row.label))) }));
+}
+/** A columnar table for list-shaped panel data (queries, spans, candidates). */
+export function DebugTable({ headers, rows, }) {
+    return (_jsxs("table", { children: [_jsx("thead", { children: _jsx("tr", { children: headers.map((h) => (_jsx("th", { scope: "col", children: h }, h))) }) }), _jsx("tbody", { children: rows.map((cells, r) => (_jsx("tr", { children: cells.map((cell, c) => (_jsx("td", { className: "plumix-debug-bar__val", children: cell }, c))) }, r))) })] }));
+}
+//# sourceMappingURL=primitives.js.map

package/dist/debug-bar/primitives.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"primitives.js","sourceRoot":"","sources":["../../src/debug-bar/primitives.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC;;;;;GAKG;AAEH,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,GAIT;IACC,OAAO,CACL,8BACG,KAAK,CAAC,CAAC,CAAC,CACP,YAAG,SAAS,EAAC,iCAAiC,YAAE,KAAK,GAAK,CAC3D,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,IACD,CACX,CAAC;AACJ,CAAC;AAOD,MAAM,UAAU,OAAO,CAAC,EACtB,IAAI,GAGL;IACC,6EAA6E;IAC7E,yEAAyE;IACzE,OAAO,CACL,aAAI,SAAS,EAAC,sBAAsB,YACjC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,MAAC,QAAQ,eACP,uBAAK,GAAG,CAAC,KAAK,GAAM,EACpB,uBAAK,GAAG,CAAC,KAAK,GAAM,KAFP,GAAG,CAAC,KAAK,CAGb,CACZ,CAAC,GACC,CACN,CAAC;AACJ,CAAC;AAED,gFAAgF;AAChF,MAAM,UAAU,UAAU,CAAC,EACzB,OAAO,EACP,IAAI,GAIL;IACC,OAAO,CACL,4BACE,0BACE,uBACG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAClB,aAAY,KAAK,EAAC,KAAK,YACpB,CAAC,IADK,CAAC,CAEL,CACN,CAAC,GACC,GACC,EACR,0BACG,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,uBACG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,aAAY,SAAS,EAAC,uBAAuB,YAC1C,IAAI,IADE,CAAC,CAEL,CACN,CAAC,IALK,CAAC,CAML,CACN,CAAC,GACI,IACF,CACT,CAAC;AACJ,CAAC"}

package/dist/debug-bar/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const DEBUG_BAR_CSS: string;
+//# sourceMappingURL=styles.d.ts.map

package/dist/debug-bar/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/debug-bar/styles.ts"],"names":[],"mappings":"AAyCA,eAAO,MAAM,aAAa,QA+Ud,CAAC"}

package/dist/debug-bar/styles.js

@@ -0,0 +1,372 @@
+// Inline CSS for the debug bar, emitted once per render inside the bar —
+// same tsc-only-friendly approach as the admin bar (core has no bundler CSS
+// pipeline). All selectors scoped under `.plumix-debug-bar`, so the bar's CSS
+// can't leak out. Guarding the other direction (theme CSS leaking *in*) short
+// of a shadow DOM: `all: revert` on the root plus a reset on the inner
+// structural elements, which neutralizes the common `table {}`/`label {}`-style
+// theme element selectors — not airtight, but enough for a dev tool. Zero-JS:
+// a native <details> toggles the panel and radio inputs drive the tabs.
+import { css } from "../css-tag.js";
+// Upper bound on pure-CSS tab wiring. Panels beyond this still render but
+// their tab won't toggle; core ships far fewer than this.
+const MAX_TABS = 16;
+function tabRules() {
+    let out = "";
+    for (let n = 1; n <= MAX_TABS; n++) {
+        // Show the checked tab's pane...
+        out += `.plumix-debug-bar__radio:nth-of-type(${n}):checked ~ .plumix-debug-bar__panes > .plumix-debug-bar__pane:nth-of-type(${n}){display:block}`;
+        // ...and highlight its label so the active tab is obvious.
+        out += `.plumix-debug-bar__radio:nth-of-type(${n}):checked ~ .plumix-debug-bar__labels > label:nth-of-type(${n}){background:#1d2327;color:#fff}`;
+    }
+    return out;
+}
+const POSITION_CSS = css `
+  .plumix-debug-bar[data-position="bottom-right"] {
+    inset: auto 12px 12px auto;
+  }
+  .plumix-debug-bar[data-position="bottom-left"] {
+    inset: auto auto 12px 12px;
+  }
+  .plumix-debug-bar[data-position="top-right"] {
+    inset: 12px 12px auto auto;
+  }
+  .plumix-debug-bar[data-position="top-left"] {
+    inset: 12px auto auto 12px;
+  }
+`;
+export const DEBUG_BAR_CSS = css `
+    .plumix-debug-bar {
+      all: revert;
+      position: fixed;
+      z-index: var(--plumix-debug-bar-z-index, 2147483000);
+      direction: ltr;
+      font-family:
+        ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;
+      font-size: 12px;
+      line-height: 1.5;
+      color: #e6e6e6;
+      /* Fixed width (not max-width) so switching tabs can't resize the bar —
+         a content-driven width shifts the anchored edges and moves the tab
+         labels out from under the cursor. */
+      width: min(440px, calc(100vw - 24px));
+    }
+    .plumix-debug-bar *,
+    .plumix-debug-bar *::before,
+    .plumix-debug-bar *::after {
+      box-sizing: border-box;
+    }
+    /* Neutralize theme element selectors bleeding into the bar's bare tags.
+       The specific rules below re-set what each element needs, winning by
+       source order (equal specificity). */
+    .plumix-debug-bar details,
+    .plumix-debug-bar summary,
+    .plumix-debug-bar nav,
+    .plumix-debug-bar section,
+    .plumix-debug-bar label,
+    .plumix-debug-bar input,
+    .plumix-debug-bar table,
+    .plumix-debug-bar tbody,
+    .plumix-debug-bar tr,
+    .plumix-debug-bar th,
+    .plumix-debug-bar td,
+    .plumix-debug-bar dl,
+    .plumix-debug-bar dt,
+    .plumix-debug-bar dd {
+      margin: 0;
+      padding: 0;
+      border: 0;
+      background: none;
+      font: inherit;
+      color: inherit;
+      text-align: inherit;
+      /* The font shorthand omits these — reset them so a theme's element
+         rules (e.g. label text-transform/letter-spacing) can't bleed in. */
+      text-transform: none;
+      letter-spacing: normal;
+      word-spacing: normal;
+      text-decoration: none;
+      text-indent: 0;
+      white-space: normal;
+      box-shadow: none;
+    }
+    .plumix-debug-bar > details {
+      background: #1d2327;
+      border: 1px solid #3c434a;
+      border-radius: 8px;
+      box-shadow: 0 6px 24px rgba(0, 0, 0, 0.35);
+      overflow: hidden;
+    }
+    .plumix-debug-bar summary {
+      list-style: none;
+      cursor: pointer;
+      padding: 6px 12px;
+      font-weight: 600;
+      background: #2c3338;
+      user-select: none;
+    }
+    .plumix-debug-bar summary::-webkit-details-marker {
+      display: none;
+    }
+    /* Toggle affordance: chevron points right when collapsed, down when open,
+       so it's clear the header opens and closes the bar. */
+    .plumix-debug-bar summary::after {
+      content: "▸";
+      float: right;
+      opacity: 0.6;
+    }
+    .plumix-debug-bar > details[open] > summary::after {
+      content: "▾";
+    }
+    .plumix-debug-bar__radio {
+      position: absolute;
+      opacity: 0;
+      pointer-events: none;
+    }
+    /* Qualified with nav so this out-specifies the element reset (which zeroes
+       nav padding) — otherwise the tabs get no left inset and hug the border. */
+    .plumix-debug-bar nav.plumix-debug-bar__labels {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 6px;
+      /* 12px left inset matches the summary and panes; generous top padding
+         gives the tab row space below the header. */
+      padding: 14px 12px 0;
+      border-top: 1px solid #3c434a;
+    }
+    .plumix-debug-bar__labels label {
+      /* No LEFT padding, so the tab text aligns exactly with the title and
+         content at 12px. Right padding gives the active box separation without
+         letting it overhang toward the border. */
+      padding: 3px 8px 3px 0;
+      border-radius: 4px 4px 0 0;
+      cursor: pointer;
+      color: #b9c0c7;
+      /* Intentional small-caps tab look, matching __section-title. Our own
+         rule (wins over the reset by source order), so it's theme-independent. */
+      font-size: 11px;
+      text-transform: uppercase;
+      letter-spacing: 0.04em;
+    }
+    .plumix-debug-bar__labels label:hover {
+      background: #2c3338;
+      color: #fff;
+    }
+    .plumix-debug-bar__panes {
+      /* Small horizontal inset so cards sit just off the bar edge; the card's
+         own padding adds the rest, landing content text at 12px — flush with
+         the summary title and tab row above. */
+      padding: 10px 4px 12px;
+      /* Fixed height (not max-height) so the bar doesn't grow/shrink between
+         tabs; each pane scrolls within the stable frame. */
+      height: min(50vh, 320px);
+      overflow: auto;
+      /* Narrow, theme-matched scrollbar instead of the OS default. */
+      scrollbar-width: thin;
+      scrollbar-color: #3c434a transparent;
+    }
+    .plumix-debug-bar__panes::-webkit-scrollbar {
+      width: 8px;
+      height: 8px;
+    }
+    .plumix-debug-bar__panes::-webkit-scrollbar-thumb {
+      background: #3c434a;
+      border-radius: 4px;
+    }
+    .plumix-debug-bar__panes::-webkit-scrollbar-thumb:hover {
+      background: #4a535b;
+    }
+    .plumix-debug-bar__panes::-webkit-scrollbar-track {
+      background: transparent;
+    }
+    .plumix-debug-bar__pane {
+      display: none;
+    }
+    .plumix-debug-bar__section-title {
+      margin: 0 0 6px;
+      font-size: 11px;
+      text-transform: uppercase;
+      letter-spacing: 0.04em;
+      color: #8a929a;
+    }
+    /* Key/value description list — a fixed first column so every value lines
+       up the same distance in, across all sections. */
+    .plumix-debug-bar__kv {
+      display: grid;
+      grid-template-columns: 104px 1fr;
+      gap: 3px 8px;
+      align-items: baseline;
+    }
+    .plumix-debug-bar__kv dt {
+      color: #8a929a;
+    }
+    .plumix-debug-bar__kv dd {
+      color: #fff;
+      overflow-wrap: anywhere;
+    }
+    /* Group each section as a subtle card. */
+    .plumix-debug-bar__pane > section {
+      background: #23282f;
+      border-radius: 6px;
+      padding: 8px;
+    }
+    .plumix-debug-bar__pane > section + section {
+      margin-top: 8px;
+    }
+    .plumix-debug-bar__error {
+      margin: 0;
+      color: #f0a5a5;
+    }
+    .plumix-debug-bar table {
+      width: 100%;
+      border-collapse: collapse;
+      /* Data is technical — force LTR regardless of page locale. */
+      direction: ltr;
+      text-align: left;
+    }
+    .plumix-debug-bar th,
+    .plumix-debug-bar td {
+      padding: 3px 8px 3px 0;
+      vertical-align: top;
+      border: 0;
+      font-weight: 400;
+      white-space: nowrap;
+    }
+    .plumix-debug-bar td.plumix-debug-bar__val {
+      white-space: normal;
+      /* Wrap long values at spaces (and break a word only if it would
+         overflow) without squeezing short cells — word-break:break-word
+         shrank the numeric columns until a value like 1.8 wrapped. */
+      overflow-wrap: break-word;
+      color: #fff;
+    }
+    .plumix-debug-bar th {
+      color: #8a929a;
+    }
+    .plumix-debug-bar__empty {
+      margin: 0;
+      color: #8a929a;
+    }
+    /* Template panel — candidate hierarchy */
+    .plumix-debug-bar__candidates {
+      list-style: none;
+      margin: 0;
+      padding: 0;
+    }
+    .plumix-debug-bar__candidate {
+      padding: 1px 0 1px 14px;
+      color: #8a929a;
+    }
+    .plumix-debug-bar__candidate--picked {
+      color: #7ee787;
+      font-weight: 600;
+    }
+    .plumix-debug-bar__candidate--picked::before {
+      content: "▸ ";
+      margin-left: -14px;
+    }
+    /* Timeline panel — SVG waterfall */
+    .plumix-debug-bar__timeline {
+      display: block;
+      overflow: visible;
+    }
+    .plumix-debug-bar__timeline-bar {
+      fill: #6ea8fe;
+    }
+    .plumix-debug-bar__timeline-name {
+      fill: #e6e6e6;
+      font-size: 10px;
+    }
+    .plumix-debug-bar__timeline-ms {
+      fill: #8a929a;
+      font-size: 9px;
+    }
+    /* Database panel — query list */
+    .plumix-debug-bar__queries {
+      list-style: none;
+      margin: 0;
+      padding: 0;
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+    .plumix-debug-bar__query {
+      display: flex;
+      flex-direction: column;
+      gap: 3px;
+      padding-bottom: 8px;
+      border-bottom: 1px solid #2c3338;
+    }
+    .plumix-debug-bar__query:last-child {
+      border-bottom: 0;
+      padding-bottom: 0;
+    }
+    .plumix-debug-bar__query-head {
+      display: flex;
+      gap: 6px;
+      align-items: baseline;
+    }
+    .plumix-debug-bar__kind {
+      flex: 0 0 auto;
+      font-size: 9px;
+      text-transform: uppercase;
+      letter-spacing: 0.04em;
+      padding: 1px 5px;
+      border-radius: 3px;
+      background: #2c3338;
+      color: #b9c0c7;
+    }
+    .plumix-debug-bar__kind--select {
+      background: rgba(126, 231, 135, 0.15);
+      color: #7ee787;
+    }
+    .plumix-debug-bar__kind--insert {
+      background: rgba(110, 168, 254, 0.15);
+      color: #6ea8fe;
+    }
+    .plumix-debug-bar__kind--update {
+      background: rgba(227, 179, 65, 0.15);
+      color: #e3b341;
+    }
+    .plumix-debug-bar__kind--delete {
+      background: rgba(240, 165, 165, 0.15);
+      color: #f0a5a5;
+    }
+    .plumix-debug-bar__sql {
+      font-family: inherit;
+      color: #c9d1d9;
+      overflow-wrap: anywhere;
+    }
+    .plumix-debug-bar__tok--keyword {
+      color: #6ea8fe;
+    }
+    .plumix-debug-bar__tok--string {
+      color: #7ee787;
+    }
+    .plumix-debug-bar__tok--number {
+      color: #56d4dd;
+    }
+    .plumix-debug-bar__params {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 6px;
+      padding-left: 10px;
+    }
+    .plumix-debug-bar__param {
+      color: #b9c0c7;
+    }
+    .plumix-debug-bar__param--string {
+      color: #7ee787;
+    }
+    .plumix-debug-bar__param--number {
+      color: #56d4dd;
+    }
+    .plumix-debug-bar__param--boolean {
+      color: #e3b341;
+    }
+    .plumix-debug-bar__param--null {
+      color: #8a929a;
+    }
+  ` +
+    POSITION_CSS +
+    tabRules();
+//# sourceMappingURL=styles.js.map

package/dist/debug-bar/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/debug-bar/styles.ts"],"names":[],"mappings":"AAAA,yEAAyE;AACzE,4EAA4E;AAC5E,8EAA8E;AAC9E,8EAA8E;AAC9E,uEAAuE;AACvE,gFAAgF;AAChF,8EAA8E;AAC9E,wEAAwE;AAExE,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAEpC,0EAA0E;AAC1E,0DAA0D;AAC1D,MAAM,QAAQ,GAAG,EAAE,CAAC;AAEpB,SAAS,QAAQ;IACf,IAAI,GAAG,GAAG,EAAE,CAAC;IACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC;QACnC,iCAAiC;QACjC,GAAG,IAAI,wCAAwC,CAAC,8EAA8E,CAAC,kBAAkB,CAAC;QAClJ,2DAA2D;QAC3D,GAAG,IAAI,wCAAwC,CAAC,6DAA6D,CAAC,kCAAkC,CAAC;IACnJ,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAED,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;CAavB,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GACxB,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4UF;IACD,YAAY;IACZ,QAAQ,EAAE,CAAC"}

package/dist/debug-bar/template-node-label.d.ts

@@ -0,0 +1,6 @@
+import type { ResolvedNode } from "../route/render/template-hierarchy.js";
+/** Panel id + collector namespace for the template hierarchy resolution. */
+export declare const TEMPLATE_PANEL_ID = "template";
+/** A human label for the resolved route node, for the Template panel. */
+export declare function templateNodeLabel(node: ResolvedNode): string;
+//# sourceMappingURL=template-node-label.d.ts.map

package/dist/debug-bar/template-node-label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"template-node-label.d.ts","sourceRoot":"","sources":["../../src/debug-bar/template-node-label.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAE1E,4EAA4E;AAC5E,eAAO,MAAM,iBAAiB,aAAa,CAAC;AAE5C,yEAAyE;AACzE,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,YAAY,GAAG,MAAM,CAe5D"}

package/dist/debug-bar/template-node-label.js

@@ -0,0 +1,20 @@
+/** Panel id + collector namespace for the template hierarchy resolution. */
+export const TEMPLATE_PANEL_ID = "template";
+/** A human label for the resolved route node, for the Template panel. */
+export function templateNodeLabel(node) {
+    switch (node.kind) {
+        case "content":
+            return `${node.entryType}: ${node.slug}`;
+        case "term":
+            return `${node.taxonomy}: ${node.slug}`;
+        case "content-type-archive":
+            return `${node.entryType} archive`;
+        case "front-page":
+            return "front page";
+        case "posts-page":
+            return "posts page";
+        case "search":
+            return "search";
+    }
+}
+//# sourceMappingURL=template-node-label.js.map

package/dist/debug-bar/template-node-label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"template-node-label.js","sourceRoot":"","sources":["../../src/debug-bar/template-node-label.ts"],"names":[],"mappings":"AAEA,4EAA4E;AAC5E,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CAAC;AAE5C,yEAAyE;AACzE,MAAM,UAAU,iBAAiB,CAAC,IAAkB;IAClD,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;QAClB,KAAK,SAAS;YACZ,OAAO,GAAG,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC;QAC3C,KAAK,MAAM;YACT,OAAO,GAAG,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC;QAC1C,KAAK,sBAAsB;YACzB,OAAO,GAAG,IAAI,CAAC,SAAS,UAAU,CAAC;QACrC,KAAK,YAAY;YACf,OAAO,YAAY,CAAC;QACtB,KAAK,YAAY;YACf,OAAO,YAAY,CAAC;QACtB,KAAK,QAAQ;YACX,OAAO,QAAQ,CAAC;IACpB,CAAC;AACH,CAAC"}