@oxy-hq/sdk 2.0.1 → 2.1.0

package/dist/index.mjs

@@ -1,6 +1,88 @@
 // @oxy/sdk - TypeScript SDK for Oxy data platform
 import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
+//#region src/anomalies.ts
+/**
+* Client for `/semantic/anomalies*`. Construct via `OxyClient.anomalies`
+* rather than instantiating directly — the getter wires the request helper
+* so auth, timeout, and branch propagation come along for free.
+*
+* @example
+* ```typescript
+* const { anomalies } = await client.anomalies.list({ status: "new" });
+* for (const a of anomalies) {
+*   console.log(a.label ?? a.measure, a.severity, a.z_score.toFixed(2));
+* }
+* ```
+*/
+var AnomaliesClient = class {
+	constructor(config, request) {
+		this.config = config;
+		this.request = request;
+	}
+	path(suffix) {
+		return `/${this.config.projectId}/semantic/anomalies${suffix}`;
+	}
+	buildQuery(extra = {}) {
+		const params = { ...extra };
+		if (this.config.branch) params.branch = this.config.branch;
+		const qs = new URLSearchParams(params).toString();
+		return qs ? `?${qs}` : "";
+	}
+	/**
+	* List anomalies in the inbox, newest first.
+	*
+	* @example
+	* ```typescript
+	* // Open / unresolved anomalies only
+	* const { anomalies } = await client.anomalies.list({ status: "new" });
+	* ```
+	*/
+	async list(options = {}) {
+		const extra = {};
+		if (options.status) extra.status = options.status;
+		if (options.limit) extra.limit = String(options.limit);
+		return this.request(this.path(this.buildQuery(extra)));
+	}
+	/**
+	* Trigger a full scan. Iterates every `.monitor.yml` entry in the
+	* workspace, runs the detector, and upserts matching rows into the
+	* inbox. Returns counts of scanned / failed / persisted.
+	*
+	* @example
+	* ```typescript
+	* // Scan against a known-good reference date (matches the seed dataset)
+	* const result = await client.anomalies.scan({ as_of: "2025-12-15" });
+	* console.log(`${result.anomalies_persisted} anomalies detected`);
+	* ```
+	*/
+	async scan(options = {}) {
+		const extra = {};
+		if (options.as_of) extra.as_of = options.as_of;
+		return this.request(this.path(`/scan${this.buildQuery(extra)}`), { method: "POST" });
+	}
+	/**
+	* Update an anomaly's status (acknowledge / dismiss / re-open).
+	*/
+	async updateStatus(anomalyId, status) {
+		const query = this.buildQuery();
+		return this.request(this.path(`/${encodeURIComponent(anomalyId)}/status${query}`), {
+			method: "POST",
+			body: JSON.stringify({ status })
+		});
+	}
+	/**
+	* Run the metric-tree `explain` for an anomaly and cache the result on
+	* the row. Subsequent calls return the cached `ExplainResult` instantly.
+	*/
+	async explain(anomalyId) {
+		const query = this.buildQuery();
+		return this.request(this.path(`/${encodeURIComponent(anomalyId)}/explain${query}`), { method: "POST" });
+	}
+};
+
+//#endregion
 //#region src/customer-app/logger.ts
 let activeLogger = createConsoleLogger();
 /** Replace the global logger. Pass `null` to silence everything. */
@@ -255,13 +337,156 @@ function validateManifest(raw, url) {
 		name: typeof raw.name === "string" ? raw.name : void 0,
 		slug: raw.slug,
 		orgSlug: typeof raw.orgSlug === "string" ? raw.orgSlug : void 0,
-		projectId: typeof raw.projectId === "string" ? raw.projectId : void 0
+		projectId: typeof raw.projectId === "string" ? raw.projectId : void 0,
+		functions: raw.functions !== void 0 ? validateFunctions(raw.functions) : void 0
 	};
 }
