@plumix/core 0.1.4 → 0.2.0

package/dist/debug-bar/db-query.js

@@ -0,0 +1,23 @@
+import { tryGetContext } from "../context/stores.js";
+/** Panel id + collector namespace for database queries. */
+export const DB_PANEL_ID = "database";
+/**
+ * A drizzle `Logger` that feeds the Database panel. Pass it as the `logger`
+ * option to `drizzle(...)` (dev-gated) — one uniform mechanism across every
+ * driver, giving the `?`-form SQL plus the bound params. It reaches the
+ * request's collector via the request-store ALS, so it's a no-op outside a
+ * request (and in prod, where `ctx.debug` is the no-op collector). Per-query
+ * timing is not part of drizzle's logger contract; the Timeline panel measures
+ * it via spans instead.
+ *
+ * Driver-agnostic and free of any driver type import, so it can be shared with
+ * runtime adapters (D1) over a narrow subpath without dragging libsql types in.
+ */
+export function createDebugSqlLogger() {
+    return {
+        logQuery(sql, params) {
+            tryGetContext()?.debug.record(DB_PANEL_ID, { sql, params });
+        },
+    };
+}
+//# sourceMappingURL=db-query.js.map

package/dist/debug-bar/db-query.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"db-query.js","sourceRoot":"","sources":["../../src/debug-bar/db-query.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,2DAA2D;AAC3D,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAC;AAOtC;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,oBAAoB;IAClC,OAAO;QACL,QAAQ,CAAC,GAAG,EAAE,MAAM;YAClB,aAAa,EAAE,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,CAAC;QAC9D,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/debug-bar/format-param.d.ts

@@ -0,0 +1,14 @@
+type SqlParamKind = "string" | "number" | "boolean" | "null" | "blob";
+export interface DescribedParam {
+    readonly kind: SqlParamKind;
+    readonly text: string;
+}
+/**
+ * Describe a bound SQL parameter for the Database panel: its `kind` (for
+ * per-type coloring) and display `text` (strings quoted, numbers/bigints/
+ * booleans/null as literals, long strings truncated) — the `?`-form SQL stays
+ * copyable. One pass so the kind and text can't drift apart.
+ */
+export declare function describeSqlParam(value: unknown): DescribedParam;
+export {};
+//# sourceMappingURL=format-param.d.ts.map

package/dist/debug-bar/format-param.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-param.d.ts","sourceRoot":"","sources":["../../src/debug-bar/format-param.ts"],"names":[],"mappings":"AAEA,KAAK,YAAY,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAEtE,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,GAAG,cAAc,CAiB/D"}

package/dist/debug-bar/format-param.js

@@ -0,0 +1,27 @@
+const MAX_LEN = 80;
+/**
+ * Describe a bound SQL parameter for the Database panel: its `kind` (for
+ * per-type coloring) and display `text` (strings quoted, numbers/bigints/
+ * booleans/null as literals, long strings truncated) — the `?`-form SQL stays
+ * copyable. One pass so the kind and text can't drift apart.
+ */
+export function describeSqlParam(value) {
+    if (value === null || value === undefined)
+        return { kind: "null", text: "null" };
+    if (typeof value === "string") {
+        const text = value.length > MAX_LEN ? `${value.slice(0, MAX_LEN)}…` : value;
+        return { kind: "string", text: `"${text}"` };
+    }
+    if (typeof value === "bigint")
+        return { kind: "number", text: value.toString() };
+    if (typeof value === "number")
+        return { kind: "number", text: String(value) };
+    if (typeof value === "boolean")
+        return { kind: "boolean", text: String(value) };
+    if (value instanceof Uint8Array) {
+        return { kind: "blob", text: `<blob ${value.byteLength} bytes>` };
+    }
+    // Objects/dates are unusual as bound params — JSON gives a readable form.
+    return { kind: "string", text: JSON.stringify(value) };
+}
+//# sourceMappingURL=format-param.js.map

package/dist/debug-bar/format-param.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-param.js","sourceRoot":"","sources":["../../src/debug-bar/format-param.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,GAAG,EAAE,CAAC;AASnB;;;;;GAKG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAAc;IAC7C,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS;QACvC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;IACxC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;QAC5E,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,IAAI,GAAG,EAAE,CAAC;IAC/C,CAAC;IACD,IAAI,OAAO,KAAK,KAAK,QAAQ;QAC3B,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,CAAC,QAAQ,EAAE,EAAE,CAAC;IACpD,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;IAC9E,IAAI,OAAO,KAAK,KAAK,SAAS;QAC5B,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;IAClD,IAAI,KAAK,YAAY,UAAU,EAAE,CAAC;QAChC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,KAAK,CAAC,UAAU,SAAS,EAAE,CAAC;IACpE,CAAC;IACD,0EAA0E;IAC1E,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;AACzD,CAAC"}

package/dist/debug-bar/highlight-sql.d.ts

@@ -0,0 +1,11 @@
+type SqlTokenKind = "keyword" | "string" | "number" | "text";
+export interface SqlToken {
+    readonly text: string;
+    readonly kind: SqlTokenKind;
+}
+export declare function tokenizeSql(sql: string): readonly SqlToken[];
+export type QueryKind = "select" | "insert" | "update" | "delete" | "other";
+/** The leading statement kind, for the per-query badge/color. */
+export declare function queryKind(sql: string): QueryKind;
+export {};
+//# sourceMappingURL=highlight-sql.d.ts.map

package/dist/debug-bar/highlight-sql.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlight-sql.d.ts","sourceRoot":"","sources":["../../src/debug-bar/highlight-sql.ts"],"names":[],"mappings":"AAuDA,KAAK,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE7D,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAC;CAC7B;AAQD,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,QAAQ,EAAE,CAa5D;AAED,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAI5E,iEAAiE;AACjE,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAGhD"}

package/dist/debug-bar/highlight-sql.js

@@ -0,0 +1,82 @@
+// A small SQL syntax-highlighter for the Database panel (idea borrowed from
+// drizzle-query-logger, adapted from terminal colors to CSS token spans).
+const KEYWORDS = new Set([
+    "select",
+    "distinct",
+    "from",
+    "where",
+    "and",
+    "or",
+    "not",
+    "in",
+    "is",
+    "null",
+    "like",
+    "between",
+    "insert",
+    "into",
+    "values",
+    "update",
+    "set",
+    "delete",
+    "join",
+    "left",
+    "right",
+    "inner",
+    "outer",
+    "cross",
+    "on",
+    "as",
+    "order",
+    "by",
+    "group",
+    "having",
+    "limit",
+    "offset",
+    "asc",
+    "desc",
+    "union",
+    "all",
+    "count",
+    "sum",
+    "avg",
+    "min",
+    "max",
+    "returning",
+    "exists",
+    "case",
+    "when",
+    "then",
+    "else",
+    "end",
+    "pragma",
+]);
+// One alternation per token class; the last branch mops up whitespace and
+// punctuation (including `?` placeholders, and a lone unterminated `'`) so
+// tokenization stays lossless for any input.
+const TOKEN = /('(?:[^']|'')*')|(\d+(?:\.\d+)?)|([A-Za-z_][A-Za-z0-9_]*)|(\s+|[^\w'\s]+|')/g;
+export function tokenizeSql(sql) {
+    const tokens = [];
+    for (const m of sql.matchAll(TOKEN)) {
+        if (m[1] !== undefined)
+            tokens.push({ text: m[1], kind: "string" });
+        else if (m[2] !== undefined)
+            tokens.push({ text: m[2], kind: "number" });
+        else if (m[3] !== undefined) {
+            tokens.push({
+                text: m[3],
+                kind: KEYWORDS.has(m[3].toLowerCase()) ? "keyword" : "text",
+            });
+        }
+        else
+            tokens.push({ text: m[4] ?? "", kind: "text" });
+    }
+    return tokens;
+}
+const KNOWN_KINDS = new Set(["select", "insert", "update", "delete"]);
+/** The leading statement kind, for the per-query badge/color. */
+export function queryKind(sql) {
+    const first = sql.trimStart().split(/\s/, 1)[0]?.toLowerCase() ?? "";
+    return (KNOWN_KINDS.has(first) ? first : "other");
+}
+//# sourceMappingURL=highlight-sql.js.map

