@flanksource/clicky-ui 0.3.55 → 0.3.56

package/dist/data/ai/use-prompt-run-stream.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-prompt-run-stream.cjs","names":["useEventSourceFactory","useState","useRef"],"sources":["../../../src/data/ai/use-prompt-run-stream.ts"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { useEventSourceFactory } from \"../../hooks/event-source\";\nimport type { SessionUIMessage } from \"./SessionViewer.unified\";\n\n// Follows one Captain prompt run (`PromptRunHandler`):\n//   GET {baseUrl}/api/captain/prompt/runs/{runId}/stream (SSE)\n//     `run`   → {runId,status,model,provider,mode,sessionId?}: run metadata, and\n//               the session to tail once Captain records one\n//     `entry` → one transcript message; replayed from the start on reconnect\n//     `done`  → the run's summary (success or failure)\n//     `error` → with data, the run's failed summary; without, a dropped\n//               connection the browser reconnects from (the server replays\n//               the run) — unless Captain has forgotten the run, which only\n//               the snapshot route can tell.\n//   GET {baseUrl}/api/captain/prompt/runs/{runId} → snapshot (404 once forgotten)\n\n/** The terminal summary Captain publishes with `done` and server `error` frames. */\nexport interface PromptRunSummary {\n  runId?: string;\n  sessionId?: string;\n  model?: string;\n  provider?: string;\n  mode?: string;\n  inputTokens?: number;\n  outputTokens?: number;\n  costUSD?: number;\n  /** A Go duration string, e.g. \"3m2.5s\". */\n  duration?: string;\n  success: boolean;\n  error?: string;\n  text?: string;\n  structuredOutput?: unknown;\n}\n\n/** What Captain's `run` frame says about the run; every field is optional because frames arrive as the run progresses. */\nexport interface PromptRunFrame {\n  runId?: string;\n  status?: string;\n  model?: string;\n  provider?: string;\n  mode?: string;\n  sessionId?: string;\n}\n\nexport interface PromptRunStreamOptions {\n  /** Prefix for the Captain routes; defaults to same-origin. */\n  baseUrl?: string;\n  /** Fires once, with the run's summary, when the run reaches a terminal frame. */\n  onDone?: (summary: PromptRunSummary) => void;\n}\n\nexport type PromptRunStreamStatus = \"idle\" | \"running\" | \"succeeded\" | \"failed\";\n\nexport interface PromptRunStreamState {\n  status: PromptRunStreamStatus;\n  sessionId?: string;\n  /** The latest `run` frame: model, provider, mode and ids, available from the first frame. */\n  run?: PromptRunFrame;\n  summary?: PromptRunSummary;\n  error?: string;\n  /** The run's transcript as it streams, whether or not Captain records a session. */\n  entries: SessionUIMessage[];\n}\n\nconst IDLE: PromptRunStreamState = { status: \"idle\", entries: [] };\nconst RUNNING: PromptRunStreamState = { status: \"running\", entries: [] };\n\n// upsertEntry replaces a replayed or updated message by id, so a reconnect's\n// replay does not duplicate the transcript.\nfunction upsertEntry(entries: SessionUIMessage[], entry: SessionUIMessage): SessionUIMessage[] {\n  const index = entry.id ? entries.findIndex((existing) => existing.id === entry.id) : -1;\n  if (index < 0) return [...entries, entry];\n  const next = entries.slice();\n  next[index] = entry;\n  return next;\n}\n\nfunction frameData<T>(event: Event): T {\n  return JSON.parse((event as MessageEvent<string>).data) as T;\n}\n\n/**\n * Follows a Captain prompt run by id: `idle` without one, `running` (with the\n * session id from the `run` frame) until a terminal frame, then `succeeded` or\n * `failed`. Callbacks are held in a ref, so passing a fresh `onDone` each render\n * does not reopen the stream.\n */\nexport function usePromptRunStream(\n  runId: string | undefined,\n  options: PromptRunStreamOptions = {},\n): PromptRunStreamState {\n  const { baseUrl = \"\", onDone } = options;\n  const openStream = useEventSourceFactory();\n  const [tracked, setTracked] = useState<{ runId: string; state: PromptRunStreamState } | undefined>();\n  const callbacks = useRef({ onDone });\n  callbacks.current = { onDone };\n  const openRef = useRef(openStream);\n  openRef.current = openStream;\n\n  useEffect(() => {\n    if (!runId) return;\n    let stale = false;\n    const runPath = `${baseUrl}/api/captain/prompt/runs/${encodeURIComponent(runId)}`;\n    const stream = openRef.current(`${runPath}/stream`);\n    const update = (next: (current: PromptRunStreamState) => PromptRunStreamState) => {\n      if (stale) return;\n      setTracked((tracked) => ({ runId, state: next(tracked?.runId === runId ? tracked.state : RUNNING) }));\n    };\n    const finish = (summary: PromptRunSummary, fallbackError = \"The prompt run failed.\") => {\n      stream.close();\n      update((current) => {\n        const base = {\n          entries: current.entries,\n          ...(current.run ? { run: current.run } : {}),\n          ...(summary.sessionId ? { sessionId: summary.sessionId } : current.sessionId ? { sessionId: current.sessionId } : {}),\n          summary,\n        };\n        return summary.success\n          ? { status: \"succeeded\", ...base }\n          : { status: \"failed\", ...base, error: summary.error || fallbackError };\n      });\n      callbacks.current.onDone?.(summary);\n    };\n\n    stream.addEventListener(\"run\", (event) => {\n      const { runId, status, model, provider, mode, sessionId } = frameData<PromptRunFrame>(event);\n      const run: PromptRunFrame = {\n        ...(runId ? { runId } : {}),\n        ...(status ? { status } : {}),\n        ...(model ? { model } : {}),\n        ...(provider ? { provider } : {}),\n        ...(mode ? { mode } : {}),\n        ...(sessionId ? { sessionId } : {}),\n      };\n      update((current) => ({\n        ...current,\n        run: { ...current.run, ...run },\n        ...(sessionId ? { sessionId } : {}),\n      }));\n    });\n    stream.addEventListener(\"entry\", (event) => {\n      const entry = frameData<SessionUIMessage>(event);\n      update((current) => ({ ...current, entries: upsertEntry(current.entries, entry) }));\n    });\n    stream.addEventListener(\"done\", (event) => {\n      finish(frameData<PromptRunSummary>(event), \"The prompt run did not succeed.\");\n    });\n    stream.addEventListener(\"error\", (event) => {\n      const data = (event as MessageEvent<string | undefined>).data;\n      if (data) {\n        // Only the server's terminal `error` frame carries a summary; it is a failure by definition.\n        finish({ ...JSON.parse(data), success: false } as PromptRunSummary);\n        return;\n      }\n      fetch(runPath)\n        .then((response) => {\n          if (response.status !== 404 || stale) return;\n          finish({ success: false, error: \"Captain no longer knows this prompt run; check its result before retrying.\" });\n        })\n        .catch((error: unknown) => {\n          // The stream is already reconnecting; an unreachable snapshot route only means the server is still down.\n          console.warn(`prompt run ${runId}: snapshot probe after a dropped stream failed`, error);\n        });\n    });\n    return () => {\n      stale = true;\n      stream.close();\n    };\n  }, [runId, baseUrl]);\n\n  if (!runId) return IDLE;\n  return tracked?.runId === runId ? tracked.state : RUNNING;\n}\n"],"mappings":"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"}