+const FUNCTION_NAME_RE = /^[a-z][a-z0-9-]{0,63}$/;
+/**
+* Validate the optional `functions` map. Each key is a function name;
+* each value declares how the function is invoked. Mirrors the
+* server-side validation in `customer_apps_publish.rs` so a bad
+* manifest fails at build, not at publish.
+*/
+function validateFunctions(raw) {
+	if (!isRecord(raw)) throw new Error("oxy-app.json: `functions` must be an object keyed by function name");
+	const out = {};
+	for (const [fnName, value] of Object.entries(raw)) {
+		if (!FUNCTION_NAME_RE.test(fnName)) throw new Error(`oxy-app.json: function name "${fnName}" must match ^[a-z][a-z0-9-]{0,63}$`);
+		if (!isRecord(value)) throw new Error(`oxy-app.json: function "${fnName}" must be an object`);
+		const fn = {};
+		if (value.entry !== void 0) {
+			if (typeof value.entry !== "string" || !value.entry.trim()) throw new Error(`oxy-app.json: function "${fnName}" \`entry\` must be a non-empty string`);
+			fn.entry = value.entry;
+		}
+		if (value.schedule !== void 0) {
+			if (typeof value.schedule !== "string" || !value.schedule.trim()) throw new Error(`oxy-app.json: function "${fnName}" \`schedule\` must be a cron string`);
+			fn.schedule = value.schedule;
+		}
+		if (value.timezone !== void 0) {
+			if (typeof value.timezone !== "string") throw new Error(`oxy-app.json: function "${fnName}" \`timezone\` must be a string`);
+			fn.timezone = value.timezone;
+		}
+		if (value.route !== void 0) {
+			if (typeof value.route !== "boolean") throw new Error(`oxy-app.json: function "${fnName}" \`route\` must be a boolean`);
+			fn.route = value.route;
+		}
+		if (value.airwayStep !== void 0) {
+			const step = value.airwayStep;
+			if (!isRecord(step) || typeof step.pipeline !== "string" || typeof step.resource !== "string") throw new Error(`oxy-app.json: function "${fnName}" \`airwayStep\` must be { pipeline, resource }`);
+			fn.airwayStep = {
+				pipeline: step.pipeline,
+				resource: step.resource
+			};
+		}
+		if (value.timeoutSeconds !== void 0) {
+			const t = value.timeoutSeconds;
+			if (typeof t !== "number" || !Number.isInteger(t) || t < 1 || t > 300) throw new Error(`oxy-app.json: function "${fnName}" \`timeoutSeconds\` must be an integer in [1, 300]`);
+			fn.timeoutSeconds = t;
+		}
+		if (value.cache !== void 0) {
+			const c = value.cache;
+			if (!isRecord(c)) throw new Error(`oxy-app.json: function "${fnName}" \`cache\` must be an object`);
+			if (c.ttlSeconds !== void 0) {
+				const ttl = c.ttlSeconds;
+				if (typeof ttl !== "number" || !Number.isInteger(ttl) || ttl < 1) throw new Error(`oxy-app.json: function "${fnName}" \`cache.ttlSeconds\` must be a positive integer`);
+				fn.cache = { ttlSeconds: ttl };
+			}
+		}
+		const hasSchedule = fn.schedule !== void 0;
+		const hasAirway = fn.airwayStep !== void 0;
+		if (!(fn.route ?? !(hasSchedule || hasAirway)) && !hasSchedule && !hasAirway) throw new Error(`oxy-app.json: function "${fnName}" must enable at least one of route/schedule/airwayStep`);
+		out[fnName] = fn;
+	}
+	return out;
+}
 function isRecord(v) {
 	return typeof v === "object" && v !== null && !Array.isArray(v);
 }
 
+//#endregion
+//#region src/customer-app/function-invoke.ts
+const inflight = /* @__PURE__ */ new Map();
+/**
+* Dedup key for an invocation: function name + its (stable-serialized) body,
+* joined by a newline. Function names are `[a-z][a-z0-9-]*` (no newline), so
+* the separator can never collide with a name.
+*/
+function functionInvokeKey(name, body) {
+	return `${name}\n${JSON.stringify(body ?? {})}`;
+}
+/**
+* Run `run()` unless an identical invocation is already in flight, in which
+* case share its promise. The entry is removed once the promise settles — so
+* this dedups concurrency only, it does NOT memoize the result.
+*/
+function sharedFunctionInvoke(key, run) {
+	const existing = inflight.get(key);
+	if (existing) return existing;
+	const p = run().finally(() => {
+		inflight.delete(key);
+	});
+	inflight.set(key, p);
+	return p;
+}
+
+//#endregion
+//#region src/customer-app/function-sse.ts
+/**
+* Read a `text/event-stream` function response to completion. Resolves with the
+* decoded result + captured logs, or rejects (with `.logs` attached) on an
+* `event: error` frame / a stream that ends without a terminal event.
+*/
+async function readFunctionSseStream(resp) {
+	const reader = resp.body?.getReader();
+	if (!reader) throw new Error("function response has no body stream");
+	const decoder = new TextDecoder();
+	let buffer = "";
+	let dataPayload = "";
+	const logs = [];
+	const handleFrame = (frame) => {
+		let event = "message";
+		let data = "";
+		for (const line of frame.split("\n")) if (line.startsWith("event:")) event = line.slice(6).trim();
+		else if (line.startsWith("data:")) data += line.slice(5).trim();
+		if (event === "log") try {
+			const l = JSON.parse(data);
+			logs.push({
+				level: String(l.level ?? "info"),
+				message: String(l.message ?? "")
+			});
+		} catch {}
+		else if (event === "data") dataPayload = data;
+		else if (event === "done") return {
+			done: true,
+			value: dataPayload ? JSON.parse(dataPayload) : null
+		};
+		else if (event === "error") {
+			const payload = data ? JSON.parse(data) : {};
+			const err = new Error(payload.message || payload.error || "function invocation failed");
+			err.name = payload.error || "FunctionError";
+			err.logs = logs;
+			throw err;
+		}
+	};
+	for (;;) {
+		const { done, value } = await reader.read();
+		if (done) break;
+		buffer += decoder.decode(value, { stream: true });
+		let sep;
+		while ((sep = buffer.indexOf("\n\n")) !== -1) {
+			const frame = buffer.slice(0, sep);
+			buffer = buffer.slice(sep + 2);
+			const result = handleFrame(frame);
+			if (result) return {
+				value: result.value,
+				logs
+			};
+		}
+	}
+	throw new Error("function stream ended without a terminal event");
+}
+
 //#endregion
 //#region src/customer-app/interpolate.ts
 /**
@@ -367,26 +592,55 @@ function OxyAppProvider(props) {
 	}, [manifestOptions, fetcher]);
 	if (state.status === "error" && state.error) {
 		const err = state.error;
-		return /* @__PURE__ */ React.createElement(OxyAppContext.Provider, { value: state }, errorFallback ? errorFallback(err) : defaultErrorFallback(err));
+		return /* @__PURE__ */ jsx(OxyAppContext.Provider, {
+			value: state,
+			children: errorFallback ? errorFallback(err) : defaultErrorFallback(err)
+		});
 	}