package/dist/debug-bar/highlight-sql.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlight-sql.js","sourceRoot":"","sources":["../../src/debug-bar/highlight-sql.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,0EAA0E;AAE1E,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC;IACvB,QAAQ;IACR,UAAU;IACV,MAAM;IACN,OAAO;IACP,KAAK;IACL,IAAI;IACJ,KAAK;IACL,IAAI;IACJ,IAAI;IACJ,MAAM;IACN,MAAM;IACN,SAAS;IACT,QAAQ;IACR,MAAM;IACN,QAAQ;IACR,QAAQ;IACR,KAAK;IACL,QAAQ;IACR,MAAM;IACN,MAAM;IACN,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,IAAI;IACJ,IAAI;IACJ,OAAO;IACP,IAAI;IACJ,OAAO;IACP,QAAQ;IACR,OAAO;IACP,QAAQ;IACR,KAAK;IACL,MAAM;IACN,OAAO;IACP,KAAK;IACL,OAAO;IACP,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,WAAW;IACX,QAAQ;IACR,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,KAAK;IACL,QAAQ;CACT,CAAC,CAAC;AASH,0EAA0E;AAC1E,2EAA2E;AAC3E,6CAA6C;AAC7C,MAAM,KAAK,GACT,8EAA8E,CAAC;AAEjF,MAAM,UAAU,WAAW,CAAC,GAAW;IACrC,MAAM,MAAM,GAAe,EAAE,CAAC;IAC9B,KAAK,MAAM,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;QACpC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,SAAS;YAAE,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;aAC/D,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,SAAS;YAAE,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;aACpE,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,SAAS,EAAE,CAAC;YAC5B,MAAM,CAAC,IAAI,CAAC;gBACV,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;gBACV,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;aAC5D,CAAC,CAAC;QACL,CAAC;;YAAM,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;IACzD,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAID,MAAM,WAAW,GAAG,IAAI,GAAG,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;AAEtE,iEAAiE;AACjE,MAAM,UAAU,SAAS,CAAC,GAAW;IACnC,MAAM,KAAK,GAAG,GAAG,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;IACrE,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAc,CAAC;AACjE,CAAC"}

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

