@mastra/playground-ui 66.1.0-alpha.2 → 67.0.0

package/dist/domains/dashboards/kinds/table/table-view.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-view.es.js","names":[],"sources":["../../../../../src/domains/dashboards/kinds/table/table-view.tsx"],"sourcesContent":["import type { DashboardQuery } from '@mastra/client-js';\nimport { useState } from 'react';\nimport { ChartArea } from '../../../metrics/components/chart-area';\nimport { ChartCardError } from '../../../metrics/components/chart-card-error';\nimport { formatCount } from '../../../metrics/lib/chart-format';\nimport { useDashboardRequests } from '../../hooks/use-dashboard-requests';\nimport { useDrilldown } from '../../hooks/use-widget-views';\nimport { aggregateSource, buildPreviousRequest, buildRequest } from '../../lib/requests';\nimport type { DashboardPageContext } from '../../lib/requests';\nimport { isValueColumn, parseColumns, rowDrilldown, rowQueries, tableContent, valueChange } from '../../lib/table';\nimport type { TableRow } from '../../lib/table';\nimport { tableColumn } from './table-columns';\nimport { TableFrame } from './table-frame';\nimport type { TableTabProps } from './table-frame';\nimport { MetricsTable } from '@/ds/components/MetricsTable';\nimport type { MetricsTableSort } from '@/ds/components/MetricsTable';\nimport { Txt } from '@/ds/components/Txt';\n\nconst isAggregate = (query: DashboardQuery | undefined) => query !== undefined && aggregateSource(query) !== undefined;\n\nexport function TableView(props: TableTabProps & { page: DashboardPageContext }) {\n  const { view, page, widget, onDrilldown } = props;\n  const { options, queries } = view;\n  const onClick = useDrilldown(widget, view, onDrilldown);\n  const { columns } = parseColumns(view.columns);\n  const values = columns.filter(isValueColumn);\n  const [sort, setSort] = useState<MetricsTableSort>(options.defaultSort);\n  // % Change compares the value column sorted last, starting from the default sort's.\n  const [compared, setCompared] = useState(\n    () => values.find(c => c.id === options.defaultSort.column)?.id ?? values[0]?.id,\n  );\n  const onSortChange = (next: MetricsTableSort = options.defaultSort) => {\n    setSort(next);\n    if (values.some(c => c.id === next.column)) setCompared(next.column);\n  };\n\n  const rowIds = new Set(rowQueries(columns, queries));\n  const isRowQuery = (i: number) => {\n    const id = queries[i]?.id;\n    return id !== undefined && rowIds.has(id);\n  };\n  const current = useDashboardRequests(queries.map(q => buildRequest(q, page, {})));\n  // The previous window never holds the table up: until it answers, or if it fails, Change shows a dash.\n  const previous = useDashboardRequests(queries.map(q => buildPreviousRequest(q, page, {})));\n\n  const waited = current.flatMap((r, i) => (r && isRowQuery(i) ? [r] : []));\n  if (waited.some(r => r.isError)) {\n    return (\n      <TableFrame {...props}>\n        <ChartCardError\n          error={waited.find(r => r.isError)?.error}\n          onRetry={() => waited.forEach(r => r.isError && void r.refetch())}\n        />\n      </TableFrame>\n    );\n  }\n\n  const isLoading = waited.some(r => r.isLoading);\n  const previousSettled = previous.every((r, i) => !r || !isRowQuery(i) || (!r.isLoading && !r.isError));\n  const content = isLoading\n    ? undefined\n    : tableContent(\n        options,\n        columns,\n        queries,\n        current.map(r => r?.data),\n        previousSettled ? previous.map(r => r?.data) : undefined,\n      );\n  const before = content?.before;\n  const aggregates = current.flatMap((r, i) => (r && isRowQuery(i) && isAggregate(queries[i]) ? [r] : []));\n\n  const comparedColumn = values.find(c => c.id === compared);\n  const changeOf = (row: TableRow) =>\n    before && comparedColumn\n      ? valueChange(comparedColumn, row.values[comparedColumn.id], before.get(row.key)?.[comparedColumn.id])\n      : undefined;\n\n  return (\n    <TableFrame {...props} isUpdating={aggregates.length ? aggregates.some(r => r.isRefetching) : undefined}>\n      <ChartArea>\n        <MetricsTable\n          aria-label={options.ariaLabel}\n          columns={columns.map(c => tableColumn(c, page.window, comparedColumn, changeOf))}\n          rows={content?.rows ?? []}\n          getRowKey={row => row.key}\n          sort={sort}\n          defaultSort={options.defaultSort}\n          onSortChange={onSortChange}\n          onRowClick={onClick && (row => onClick(rowDrilldown(options, row)))}\n          pageSize={options.pageSize}\n          isLoading={isLoading}\n          empty={options.emptyMessage}\n        />\n        {content?.truncated && content.limit !== undefined && (\n          <Txt variant=\"caption\" tone=\"muted\" className=\"pt-2\">\n            Showing the {formatCount(content.limit)} busiest; sorting covers only these.\n          </Txt>\n        )}\n      </ChartArea>\n    </TableFrame>\n  );\n}\n"],"mappings":"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"}

package/dist/domains/dashboards/kinds/table/table-widget.cjs.js

@@ -0,0 +1,30 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_domains_dashboards_components_view_gate = require("../../components/view-gate.cjs.js");
+const require_MetricsCard = require("../../../../MetricsCard-CEB-f2sv.cjs");
+const require_domains_metrics_components_chart_card = require("../../../metrics/components/chart-card.cjs.js");
+const require_domains_dashboards_kinds_table_table_tabs = require("./table-tabs.cjs.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/domains/dashboards/kinds/table/table-widget.tsx
+/**
+* Groups as a sortable table, one view per tab. It waits on the aggregate gates every tab needs, so tabs
+* don't come and go; a tab whose gate can't apply the page's filters says so.
+*/
+function TableWidget(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_components_view_gate.ViewGate, {
+		queries: props.views.flatMap((v) => v.queries),
+		partial: true,
+		pending: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_metrics_components_chart_card.ChartCard, {
+			title: props.widget.title ?? "",
+			bodyHeight: "fit",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsCard.MetricsCard.Loading, {})
+		}),
+		children: (page, blocked) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_kinds_table_table_tabs.TableTabs, {
+			...props,
+			page,
+			blocked
+		})
+	});
+}
+exports.TableWidget = TableWidget;
+
+//# sourceMappingURL=table-widget.cjs.js.map