-	if (state.status === "loading") return /* @__PURE__ */ React.createElement(OxyAppContext.Provider, { value: state }, fallback ?? null);
-	return /* @__PURE__ */ React.createElement(OxyAppContext.Provider, { value: state }, children);
+	if (state.status === "loading") return /* @__PURE__ */ jsx(OxyAppContext.Provider, {
+		value: state,
+		children: fallback ?? null
+	});
+	return /* @__PURE__ */ jsx(OxyAppContext.Provider, {
+		value: state,
+		children
+	});
 }
 function defaultErrorFallback(err) {
-	return /* @__PURE__ */ React.createElement("div", { style: {
-		margin: "2rem auto",
-		maxWidth: "640px",
-		padding: "1rem",
-		border: "1px solid #fca5a5",
-		background: "#fee2e2",
-		color: "#991b1b",
-		borderRadius: "8px",
-		fontFamily: "system-ui, -apple-system, sans-serif",
-		fontSize: "14px"
-	} }, /* @__PURE__ */ React.createElement("div", { style: { fontWeight: 600 } }, err.title), /* @__PURE__ */ React.createElement("pre", { style: {
-		fontSize: "12px",
-		marginTop: "4px"
-	} }, err.message), /* @__PURE__ */ React.createElement("div", { style: { marginTop: "12px" } }, /* @__PURE__ */ React.createElement("strong", null, "What to try:"), " ", err.hint));
+	return /* @__PURE__ */ jsxs("div", {
+		style: {
+			margin: "2rem auto",
+			maxWidth: "640px",
+			padding: "1rem",
+			border: "1px solid #fca5a5",
+			background: "#fee2e2",
+			color: "#991b1b",
+			borderRadius: "8px",
+			fontFamily: "system-ui, -apple-system, sans-serif",
+			fontSize: "14px"
+		},
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				style: { fontWeight: 600 },
+				children: err.title
+			}),
+			/* @__PURE__ */ jsx("pre", {
+				style: {
+					fontSize: "12px",
+					marginTop: "4px"
+				},
+				children: err.message
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				style: { marginTop: "12px" },
+				children: [
+					/* @__PURE__ */ jsx("strong", { children: "What to try:" }),
+					" ",
+					err.hint
+				]
+			})
+		]
+	});
 }
 /**
 * Emit a one-time `console.warn` the first time a beta hook is
@@ -563,6 +817,81 @@ function useQuery(input, opts = {}) {
 	};
 }
 /**
+* Imperative hook for invoking an Oxy Function by name.
+*
+* ```tsx
+* const refresh = useFunction("refresh-sales");
+* <button disabled={refresh.isLoading} onClick={() => refresh.invoke({ full: true })}>
+*   Refresh
+* </button>
+* ```
+*/
+function useFunction(name) {
+	const ctx = React.useContext(OxyAppContext);
+	if (!ctx) throw new Error("useFunction must be called inside <OxyAppProvider>");
+	const fetcher = ctx.fetcher;
+	const resolved = ctx.resolved;
+	const [state, setState] = React.useState({
+		data: null,
+		isLoading: false,
+		error: null,
+		logs: []
+	});
+	return {
+		invoke: React.useCallback(async (body, opts) => {
+			if (!resolved) throw new Error("useFunction.invoke called before the manifest finished loading. Render behind the provider's `fallback` until ready.");
+			const { orgSlug, appSlug, apiBaseUrl } = resolved;
+			const url = `${apiBaseUrl || ""}/customer-apps/${encodeURIComponent(orgSlug)}/${encodeURIComponent(appSlug)}/fn/${encodeURIComponent(name)}`;
+			setState((s) => ({
+				...s,
+				isLoading: true,
+				error: null
+			}));
+			try {
+				const headers = {
+					"content-type": "application/json",
+					accept: "text/event-stream"
+				};
+				if (opts?.idempotencyKey) headers["idempotency-key"] = opts.idempotencyKey;
+				const result = await sharedFunctionInvoke(functionInvokeKey(name, body), async () => {
+					const resp = await fetcher(url, {
+						method: "POST",
+						headers,
+						body: JSON.stringify(body ?? {})
+					});
+					if (!resp.ok && resp.status !== 200) throw await apiErrorFromResponse(resp);
+					return readFunctionSseStream(resp);
+				});
+				setState({
+					data: result.value,
+					isLoading: false,
+					error: null,
+					logs: result.logs
+				});
+				return result.value;
+			} catch (err) {
+				const e = err instanceof Error ? err : new Error(String(err));
+				const logs = e.logs ?? [];
+				setState((s) => ({
+					...s,
+					isLoading: false,
+					error: e,
+					logs
+				}));
+				throw e;
+			}
+		}, [
+			resolved,
+			fetcher,
+			name
+		]),
+		data: state.data,
+		isLoading: state.isLoading,
+		error: state.error,
+		logs: state.logs
+	};
+}
+/**
 * Run a semantic-layer query against the project's `.view.yml` /
 * `.topic.yml` definitions. The server compiles to SQL and executes
 * through the same connector path as `useQuery`, so result shape
@@ -1008,7 +1337,7 @@ function parseSseData(raw) {
 *  uniformly. New types added upstream don't surface as artifacts
 *  until added here — that's intentional, the renderer needs to
 *  know how to display each. */