@@ -0,0 +1,8 @@
+import type { DebugPanel } from "../types.js";
+/**
+ * The App panel: the site's static setup — the same across every page, so it's
+ * consolidated into one tab (config, locale, wired slots, installed plugins,
+ * and registered content types) rather than a tab each.
+ */
+export declare const appPanel: DebugPanel;
+//# sourceMappingURL=app.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/debug-bar/panels/app.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAU9C;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,UAgDtB,CAAC"}

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

@@ -0,0 +1,32 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { DebugKV, DebugSection } from "../primitives.js";
+const wired = (slot) => (slot ? "✓" : "—");
+const list = (values) => values.join(", ") || "—";
+const keys = (map) => list([...map.keys()]);
+/**
+ * The App panel: the site's static setup — the same across every page, so it's
+ * consolidated into one tab (config, locale, wired slots, installed plugins,
+ * and registered content types) rather than a tab each.
+ */
+export const appPanel = {
+    id: "app",
+    title: "App",
+    order: 40,
+    render: (ctx) => (_jsxs(_Fragment, { children: [_jsx(DebugSection, { title: "Config", children: _jsx(DebugKV, { rows: [
+                        { label: "Site name", value: ctx.siteName ?? "—" },
+                        { label: "Origin", value: ctx.origin },
+                        { label: "Base path", value: ctx.basePath || "/" },
+                    ] }) }), _jsx(DebugSection, { title: "Locale", children: _jsx(DebugKV, { rows: [
+                        { label: "Resolved", value: ctx.locale.code },
+                        { label: "Direction", value: ctx.locale.direction },
+                    ] }) }), _jsx(DebugSection, { title: "Slots", children: _jsx(DebugKV, { rows: [
+                        { label: "Cache", value: wired(ctx.cache) },
+                        { label: "Storage", value: wired(ctx.storage) },
+                        { label: "Mailer", value: wired(ctx.mailer) },
+                        { label: "Images", value: wired(ctx.imageDelivery) },
+                    ] }) }), _jsx(DebugSection, { title: "Plugins", children: _jsx(DebugKV, { rows: [{ label: "Installed", value: list(ctx.plugins.pluginIds) }] }) }), _jsx(DebugSection, { title: "Content types", children: _jsx(DebugKV, { rows: [
+                        { label: "Entry types", value: keys(ctx.plugins.entryTypes) },
+                        { label: "Taxonomies", value: keys(ctx.plugins.termTaxonomies) },
+                    ] }) })] })),
+};
+//# sourceMappingURL=app.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../src/debug-bar/panels/app.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEzD,MAAM,KAAK,GAAG,CAAC,IAAa,EAAU,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AAE5D,MAAM,IAAI,GAAG,CAAC,MAAyB,EAAU,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC;AAE7E,MAAM,IAAI,GAAG,CAAC,GAAiC,EAAU,EAAE,CACzD,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;AAExB;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAe;IAClC,EAAE,EAAE,KAAK;IACT,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,CAAC,GAAe,EAAE,EAAE,CAAC,CAC3B,8BACE,KAAC,YAAY,IAAC,KAAK,EAAC,QAAQ,YAC1B,KAAC,OAAO,IACN,IAAI,EAAE;wBACJ,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,CAAC,QAAQ,IAAI,GAAG,EAAE;wBAClD,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE;wBACtC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,CAAC,QAAQ,IAAI,GAAG,EAAE;qBACnD,GACD,GACW,EACf,KAAC,YAAY,IAAC,KAAK,EAAC,QAAQ,YAC1B,KAAC,OAAO,IACN,IAAI,EAAE;wBACJ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE;wBAC7C,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,SAAS,EAAE;qBACpD,GACD,GACW,EACf,KAAC,YAAY,IAAC,KAAK,EAAC,OAAO,YACzB,KAAC,OAAO,IACN,IAAI,EAAE;wBACJ,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;wBAC3C,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;wBAC/C,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;wBAC7C,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE;qBACrD,GACD,GACW,EACf,KAAC,YAAY,IAAC,KAAK,EAAC,SAAS,YAC3B,KAAC,OAAO,IACN,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC,GAClE,GACW,EACf,KAAC,YAAY,IAAC,KAAK,EAAC,eAAe,YACjC,KAAC,OAAO,IACN,IAAI,EAAE;wBACJ,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;wBAC7D,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE;qBACjE,GACD,GACW,IACd,CACJ;CACF,CAAC"}

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