package/dist/domains/dashboards/kinds/table/table-widget.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-widget.cjs.js","names":["ViewGate","ChartCard","MetricsCard","TableTabs"],"sources":["../../../../../src/domains/dashboards/kinds/table/table-widget.tsx"],"sourcesContent":["import { ChartCard } from '../../../metrics/components/chart-card';\nimport { ViewGate } from '../../components/view-gate';\nimport type { TableOptions } from '../../lib/table';\nimport type { WidgetKindProps } from '../../widget-kind';\nimport { TableTabs } from './table-tabs';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\n\n/**\n * Groups as a sortable table, one view per tab. It waits on the aggregate gates every tab needs, so tabs\n * don't come and go; a tab whose gate can't apply the page's filters says so.\n */\nexport function TableWidget(props: WidgetKindProps<TableOptions>) {\n  return (\n    <ViewGate\n      queries={props.views.flatMap(v => v.queries)}\n      partial\n      pending={() => (\n        <ChartCard title={props.widget.title ?? ''} bodyHeight=\"fit\">\n          <MetricsCard.Loading />\n        </ChartCard>\n      )}\n    >\n      {(page, blocked) => <TableTabs {...props} page={page} blocked={blocked} />}\n    </ViewGate>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAWA,SAAgB,YAAY,OAAsC;CAChE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,gDAAAA,UAAD;EACE,SAAS,MAAM,MAAM,SAAQ,MAAK,EAAE,OAAO;EAC3C,SAAA;EACA,eACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,8CAAAA,WAAD;GAAW,OAAO,MAAM,OAAO,SAAS;GAAI,YAAW;GACrD,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,YAAY,SAAb,CAAsB,CAAA;EACb,CAAA;EAGX,WAAA,MAAM,YAAY,iBAAA,GAAA,kBAAA,IAAA,CAACC,kDAAAA,WAAD;GAAW,GAAI;GAAa;GAAe;EAAU,CAAA;CACjE,CAAA;AAEd"}

package/dist/domains/dashboards/kinds/table/table-widget.d.ts

@@ -0,0 +1 @@
+export * from '../../../../src/domains/dashboards/kinds/table/table-widget';

package/dist/domains/dashboards/kinds/table/table-widget.es.js

@@ -0,0 +1,29 @@
+import { ViewGate } from "../../components/view-gate.es.js";
+import { t as MetricsCard } from "../../../../MetricsCard-M8awJ2B_.js";
+import { ChartCard } from "../../../metrics/components/chart-card.es.js";
+import { TableTabs } from "./table-tabs.es.js";
+import { jsx } from "react/jsx-runtime";
+// src/domains/dashboards/kinds/table/table-widget.tsx
+/**
+* Groups as a sortable table, one view per tab. It waits on the aggregate gates every tab needs, so tabs
+* don't come and go; a tab whose gate can't apply the page's filters says so.
+*/
+function TableWidget(props) {
+	return /* @__PURE__ */ jsx(ViewGate, {
+		queries: props.views.flatMap((v) => v.queries),
+		partial: true,
+		pending: () => /* @__PURE__ */ jsx(ChartCard, {
+			title: props.widget.title ?? "",
+			bodyHeight: "fit",
+			children: /* @__PURE__ */ jsx(MetricsCard.Loading, {})
+		}),
+		children: (page, blocked) => /* @__PURE__ */ jsx(TableTabs, {
+			...props,
+			page,
+			blocked
+		})
+	});
+}
+export { TableWidget };
+
+//# sourceMappingURL=table-widget.es.js.map

package/dist/domains/dashboards/kinds/table/table-widget.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-widget.es.js","names":[],"sources":["../../../../../src/domains/dashboards/kinds/table/table-widget.tsx"],"sourcesContent":["import { ChartCard } from '../../../metrics/components/chart-card';\nimport { ViewGate } from '../../components/view-gate';\nimport type { TableOptions } from '../../lib/table';\nimport type { WidgetKindProps } from '../../widget-kind';\nimport { TableTabs } from './table-tabs';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\n\n/**\n * Groups as a sortable table, one view per tab. It waits on the aggregate gates every tab needs, so tabs\n * don't come and go; a tab whose gate can't apply the page's filters says so.\n */\nexport function TableWidget(props: WidgetKindProps<TableOptions>) {\n  return (\n    <ViewGate\n      queries={props.views.flatMap(v => v.queries)}\n      partial\n      pending={() => (\n        <ChartCard title={props.widget.title ?? ''} bodyHeight=\"fit\">\n          <MetricsCard.Loading />\n        </ChartCard>\n      )}\n    >\n      {(page, blocked) => <TableTabs {...props} page={page} blocked={blocked} />}\n    </ViewGate>\n  );\n}\n"],"mappings":";;;;;;;;;;AAWA,SAAgB,YAAY,OAAsC;CAChE,OACE,oBAAC,UAAD;EACE,SAAS,MAAM,MAAM,SAAQ,MAAK,EAAE,OAAO;EAC3C,SAAA;EACA,eACE,oBAAC,WAAD;GAAW,OAAO,MAAM,OAAO,SAAS;GAAI,YAAW;GACrD,UAAA,oBAAC,YAAY,SAAb,CAAsB,CAAA;EACb,CAAA;EAGX,WAAA,MAAM,YAAY,oBAAC,WAAD;GAAW,GAAI;GAAa;GAAe;EAAU,CAAA;CACjE,CAAA;AAEd"}

package/dist/domains/dashboards/kinds/table.cjs.js

@@ -0,0 +1,17 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_domains_dashboards_widget_kind = require("../widget-kind.cjs.js");
+const require_domains_dashboards_lib_table = require("../lib/table.cjs.js");
+const require_domains_dashboards_kinds_table_table_widget = require("./table/table-widget.cjs.js");
+// src/domains/dashboards/kinds/table/index.ts
+/** Groups joined across the view's queries as a sortable table, with change against the previous window. */
+var tableKind = require_domains_dashboards_widget_kind.defineWidgetKind({
+	kind: "table",
+	optionsSchema: require_domains_dashboards_lib_table.tableOptionsSchema,
+	issues: (view) => require_domains_dashboards_lib_table.tableIssues(view.columns, view.options, view.queries),
+	component: require_domains_dashboards_kinds_table_table_widget.TableWidget
+});
+exports.tableColumnOptionsSchema = require_domains_dashboards_lib_table.tableColumnOptionsSchema;
+exports.tableKind = tableKind;
+exports.tableOptionsSchema = require_domains_dashboards_lib_table.tableOptionsSchema;
+
+//# sourceMappingURL=table.cjs.js.map

package/dist/domains/dashboards/kinds/table.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.cjs.js","names":["defineWidgetKind","tableOptionsSchema","tableIssues","TableWidget"],"sources":["../../../../src/domains/dashboards/kinds/table/index.ts"],"sourcesContent":["import { tableIssues, tableOptionsSchema } from '../../lib/table';\nimport { defineWidgetKind } from '../../widget-kind';\nimport { TableWidget } from './table-widget';\n\nexport { tableColumnOptionsSchema, tableOptionsSchema } from '../../lib/table';\nexport type { TableColumnOptions, TableOptions } from '../../lib/table';\n\n/** Groups joined across the view's queries as a sortable table, with change against the previous window. */\nexport const tableKind = defineWidgetKind({\n  kind: 'table',\n  optionsSchema: tableOptionsSchema,\n  issues: view => tableIssues(view.columns, view.options, view.queries),\n  component: TableWidget,\n});\n"],"mappings":";;;;;;AAQA,IAAa,YAAYA,uCAAAA,iBAAiB;CACxC,MAAM;CACN,eAAeC,qCAAAA;CACf,SAAQ,SAAQC,qCAAAA,YAAY,KAAK,SAAS,KAAK,SAAS,KAAK,OAAO;CACpE,WAAWC,oDAAAA;AACb,CAAC"}

package/dist/domains/dashboards/kinds/table.d.ts

@@ -0,0 +1 @@
+export * from '../../../src/domains/dashboards/kinds/table/index';

package/dist/domains/dashboards/kinds/table.es.js

@@ -0,0 +1,14 @@
+import { defineWidgetKind } from "../widget-kind.es.js";
+import { tableColumnOptionsSchema, tableIssues, tableOptionsSchema } from "../lib/table.es.js";
+import { TableWidget } from "./table/table-widget.es.js";
+// src/domains/dashboards/kinds/table/index.ts
+/** Groups joined across the view's queries as a sortable table, with change against the previous window. */
+var tableKind = defineWidgetKind({
+	kind: "table",
+	optionsSchema: tableOptionsSchema,
+	issues: (view) => tableIssues(view.columns, view.options, view.queries),
+	component: TableWidget
+});
+export { tableColumnOptionsSchema, tableKind, tableOptionsSchema };
+
+//# sourceMappingURL=table.es.js.map

package/dist/domains/dashboards/kinds/table.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.es.js","names":[],"sources":["../../../../src/domains/dashboards/kinds/table/index.ts"],"sourcesContent":["import { tableIssues, tableOptionsSchema } from '../../lib/table';\nimport { defineWidgetKind } from '../../widget-kind';\nimport { TableWidget } from './table-widget';\n\nexport { tableColumnOptionsSchema, tableOptionsSchema } from '../../lib/table';\nexport type { TableColumnOptions, TableOptions } from '../../lib/table';\n\n/** Groups joined across the view's queries as a sortable table, with change against the previous window. */\nexport const tableKind = defineWidgetKind({\n  kind: 'table',\n  optionsSchema: tableOptionsSchema,\n  issues: view => tableIssues(view.columns, view.options, view.queries),\n  component: TableWidget,\n});\n"],"mappings":";;;;;AAQA,IAAa,YAAY,iBAAiB;CACxC,MAAM;CACN,eAAe;CACf,SAAQ,SAAQ,YAAY,KAAK,SAAS,KAAK,SAAS,KAAK,OAAO;CACpE,WAAW;AACb,CAAC"}

package/dist/domains/dashboards/kinds/timeseries/timeseries-widget.cjs.js

@@ -0,0 +1,115 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_domains_metrics_lib_metrics_buckets = require("../../../metrics/lib/metrics-buckets.cjs.js");
+const require_domains_dashboards_lib_requests = require("../../lib/requests.cjs.js");
+const require_domains_dashboards_components_view_gate = require("../../components/view-gate.cjs.js");
+const require_domains_dashboards_hooks_use_dashboard_requests = require("../../hooks/use-dashboard-requests.cjs.js");
+const require_domains_dashboards_lib_values = require("../../lib/values.cjs.js");
+const require_MetricsCard = require("../../../../MetricsCard-CEB-f2sv.cjs");
+const require_domains_metrics_components_chart_area = require("../../../metrics/components/chart-area.cjs.js");
+const require_domains_metrics_components_chart_card = require("../../../metrics/components/chart-card.cjs.js");
+const require_domains_metrics_components_chart_card_error = require("../../../metrics/components/chart-card-error.cjs.js");
+const require_domains_metrics_lib_chart_axis = require("../../../metrics/lib/chart-axis.cjs.js");
+const require_domains_dashboards_lib_format = require("../../lib/format.cjs.js");
+const require_MetricsLineChart = require("../../../../MetricsLineChart-CjBm4IXu.cjs");
+const require_domains_dashboards_hooks_use_widget_views = require("../../hooks/use-widget-views.cjs.js");
+const require_domains_dashboards_lib_timeseries = require("../../lib/timeseries.cjs.js");
+const require_domains_dashboards_components_widget_chrome = require("../../components/widget-chrome.cjs.js");
+const require_domains_dashboards_components_widget_controls = require("../../components/widget-controls.cjs.js");
+const require_MetricsStackedBarChart = require("../../../../MetricsStackedBarChart-BdMlKv6G.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/domains/dashboards/kinds/timeseries/timeseries-widget.tsx
+function TimeseriesWidget(props) {
+	const { view, heading } = require_domains_dashboards_hooks_use_widget_views.useViewMenu(props.widget, props.views);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_components_view_gate.ViewGate, {
+		queries: view.queries,
+		pending: (gate) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_components_widget_chrome.PendingChartCard, {
+			gate,
+			heading
+		}),
+		children: (page) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TimeseriesView, {
+			...props,
+			view,
+			heading,
+			page
+		})
+	});
+}
+function TimeseriesView({ widget, view, heading, page, onDrilldown }) {
+	const { options } = view;
+	const { interval } = require_domains_metrics_lib_metrics_buckets.bucketPlan(page.window.start, page.window.end);
+	const totals = new Set(options.totals ?? []);
+	const results = require_domains_dashboards_hooks_use_dashboard_requests.useDashboardRequests(view.queries.map((q) => require_domains_dashboards_lib_requests.buildRequest(q, page, { interval: q.id !== void 0 && totals.has(q.id) ? void 0 : interval })));
+	const sent = results.filter((r) => r !== void 0);
+	const hasTraceQueries = view.queries.some((q) => q.source === "traceAggregate" || q.source === "spanAggregate");
+	const onClick = require_domains_dashboards_hooks_use_widget_views.useDrilldown(widget, view, onDrilldown);
+	const isLoading = sent.some((r) => r.isLoading);
+	const shaped = require_domains_dashboards_lib_timeseries.shapeTimeseries({
+		options,
+		responses: require_domains_dashboards_lib_values.answersById(view.queries, results.map((r) => r?.data)),
+		window: page.window,
+		hasTraceQueries
+	});
+	const format = require_domains_dashboards_lib_format.FORMATTERS[options.format];
+	const lines = shaped.series.map((s) => ({
+		dataKey: s.dataKey,
+		label: s.label,
+		color: require_domains_dashboards_lib_format.chartColor(s.color),
+		emphasis: s.emphasis
+	}));
+	const rangeTotals = shaped.series.flatMap((s) => s.rangeTotal === void 0 ? [] : [{
+		label: s.label,
+		value: format.value(s.rangeTotal),
+		color: require_domains_dashboards_lib_format.chartColor(s.color)
+	}]);
+	const withRangeTotals = options.series.some((s) => s.rangeTotal !== void 0);
+	const layout = {
+		...heading,
+		actions: require_domains_dashboards_hooks_use_widget_views.hasDrilldownAction(widget, view, onDrilldown) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_components_widget_controls.DrilldownAction, {
+			widget,
+			view,
+			onDrilldown
+		}) : void 0,
+		total: withRangeTotals ? rangeTotals : void 0,
+		isLoading,
+		toolbar: lines.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsCard.MetricsCard.Toolbar, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsLineChart.MetricsLineChartLegend, { series: lines }) })
+	};
+	const failed = sent.filter((r) => r.isError);
+	if (failed.length) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_metrics_components_chart_card.ChartCard, {
+		...layout,
+		children: hasTraceQueries ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_metrics_components_chart_card_error.ChartCardError, {
+			error: failed[0]?.error,
+			onRetry: () => failed.forEach((r) => void r.refetch())
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_metrics_components_chart_card_error.ChartCardError, {})
+	});
+	const totalFormat = require_domains_dashboards_lib_format.FORMATTERS[options.total?.format ?? options.format];
+	const total = options.total && (typeof options.total.value === "object" && "peak" in options.total.value && !shaped.total ? "—" : totalFormat.value(shaped.total ?? 0));
+	const chart = {
+		data: shaped.data,
+		series: lines,
+		height: "fill",
+		xLabels: options.xLabels,
+		showLegend: false,
+		valueFormatter: format.value,
+		axisFormatter: options.axis === false ? void 0 : format.axis,
+		onBucketClick: onClick && ((row) => onClick({ window: require_domains_metrics_lib_metrics_buckets.bucketWindow(Number(row.ts), shaped.stepHours) })),
+		isLoading,
+		...options.xLabels ? require_domains_metrics_lib_chart_axis.EDGE_BUCKET_AXIS : require_domains_metrics_lib_chart_axis.BUCKET_AXIS
+	};
+	const yDomain = shaped.flat && options.flatYDomain ? options.flatYDomain : options.yDomain;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_metrics_components_chart_card.ChartCard, {
+		...layout,
+		total: layout.total ?? total,
+		isUpdating: sent.some((r) => r.isRefetching),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_metrics_components_chart_area.ChartArea, {
+			isEmpty: !isLoading && shaped.empty,
+			emptyMessage: options.emptyMessage,
+			children: options.chart === "stackedBar" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsStackedBarChart.MetricsStackedBarChart, { ...chart }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsLineChart.MetricsLineChart, {
+				...chart,
+				yDomain
+			})
+		})
+	});
+}
+exports.TimeseriesWidget = TimeseriesWidget;
+
+//# sourceMappingURL=timeseries-widget.cjs.js.map