package/dist/data/ai/use-prompt-run-stream.d.ts

@@ -0,0 +1,52 @@
+import { SessionUIMessage } from './SessionViewer.unified.js';
+/** The terminal summary Captain publishes with `done` and server `error` frames. */
+export interface PromptRunSummary {
+    runId?: string;
+    sessionId?: string;
+    model?: string;
+    provider?: string;
+    mode?: string;
+    inputTokens?: number;
+    outputTokens?: number;
+    costUSD?: number;
+    /** A Go duration string, e.g. "3m2.5s". */
+    duration?: string;
+    success: boolean;
+    error?: string;
+    text?: string;
+    structuredOutput?: unknown;
+}
+/** What Captain's `run` frame says about the run; every field is optional because frames arrive as the run progresses. */
+export interface PromptRunFrame {
+    runId?: string;
+    status?: string;
+    model?: string;
+    provider?: string;
+    mode?: string;
+    sessionId?: string;
+}
+export interface PromptRunStreamOptions {
+    /** Prefix for the Captain routes; defaults to same-origin. */
+    baseUrl?: string;
+    /** Fires once, with the run's summary, when the run reaches a terminal frame. */
+    onDone?: (summary: PromptRunSummary) => void;
+}
+export type PromptRunStreamStatus = "idle" | "running" | "succeeded" | "failed";
+export interface PromptRunStreamState {
+    status: PromptRunStreamStatus;
+    sessionId?: string;
+    /** The latest `run` frame: model, provider, mode and ids, available from the first frame. */
+    run?: PromptRunFrame;
+    summary?: PromptRunSummary;
+    error?: string;
+    /** The run's transcript as it streams, whether or not Captain records a session. */
+    entries: SessionUIMessage[];
+}
+/**
+ * Follows a Captain prompt run by id: `idle` without one, `running` (with the
+ * session id from the `run` frame) until a terminal frame, then `succeeded` or
+ * `failed`. Callbacks are held in a ref, so passing a fresh `onDone` each render
+ * does not reopen the stream.
+ */
+export declare function usePromptRunStream(runId: string | undefined, options?: PromptRunStreamOptions): PromptRunStreamState;
+//# sourceMappingURL=use-prompt-run-stream.d.ts.map

package/dist/data/ai/use-prompt-run-stream.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-prompt-run-stream.d.ts","sourceRoot":"","sources":["../../../src/data/ai/use-prompt-run-stream.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAchE,oFAAoF;AACpF,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,0HAA0H;AAC1H,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iFAAiF;IACjF,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC9C;AAED,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;AAEhF,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,qBAAqB,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6FAA6F;IAC7F,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oFAAoF;IACpF,OAAO,EAAE,gBAAgB,EAAE,CAAC;CAC7B;AAmBD;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,OAAO,GAAE,sBAA2B,GACnC,oBAAoB,CAkFtB"}

package/dist/data/ai/use-prompt-run-stream.js

@@ -0,0 +1,126 @@
+import { useEventSourceFactory } from "../../hooks/event-source.js";
+import { useEffect, useRef, useState } from "react";
+// src/data/ai/use-prompt-run-stream.ts
+var IDLE = {
+	status: "idle",
+	entries: []
+};
+var RUNNING = {
+	status: "running",
+	entries: []
+};
+function upsertEntry(entries, entry) {
+	const index = entry.id ? entries.findIndex((existing) => existing.id === entry.id) : -1;
+	if (index < 0) return [...entries, entry];
+	const next = entries.slice();
+	next[index] = entry;
+	return next;
+}
+function frameData(event) {
+	return JSON.parse(event.data);
+}
+/**
+* Follows a Captain prompt run by id: `idle` without one, `running` (with the
+* session id from the `run` frame) until a terminal frame, then `succeeded` or
+* `failed`. Callbacks are held in a ref, so passing a fresh `onDone` each render
+* does not reopen the stream.
+*/
+function usePromptRunStream(runId, options = {}) {
+	const { baseUrl = "", onDone } = options;
+	const openStream = useEventSourceFactory();
+	const [tracked, setTracked] = useState();
+	const callbacks = useRef({ onDone });
+	callbacks.current = { onDone };
+	const openRef = useRef(openStream);
+	openRef.current = openStream;
+	useEffect(() => {
+		if (!runId) return;
+		let stale = false;
+		const runPath = `${baseUrl}/api/captain/prompt/runs/${encodeURIComponent(runId)}`;
+		const stream = openRef.current(`${runPath}/stream`);
+		const update = (next) => {
+			if (stale) return;
+			setTracked((tracked) => ({
+				runId,
+				state: next(tracked?.runId === runId ? tracked.state : RUNNING)
+			}));
+		};
+		const finish = (summary, fallbackError = "The prompt run failed.") => {
+			stream.close();
+			update((current) => {
+				const base = {
+					entries: current.entries,
+					...current.run ? { run: current.run } : {},
+					...summary.sessionId ? { sessionId: summary.sessionId } : current.sessionId ? { sessionId: current.sessionId } : {},
+					summary
+				};
+				return summary.success ? {
+					status: "succeeded",
+					...base
+				} : {
+					status: "failed",
+					...base,
+					error: summary.error || fallbackError
+				};
+			});
+			callbacks.current.onDone?.(summary);
+		};
+		stream.addEventListener("run", (event) => {
+			const { runId, status, model, provider, mode, sessionId } = frameData(event);
+			const run = {
+				...runId ? { runId } : {},
+				...status ? { status } : {},
+				...model ? { model } : {},
+				...provider ? { provider } : {},
+				...mode ? { mode } : {},
+				...sessionId ? { sessionId } : {}
+			};
+			update((current) => ({
+				...current,
+				run: {
+					...current.run,
+					...run
+				},
+				...sessionId ? { sessionId } : {}
+			}));
+		});
+		stream.addEventListener("entry", (event) => {
+			const entry = frameData(event);
+			update((current) => ({
+				...current,
+				entries: upsertEntry(current.entries, entry)
+			}));
+		});
+		stream.addEventListener("done", (event) => {
+			finish(frameData(event), "The prompt run did not succeed.");
+		});
+		stream.addEventListener("error", (event) => {
+			const data = event.data;
+			if (data) {
+				finish({
+					...JSON.parse(data),
+					success: false
+				});
+				return;
+			}
+			fetch(runPath).then((response) => {
+				if (response.status !== 404 || stale) return;
+				finish({
+					success: false,
+					error: "Captain no longer knows this prompt run; check its result before retrying."
+				});
+			}).catch((error) => {
+				console.warn(`prompt run ${runId}: snapshot probe after a dropped stream failed`, error);
+			});
+		});
+		return () => {
+			stale = true;
+			stream.close();
+		};
+	}, [runId, baseUrl]);
+	if (!runId) return IDLE;
+	return tracked?.runId === runId ? tracked.state : RUNNING;
+}
+export { usePromptRunStream };
+
+//# sourceMappingURL=use-prompt-run-stream.js.map