-const SQL_EVENT_TYPES = new Set([
+const SQL_EVENT_TYPES = /* @__PURE__ */ new Set([
 	"query_executed",
 	"query_generated",
 	"verified_sql",
@@ -1137,6 +1466,82 @@ function sleep(ms, signal) {
 	});
 }
 /**
+* Engineer-tagged usage event. Free-form `event_name` (≤ 64 chars,
+* `[a-z][a-z0-9-]*` validated server-side) + optional JSON `payload`
+* (object, ≤ 4 KiB serialized). Surfaces in the admin Activity tab
+* grouped by name, with drill-down into recent occurrences.
+*
+* The handler returned by [`useTrackEvent`] is **fire-and-forget**:
+* it enqueues the event into an in-memory batch flushed every second
+* (and on `pagehide` so a navigation away doesn't drop the tail).
+* No await semantics — call it inline from a click handler without
+* awaiting it. Server-side validation errors are logged to the
+* console; the call site doesn't need to handle them.
+*
+* Example:
+* ```tsx
+* const track = useTrackEvent();
+* <button
+*   onClick={() => {
+*     track("export-clicked", { format: "csv", rowCount });
+*     doExport();
+*   }}
+* >Export</button>
+* ```
+*
+* Rate-limited at 60/min per (user, app) on the server. A burst that
+* trips the limit drops the excess events with a console warning;
+* within-limit events are unaffected.
+*/
+function useTrackEvent() {
+	const { projectId, fetcher } = useOxyApp();
+	const queueRef = React.useRef([]);
+	const flushTimerRef = React.useRef(null);
+	const flush = React.useCallback(() => {
+		flushTimerRef.current = null;
+		if (!projectId) return;
+		const batch = queueRef.current;
+		if (batch.length === 0) return;
+		queueRef.current = [];
+		for (const evt of batch) {
+			const url = `/api/customer-apps/${projectId}/events`;
+			const body = JSON.stringify(evt);
+			try {
+				if (typeof navigator !== "undefined" && typeof navigator.sendBeacon === "function" && document.visibilityState === "hidden") navigator.sendBeacon(url, new Blob([body], { type: "application/json" }));
+				else fetcher(url, {
+					method: "POST",
+					headers: { "content-type": "application/json" },
+					body
+				}).catch((e) => {
+					console.warn("[oxy] useTrackEvent flush failed:", e);
+				});
+			} catch (e) {
+				console.warn("[oxy] useTrackEvent enqueue failed:", e);
+			}
+		}
+	}, [projectId, fetcher]);
+	React.useEffect(() => {
+		if (typeof window === "undefined") return;
+		const onHide = () => flush();
+		window.addEventListener("pagehide", onHide);
+		return () => {
+			window.removeEventListener("pagehide", onHide);
+			flush();
+			if (flushTimerRef.current !== null) {
+				clearTimeout(flushTimerRef.current);
+				flushTimerRef.current = null;
+			}
+		};
+	}, [flush]);
+	return React.useCallback((name, payload) => {
+		queueRef.current.push({
+			event_name: name,
+			payload: payload ?? {}
+		});
+		if (flushTimerRef.current === null) flushTimerRef.current = setTimeout(flush, 1e3);
+	}, [flush]);
+}
+/**
 * Renders an agent run's answer + artifacts + thread link as a
 * single block. The default styling is intentionally neutral
 * (system fonts, gray surfaces) so it blends into any bundle.
@@ -1158,25 +1563,55 @@ function OxyAnswer(props) {
 	const isRunning = state === "running";
 	const isFailed = state === "failed";
 	const needsClarification = state === "needs_clarification";
-	return /* @__PURE__ */ React.createElement("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		className,
-		style: styles.answerWrap
-	}, isRunning && answer === null ? /* @__PURE__ */ React.createElement("div", { style: styles.statusRow }, /* @__PURE__ */ React.createElement("span", {
-		style: styles.spinner,
-		"aria-hidden": "true"
-	}), /* @__PURE__ */ React.createElement("span", { style: styles.statusText }, "Thinking…")) : null, artifacts.length > 0 ? /* @__PURE__ */ React.createElement("div", { style: styles.artifactList }, artifacts.map((a) => /* @__PURE__ */ React.createElement(SqlArtifactBlock, {
-		key: a.id,
-		artifact: a,
-		maxRows: maxArtifactRows
-	}))) : null, answer ? /* @__PURE__ */ React.createElement("div", { style: styles.markdown }, /* @__PURE__ */ React.createElement(MarkdownText, { text: answer })) : null, needsClarification && clarification ? /* @__PURE__ */ React.createElement("div", { style: styles.clarification }, /* @__PURE__ */ React.createElement("strong", null, "Agent needs clarification:"), /* @__PURE__ */ React.createElement("div", { style: { marginTop: 4 } }, clarification)) : null, isFailed && error ? /* @__PURE__ */ React.createElement(ErrorBlock, { error }) : null, threadUrl && (answer || artifacts.length > 0) ? /* @__PURE__ */ React.createElement("div", { style: styles.threadLinkRow }, /* @__PURE__ */ React.createElement("a", {
-		href: threadUrl,
-		target: "_blank",
-		rel: "noreferrer noopener",
-		style: styles.threadLink
-	}, threadLinkLabel, " →"), /* @__PURE__ */ React.createElement("span", {
-		style: styles.betaBadge,
-		title: "Thread linking is in beta — see docs"
-	}, "beta")) : null);
+		style: styles.answerWrap,
+		children: [
+			isRunning && answer === null ? /* @__PURE__ */ jsxs("div", {
+				style: styles.statusRow,
+				children: [/* @__PURE__ */ jsx("span", {
+					style: styles.spinner,
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ jsx("span", {
+					style: styles.statusText,
+					children: "Thinking…"
+				})]
+			}) : null,
+			artifacts.length > 0 ? /* @__PURE__ */ jsx("div", {
+				style: styles.artifactList,
+				children: artifacts.map((a) => /* @__PURE__ */ jsx(SqlArtifactBlock, {
+					artifact: a,
+					maxRows: maxArtifactRows
+				}, a.id))
+			}) : null,
+			answer ? /* @__PURE__ */ jsx("div", {
+				style: styles.markdown,
+				children: /* @__PURE__ */ jsx(MarkdownText, { text: answer })
+			}) : null,
+			needsClarification && clarification ? /* @__PURE__ */ jsxs("div", {
+				style: styles.clarification,
+				children: [/* @__PURE__ */ jsx("strong", { children: "Agent needs clarification:" }), /* @__PURE__ */ jsx("div", {
+					style: { marginTop: 4 },
+					children: clarification
+				})]
+			}) : null,
+			isFailed && error ? /* @__PURE__ */ jsx(ErrorBlock, { error }) : null,
+			threadUrl && (answer || artifacts.length > 0) ? /* @__PURE__ */ jsxs("div", {
+				style: styles.threadLinkRow,
+				children: [/* @__PURE__ */ jsxs("a", {
+					href: threadUrl,
+					target: "_blank",
+					rel: "noreferrer noopener",
+					style: styles.threadLink,
+					children: [threadLinkLabel, " →"]
+				}), /* @__PURE__ */ jsx("span", {
+					style: styles.betaBadge,
+					title: "Thread linking is in beta — see docs",
+					children: "beta"
+				})]
+			}) : null
+		]
+	});
 }
 /**
 * Complete drop-in chat surface. One agent, one input, one answer
@@ -1200,37 +1635,48 @@ function OxyChat(props) {
 		if (!q || run.state === "running") return;
 		run.ask(q);
 	}, [question, run]);
-	return /* @__PURE__ */ React.createElement("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		className,
-		style: styles.chatWrap
-	}, /* @__PURE__ */ React.createElement("form", {
-		onSubmit: submit,
-		style: styles.chatForm
-	}, /* @__PURE__ */ React.createElement("input", {
-		type: "text",
-		value: question,
-		onChange: (e) => setQuestion(e.target.value),
-		placeholder,
-		disabled: run.state === "running",
-		style: styles.chatInput,
-		"aria-label": "Question"
-	}), /* @__PURE__ */ React.createElement("button", {
-		type: "submit",
-		disabled: run.state === "running" || question.trim() === "",
-		style: styles.chatSubmit
-	}, run.state === "running" ? "…" : submitLabel), run.state === "running" ? /* @__PURE__ */ React.createElement("button", {
-		type: "button",
-		onClick: run.cancel,
-		style: styles.chatCancel
-	}, "Stop") : null), run.state === "idle" ? emptyState ?? /* @__PURE__ */ React.createElement("div", { style: styles.emptyState }, "Ask a question to get started.") : /* @__PURE__ */ React.createElement(OxyAnswer, {
-		answer: run.answer,
-		artifacts: run.artifacts,
-		state: run.state,
-		clarification: run.clarification,
-		error: run.error,
-		threadUrl: run.threadUrl,
-		maxArtifactRows
-	}));
+		style: styles.chatWrap,
+		children: [/* @__PURE__ */ jsxs("form", {
+			onSubmit: submit,
+			style: styles.chatForm,
+			children: [
+				/* @__PURE__ */ jsx("input", {
+					type: "text",
+					value: question,
+					onChange: (e) => setQuestion(e.target.value),
+					placeholder,
+					disabled: run.state === "running",
+					style: styles.chatInput,
+					"aria-label": "Question"
+				}),
+				/* @__PURE__ */ jsx("button", {
+					type: "submit",
+					disabled: run.state === "running" || question.trim() === "",
+					style: styles.chatSubmit,
+					children: run.state === "running" ? "…" : submitLabel
+				}),
+				run.state === "running" ? /* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: run.cancel,
+					style: styles.chatCancel,
+					children: "Stop"
+				}) : null
+			]
+		}), run.state === "idle" ? emptyState ?? /* @__PURE__ */ jsx("div", {
+			style: styles.emptyState,
+			children: "Ask a question to get started."
+		}) : /* @__PURE__ */ jsx(OxyAnswer, {
+			answer: run.answer,
+			artifacts: run.artifacts,
+			state: run.state,
+			clarification: run.clarification,
+			error: run.error,
+			threadUrl: run.threadUrl,
+			maxArtifactRows
+		})]
+	});
 }
 function SqlArtifactBlock(props) {
 	const { artifact, maxRows } = props;
@@ -1239,17 +1685,53 @@ function SqlArtifactBlock(props) {
 	const truncated = results ? results.rows.length > maxRows : false;
 	const visibleRows = results ? results.rows.slice(0, maxRows) : [];
 	const sourceLabel = artifact.source === "verified_sql" ? "Verified query" : artifact.source === "semantic_query" ? "Semantic query" : artifact.source === "omni_query" ? "Omni query" : "Query";
-	return /* @__PURE__ */ React.createElement("div", { style: styles.artifact }, /* @__PURE__ */ React.createElement("button", {
-		type: "button",
-		onClick: () => setOpen((o) => !o),
-		style: styles.artifactHeader
-	}, /* @__PURE__ */ React.createElement("span", { style: styles.artifactBadge }, sourceLabel), /* @__PURE__ */ React.createElement("span", { style: styles.artifactSummary }, results ? `${results.rowCount} row${results.rowCount === 1 ? "" : "s"}` : artifact.error ? "execution failed" : "SQL only"), /* @__PURE__ */ React.createElement("span", { style: styles.artifactToggle }, open ? "Hide" : "Show")), open ? /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("pre", { style: styles.sqlBlock }, artifact.sql), artifact.error ? /* @__PURE__ */ React.createElement("div", { style: styles.error }, artifact.error) : results ? /* @__PURE__ */ React.createElement("div", { style: styles.resultsWrap }, /* @__PURE__ */ React.createElement("table", { style: styles.resultsTable }, /* @__PURE__ */ React.createElement("thead", null, /* @__PURE__ */ React.createElement("tr", null, results.columns.map((c) => /* @__PURE__ */ React.createElement("th", {
-		key: c,
-		style: styles.resultsTh
-	}, c)))), /* @__PURE__ */ React.createElement("tbody", null, visibleRows.map((row, i) => /* @__PURE__ */ React.createElement("tr", { key: i }, row.map((cell, j) => /* @__PURE__ */ React.createElement("td", {
-		key: j,
-		style: styles.resultsTd
-	}, formatCell(cell))))))), truncated ? /* @__PURE__ */ React.createElement("div", { style: styles.truncatedNote }, "+", results.rows.length - maxRows, " more rows. Open the thread in Oxy to see all.") : null) : null) : null);
+	return /* @__PURE__ */ jsxs("div", {
+		style: styles.artifact,
+		children: [/* @__PURE__ */ jsxs("button", {
+			type: "button",
+			onClick: () => setOpen((o) => !o),
+			style: styles.artifactHeader,
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					style: styles.artifactBadge,
+					children: sourceLabel
+				}),
+				/* @__PURE__ */ jsx("span", {
+					style: styles.artifactSummary,
+					children: results ? `${results.rowCount} row${results.rowCount === 1 ? "" : "s"}` : artifact.error ? "execution failed" : "SQL only"
+				}),
+				/* @__PURE__ */ jsx("span", {
+					style: styles.artifactToggle,
+					children: open ? "Hide" : "Show"
+				})
+			]
+		}), open ? /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("pre", {
+			style: styles.sqlBlock,
+			children: artifact.sql
+		}), artifact.error ? /* @__PURE__ */ jsx("div", {
+			style: styles.error,
+			children: artifact.error
+		}) : results ? /* @__PURE__ */ jsxs("div", {
+			style: styles.resultsWrap,
+			children: [/* @__PURE__ */ jsxs("table", {
+				style: styles.resultsTable,
+				children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: results.columns.map((c) => /* @__PURE__ */ jsx("th", {
+					style: styles.resultsTh,
+					children: c
+				}, c)) }) }), /* @__PURE__ */ jsx("tbody", { children: visibleRows.map((row, i) => /* @__PURE__ */ jsx("tr", { children: row.map((cell, j) => /* @__PURE__ */ jsx("td", {
+					style: styles.resultsTd,
+					children: formatCell(cell)
+				}, j)) }, i)) })]
+			}), truncated ? /* @__PURE__ */ jsxs("div", {
+				style: styles.truncatedNote,
+				children: [
+					"+",
+					results.rows.length - maxRows,
+					" more rows. Open the thread in Oxy to see all."
+				]
+			}) : null]
+		}) : null] }) : null]
+	});
 }
 function formatCell(value) {
 	if (value === null || value === void 0) return "—";
@@ -1264,16 +1746,36 @@ function formatCell(value) {
 */
 function ErrorBlock(props) {
 	const { error } = props;
-	if (error instanceof OxyApiError) return /* @__PURE__ */ React.createElement("div", { style: styles.error }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("strong", null, "Run failed:"), " ", error.message.split("\n\n")[0]), error.hint ? /* @__PURE__ */ React.createElement("div", { style: {
-		marginTop: 6,
-		fontWeight: 400,
-		whiteSpace: "pre-wrap"
-	} }, /* @__PURE__ */ React.createElement("strong", null, "Hint:"), " ", error.hint) : null);
-	return /* @__PURE__ */ React.createElement("div", { style: styles.error }, /* @__PURE__ */ React.createElement("strong", null, "Run failed:"), " ", error.message);
+	if (error instanceof OxyApiError) return /* @__PURE__ */ jsxs("div", {
+		style: styles.error,
+		children: [/* @__PURE__ */ jsxs("div", { children: [
+			/* @__PURE__ */ jsx("strong", { children: "Run failed:" }),
+			" ",
+			error.message.split("\n\n")[0]
+		] }), error.hint ? /* @__PURE__ */ jsxs("div", {
+			style: {
+				marginTop: 6,
+				fontWeight: 400,
+				whiteSpace: "pre-wrap"
+			},
+			children: [
+				/* @__PURE__ */ jsx("strong", { children: "Hint:" }),
+				" ",
+				error.hint
+			]
+		}) : null]
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		style: styles.error,
+		children: [
+			/* @__PURE__ */ jsx("strong", { children: "Run failed:" }),
+			" ",
+			error.message
+		]
+	});
 }
 function MarkdownText(props) {
-	const blocks = React.useMemo(() => parseMarkdown(props.text), [props.text]);
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, blocks);
+	return /* @__PURE__ */ jsx(Fragment, { children: React.useMemo(() => parseMarkdown(props.text), [props.text]) });
 }
 function parseMarkdown(text) {
 	const lines = text.replace(/\r\n/g, "\n").split("\n");
@@ -1343,27 +1845,23 @@ function parseMarkdown(text) {
 	}
 	return blocks.map((b, idx) => {
 		switch (b.kind) {
-			case "h": {
-				const Tag = `h${b.level}`;
-				const headingStyle = b.level === 1 ? styles.h1 : b.level === 2 ? styles.h2 : styles.h3;
-				return /* @__PURE__ */ React.createElement(Tag, {
-					key: idx,
-					style: headingStyle
-				}, renderInline(b.text));
-			}
-			case "code": return /* @__PURE__ */ React.createElement("pre", {
-				key: idx,
+			case "h": return /* @__PURE__ */ jsx(`h${b.level}`, {
+				style: b.level === 1 ? styles.h1 : b.level === 2 ? styles.h2 : styles.h3,
+				children: renderInline(b.text)
+			}, idx);
+			case "code": return /* @__PURE__ */ jsx("pre", {
 				style: styles.codeBlock,
-				"data-lang": b.lang || void 0
-			}, /* @__PURE__ */ React.createElement("code", null, b.code));
-			case "list": return /* @__PURE__ */ React.createElement("ul", {
-				key: idx,
-				style: styles.list
-			}, b.items.map((item, i) => /* @__PURE__ */ React.createElement("li", { key: i }, renderInline(item))));
-			case "p": return /* @__PURE__ */ React.createElement("p", {
-				key: idx,
-				style: styles.paragraph
-			}, renderInline(b.text));
+				"data-lang": b.lang || void 0,
+				children: /* @__PURE__ */ jsx("code", { children: b.code })
+			}, idx);
+			case "list": return /* @__PURE__ */ jsx("ul", {
+				style: styles.list,
+				children: b.items.map((item, i) => /* @__PURE__ */ jsx("li", { children: renderInline(item) }, i))
+			}, idx);
+			case "p": return /* @__PURE__ */ jsx("p", {
+				style: styles.paragraph,
+				children: renderInline(b.text)
+			}, idx);
 		}
 	});
 }