@@ -0,0 +1,9 @@
+import type { DebugPanel } from "../types.js";
+/**
+ * The Database panel: every query recorded for this request (via the drizzle
+ * logger), with SQL syntax highlighting, a per-query kind badge, and the bound
+ * params shown separately (typed-colored) — the `?`-form SQL stays copyable.
+ * Per-query timing arrives with the Timeline slice.
+ */
+export declare const databasePanel: DebugPanel;
+//# sourceMappingURL=database.d.ts.map

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

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

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

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DB_PANEL_ID } from "../db-query.js";
+import { describeSqlParam } from "../format-param.js";
+import { queryKind, tokenizeSql } from "../highlight-sql.js";
+import { DebugSection } from "../primitives.js";
+function HighlightedSql({ sql }) {
+    return (_jsx("code", { className: "plumix-debug-bar__sql", children: tokenizeSql(sql).map((token, i) => token.kind === "text" ? (token.text) : (_jsx("span", { className: `plumix-debug-bar__tok--${token.kind}`, children: token.text }, i))) }));
+}
+/**
+ * The Database panel: every query recorded for this request (via the drizzle
+ * logger), with SQL syntax highlighting, a per-query kind badge, and the bound
+ * params shown separately (typed-colored) — the `?`-form SQL stays copyable.
+ * Per-query timing arrives with the Timeline slice.
+ */
+export const databasePanel = {
+    id: DB_PANEL_ID,
+    title: "Database",
+    order: 20,
+    render: (ctx) => {
+        const queries = ctx.debug.get(DB_PANEL_ID);
+        if (queries.length === 0) {
+            return _jsx("p", { className: "plumix-debug-bar__empty", children: "No queries recorded." });
+        }
+        return (_jsx(DebugSection, { title: `${queries.length} ${queries.length === 1 ? "query" : "queries"}`, children: _jsx("ol", { className: "plumix-debug-bar__queries", children: queries.map((query, i) => {
+                    const kind = queryKind(query.sql);
+                    return (_jsxs("li", { className: "plumix-debug-bar__query", children: [_jsxs("div", { className: "plumix-debug-bar__query-head", children: [_jsx("span", { className: `plumix-debug-bar__kind plumix-debug-bar__kind--${kind}`, children: kind }), _jsx(HighlightedSql, { sql: query.sql })] }), query.params.length > 0 ? (_jsx("div", { className: "plumix-debug-bar__params", children: query.params.map((param, j) => {
+                                    const { kind: paramKind, text } = describeSqlParam(param);
+                                    return (_jsx("span", { className: `plumix-debug-bar__param plumix-debug-bar__param--${paramKind}`, children: text }, j));
+                                }) })) : null] }, i));
+                }) }) }));
+    },
+};
+//# sourceMappingURL=database.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"database.js","sourceRoot":"","sources":["../../../src/debug-bar/panels/database.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,SAAS,cAAc,CAAC,EAAE,GAAG,EAA4B;IACvD,OAAO,CACL,eAAM,SAAS,EAAC,uBAAuB,YACpC,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CACjC,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CACtB,KAAK,CAAC,IAAI,CACX,CAAC,CAAC,CAAC,CACF,eAAc,SAAS,EAAE,0BAA0B,KAAK,CAAC,IAAI,EAAE,YAC5D,KAAK,CAAC,IAAI,IADF,CAAC,CAEL,CACR,CACF,GACI,CACR,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,MAAM,CAAC,MAAM,aAAa,GAAe;IACvC,EAAE,EAAE,WAAW;IACf,KAAK,EAAE,UAAU;IACjB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,CAAC,GAAe,EAAE,EAAE;QAC1B,MAAM,OAAO,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,WAAW,CAA4B,CAAC;QACtE,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACzB,OAAO,YAAG,SAAS,EAAC,yBAAyB,qCAAyB,CAAC;QACzE,CAAC;QACD,OAAO,CACL,KAAC,YAAY,IACX,KAAK,EAAE,GAAG,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,YAExE,aAAI,SAAS,EAAC,2BAA2B,YACtC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;oBACxB,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;oBAClC,OAAO,CACL,cAAY,SAAS,EAAC,yBAAyB,aAC7C,eAAK,SAAS,EAAC,8BAA8B,aAC3C,eACE,SAAS,EAAE,kDAAkD,IAAI,EAAE,YAElE,IAAI,GACA,EACP,KAAC,cAAc,IAAC,GAAG,EAAE,KAAK,CAAC,GAAG,GAAI,IAC9B,EACL,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACzB,cAAK,SAAS,EAAC,0BAA0B,YACtC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;oCAC7B,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;oCAC1D,OAAO,CACL,eAEE,SAAS,EAAE,oDAAoD,SAAS,EAAE,YAEzE,IAAI,IAHA,CAAC,CAID,CACR,CAAC;gCACJ,CAAC,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,KAvBD,CAAC,CAwBL,CACN,CAAC;gBACJ,CAAC,CAAC,GACC,GACQ,CAChB,CAAC;IACJ,CAAC;CACF,CAAC"}

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