package/dist/data/ai/use-prompt-run-stream.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-prompt-run-stream.js","names":[],"sources":["../../../src/data/ai/use-prompt-run-stream.ts"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { useEventSourceFactory } from \"../../hooks/event-source\";\nimport type { SessionUIMessage } from \"./SessionViewer.unified\";\n\n// Follows one Captain prompt run (`PromptRunHandler`):\n//   GET {baseUrl}/api/captain/prompt/runs/{runId}/stream (SSE)\n//     `run`   → {runId,status,model,provider,mode,sessionId?}: run metadata, and\n//               the session to tail once Captain records one\n//     `entry` → one transcript message; replayed from the start on reconnect\n//     `done`  → the run's summary (success or failure)\n//     `error` → with data, the run's failed summary; without, a dropped\n//               connection the browser reconnects from (the server replays\n//               the run) — unless Captain has forgotten the run, which only\n//               the snapshot route can tell.\n//   GET {baseUrl}/api/captain/prompt/runs/{runId} → snapshot (404 once forgotten)\n\n/** The terminal summary Captain publishes with `done` and server `error` frames. */\nexport interface PromptRunSummary {\n  runId?: string;\n  sessionId?: string;\n  model?: string;\n  provider?: string;\n  mode?: string;\n  inputTokens?: number;\n  outputTokens?: number;\n  costUSD?: number;\n  /** A Go duration string, e.g. \"3m2.5s\". */\n  duration?: string;\n  success: boolean;\n  error?: string;\n  text?: string;\n  structuredOutput?: unknown;\n}\n\n/** What Captain's `run` frame says about the run; every field is optional because frames arrive as the run progresses. */\nexport interface PromptRunFrame {\n  runId?: string;\n  status?: string;\n  model?: string;\n  provider?: string;\n  mode?: string;\n  sessionId?: string;\n}\n\nexport interface PromptRunStreamOptions {\n  /** Prefix for the Captain routes; defaults to same-origin. */\n  baseUrl?: string;\n  /** Fires once, with the run's summary, when the run reaches a terminal frame. */\n  onDone?: (summary: PromptRunSummary) => void;\n}\n\nexport type PromptRunStreamStatus = \"idle\" | \"running\" | \"succeeded\" | \"failed\";\n\nexport interface PromptRunStreamState {\n  status: PromptRunStreamStatus;\n  sessionId?: string;\n  /** The latest `run` frame: model, provider, mode and ids, available from the first frame. */\n  run?: PromptRunFrame;\n  summary?: PromptRunSummary;\n  error?: string;\n  /** The run's transcript as it streams, whether or not Captain records a session. */\n  entries: SessionUIMessage[];\n}\n\nconst IDLE: PromptRunStreamState = { status: \"idle\", entries: [] };\nconst RUNNING: PromptRunStreamState = { status: \"running\", entries: [] };\n\n// upsertEntry replaces a replayed or updated message by id, so a reconnect's\n// replay does not duplicate the transcript.\nfunction upsertEntry(entries: SessionUIMessage[], entry: SessionUIMessage): SessionUIMessage[] {\n  const index = entry.id ? entries.findIndex((existing) => existing.id === entry.id) : -1;\n  if (index < 0) return [...entries, entry];\n  const next = entries.slice();\n  next[index] = entry;\n  return next;\n}\n\nfunction frameData<T>(event: Event): T {\n  return JSON.parse((event as MessageEvent<string>).data) as T;\n}\n\n/**\n * Follows a Captain prompt run by id: `idle` without one, `running` (with the\n * session id from the `run` frame) until a terminal frame, then `succeeded` or\n * `failed`. Callbacks are held in a ref, so passing a fresh `onDone` each render\n * does not reopen the stream.\n */\nexport function usePromptRunStream(\n  runId: string | undefined,\n  options: PromptRunStreamOptions = {},\n): PromptRunStreamState {\n  const { baseUrl = \"\", onDone } = options;\n  const openStream = useEventSourceFactory();\n  const [tracked, setTracked] = useState<{ runId: string; state: PromptRunStreamState } | undefined>();\n  const callbacks = useRef({ onDone });\n  callbacks.current = { onDone };\n  const openRef = useRef(openStream);\n  openRef.current = openStream;\n\n  useEffect(() => {\n    if (!runId) return;\n    let stale = false;\n    const runPath = `${baseUrl}/api/captain/prompt/runs/${encodeURIComponent(runId)}`;\n    const stream = openRef.current(`${runPath}/stream`);\n    const update = (next: (current: PromptRunStreamState) => PromptRunStreamState) => {\n      if (stale) return;\n      setTracked((tracked) => ({ runId, state: next(tracked?.runId === runId ? tracked.state : RUNNING) }));\n    };\n    const finish = (summary: PromptRunSummary, fallbackError = \"The prompt run failed.\") => {\n      stream.close();\n      update((current) => {\n        const base = {\n          entries: current.entries,\n          ...(current.run ? { run: current.run } : {}),\n          ...(summary.sessionId ? { sessionId: summary.sessionId } : current.sessionId ? { sessionId: current.sessionId } : {}),\n          summary,\n        };\n        return summary.success\n          ? { status: \"succeeded\", ...base }\n          : { status: \"failed\", ...base, error: summary.error || fallbackError };\n      });\n      callbacks.current.onDone?.(summary);\n    };\n\n    stream.addEventListener(\"run\", (event) => {\n      const { runId, status, model, provider, mode, sessionId } = frameData<PromptRunFrame>(event);\n      const run: PromptRunFrame = {\n        ...(runId ? { runId } : {}),\n        ...(status ? { status } : {}),\n        ...(model ? { model } : {}),\n        ...(provider ? { provider } : {}),\n        ...(mode ? { mode } : {}),\n        ...(sessionId ? { sessionId } : {}),\n      };\n      update((current) => ({\n        ...current,\n        run: { ...current.run, ...run },\n        ...(sessionId ? { sessionId } : {}),\n      }));\n    });\n    stream.addEventListener(\"entry\", (event) => {\n      const entry = frameData<SessionUIMessage>(event);\n      update((current) => ({ ...current, entries: upsertEntry(current.entries, entry) }));\n    });\n    stream.addEventListener(\"done\", (event) => {\n      finish(frameData<PromptRunSummary>(event), \"The prompt run did not succeed.\");\n    });\n    stream.addEventListener(\"error\", (event) => {\n      const data = (event as MessageEvent<string | undefined>).data;\n      if (data) {\n        // Only the server's terminal `error` frame carries a summary; it is a failure by definition.\n        finish({ ...JSON.parse(data), success: false } as PromptRunSummary);\n        return;\n      }\n      fetch(runPath)\n        .then((response) => {\n          if (response.status !== 404 || stale) return;\n          finish({ success: false, error: \"Captain no longer knows this prompt run; check its result before retrying.\" });\n        })\n        .catch((error: unknown) => {\n          // The stream is already reconnecting; an unreachable snapshot route only means the server is still down.\n          console.warn(`prompt run ${runId}: snapshot probe after a dropped stream failed`, error);\n        });\n    });\n    return () => {\n      stale = true;\n      stream.close();\n    };\n  }, [runId, baseUrl]);\n\n  if (!runId) return IDLE;\n  return tracked?.runId === runId ? tracked.state : RUNNING;\n}\n"],"mappings":"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"}

package/dist/data/cache-browser/CacheBrowser.cjs