package/dist/domains/dashboards/kinds/timeseries/timeseries-widget.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeseries-widget.cjs.js","names":["useViewMenu","ViewGate","PendingChartCard","bucketPlan","useDashboardRequests","buildRequest","useDrilldown","shapeTimeseries","answersById","FORMATTERS","chartColor","hasDrilldownAction","DrilldownAction","MetricsCard","MetricsLineChartLegend","ChartCard","ChartCardError","bucketWindow","EDGE_BUCKET_AXIS","BUCKET_AXIS","ChartArea","MetricsStackedBarChart","MetricsLineChart"],"sources":["../../../../../src/domains/dashboards/kinds/timeseries/timeseries-widget.tsx"],"sourcesContent":["import { ChartArea } from '../../../metrics/components/chart-area';\nimport { ChartCard } from '../../../metrics/components/chart-card';\nimport { ChartCardError } from '../../../metrics/components/chart-card-error';\nimport { BUCKET_AXIS, EDGE_BUCKET_AXIS } from '../../../metrics/lib/chart-axis';\nimport { bucketPlan, bucketWindow } from '../../../metrics/lib/metrics-buckets';\nimport { ViewGate } from '../../components/view-gate';\nimport { PendingChartCard } from '../../components/widget-chrome';\nimport { DrilldownAction } from '../../components/widget-controls';\nimport { useDashboardRequests } from '../../hooks/use-dashboard-requests';\nimport { hasDrilldownAction, useDrilldown, useViewMenu } from '../../hooks/use-widget-views';\nimport type { ViewHeading } from '../../lib/chrome';\nimport { chartColor, FORMATTERS } from '../../lib/format';\nimport { buildRequest } from '../../lib/requests';\nimport type { DashboardPageContext } from '../../lib/requests';\nimport { shapeTimeseries } from '../../lib/timeseries';\nimport type { TimeseriesOptions } from '../../lib/timeseries';\nimport { answersById } from '../../lib/values';\nimport type { ResolvedView, WidgetKindProps } from '../../widget-kind';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\nimport { MetricsLineChart, MetricsLineChartLegend } from '@/ds/components/MetricsLineChart';\nimport type { MetricsLineChartSeries } from '@/ds/components/MetricsLineChart';\nimport { MetricsStackedBarChart } from '@/ds/components/MetricsStackedBarChart';\n\ntype Props = WidgetKindProps<TimeseriesOptions>;\ntype ViewProps = Props & {\n  view: ResolvedView<TimeseriesOptions>;\n  heading: ViewHeading;\n  page: DashboardPageContext;\n};\n\nexport function TimeseriesWidget(props: Props) {\n  const { view, heading } = useViewMenu(props.widget, props.views);\n  return (\n    <ViewGate queries={view.queries} pending={gate => <PendingChartCard gate={gate} heading={heading} />}>\n      {page => <TimeseriesView {...props} view={view} heading={heading} page={page} />}\n    </ViewGate>\n  );\n}\n\nfunction TimeseriesView({ widget, view, heading, page, onDrilldown }: ViewProps) {\n  const { options } = view;\n  const { interval } = bucketPlan(page.window.start, page.window.end);\n  const totals = new Set(options.totals ?? []);\n  const results = useDashboardRequests(\n    view.queries.map(q =>\n      buildRequest(q, page, { interval: q.id !== undefined && totals.has(q.id) ? undefined : interval }),\n    ),\n  );\n  const sent = results.filter(r => r !== undefined);\n  const hasTraceQueries = view.queries.some(q => q.source === 'traceAggregate' || q.source === 'spanAggregate');\n  const onClick = useDrilldown(widget, view, onDrilldown);\n\n  const isLoading = sent.some(r => r.isLoading);\n  const shaped = shapeTimeseries({\n    options,\n    responses: answersById(\n      view.queries,\n      results.map(r => r?.data),\n    ),\n    window: page.window,\n    hasTraceQueries,\n  });\n  const format = FORMATTERS[options.format];\n  const lines: MetricsLineChartSeries[] = shaped.series.map(s => ({\n    dataKey: s.dataKey,\n    label: s.label,\n    color: chartColor(s.color),\n    emphasis: s.emphasis,\n  }));\n  // Series with a range total each show theirs, marked like their line: they count different things.\n  const rangeTotals = shaped.series.flatMap(s =>\n    s.rangeTotal === undefined\n      ? []\n      : [{ label: s.label, value: format.value(s.rangeTotal), color: chartColor(s.color) }],\n  );\n  const withRangeTotals = options.series.some(s => s.rangeTotal !== undefined);\n\n  const layout = {\n    ...heading,\n    actions: hasDrilldownAction(widget, view, onDrilldown) ? (\n      <DrilldownAction widget={widget} view={view} onDrilldown={onDrilldown} />\n    ) : undefined,\n    total: withRangeTotals ? rangeTotals : undefined,\n    isLoading,\n    toolbar: lines.length > 0 && (\n      <MetricsCard.Toolbar>\n        <MetricsLineChartLegend series={lines} />\n      </MetricsCard.Toolbar>\n    ),\n  };\n\n  const failed = sent.filter(r => r.isError);\n  if (failed.length) {\n    return (\n      <ChartCard {...layout}>\n        {hasTraceQueries ? (\n          <ChartCardError error={failed[0]?.error} onRetry={() => failed.forEach(r => void r.refetch())} />\n        ) : (\n          <ChartCardError />\n        )}\n      </ChartCard>\n    );\n  }\n\n  const totalFormat = FORMATTERS[options.total?.format ?? options.format];\n  const total =\n    options.total &&\n    (typeof options.total.value === 'object' && 'peak' in options.total.value && !shaped.total\n      ? '—'\n      : totalFormat.value(shaped.total ?? 0));\n\n  const chart = {\n    data: shaped.data,\n    series: lines,\n    height: 'fill' as const,\n    xLabels: options.xLabels,\n    showLegend: false,\n    valueFormatter: format.value,\n    axisFormatter: options.axis === false ? undefined : format.axis,\n    onBucketClick:\n      onClick &&\n      ((row: Record<string, unknown>) => onClick({ window: bucketWindow(Number(row.ts), shaped.stepHours) })),\n    isLoading,\n    ...(options.xLabels ? EDGE_BUCKET_AXIS : BUCKET_AXIS),\n  };\n  const yDomain = shaped.flat && options.flatYDomain ? options.flatYDomain : options.yDomain;\n\n  return (\n    <ChartCard {...layout} total={layout.total ?? total} isUpdating={sent.some(r => r.isRefetching)}>\n      <ChartArea isEmpty={!isLoading && shaped.empty} emptyMessage={options.emptyMessage}>\n        {options.chart === 'stackedBar' ? (\n          <MetricsStackedBarChart {...chart} />\n        ) : (\n          <MetricsLineChart {...chart} yDomain={yDomain} />\n        )}\n      </ChartArea>\n    </ChartCard>\n  );\n}\n"],"mappings":"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"}

package/dist/domains/dashboards/kinds/timeseries/timeseries-widget.d.ts

@@ -0,0 +1 @@
+export * from '../../../../src/domains/dashboards/kinds/timeseries/timeseries-widget';

package/dist/domains/dashboards/kinds/timeseries/timeseries-widget.es.js

@@ -0,0 +1,114 @@
+import { bucketPlan, bucketWindow } from "../../../metrics/lib/metrics-buckets.es.js";
+import { buildRequest } from "../../lib/requests.es.js";
+import { ViewGate } from "../../components/view-gate.es.js";
+import { useDashboardRequests } from "../../hooks/use-dashboard-requests.es.js";
+import { answersById } from "../../lib/values.es.js";
+import { t as MetricsCard } from "../../../../MetricsCard-M8awJ2B_.js";
+import { ChartArea } from "../../../metrics/components/chart-area.es.js";
+import { ChartCard } from "../../../metrics/components/chart-card.es.js";
+import { ChartCardError } from "../../../metrics/components/chart-card-error.es.js";
+import { BUCKET_AXIS, EDGE_BUCKET_AXIS } from "../../../metrics/lib/chart-axis.es.js";
+import { FORMATTERS, chartColor } from "../../lib/format.es.js";
+import { r as MetricsLineChartLegend, t as MetricsLineChart } from "../../../../MetricsLineChart-BhHoduO0.js";
+import { hasDrilldownAction, useDrilldown, useViewMenu } from "../../hooks/use-widget-views.es.js";
+import { shapeTimeseries } from "../../lib/timeseries.es.js";
+import { PendingChartCard } from "../../components/widget-chrome.es.js";
+import { DrilldownAction } from "../../components/widget-controls.es.js";
+import { t as MetricsStackedBarChart } from "../../../../MetricsStackedBarChart-BRuA6MTE.js";
+import { jsx } from "react/jsx-runtime";
+// src/domains/dashboards/kinds/timeseries/timeseries-widget.tsx
+function TimeseriesWidget(props) {
+	const { view, heading } = useViewMenu(props.widget, props.views);
+	return /* @__PURE__ */ jsx(ViewGate, {
+		queries: view.queries,
+		pending: (gate) => /* @__PURE__ */ jsx(PendingChartCard, {
+			gate,
+			heading
+		}),
+		children: (page) => /* @__PURE__ */ jsx(TimeseriesView, {
+			...props,
+			view,
+			heading,
+			page
+		})
+	});
+}
+function TimeseriesView({ widget, view, heading, page, onDrilldown }) {
+	const { options } = view;
+	const { interval } = bucketPlan(page.window.start, page.window.end);
+	const totals = new Set(options.totals ?? []);
+	const results = useDashboardRequests(view.queries.map((q) => buildRequest(q, page, { interval: q.id !== void 0 && totals.has(q.id) ? void 0 : interval })));
+	const sent = results.filter((r) => r !== void 0);
+	const hasTraceQueries = view.queries.some((q) => q.source === "traceAggregate" || q.source === "spanAggregate");
+	const onClick = useDrilldown(widget, view, onDrilldown);
+	const isLoading = sent.some((r) => r.isLoading);
+	const shaped = shapeTimeseries({
+		options,
+		responses: answersById(view.queries, results.map((r) => r?.data)),
+		window: page.window,
+		hasTraceQueries
+	});
+	const format = FORMATTERS[options.format];
+	const lines = shaped.series.map((s) => ({
+		dataKey: s.dataKey,
+		label: s.label,
+		color: chartColor(s.color),
+		emphasis: s.emphasis
+	}));
+	const rangeTotals = shaped.series.flatMap((s) => s.rangeTotal === void 0 ? [] : [{
+		label: s.label,
+		value: format.value(s.rangeTotal),
+		color: chartColor(s.color)
+	}]);
+	const withRangeTotals = options.series.some((s) => s.rangeTotal !== void 0);
+	const layout = {
+		...heading,
+		actions: hasDrilldownAction(widget, view, onDrilldown) ? /* @__PURE__ */ jsx(DrilldownAction, {
+			widget,
+			view,
+			onDrilldown
+		}) : void 0,
+		total: withRangeTotals ? rangeTotals : void 0,
+		isLoading,
+		toolbar: lines.length > 0 && /* @__PURE__ */ jsx(MetricsCard.Toolbar, { children: /* @__PURE__ */ jsx(MetricsLineChartLegend, { series: lines }) })
+	};
+	const failed = sent.filter((r) => r.isError);
+	if (failed.length) return /* @__PURE__ */ jsx(ChartCard, {
+		...layout,
+		children: hasTraceQueries ? /* @__PURE__ */ jsx(ChartCardError, {
+			error: failed[0]?.error,
+			onRetry: () => failed.forEach((r) => void r.refetch())
+		}) : /* @__PURE__ */ jsx(ChartCardError, {})
+	});
+	const totalFormat = FORMATTERS[options.total?.format ?? options.format];
+	const total = options.total && (typeof options.total.value === "object" && "peak" in options.total.value && !shaped.total ? "—" : totalFormat.value(shaped.total ?? 0));
+	const chart = {
+		data: shaped.data,
+		series: lines,
+		height: "fill",
+		xLabels: options.xLabels,
+		showLegend: false,
+		valueFormatter: format.value,
+		axisFormatter: options.axis === false ? void 0 : format.axis,
+		onBucketClick: onClick && ((row) => onClick({ window: bucketWindow(Number(row.ts), shaped.stepHours) })),
+		isLoading,
+		...options.xLabels ? EDGE_BUCKET_AXIS : BUCKET_AXIS
+	};
+	const yDomain = shaped.flat && options.flatYDomain ? options.flatYDomain : options.yDomain;
+	return /* @__PURE__ */ jsx(ChartCard, {
+		...layout,
+		total: layout.total ?? total,
+		isUpdating: sent.some((r) => r.isRefetching),
+		children: /* @__PURE__ */ jsx(ChartArea, {
+			isEmpty: !isLoading && shaped.empty,
+			emptyMessage: options.emptyMessage,
+			children: options.chart === "stackedBar" ? /* @__PURE__ */ jsx(MetricsStackedBarChart, { ...chart }) : /* @__PURE__ */ jsx(MetricsLineChart, {
+				...chart,
+				yDomain
+			})
+		})
+	});
+}
+export { TimeseriesWidget };
+
+//# sourceMappingURL=timeseries-widget.es.js.map

package/dist/domains/dashboards/kinds/timeseries/timeseries-widget.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeseries-widget.es.js","names":[],"sources":["../../../../../src/domains/dashboards/kinds/timeseries/timeseries-widget.tsx"],"sourcesContent":["import { ChartArea } from '../../../metrics/components/chart-area';\nimport { ChartCard } from '../../../metrics/components/chart-card';\nimport { ChartCardError } from '../../../metrics/components/chart-card-error';\nimport { BUCKET_AXIS, EDGE_BUCKET_AXIS } from '../../../metrics/lib/chart-axis';\nimport { bucketPlan, bucketWindow } from '../../../metrics/lib/metrics-buckets';\nimport { ViewGate } from '../../components/view-gate';\nimport { PendingChartCard } from '../../components/widget-chrome';\nimport { DrilldownAction } from '../../components/widget-controls';\nimport { useDashboardRequests } from '../../hooks/use-dashboard-requests';\nimport { hasDrilldownAction, useDrilldown, useViewMenu } from '../../hooks/use-widget-views';\nimport type { ViewHeading } from '../../lib/chrome';\nimport { chartColor, FORMATTERS } from '../../lib/format';\nimport { buildRequest } from '../../lib/requests';\nimport type { DashboardPageContext } from '../../lib/requests';\nimport { shapeTimeseries } from '../../lib/timeseries';\nimport type { TimeseriesOptions } from '../../lib/timeseries';\nimport { answersById } from '../../lib/values';\nimport type { ResolvedView, WidgetKindProps } from '../../widget-kind';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\nimport { MetricsLineChart, MetricsLineChartLegend } from '@/ds/components/MetricsLineChart';\nimport type { MetricsLineChartSeries } from '@/ds/components/MetricsLineChart';\nimport { MetricsStackedBarChart } from '@/ds/components/MetricsStackedBarChart';\n\ntype Props = WidgetKindProps<TimeseriesOptions>;\ntype ViewProps = Props & {\n  view: ResolvedView<TimeseriesOptions>;\n  heading: ViewHeading;\n  page: DashboardPageContext;\n};\n\nexport function TimeseriesWidget(props: Props) {\n  const { view, heading } = useViewMenu(props.widget, props.views);\n  return (\n    <ViewGate queries={view.queries} pending={gate => <PendingChartCard gate={gate} heading={heading} />}>\n      {page => <TimeseriesView {...props} view={view} heading={heading} page={page} />}\n    </ViewGate>\n  );\n}\n\nfunction TimeseriesView({ widget, view, heading, page, onDrilldown }: ViewProps) {\n  const { options } = view;\n  const { interval } = bucketPlan(page.window.start, page.window.end);\n  const totals = new Set(options.totals ?? []);\n  const results = useDashboardRequests(\n    view.queries.map(q =>\n      buildRequest(q, page, { interval: q.id !== undefined && totals.has(q.id) ? undefined : interval }),\n    ),\n  );\n  const sent = results.filter(r => r !== undefined);\n  const hasTraceQueries = view.queries.some(q => q.source === 'traceAggregate' || q.source === 'spanAggregate');\n  const onClick = useDrilldown(widget, view, onDrilldown);\n\n  const isLoading = sent.some(r => r.isLoading);\n  const shaped = shapeTimeseries({\n    options,\n    responses: answersById(\n      view.queries,\n      results.map(r => r?.data),\n    ),\n    window: page.window,\n    hasTraceQueries,\n  });\n  const format = FORMATTERS[options.format];\n  const lines: MetricsLineChartSeries[] = shaped.series.map(s => ({\n    dataKey: s.dataKey,\n    label: s.label,\n    color: chartColor(s.color),\n    emphasis: s.emphasis,\n  }));\n  // Series with a range total each show theirs, marked like their line: they count different things.\n  const rangeTotals = shaped.series.flatMap(s =>\n    s.rangeTotal === undefined\n      ? []\n      : [{ label: s.label, value: format.value(s.rangeTotal), color: chartColor(s.color) }],\n  );\n  const withRangeTotals = options.series.some(s => s.rangeTotal !== undefined);\n\n  const layout = {\n    ...heading,\n    actions: hasDrilldownAction(widget, view, onDrilldown) ? (\n      <DrilldownAction widget={widget} view={view} onDrilldown={onDrilldown} />\n    ) : undefined,\n    total: withRangeTotals ? rangeTotals : undefined,\n    isLoading,\n    toolbar: lines.length > 0 && (\n      <MetricsCard.Toolbar>\n        <MetricsLineChartLegend series={lines} />\n      </MetricsCard.Toolbar>\n    ),\n  };\n\n  const failed = sent.filter(r => r.isError);\n  if (failed.length) {\n    return (\n      <ChartCard {...layout}>\n        {hasTraceQueries ? (\n          <ChartCardError error={failed[0]?.error} onRetry={() => failed.forEach(r => void r.refetch())} />\n        ) : (\n          <ChartCardError />\n        )}\n      </ChartCard>\n    );\n  }\n\n  const totalFormat = FORMATTERS[options.total?.format ?? options.format];\n  const total =\n    options.total &&\n    (typeof options.total.value === 'object' && 'peak' in options.total.value && !shaped.total\n      ? '—'\n      : totalFormat.value(shaped.total ?? 0));\n\n  const chart = {\n    data: shaped.data,\n    series: lines,\n    height: 'fill' as const,\n    xLabels: options.xLabels,\n    showLegend: false,\n    valueFormatter: format.value,\n    axisFormatter: options.axis === false ? undefined : format.axis,\n    onBucketClick:\n      onClick &&\n      ((row: Record<string, unknown>) => onClick({ window: bucketWindow(Number(row.ts), shaped.stepHours) })),\n    isLoading,\n    ...(options.xLabels ? EDGE_BUCKET_AXIS : BUCKET_AXIS),\n  };\n  const yDomain = shaped.flat && options.flatYDomain ? options.flatYDomain : options.yDomain;\n\n  return (\n    <ChartCard {...layout} total={layout.total ?? total} isUpdating={sent.some(r => r.isRefetching)}>\n      <ChartArea isEmpty={!isLoading && shaped.empty} emptyMessage={options.emptyMessage}>\n        {options.chart === 'stackedBar' ? (\n          <MetricsStackedBarChart {...chart} />\n        ) : (\n          <MetricsLineChart {...chart} yDomain={yDomain} />\n        )}\n      </ChartArea>\n    </ChartCard>\n  );\n}\n"],"mappings":"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"}

package/dist/domains/dashboards/kinds/timeseries.cjs.js

@@ -0,0 +1,15 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_domains_dashboards_widget_kind = require("../widget-kind.cjs.js");
+const require_domains_dashboards_lib_timeseries = require("../lib/timeseries.cjs.js");
+const require_domains_dashboards_kinds_timeseries_timeseries_widget = require("./timeseries/timeseries-widget.cjs.js");
+// src/domains/dashboards/kinds/timeseries/index.ts
+/** Values per time bucket as stacked bars or lines, from metrics, trace or span time series. */
+var timeseriesKind = require_domains_dashboards_widget_kind.defineWidgetKind({
+	kind: "timeseries",
+	optionsSchema: require_domains_dashboards_lib_timeseries.timeseriesOptionsSchema,
+	issues: (view) => require_domains_dashboards_lib_timeseries.timeseriesIssues(view.options, view.queries),
+	component: require_domains_dashboards_kinds_timeseries_timeseries_widget.TimeseriesWidget
+});
+exports.timeseriesKind = timeseriesKind;
+
+//# sourceMappingURL=timeseries.cjs.js.map

package/dist/domains/dashboards/kinds/timeseries.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeseries.cjs.js","names":["defineWidgetKind","timeseriesOptionsSchema","timeseriesIssues","TimeseriesWidget"],"sources":["../../../../src/domains/dashboards/kinds/timeseries/index.ts"],"sourcesContent":["import { timeseriesIssues, timeseriesOptionsSchema } from '../../lib/timeseries';\nimport { defineWidgetKind } from '../../widget-kind';\nimport { TimeseriesWidget } from './timeseries-widget';\n\n/** Values per time bucket as stacked bars or lines, from metrics, trace or span time series. */\nexport const timeseriesKind = defineWidgetKind({\n  kind: 'timeseries',\n  optionsSchema: timeseriesOptionsSchema,\n  issues: view => timeseriesIssues(view.options, view.queries),\n  component: TimeseriesWidget,\n});\n"],"mappings":";;;;;;AAKA,IAAa,iBAAiBA,uCAAAA,iBAAiB;CAC7C,MAAM;CACN,eAAeC,0CAAAA;CACf,SAAQ,SAAQC,0CAAAA,iBAAiB,KAAK,SAAS,KAAK,OAAO;CAC3D,WAAWC,8DAAAA;AACb,CAAC"}

package/dist/domains/dashboards/kinds/timeseries.d.ts

@@ -0,0 +1 @@
+export * from '../../../src/domains/dashboards/kinds/timeseries/index';

package/dist/domains/dashboards/kinds/timeseries.es.js

@@ -0,0 +1,14 @@
+import { defineWidgetKind } from "../widget-kind.es.js";
+import { timeseriesIssues, timeseriesOptionsSchema } from "../lib/timeseries.es.js";
+import { TimeseriesWidget } from "./timeseries/timeseries-widget.es.js";
+// src/domains/dashboards/kinds/timeseries/index.ts
+/** Values per time bucket as stacked bars or lines, from metrics, trace or span time series. */
+var timeseriesKind = defineWidgetKind({
+	kind: "timeseries",
+	optionsSchema: timeseriesOptionsSchema,
+	issues: (view) => timeseriesIssues(view.options, view.queries),
+	component: TimeseriesWidget
+});
+export { timeseriesKind };
+
+//# sourceMappingURL=timeseries.es.js.map

package/dist/domains/dashboards/kinds/timeseries.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeseries.es.js","names":[],"sources":["../../../../src/domains/dashboards/kinds/timeseries/index.ts"],"sourcesContent":["import { timeseriesIssues, timeseriesOptionsSchema } from '../../lib/timeseries';\nimport { defineWidgetKind } from '../../widget-kind';\nimport { TimeseriesWidget } from './timeseries-widget';\n\n/** Values per time bucket as stacked bars or lines, from metrics, trace or span time series. */\nexport const timeseriesKind = defineWidgetKind({\n  kind: 'timeseries',\n  optionsSchema: timeseriesOptionsSchema,\n  issues: view => timeseriesIssues(view.options, view.queries),\n  component: TimeseriesWidget,\n});\n"],"mappings":";;;;;AAKA,IAAa,iBAAiB,iBAAiB;CAC7C,MAAM;CACN,eAAe;CACf,SAAQ,SAAQ,iBAAiB,KAAK,SAAS,KAAK,OAAO;CAC3D,WAAW;AACb,CAAC"}

package/dist/domains/dashboards/kinds.cjs.js

@@ -0,0 +1,20 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_domains_dashboards_kinds_kpis = require("./kinds/kpis.cjs.js");
+const require_domains_dashboards_kinds_scores = require("./kinds/scores.cjs.js");
+const require_domains_dashboards_kinds_table = require("./kinds/table.cjs.js");
+const require_domains_dashboards_kinds_timeseries = require("./kinds/timeseries.cjs.js");
+// src/domains/dashboards/kinds/index.ts
+/** The kinds every dashboard can use; hosts add their own through `DashboardRenderer`'s `kinds`. */
+var BUILT_IN_WIDGET_KINDS = [
+	require_domains_dashboards_kinds_kpis.kpisKind,
+	require_domains_dashboards_kinds_table.tableKind,
+	require_domains_dashboards_kinds_timeseries.timeseriesKind,
+	require_domains_dashboards_kinds_scores.scoresKind
+];
+exports.BUILT_IN_WIDGET_KINDS = BUILT_IN_WIDGET_KINDS;
+exports.kpisKind = require_domains_dashboards_kinds_kpis.kpisKind;
+exports.scoresKind = require_domains_dashboards_kinds_scores.scoresKind;
+exports.tableKind = require_domains_dashboards_kinds_table.tableKind;
+exports.timeseriesKind = require_domains_dashboards_kinds_timeseries.timeseriesKind;
+
+//# sourceMappingURL=kinds.cjs.js.map

package/dist/domains/dashboards/kinds.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kinds.cjs.js","names":["kpisKind","tableKind","timeseriesKind","scoresKind"],"sources":["../../../src/domains/dashboards/kinds/index.ts"],"sourcesContent":["import type { AnyWidgetKind } from '../widget-kind';\nimport { kpisKind } from './kpis';\nimport { scoresKind } from './scores';\nimport { tableKind } from './table';\nimport { timeseriesKind } from './timeseries';\n\nexport { tableKind } from './table';\nexport { kpisKind } from './kpis';\nexport { scoresKind } from './scores';\nexport { timeseriesKind } from './timeseries';\n\n/** The kinds every dashboard can use; hosts add their own through `DashboardRenderer`'s `kinds`. */\nexport const BUILT_IN_WIDGET_KINDS: AnyWidgetKind[] = [kpisKind, tableKind, timeseriesKind, scoresKind];\n"],"mappings":";;;;;;;AAYA,IAAa,wBAAyC;CAACA,sCAAAA;CAAUC,uCAAAA;CAAWC,4CAAAA;CAAgBC,wCAAAA;AAAU"}

package/dist/domains/dashboards/kinds.d.ts

@@ -0,0 +1 @@
+export * from '../../src/domains/dashboards/kinds/index';

package/dist/domains/dashboards/kinds.es.js

@@ -0,0 +1,15 @@
+import { kpisKind } from "./kinds/kpis.es.js";
+import { scoresKind } from "./kinds/scores.es.js";
+import { tableKind } from "./kinds/table.es.js";
+import { timeseriesKind } from "./kinds/timeseries.es.js";
+// src/domains/dashboards/kinds/index.ts
+/** The kinds every dashboard can use; hosts add their own through `DashboardRenderer`'s `kinds`. */
+var BUILT_IN_WIDGET_KINDS = [
+	kpisKind,
+	tableKind,
+	timeseriesKind,
+	scoresKind
+];
+export { BUILT_IN_WIDGET_KINDS, kpisKind, scoresKind, tableKind, timeseriesKind };
+
+//# sourceMappingURL=kinds.es.js.map

package/dist/domains/dashboards/kinds.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kinds.es.js","names":[],"sources":["../../../src/domains/dashboards/kinds/index.ts"],"sourcesContent":["import type { AnyWidgetKind } from '../widget-kind';\nimport { kpisKind } from './kpis';\nimport { scoresKind } from './scores';\nimport { tableKind } from './table';\nimport { timeseriesKind } from './timeseries';\n\nexport { tableKind } from './table';\nexport { kpisKind } from './kpis';\nexport { scoresKind } from './scores';\nexport { timeseriesKind } from './timeseries';\n\n/** The kinds every dashboard can use; hosts add their own through `DashboardRenderer`'s `kinds`. */\nexport const BUILT_IN_WIDGET_KINDS: AnyWidgetKind[] = [kpisKind, tableKind, timeseriesKind, scoresKind];\n"],"mappings":";;;;;;AAYA,IAAa,wBAAyC;CAAC;CAAU;CAAW;CAAgB;AAAU"}

package/dist/domains/dashboards/lib/answers.cjs.js

@@ -0,0 +1,42 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+// src/domains/dashboards/lib/answers.ts
+/** The rows of a trace or span aggregate, else `undefined`. */
+function rowsOf(answer) {
+	if (answer?.method === "aggregateTraces" || answer?.method === "aggregateSpans") return answer.data;
+}
+/** The series of a metrics or scores time series or percentiles answer, else `undefined`. */
+function seriesOf(answer) {
+	switch (answer?.method) {
+		case "getMetricTimeSeries":
+		case "getScoreTimeSeries": return answer.data.series.map((s) => ({
+			name: s.name,
+			points: s.points
+		}));
+		case "getMetricPercentiles":
+		case "getScorePercentiles": return answer.data.series.map((s) => ({
+			percentile: s.percentile,
+			points: s.points
+		}));
+		default: return;
+	}
+}
+/** A metrics or scores aggregate's figures, else `undefined`. */
+function valueOf(answer) {
+	if (answer?.method === "getMetricAggregate" || answer?.method === "getScoreAggregate") return answer.data;
+}
+/** The groups of a metrics or scores breakdown, else `undefined`. */
+function groupsOf(answer) {
+	if (answer?.method === "getMetricBreakdown" || answer?.method === "getScoreBreakdown") return answer.data.groups;
+}
+/** A measure of an aggregate row by name; `undefined` when the row doesn't have it. */
+function measureOf(measures, name) {
+	const value = new Map(Object.entries(measures)).get(name);
+	return typeof value === "number" ? value : void 0;
+}
+exports.groupsOf = groupsOf;
+exports.measureOf = measureOf;
+exports.rowsOf = rowsOf;
+exports.seriesOf = seriesOf;
+exports.valueOf = valueOf;
+
+//# sourceMappingURL=answers.cjs.js.map

package/dist/domains/dashboards/lib/answers.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"answers.cjs.js","names":[],"sources":["../../../../src/domains/dashboards/lib/answers.ts"],"sourcesContent":["import type { TraceAggregateRow } from '../../metrics/lib/trace-aggregate';\nimport type { DashboardAnswer } from './requests';\n\n/** A point in a metrics or scores series. */\nexport type SeriesPoint = { timestamp: string | Date; value: number; estimatedCost?: number | null };\n/** A series of a time series or percentiles answer: `name` is its group, `percentile` the one it plots. */\nexport type AnswerSeries = { name?: string; percentile?: number; points: SeriesPoint[] };\n\n/** A metrics or scores aggregate: its value and, when compared, the previous window's. */\nexport type AggregateValue = {\n  value?: number | null;\n  previousValue?: number | null;\n  changePercent?: number | null;\n  estimatedCost?: number | null;\n  previousEstimatedCost?: number | null;\n  costChangePercent?: number | null;\n};\n\n/** A breakdown group of a metrics or scores breakdown. */\nexport type AnswerGroup = {\n  dimensions: Record<string, string | null>;\n  value: number;\n  estimatedCost?: number | null;\n  costUnit?: string | null;\n};\n\n/** The rows of a trace or span aggregate, else `undefined`. */\nexport function rowsOf(\n  answer: DashboardAnswer | undefined,\n): { rows: TraceAggregateRow[]; truncated?: boolean } | undefined {\n  if (answer?.method === 'aggregateTraces' || answer?.method === 'aggregateSpans') return answer.data;\n  return undefined;\n}\n\n/** The series of a metrics or scores time series or percentiles answer, else `undefined`. */\nexport function seriesOf(answer: DashboardAnswer | undefined): AnswerSeries[] | undefined {\n  switch (answer?.method) {\n    case 'getMetricTimeSeries':\n    case 'getScoreTimeSeries':\n      return answer.data.series.map(s => ({ name: s.name, points: s.points }));\n    case 'getMetricPercentiles':\n    case 'getScorePercentiles':\n      return answer.data.series.map(s => ({ percentile: s.percentile, points: s.points }));\n    default:\n      return undefined;\n  }\n}\n\n/** A metrics or scores aggregate's figures, else `undefined`. */\nexport function valueOf(answer: DashboardAnswer | undefined): AggregateValue | undefined {\n  if (answer?.method === 'getMetricAggregate' || answer?.method === 'getScoreAggregate') return answer.data;\n  return undefined;\n}\n\n/** The groups of a metrics or scores breakdown, else `undefined`. */\nexport function groupsOf(answer: DashboardAnswer | undefined): AnswerGroup[] | undefined {\n  if (answer?.method === 'getMetricBreakdown' || answer?.method === 'getScoreBreakdown') return answer.data.groups;\n  return undefined;\n}\n\n/** A measure of an aggregate row by name; `undefined` when the row doesn't have it. */\nexport function measureOf(measures: Readonly<Record<string, unknown>>, name: string): number | undefined {\n  const value = new Map(Object.entries(measures)).get(name);\n  return typeof value === 'number' ? value : undefined;\n}\n"],"mappings":";;;AA2BA,SAAgB,OACd,QACgE;CAChE,IAAI,QAAQ,WAAW,qBAAqB,QAAQ,WAAW,kBAAkB,OAAO,OAAO;AAEjG;;AAGA,SAAgB,SAAS,QAAiE;CACxF,QAAQ,QAAQ,QAAhB;EACE,KAAK;EACL,KAAK,sBACH,OAAO,OAAO,KAAK,OAAO,KAAI,OAAM;GAAE,MAAM,EAAE;GAAM,QAAQ,EAAE;EAAO,EAAE;EACzE,KAAK;EACL,KAAK,uBACH,OAAO,OAAO,KAAK,OAAO,KAAI,OAAM;GAAE,YAAY,EAAE;GAAY,QAAQ,EAAE;EAAO,EAAE;EACrF,SACE;CACJ;AACF;;AAGA,SAAgB,QAAQ,QAAiE;CACvF,IAAI,QAAQ,WAAW,wBAAwB,QAAQ,WAAW,qBAAqB,OAAO,OAAO;AAEvG;;AAGA,SAAgB,SAAS,QAAgE;CACvF,IAAI,QAAQ,WAAW,wBAAwB,QAAQ,WAAW,qBAAqB,OAAO,OAAO,KAAK;AAE5G;;AAGA,SAAgB,UAAU,UAA6C,MAAkC;CACvG,MAAM,QAAQ,IAAI,IAAI,OAAO,QAAQ,QAAQ,CAAC,CAAC,CAAC,IAAI,IAAI;CACxD,OAAO,OAAO,UAAU,WAAW,QAAQ,KAAA;AAC7C"}

package/dist/domains/dashboards/lib/answers.d.ts

@@ -0,0 +1 @@
+export * from '../../../src/domains/dashboards/lib/answers';

package/dist/domains/dashboards/lib/answers.es.js

@@ -0,0 +1,37 @@
+// src/domains/dashboards/lib/answers.ts
+/** The rows of a trace or span aggregate, else `undefined`. */
+function rowsOf(answer) {
+	if (answer?.method === "aggregateTraces" || answer?.method === "aggregateSpans") return answer.data;
+}
+/** The series of a metrics or scores time series or percentiles answer, else `undefined`. */
+function seriesOf(answer) {
+	switch (answer?.method) {
+		case "getMetricTimeSeries":
+		case "getScoreTimeSeries": return answer.data.series.map((s) => ({
+			name: s.name,
+			points: s.points
+		}));
+		case "getMetricPercentiles":
+		case "getScorePercentiles": return answer.data.series.map((s) => ({
+			percentile: s.percentile,
+			points: s.points
+		}));
+		default: return;
+	}
+}
+/** A metrics or scores aggregate's figures, else `undefined`. */
+function valueOf(answer) {
+	if (answer?.method === "getMetricAggregate" || answer?.method === "getScoreAggregate") return answer.data;
+}
+/** The groups of a metrics or scores breakdown, else `undefined`. */
+function groupsOf(answer) {
+	if (answer?.method === "getMetricBreakdown" || answer?.method === "getScoreBreakdown") return answer.data.groups;
+}
+/** A measure of an aggregate row by name; `undefined` when the row doesn't have it. */
+function measureOf(measures, name) {
+	const value = new Map(Object.entries(measures)).get(name);
+	return typeof value === "number" ? value : void 0;
+}
+export { groupsOf, measureOf, rowsOf, seriesOf, valueOf };
+
+//# sourceMappingURL=answers.es.js.map