@@ -1,7 +1,7 @@
 import type { DebugPanel } from "../types.js";
 /**
- * The Request panel: how the router saw this request. All read straight
- * off the app context — no instrumentation needed.
+ * 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 declare const requestPanel: DebugPanel;
 //# sourceMappingURL=request.d.ts.map

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

@@ -1 +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,UAkB1B,CAAC"}
+{"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

@@ -1,8 +1,8 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { DebugKV } from "../primitives.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { DebugKV, DebugSection } from "../primitives.js";
 /**
- * The Request panel: how the router saw this request. All read straight
- * off the app context — no instrumentation needed.
+ * 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",
@@ -10,13 +10,26 @@ export const requestPanel = {
     order: 10,
     render: (ctx) => {
         const url = new URL(ctx.request.url);
-        return (_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 ?? "—" },
-            ] }));
+        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

@@ -1 +1 @@
-{"version":3,"file":"request.js","sourceRoot":"","sources":["../../../src/debug-bar/panels/request.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C;;;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,KAAC,OAAO,IACN,IAAI,EAAE;gBACJ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE;gBAC9C,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,QAAQ,EAAE;gBACtC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE;gBACtC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,CAAC,QAAQ,IAAI,GAAG,EAAE;gBAClD,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,CAAC,cAAc,EAAE,IAAI,IAAI,GAAG,EAAE;aAC5D,GACD,CACH,CAAC;IACJ,CAAC;CACF,CAAC"}
+{"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

@@ -1,10 +1,14 @@
 import type { ReactNode } from "react";
 /**
  * Presentational primitives shared by core and plugin debug panels so every
- * panel reads uniformly. `DebugKV` is the two-column key/value table the
- * scalar panels use; richer primitives (sections, columnar tables) arrive
- * with the panels that need them.
+ * 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;
@@ -12,4 +16,9 @@ export interface DebugKVRow {
 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

@@ -1 +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;AAEvC;;;;;GAKG;AAEH,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"}
+{"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

@@ -1,5 +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, }) {
-    return (_jsx("table", { children: _jsx("tbody", { children: rows.map((row) => (_jsxs("tr", { children: [_jsx("th", { scope: "row", children: row.label }), _jsx("td", { className: "plumix-debug-bar__val", children: row.value })] }, row.label))) }) }));
+    // 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

@@ -1 +1 @@
-{"version":3,"file":"primitives.js","sourceRoot":"","sources":["../../src/debug-bar/primitives.tsx"],"names":[],"mappings":";AAcA,MAAM,UAAU,OAAO,CAAC,EACtB,IAAI,GAGL;IACC,OAAO,CACL,0BACE,0BACG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,yBACE,aAAI,KAAK,EAAC,KAAK,YAAE,GAAG,CAAC,KAAK,GAAM,EAChC,aAAI,SAAS,EAAC,uBAAuB,YAAE,GAAG,CAAC,KAAK,GAAM,KAF/C,GAAG,CAAC,KAAK,CAGb,CACN,CAAC,GACI,GACF,CACT,CAAC;AACJ,CAAC"}
+{"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.map

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