@@ -28,6 +28,7 @@ function CacheBrowser({ baseUrl = "/api/v1", client: clientProp, fetcher, adapte
 	const registry = (0, react.useMemo)(() => adapters instanceof require_adapter.CacheAdapterRegistry ? adapters : require_adapter.createCacheRegistry(adapters ?? []), [adapters]);
 	const [selected, setSelected] = (0, react.useState)(null);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SplitPane.SplitPane, {
+		stackOnMobile: true,
 		className: require_utils.cn("min-h-0 flex-1", className),
 		defaultSplit,
 		left: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CacheTree.CacheTree, {

package/dist/data/cache-browser/CacheBrowser.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CacheBrowser.cjs","names":["useMemo","createCacheClient","CacheAdapterRegistry","createCacheRegistry","useState","SplitPane","cn","CacheTree","CacheDetailPanel","CacheStatsOverview"],"sources":["../../../src/data/cache-browser/CacheBrowser.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { SplitPane } from \"../../layout/SplitPane\";\nimport { createCacheClient, type CacheClient, type CacheFetcher } from \"./api\";\nimport {\n  CacheAdapterRegistry,\n  createCacheRegistry,\n  type CacheNodeAdapter,\n} from \"./adapter\";\nimport { CacheTree } from \"./CacheTree\";\nimport { CacheDetailPanel } from \"./CacheDetailPanel\";\nimport { CacheStatsOverview } from \"./CacheStatsOverview\";\nimport type { CacheTreeNode } from \"./types\";\n\nexport type CacheBrowserProps = {\n  /** API base the cache endpoints are mounted under, e.g. \"/api/v1\". */\n  baseUrl?: string;\n  /** Pre-built client; takes precedence over baseUrl/fetcher. */\n  client?: CacheClient;\n  fetcher?: CacheFetcher;\n  /** Domain node adapters, or a pre-built registry. */\n  adapters?: CacheNodeAdapter[] | CacheAdapterRegistry;\n  /** Logical prefix the browser is rooted at; empty browses everything. */\n  rootPrefix?: string;\n  /** Initial left-pane width percentage. */\n  defaultSplit?: number;\n  className?: string;\n};\n\n/**\n * Generic cache/valkey browser: a lazy prefix tree with server-side key\n * search on the left, and on the right either the whole-keyspace stats\n * overview (nothing selected), an aggregated subtree overview (prefix\n * selected) or full key detail with adapter-pluggable value rendering (key\n * selected). Requires a react-query QueryClientProvider in the host app,\n * like TimeseriesPanel.\n */\nexport function CacheBrowser({\n  baseUrl = \"/api/v1\",\n  client: clientProp,\n  fetcher,\n  adapters,\n  rootPrefix = \"\",\n  defaultSplit = 35,\n  className,\n}: CacheBrowserProps) {\n  const client = useMemo(\n    () => clientProp ?? createCacheClient({ baseUrl, ...(fetcher ? { fetcher } : {}) }),\n    [clientProp, baseUrl, fetcher],\n  );\n  const registry = useMemo(\n    () =>\n      adapters instanceof CacheAdapterRegistry\n        ? adapters\n        : createCacheRegistry(adapters ?? []),\n    [adapters],\n  );\n  const [selected, setSelected] = useState<CacheTreeNode | null>(null);\n\n  return (\n    <SplitPane\n      className={cn(\"min-h-0 flex-1\", className)}\n      defaultSplit={defaultSplit}\n      left={\n        <CacheTree\n          client={client}\n          registry={registry}\n          rootPrefix={rootPrefix}\n          selected={selected}\n          onSelect={setSelected}\n        />\n      }\n      right={\n        selected ? (\n          <CacheDetailPanel\n            client={client}\n            registry={registry}\n            node={selected}\n            onSelect={setSelected}\n            onDeleted={() => setSelected(null)}\n          />\n        ) : (\n          <CacheStatsOverview client={client} rootPrefix={rootPrefix} onSelect={setSelected} />\n        )\n      }\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAqCA,SAAgB,aAAa,EAC3B,UAAU,WACV,QAAQ,YACR,SACA,UACA,aAAa,IACb,eAAe,IACf,aACoB;CACpB,MAAM,UAAA,GAASA,MAAAA,QAAAA,OACP,cAAcC,YAAAA,kBAAkB;EAAE;EAAS,GAAI,UAAU,EAAE,QAAQ,IAAI,CAAC;CAAG,CAAC,GAClF;EAAC;EAAY;EAAS;CAAO,CAC/B;CACA,MAAM,YAAA,GAAWD,MAAAA,QAAAA,OAEb,oBAAoBE,gBAAAA,uBAChB,WACAC,gBAAAA,oBAAoB,YAAY,CAAC,CAAC,GACxC,CAAC,QAAQ,CACX;CACA,MAAM,CAAC,UAAU,gBAAA,GAAeC,MAAAA,SAAAA,CAA+B,IAAI;CAEnE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,kBAAAA,WAAD;EACE,WAAWC,cAAAA,GAAG,kBAAkB,SAAS;EAC3B;EACd,MACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,kBAAAA,WAAD;GACU;GACE;GACE;GACF;GACV,UAAU;EACX,CAAA;EAEH,OACE,WACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,kBAAD;GACU;GACE;GACV,MAAM;GACN,UAAU;GACV,iBAAiB,YAAY,IAAI;EAClC,CAAA,IAED,iBAAA,GAAA,kBAAA,IAAA,CAACC,2BAAAA,oBAAD;GAA4B;GAAoB;GAAY,UAAU;EAAc,CAAA;CAGzF,CAAA;AAEL"}
+{"version":3,"file":"CacheBrowser.cjs","names":["useMemo","createCacheClient","CacheAdapterRegistry","createCacheRegistry","useState","SplitPane","cn","CacheTree","CacheDetailPanel","CacheStatsOverview"],"sources":["../../../src/data/cache-browser/CacheBrowser.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { SplitPane } from \"../../layout/SplitPane\";\nimport { createCacheClient, type CacheClient, type CacheFetcher } from \"./api\";\nimport {\n  CacheAdapterRegistry,\n  createCacheRegistry,\n  type CacheNodeAdapter,\n} from \"./adapter\";\nimport { CacheTree } from \"./CacheTree\";\nimport { CacheDetailPanel } from \"./CacheDetailPanel\";\nimport { CacheStatsOverview } from \"./CacheStatsOverview\";\nimport type { CacheTreeNode } from \"./types\";\n\nexport type CacheBrowserProps = {\n  /** API base the cache endpoints are mounted under, e.g. \"/api/v1\". */\n  baseUrl?: string;\n  /** Pre-built client; takes precedence over baseUrl/fetcher. */\n  client?: CacheClient;\n  fetcher?: CacheFetcher;\n  /** Domain node adapters, or a pre-built registry. */\n  adapters?: CacheNodeAdapter[] | CacheAdapterRegistry;\n  /** Logical prefix the browser is rooted at; empty browses everything. */\n  rootPrefix?: string;\n  /** Initial left-pane width percentage. */\n  defaultSplit?: number;\n  className?: string;\n};\n\n/**\n * Generic cache/valkey browser: a lazy prefix tree with server-side key\n * search on the left, and on the right either the whole-keyspace stats\n * overview (nothing selected), an aggregated subtree overview (prefix\n * selected) or full key detail with adapter-pluggable value rendering (key\n * selected). Requires a react-query QueryClientProvider in the host app,\n * like TimeseriesPanel.\n */\nexport function CacheBrowser({\n  baseUrl = \"/api/v1\",\n  client: clientProp,\n  fetcher,\n  adapters,\n  rootPrefix = \"\",\n  defaultSplit = 35,\n  className,\n}: CacheBrowserProps) {\n  const client = useMemo(\n    () => clientProp ?? createCacheClient({ baseUrl, ...(fetcher ? { fetcher } : {}) }),\n    [clientProp, baseUrl, fetcher],\n  );\n  const registry = useMemo(\n    () =>\n      adapters instanceof CacheAdapterRegistry\n        ? adapters\n        : createCacheRegistry(adapters ?? []),\n    [adapters],\n  );\n  const [selected, setSelected] = useState<CacheTreeNode | null>(null);\n\n  return (\n    <SplitPane\n      stackOnMobile\n      className={cn(\"min-h-0 flex-1\", className)}\n      defaultSplit={defaultSplit}\n      left={\n        <CacheTree\n          client={client}\n          registry={registry}\n          rootPrefix={rootPrefix}\n          selected={selected}\n          onSelect={setSelected}\n        />\n      }\n      right={\n        selected ? (\n          <CacheDetailPanel\n            client={client}\n            registry={registry}\n            node={selected}\n            onSelect={setSelected}\n            onDeleted={() => setSelected(null)}\n          />\n        ) : (\n          <CacheStatsOverview client={client} rootPrefix={rootPrefix} onSelect={setSelected} />\n        )\n      }\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAqCA,SAAgB,aAAa,EAC3B,UAAU,WACV,QAAQ,YACR,SACA,UACA,aAAa,IACb,eAAe,IACf,aACoB;CACpB,MAAM,UAAA,GAASA,MAAAA,QAAAA,OACP,cAAcC,YAAAA,kBAAkB;EAAE;EAAS,GAAI,UAAU,EAAE,QAAQ,IAAI,CAAC;CAAG,CAAC,GAClF;EAAC;EAAY;EAAS;CAAO,CAC/B;CACA,MAAM,YAAA,GAAWD,MAAAA,QAAAA,OAEb,oBAAoBE,gBAAAA,uBAChB,WACAC,gBAAAA,oBAAoB,YAAY,CAAC,CAAC,GACxC,CAAC,QAAQ,CACX;CACA,MAAM,CAAC,UAAU,gBAAA,GAAeC,MAAAA,SAAAA,CAA+B,IAAI;CAEnE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,kBAAAA,WAAD;EACE,eAAA;EACA,WAAWC,cAAAA,GAAG,kBAAkB,SAAS;EAC3B;EACd,MACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,kBAAAA,WAAD;GACU;GACE;GACE;GACF;GACV,UAAU;EACX,CAAA;EAEH,OACE,WACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,kBAAD;GACU;GACE;GACV,MAAM;GACN,UAAU;GACV,iBAAiB,YAAY,IAAI;EAClC,CAAA,IAED,iBAAA,GAAA,kBAAA,IAAA,CAACC,2BAAAA,oBAAD;GAA4B;GAAoB;GAAY,UAAU;EAAc,CAAA;CAGzF,CAAA;AAEL"}

package/dist/data/cache-browser/CacheBrowser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CacheBrowser.d.ts","sourceRoot":"","sources":["../../../src/data/cache-browser/CacheBrowser.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAqB,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EACL,oBAAoB,EAEpB,KAAK,gBAAgB,EACtB,MAAM,WAAW,CAAC;AAMnB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,gBAAgB,EAAE,GAAG,oBAAoB,CAAC;IACrD,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAmB,EACnB,MAAM,EAAE,UAAU,EAClB,OAAO,EACP,QAAQ,EACR,UAAe,EACf,YAAiB,EACjB,SAAS,GACV,EAAE,iBAAiB,+BA0CnB"}
+{"version":3,"file":"CacheBrowser.d.ts","sourceRoot":"","sources":["../../../src/data/cache-browser/CacheBrowser.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAqB,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EACL,oBAAoB,EAEpB,KAAK,gBAAgB,EACtB,MAAM,WAAW,CAAC;AAMnB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,gBAAgB,EAAE,GAAG,oBAAoB,CAAC;IACrD,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAmB,EACnB,MAAM,EAAE,UAAU,EAClB,OAAO,EACP,QAAQ,EACR,UAAe,EACf,YAAiB,EACjB,SAAS,GACV,EAAE,iBAAiB,+BA2CnB"}

package/dist/data/cache-browser/CacheBrowser.js

@@ -28,6 +28,7 @@ function CacheBrowser({ baseUrl = "/api/v1", client: clientProp, fetcher, adapte
 	const registry = useMemo(() => adapters instanceof CacheAdapterRegistry ? adapters : createCacheRegistry(adapters ?? []), [adapters]);
 	const [selected, setSelected] = useState(null);
 	return /* @__PURE__ */ jsx(SplitPane, {
+		stackOnMobile: true,
 		className: cn("min-h-0 flex-1", className),
 		defaultSplit,
 		left: /* @__PURE__ */ jsx(CacheTree, {

package/dist/data/cache-browser/CacheBrowser.js.map

@@ -1 +1 @@
-{"version":3,"file":"CacheBrowser.js","names":[],"sources":["../../../src/data/cache-browser/CacheBrowser.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { SplitPane } from \"../../layout/SplitPane\";\nimport { createCacheClient, type CacheClient, type CacheFetcher } from \"./api\";\nimport {\n  CacheAdapterRegistry,\n  createCacheRegistry,\n  type CacheNodeAdapter,\n} from \"./adapter\";\nimport { CacheTree } from \"./CacheTree\";\nimport { CacheDetailPanel } from \"./CacheDetailPanel\";\nimport { CacheStatsOverview } from \"./CacheStatsOverview\";\nimport type { CacheTreeNode } from \"./types\";\n\nexport type CacheBrowserProps = {\n  /** API base the cache endpoints are mounted under, e.g. \"/api/v1\". */\n  baseUrl?: string;\n  /** Pre-built client; takes precedence over baseUrl/fetcher. */\n  client?: CacheClient;\n  fetcher?: CacheFetcher;\n  /** Domain node adapters, or a pre-built registry. */\n  adapters?: CacheNodeAdapter[] | CacheAdapterRegistry;\n  /** Logical prefix the browser is rooted at; empty browses everything. */\n  rootPrefix?: string;\n  /** Initial left-pane width percentage. */\n  defaultSplit?: number;\n  className?: string;\n};\n\n/**\n * Generic cache/valkey browser: a lazy prefix tree with server-side key\n * search on the left, and on the right either the whole-keyspace stats\n * overview (nothing selected), an aggregated subtree overview (prefix\n * selected) or full key detail with adapter-pluggable value rendering (key\n * selected). Requires a react-query QueryClientProvider in the host app,\n * like TimeseriesPanel.\n */\nexport function CacheBrowser({\n  baseUrl = \"/api/v1\",\n  client: clientProp,\n  fetcher,\n  adapters,\n  rootPrefix = \"\",\n  defaultSplit = 35,\n  className,\n}: CacheBrowserProps) {\n  const client = useMemo(\n    () => clientProp ?? createCacheClient({ baseUrl, ...(fetcher ? { fetcher } : {}) }),\n    [clientProp, baseUrl, fetcher],\n  );\n  const registry = useMemo(\n    () =>\n      adapters instanceof CacheAdapterRegistry\n        ? adapters\n        : createCacheRegistry(adapters ?? []),\n    [adapters],\n  );\n  const [selected, setSelected] = useState<CacheTreeNode | null>(null);\n\n  return (\n    <SplitPane\n      className={cn(\"min-h-0 flex-1\", className)}\n      defaultSplit={defaultSplit}\n      left={\n        <CacheTree\n          client={client}\n          registry={registry}\n          rootPrefix={rootPrefix}\n          selected={selected}\n          onSelect={setSelected}\n        />\n      }\n      right={\n        selected ? (\n          <CacheDetailPanel\n            client={client}\n            registry={registry}\n            node={selected}\n            onSelect={setSelected}\n            onDeleted={() => setSelected(null)}\n          />\n        ) : (\n          <CacheStatsOverview client={client} rootPrefix={rootPrefix} onSelect={setSelected} />\n        )\n      }\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAqCA,SAAgB,aAAa,EAC3B,UAAU,WACV,QAAQ,YACR,SACA,UACA,aAAa,IACb,eAAe,IACf,aACoB;CACpB,MAAM,SAAS,cACP,cAAc,kBAAkB;EAAE;EAAS,GAAI,UAAU,EAAE,QAAQ,IAAI,CAAC;CAAG,CAAC,GAClF;EAAC;EAAY;EAAS;CAAO,CAC/B;CACA,MAAM,WAAW,cAEb,oBAAoB,uBAChB,WACA,oBAAoB,YAAY,CAAC,CAAC,GACxC,CAAC,QAAQ,CACX;CACA,MAAM,CAAC,UAAU,eAAe,SAA+B,IAAI;CAEnE,OACE,oBAAC,WAAD;EACE,WAAW,GAAG,kBAAkB,SAAS;EAC3B;EACd,MACE,oBAAC,WAAD;GACU;GACE;GACE;GACF;GACV,UAAU;EACX,CAAA;EAEH,OACE,WACE,oBAAC,kBAAD;GACU;GACE;GACV,MAAM;GACN,UAAU;GACV,iBAAiB,YAAY,IAAI;EAClC,CAAA,IAED,oBAAC,oBAAD;GAA4B;GAAoB;GAAY,UAAU;EAAc,CAAA;CAGzF,CAAA;AAEL"}
+{"version":3,"file":"CacheBrowser.js","names":[],"sources":["../../../src/data/cache-browser/CacheBrowser.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { SplitPane } from \"../../layout/SplitPane\";\nimport { createCacheClient, type CacheClient, type CacheFetcher } from \"./api\";\nimport {\n  CacheAdapterRegistry,\n  createCacheRegistry,\n  type CacheNodeAdapter,\n} from \"./adapter\";\nimport { CacheTree } from \"./CacheTree\";\nimport { CacheDetailPanel } from \"./CacheDetailPanel\";\nimport { CacheStatsOverview } from \"./CacheStatsOverview\";\nimport type { CacheTreeNode } from \"./types\";\n\nexport type CacheBrowserProps = {\n  /** API base the cache endpoints are mounted under, e.g. \"/api/v1\". */\n  baseUrl?: string;\n  /** Pre-built client; takes precedence over baseUrl/fetcher. */\n  client?: CacheClient;\n  fetcher?: CacheFetcher;\n  /** Domain node adapters, or a pre-built registry. */\n  adapters?: CacheNodeAdapter[] | CacheAdapterRegistry;\n  /** Logical prefix the browser is rooted at; empty browses everything. */\n  rootPrefix?: string;\n  /** Initial left-pane width percentage. */\n  defaultSplit?: number;\n  className?: string;\n};\n\n/**\n * Generic cache/valkey browser: a lazy prefix tree with server-side key\n * search on the left, and on the right either the whole-keyspace stats\n * overview (nothing selected), an aggregated subtree overview (prefix\n * selected) or full key detail with adapter-pluggable value rendering (key\n * selected). Requires a react-query QueryClientProvider in the host app,\n * like TimeseriesPanel.\n */\nexport function CacheBrowser({\n  baseUrl = \"/api/v1\",\n  client: clientProp,\n  fetcher,\n  adapters,\n  rootPrefix = \"\",\n  defaultSplit = 35,\n  className,\n}: CacheBrowserProps) {\n  const client = useMemo(\n    () => clientProp ?? createCacheClient({ baseUrl, ...(fetcher ? { fetcher } : {}) }),\n    [clientProp, baseUrl, fetcher],\n  );\n  const registry = useMemo(\n    () =>\n      adapters instanceof CacheAdapterRegistry\n        ? adapters\n        : createCacheRegistry(adapters ?? []),\n    [adapters],\n  );\n  const [selected, setSelected] = useState<CacheTreeNode | null>(null);\n\n  return (\n    <SplitPane\n      stackOnMobile\n      className={cn(\"min-h-0 flex-1\", className)}\n      defaultSplit={defaultSplit}\n      left={\n        <CacheTree\n          client={client}\n          registry={registry}\n          rootPrefix={rootPrefix}\n          selected={selected}\n          onSelect={setSelected}\n        />\n      }\n      right={\n        selected ? (\n          <CacheDetailPanel\n            client={client}\n            registry={registry}\n            node={selected}\n            onSelect={setSelected}\n            onDeleted={() => setSelected(null)}\n          />\n        ) : (\n          <CacheStatsOverview client={client} rootPrefix={rootPrefix} onSelect={setSelected} />\n        )\n      }\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAqCA,SAAgB,aAAa,EAC3B,UAAU,WACV,QAAQ,YACR,SACA,UACA,aAAa,IACb,eAAe,IACf,aACoB;CACpB,MAAM,SAAS,cACP,cAAc,kBAAkB;EAAE;EAAS,GAAI,UAAU,EAAE,QAAQ,IAAI,CAAC;CAAG,CAAC,GAClF;EAAC;EAAY;EAAS;CAAO,CAC/B;CACA,MAAM,WAAW,cAEb,oBAAoB,uBAChB,WACA,oBAAoB,YAAY,CAAC,CAAC,GACxC,CAAC,QAAQ,CACX;CACA,MAAM,CAAC,UAAU,eAAe,SAA+B,IAAI;CAEnE,OACE,oBAAC,WAAD;EACE,eAAA;EACA,WAAW,GAAG,kBAAkB,SAAS;EAC3B;EACd,MACE,oBAAC,WAAD;GACU;GACE;GACE;GACF;GACV,UAAU;EACX,CAAA;EAEH,OACE,WACE,oBAAC,kBAAD;GACU;GACE;GACV,MAAM;GACN,UAAU;GACV,iBAAiB,YAAY,IAAI;EAClC,CAAA,IAED,oBAAC,oBAAD;GAA4B;GAAoB;GAAY,UAAU;EAAc,CAAA;CAGzF,CAAA;AAEL"}

package/dist/data/charts/BarChart.cjs

@@ -0,0 +1,194 @@
+const require_chart_palette = require("./chart-palette.cjs");
+const require_chart_scale = require("./chart-scale.cjs");
+const require_chart_marks = require("./chart-marks.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/data/charts/BarChart.tsx
+var ROW_HEIGHT = 22;
+var PAD = 4;
+var GAP = 6;
+var VERTICAL_HEIGHT = 160;
+/** A single-series bar chart: one bar per row, value labelled directly. */
+function BarChart({ data, width, height, orientation = "horizontal", format = require_chart_scale.formatChartValue, maxBars, className }) {
+	require_chart_scale.assertChartSize("BarChart", width, height);
+	data.forEach((datum) => {
+		require_chart_scale.assertFinite("BarChart", datum.label, datum.value);
+		if (datum.value < 0) throw new Error(`BarChart: negative value ${datum.value} for "${datum.label}"; bars start at 0`);
+	});
+	const rows = require_chart_scale.foldTail(data, maxBars).map((row) => "folded" in row ? {
+		label: row.label,
+		value: row.value,
+		fill: require_chart_palette.CHART_INK.other,
+		title: `Other (${row.folded} more): ${format(row.value)}`
+	} : {
+		label: row.label,
+		value: row.value,
+		fill: row.color ?? require_chart_palette.chartColor(0),
+		title: `${row.label}: ${format(row.value)}`
+	});
+	if (rows.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_chart_marks.ChartEmpty, {
+		className,
+		height: height ?? (orientation === "vertical" ? VERTICAL_HEIGHT : 44),
+		width
+	});
+	const props = {
+		rows,
+		width,
+		format,
+		className
+	};
+	return orientation === "vertical" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(VerticalBars, {
+		...props,
+		height: height ?? VERTICAL_HEIGHT
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HorizontalBars, {
+		...props,
+		height: height ?? rows.length * ROW_HEIGHT + 8
+	});
+}
+function HorizontalBars({ rows, width, height, format, className }) {
+	const rowHeight = (height - 8) / rows.length;
+	const thickness = Math.min(14, rowHeight * .7);
+	const labelWidth = Math.min(width * .35, Math.max(...rows.map((row) => require_chart_scale.textWidth(row.label)))) + GAP;
+	const valueWidth = Math.max(...rows.map((row) => require_chart_scale.textWidth(format(row.value)))) + GAP;
+	const plot = width - labelWidth - valueWidth;
+	if (plot < 8) throw new Error(`BarChart: width ${width} leaves ${require_chart_scale.px(plot)}px for bars after labels and values`);
+	const max = Math.max(...rows.map((row) => row.value)) || 1;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_chart_marks.ChartFrame, {
+		className,
+		height,
+		label: `Bar chart of ${rows.length} rows`,
+		width,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("line", {
+			stroke: require_chart_palette.CHART_INK.grid,
+			x1: require_chart_scale.px(labelWidth),
+			x2: require_chart_scale.px(labelWidth),
+			y1: PAD,
+			y2: require_chart_scale.px(height - PAD)
+		}), rows.map((row, index) => {
+			const top = PAD + index * rowHeight;
+			const middle = require_chart_scale.px(top + rowHeight / 2);
+			const length = row.value > 0 ? Math.max(2, row.value / max * plot) : 0;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("g", {
+				"data-label": row.label,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: row.title }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+						fill: "transparent",
+						height: require_chart_scale.px(rowHeight),
+						width,
+						x: 0,
+						y: require_chart_scale.px(top)
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("text", {
+						"data-role": "label",
+						dominantBaseline: "central",
+						fill: require_chart_palette.CHART_INK.axis,
+						textAnchor: "end",
+						x: require_chart_scale.px(labelWidth - GAP),
+						y: middle,
+						children: require_chart_scale.truncateLabel(row.label, labelWidth - GAP)
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_chart_marks.BarMark, {
+						base: labelWidth,
+						cross: middle - thickness / 2,
+						fill: row.fill,
+						length,
+						orientation: "horizontal",
+						rounded: true,
+						thickness
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("text", {
+						"data-role": "value",
+						dominantBaseline: "central",
+						fill: require_chart_palette.CHART_INK.text,
+						x: require_chart_scale.px(labelWidth + length + GAP),
+						y: middle,
+						children: format(row.value)
+					})
+				]
+			}, `${index}-${row.label}`);
+		})]
+	});
+}
+function VerticalBars({ rows, width, height, format, className }) {
+	const top = 16;
+	const baseline = height - 22;
+	const plot = baseline - top;
+	if (plot < 8) throw new Error(`BarChart: height ${height} leaves ${plot}px for bars after labels`);
+	const slot = width / rows.length;
+	const thickness = Math.max(1, Math.min(slot - 2, 64));
+	const step = require_chart_scale.labelStep(rows.map((row) => row.label), slot);
+	const max = Math.max(...rows.map((row) => row.value)) || 1;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_chart_marks.ChartFrame, {
+		className,
+		height,
+		label: `Bar chart of ${rows.length} bars`,
+		width,
+		children: [
+			[
+				.25,
+				.5,
+				.75
+			].map((fraction) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("line", {
+				stroke: require_chart_palette.CHART_INK.grid,
+				x1: 0,
+				x2: width,
+				y1: require_chart_scale.px(baseline - plot * fraction),
+				y2: require_chart_scale.px(baseline - plot * fraction)
+			}, fraction)),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("line", {
+				stroke: require_chart_palette.CHART_INK.grid,
+				x1: 0,
+				x2: width,
+				y1: baseline,
+				y2: baseline
+			}),
+			rows.map((row, index) => {
+				const center = require_chart_scale.px(index * slot + slot / 2);
+				const length = row.value > 0 ? Math.max(2, row.value / max * plot) : 0;
+				const value = format(row.value);
+				const label = require_chart_scale.truncateLabel(row.label, slot * step - GAP);
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("g", {
+					"data-label": row.label,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: row.title }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+							fill: "transparent",
+							height,
+							width: require_chart_scale.px(slot),
+							x: require_chart_scale.px(index * slot),
+							y: 0
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_chart_marks.BarMark, {
+							base: baseline,
+							cross: center - thickness / 2,
+							fill: row.fill,
+							length,
+							orientation: "vertical",
+							rounded: true,
+							thickness
+						}),
+						require_chart_scale.textWidth(value) <= slot && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("text", {
+							"data-role": "value",
+							fill: require_chart_palette.CHART_INK.text,
+							textAnchor: "middle",
+							x: center,
+							y: require_chart_scale.px(baseline - length - 4),
+							children: value
+						}),
+						index % step === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("text", {
+							"data-role": "label",
+							fill: require_chart_palette.CHART_INK.axis,
+							textAnchor: "middle",
+							x: require_chart_scale.clampLabelX(center, label, width),
+							y: height - 6,
+							children: label
+						})
+					]
+				}, `${index}-${row.label}`);
+			})
+		]
+	});
+}
+exports.BarChart = BarChart;
+
+//# sourceMappingURL=BarChart.cjs.map

package/dist/data/charts/BarChart.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.cjs","names":["formatChartValue","foldTail","CHART_INK","chartColor","ChartEmpty","textWidth","px","ChartFrame","truncateLabel","BarMark","labelStep","clampLabelX"],"sources":["../../../src/data/charts/BarChart.tsx"],"sourcesContent":["import { BarMark, ChartEmpty, ChartFrame } from \"./chart-marks\";\nimport { CHART_INK, chartColor } from \"./chart-palette\";\nimport {\n  assertChartSize,\n  assertFinite,\n  clampLabelX,\n  foldTail,\n  formatChartValue,\n  labelStep,\n  px,\n  textWidth,\n  truncateLabel,\n  X_AXIS_BAND,\n  X_LABEL_INSET,\n} from \"./chart-scale\";\n\nexport type BarChartDatum = { label: string; value: number; color?: string };\n\nexport type BarChartProps = {\n  data: BarChartDatum[];\n  width: number;\n  /** Horizontal charts derive it from the row count when omitted. */\n  height?: number;\n  orientation?: \"horizontal\" | \"vertical\";\n  format?: (n: number) => string;\n  /** Show at most this many bars; the tail is summed into one \"Other\" bar. */\n  maxBars?: number;\n  className?: string;\n};\n\ntype Row = { label: string; value: number; fill: string; title: string };\n\nconst ROW_HEIGHT = 22;\nconst PAD = 4;\nconst GAP = 6;\nconst VERTICAL_HEIGHT = 160;\n\n/** A single-series bar chart: one bar per row, value labelled directly. */\nexport function BarChart({ data, width, height, orientation = \"horizontal\", format = formatChartValue, maxBars, className }: BarChartProps) {\n  assertChartSize(\"BarChart\", width, height);\n  data.forEach((datum) => {\n    assertFinite(\"BarChart\", datum.label, datum.value);\n    if (datum.value < 0) throw new Error(`BarChart: negative value ${datum.value} for \"${datum.label}\"; bars start at 0`);\n  });\n  const rows: Row[] = foldTail(data, maxBars).map((row) =>\n    \"folded\" in row\n      ? { label: row.label, value: row.value, fill: CHART_INK.other, title: `Other (${row.folded} more): ${format(row.value)}` }\n      : { label: row.label, value: row.value, fill: row.color ?? chartColor(0), title: `${row.label}: ${format(row.value)}` },\n  );\n  if (rows.length === 0) {\n    return <ChartEmpty className={className} height={height ?? (orientation === \"vertical\" ? VERTICAL_HEIGHT : ROW_HEIGHT * 2)} width={width} />;\n  }\n  const props = { rows, width, format, className };\n  return orientation === \"vertical\" ? (\n    <VerticalBars {...props} height={height ?? VERTICAL_HEIGHT} />\n  ) : (\n    <HorizontalBars {...props} height={height ?? rows.length * ROW_HEIGHT + PAD * 2} />\n  );\n}\n\ntype LayoutProps = { rows: Row[]; width: number; height: number; format: (n: number) => string; className: string | undefined };\n\nfunction HorizontalBars({ rows, width, height, format, className }: LayoutProps) {\n  const rowHeight = (height - PAD * 2) / rows.length;\n  const thickness = Math.min(14, rowHeight * 0.7);\n  const labelWidth = Math.min(width * 0.35, Math.max(...rows.map((row) => textWidth(row.label)))) + GAP;\n  const valueWidth = Math.max(...rows.map((row) => textWidth(format(row.value)))) + GAP;\n  const plot = width - labelWidth - valueWidth;\n  if (plot < 8) throw new Error(`BarChart: width ${width} leaves ${px(plot)}px for bars after labels and values`);\n  const max = Math.max(...rows.map((row) => row.value)) || 1;\n\n  return (\n    <ChartFrame className={className} height={height} label={`Bar chart of ${rows.length} rows`} width={width}>\n      <line stroke={CHART_INK.grid} x1={px(labelWidth)} x2={px(labelWidth)} y1={PAD} y2={px(height - PAD)} />\n      {rows.map((row, index) => {\n        const top = PAD + index * rowHeight;\n        const middle = px(top + rowHeight / 2);\n        const length = row.value > 0 ? Math.max(2, (row.value / max) * plot) : 0;\n        return (\n          <g data-label={row.label} key={`${index}-${row.label}`}>\n            <title>{row.title}</title>\n            <rect fill=\"transparent\" height={px(rowHeight)} width={width} x={0} y={px(top)} />\n            <text data-role=\"label\" dominantBaseline=\"central\" fill={CHART_INK.axis} textAnchor=\"end\" x={px(labelWidth - GAP)} y={middle}>\n              {truncateLabel(row.label, labelWidth - GAP)}\n            </text>\n            <BarMark base={labelWidth} cross={middle - thickness / 2} fill={row.fill} length={length} orientation=\"horizontal\" rounded thickness={thickness} />\n            <text data-role=\"value\" dominantBaseline=\"central\" fill={CHART_INK.text} x={px(labelWidth + length + GAP)} y={middle}>\n              {format(row.value)}\n            </text>\n          </g>\n        );\n      })}\n    </ChartFrame>\n  );\n}\n\nfunction VerticalBars({ rows, width, height, format, className }: LayoutProps) {\n  const top = 16;\n  const baseline = height - X_AXIS_BAND;\n  const plot = baseline - top;\n  if (plot < 8) throw new Error(`BarChart: height ${height} leaves ${plot}px for bars after labels`);\n  const slot = width / rows.length;\n  const thickness = Math.max(1, Math.min(slot - 2, 64));\n  const step = labelStep(rows.map((row) => row.label), slot);\n  const max = Math.max(...rows.map((row) => row.value)) || 1;\n\n  return (\n    <ChartFrame className={className} height={height} label={`Bar chart of ${rows.length} bars`} width={width}>\n      {[0.25, 0.5, 0.75].map((fraction) => (\n        <line key={fraction} stroke={CHART_INK.grid} x1={0} x2={width} y1={px(baseline - plot * fraction)} y2={px(baseline - plot * fraction)} />\n      ))}\n      <line stroke={CHART_INK.grid} x1={0} x2={width} y1={baseline} y2={baseline} />\n      {rows.map((row, index) => {\n        const center = px(index * slot + slot / 2);\n        const length = row.value > 0 ? Math.max(2, (row.value / max) * plot) : 0;\n        const value = format(row.value);\n        const label = truncateLabel(row.label, slot * step - GAP);\n        return (\n          <g data-label={row.label} key={`${index}-${row.label}`}>\n            <title>{row.title}</title>\n            <rect fill=\"transparent\" height={height} width={px(slot)} x={px(index * slot)} y={0} />\n            <BarMark base={baseline} cross={center - thickness / 2} fill={row.fill} length={length} orientation=\"vertical\" rounded thickness={thickness} />\n            {textWidth(value) <= slot && (\n              <text data-role=\"value\" fill={CHART_INK.text} textAnchor=\"middle\" x={center} y={px(baseline - length - 4)}>\n                {value}\n              </text>\n            )}\n            {index % step === 0 && (\n              <text data-role=\"label\" fill={CHART_INK.axis} textAnchor=\"middle\" x={clampLabelX(center, label, width)} y={height - X_LABEL_INSET}>\n                {label}\n              </text>\n            )}\n          </g>\n        );\n      })}\n    </ChartFrame>\n  );\n}\n"],"mappings":"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"}

package/dist/data/charts/BarChart.d.ts

@@ -0,0 +1,19 @@
+export type BarChartDatum = {
+    label: string;
+    value: number;
+    color?: string;
+};
+export type BarChartProps = {
+    data: BarChartDatum[];
+    width: number;
+    /** Horizontal charts derive it from the row count when omitted. */
+    height?: number;
+    orientation?: "horizontal" | "vertical";
+    format?: (n: number) => string;
+    /** Show at most this many bars; the tail is summed into one "Other" bar. */
+    maxBars?: number;
+    className?: string;
+};
+/** A single-series bar chart: one bar per row, value labelled directly. */
+export declare function BarChart({ data, width, height, orientation, format, maxBars, className }: BarChartProps): import("react").JSX.Element;
+//# sourceMappingURL=BarChart.d.ts.map

package/dist/data/charts/BarChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../../src/data/charts/BarChart.tsx"],"names":[],"mappings":"AAgBA,MAAM,MAAM,aAAa,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE7E,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/B,4EAA4E;IAC5E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AASF,2EAA2E;AAC3E,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,WAA0B,EAAE,MAAyB,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,aAAa,+BAoBzI"}