@@ -1379,27 +1877,31 @@ function renderInline(text) {
 	const patterns = [
 		{
 			re: /`([^`]+)`/,
-			render: (m) => /* @__PURE__ */ React.createElement("code", { style: styles.inlineCode }, m[1])
+			render: (m) => /* @__PURE__ */ jsx("code", {
+				style: styles.inlineCode,
+				children: m[1]
+			})
 		},
 		{
 			re: /\[([^\]]+)\]\(([^)]+)\)/,
 			render: (m) => {
-				if (isSafeLinkHref(m[2])) return /* @__PURE__ */ React.createElement("a", {
+				if (isSafeLinkHref(m[2])) return /* @__PURE__ */ jsx("a", {
 					href: m[2],
 					target: "_blank",
 					rel: "noreferrer noopener",
-					style: styles.link
-				}, m[1]);
-				return /* @__PURE__ */ React.createElement(React.Fragment, null, m[1]);
+					style: styles.link,
+					children: m[1]
+				});
+				return /* @__PURE__ */ jsx(Fragment, { children: m[1] });
 			}
 		},
 		{
 			re: /\*\*([^*]+)\*\*/,
-			render: (m) => /* @__PURE__ */ React.createElement("strong", null, m[1])
+			render: (m) => /* @__PURE__ */ jsx("strong", { children: m[1] })
 		},
 		{
 			re: /\*([^*]+)\*/,
-			render: (m) => /* @__PURE__ */ React.createElement("em", null, m[1])
+			render: (m) => /* @__PURE__ */ jsx("em", { children: m[1] })
 		}
 	];
 	while (remaining.length > 0) {
@@ -1417,7 +1919,7 @@ function renderInline(text) {
 			break;
 		}
 		if (earliest.idx > 0) segments.push(remaining.slice(0, earliest.idx));
-		segments.push(/* @__PURE__ */ React.createElement(React.Fragment, { key: key++ }, earliest.node));
+		segments.push(/* @__PURE__ */ jsx(React.Fragment, { children: earliest.node }, key++));
 		remaining = remaining.slice(earliest.idx + earliest.len);
 	}
 	return segments;
@@ -1647,5 +2149,133 @@ const styles = {
 };
 
 //#endregion
-export { OxyAnswer, OxyApiError, OxyAppProvider, OxyChat, _resetCustomerAppManifestCacheForTest, getCustomerAppDebug, getOxyAppLogger, interpretCustomerAppError, loadCustomerAppManifest, readInjectedAppConfig, setOxyAppLogger, useAgentRun, useProcedureRun, useQuery, useResolvedManifest, useSemanticQuery };
+//#region src/metricTree.ts
+/**
+* Client for the `/semantic/metric-tree*` endpoints. Surfaces the four
+* airlayer metric-tree analyses (tree introspection, sensitivity, predict,
+* explain, opportunity) over typed methods.
+*
+* Construction is internal to {@link OxyClient} — call `client.metricTree`
+* to access an instance rather than building one yourself.
+*
+* @example
+* ```typescript
+* const client = await OxyClient.create({ projectId: "...", apiKey: "..." });
+* const tree = await client.metricTree.getTree();
+* const drivers = await client.metricTree.getSensitivity("orders.net_revenue");
+* ```
+*/
+var MetricTreeClient = class {
+	constructor(config, request) {
+		this.config = config;
+		this.request = request;
+	}
+	path(suffix) {
+		return `/${this.config.projectId}/semantic/metric-tree${suffix}`;
+	}
+	buildQuery(extra = {}) {
+		const params = { ...extra };
+		if (this.config.branch) params.branch = this.config.branch;
+		const qs = new URLSearchParams(params).toString();
+		return qs ? `?${qs}` : "";
+	}
+	/**
+	* Fetch the full metric tree, or the subtree rooted at `root`.
+	*
+	* @param root - Optional fully-qualified measure id to root the tree at.
+	* @returns Nodes (measures) and edges (component / driver relationships).
+	*
+	* @example
+	* ```typescript
+	* const tree = await client.metricTree.getTree();
+	* const subtree = await client.metricTree.getTree("orders.net_revenue");
+	* ```
+	*/
+	async getTree(root) {
+		const query = this.buildQuery(root ? { root } : {});
+		return this.request(this.path(query));
+	}
+	/**
+	* Rank the declared drivers of a measure by influence.
+	*
+	* @param measureId - Fully-qualified measure id (`view.measure`).
+	*
+	* @example
+	* ```typescript
+	* const sensitivity = await client.metricTree.getSensitivity("orders.net_revenue");
+	* for (const driver of sensitivity.drivers) {
+	*   console.log(driver.measure, driver.direction, driver.strength);
+	* }
+	* ```
+	*/
+	async getSensitivity(measureId) {
+		const query = this.buildQuery();
+		return this.request(this.path(`/${encodeURIComponent(measureId)}/sensitivity${query}`));
+	}
+	/**
+	* Propagate hypothetical `(measure, delta)` changes upward through the
+	* tree. Returns the estimated impact on every downstream measure.
+	*
+	* @example
+	* ```typescript
+	* const result = await client.metricTree.predict([
+	*   { measure: "marketing_spend.total_spend", delta: 10000 },
+	* ]);
+	* ```
+	*/
+	async predict(changes) {
+		const query = this.buildQuery();
+		return this.request(this.path(`/predict${query}`), {
+			method: "POST",
+			body: JSON.stringify({ changes })
+		});
+	}
+	/**
+	* Period-over-period root-cause decomposition. Recursively splits the
+	* target measure by components and dimensions until the move concentrates.
+	*
+	* @example
+	* ```typescript
+	* const result = await client.metricTree.explain({
+	*   target: "financials.operating_profit",
+	*   time_dimension: "financials.month",
+	*   current_period: ["2025-09-01", "2025-09-30"],
+	*   previous_period: ["2025-08-01", "2025-08-31"],
+	* });
+	* ```
+	*/
+	async explain(request) {
+		const query = this.buildQuery();
+		return this.request(this.path(`/explain${query}`), {
+			method: "POST",
+			body: JSON.stringify(request)
+		});
+	}
+	/**
+	* Size the upside opportunity for a measure by finding underperforming
+	* segments. Skips high-cardinality dimensions and trims the long tail.
+	*
+	* @example
+	* ```typescript
+	* const result = await client.metricTree.findOpportunities({
+	*   target: "orders.net_revenue",
+	*   time_dimension: "orders.order_date",
+	*   period: ["2025-09-01", "2025-09-30"],
+	* });
+	* for (const dim of result.dimensions) {
+	*   console.log(dim.dimension, "+", dim.total_upside);
+	* }
+	* ```
+	*/
+	async findOpportunities(request) {
+		const query = this.buildQuery();
+		return this.request(this.path(`/opportunity${query}`), {
+			method: "POST",
+			body: JSON.stringify(request)
+		});
+	}
+};
+
+//#endregion
+export { AnomaliesClient, MetricTreeClient, OxyAnswer, OxyApiError, OxyAppProvider, OxyChat, _resetCustomerAppManifestCacheForTest, getCustomerAppDebug, getOxyAppLogger, interpretCustomerAppError, loadCustomerAppManifest, readInjectedAppConfig, setOxyAppLogger, useAgentRun, useFunction, useProcedureRun, useQuery, useResolvedManifest, useSemanticQuery, useTrackEvent };
 //# sourceMappingURL=index.mjs.map