npm - @mastra/playground-ui - Versions diffs - 68.0.0 → 69.0.0-alpha.0 - Mend

@mastra/playground-ui 68.0.0 → 69.0.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1784) hide show

package/dist/domains/dashboards/kinds/table/table-tabs.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"table-tabs.cjs.js","names":["parseColumns","isValueColumn","exprRefs","useDashboardRequests","buildRequest","countRows","useViewMenu","openingView","TableFrame","MetricsCard","unsupportedMessage","TableView"],"sources":["../../../../../src/domains/dashboards/kinds/table/table-tabs.tsx"],"sourcesContent":["import type { BlockedFields } from '../../components/view-gate';\nimport { useDashboardRequests } from '../../hooks/use-dashboard-requests';\nimport { useViewMenu } from '../../hooks/use-widget-views';\nimport { unsupportedMessage } from '../../lib/chrome';\nimport { buildRequest } from '../../lib/requests';\nimport type { DashboardPageContext } from '../../lib/requests';\nimport { countRows, isValueColumn, openingView, parseColumns } from '../../lib/table';\nimport type { TableOptions } from '../../lib/table';\nimport { exprRefs } from '../../lib/values';\nimport type { WidgetKindProps } from '../../widget-kind';\nimport { TableFrame } from './table-frame';\nimport { TableView } from './table-view';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\n\ntype Props = WidgetKindProps<TableOptions>;\n\n/** Filters an aggregate can't apply, named as the filter bar names them. /\nconst FILTER_NAMES: Record<string, string> = {\n serviceName: 'service',\n requestId: 'request ID',\n experimentId: 'experiment',\n tags: 'tags',\n provider: 'provider',\n model: 'model',\n};\n\n/* The opener view's sorted column and every query it reads, when the opener can count its rows. */\nfunction openerSource(views: Props['views'], blocked: BlockedFields) {\n const opener = views.find(v => v.options.openWhen);\n if (!opener \|\| blocked(opener.queries)) return undefined;\n const column = parseColumns(opener.columns)\n .columns.filter(isValueColumn)\n .find(c => c.id === opener.options.defaultSort.column);\n if (!column) return undefined;\n const read = new Set(exprRefs(column.options.value).map(r => r.query));\n const queries = opener.queries.filter(q => q.id !== undefined && read.has(q.id));\n return queries.length > 0 && queries.length === read.size ? { view: opener, column, queries } : undefined;\n}\n\nexport function TableTabs({ page, blocked, ...props }: Props & { page: DashboardPageContext; blocked: BlockedFields }) {\n // A view that opens only with enough rows counts them from its sorted column's own request, so\n // opening on it costs nothing more.\n const opener = openerSource(props.views, blocked);\n const openerResults = useDashboardRequests(opener?.queries.map(q => buildRequest(q, page, {})) ?? []);\n const rows = opener\n ? countRows(\n opener.view.options,\n opener.column,\n opener.queries,\n openerResults.map(r => r?.data),\n )\n : 'uncountable';\n const { ~~view, index, heading }~~ = useViewMenu(props.widget, props.views, openingView(props.views, rows));\n\n const unsupported = blocked(view.queries);\n if (unsupported) {\n return (\n <TableFrame heading={heading}>\n <MetricsCard.NoData message={unsupportedMessage(unsupported, FILTER_NAMES)} />\n </TableFrame>\n );\n }\n return <TableView key={index} {...props} view={view} heading={heading} page={page} />;\n}\n"],"mappings":"~~;;;;;;;;;;;;;AAiBA~~,IAAM,eAAuC;CAC3C,aAAa;CACb,WAAW;CACX,cAAc;CACd,MAAM;CACN,UAAU;CACV,OAAO;AACT;;AAGA,SAAS,aAAa,OAAuB,SAAwB;CACnE,MAAM,SAAS,MAAM,MAAK,MAAK,EAAE,QAAQ,QAAQ;CACjD,IAAI,CAAC,UAAU,QAAQ,OAAO,OAAO,GAAG,OAAO,KAAA;CAC/C,MAAM,SAASA,qCAAAA,aAAa,OAAO,OAAO,CAAC,CACxC,QAAQ,OAAOC,qCAAAA,aAAa,CAAC,CAC7B,MAAK,MAAK,EAAE,OAAO,OAAO,QAAQ,YAAY,MAAM;CACvD,IAAI,CAAC,QAAQ,OAAO,KAAA;CACpB,MAAM,OAAO,IAAI,IAAIC,sCAAAA,SAAS,OAAO,QAAQ,KAAK,CAAC,CAAC,KAAI,MAAK,EAAE,KAAK,CAAC;CACrE,MAAM,UAAU,OAAO,QAAQ,QAAO,MAAK,EAAE,OAAO,KAAA,KAAa,KAAK,IAAI,EAAE,EAAE,CAAC;CAC/E,OAAO,QAAQ,SAAS,KAAK,QAAQ,WAAW,KAAK,OAAO;EAAE,MAAM;EAAQ;EAAQ;CAAQ,IAAI,KAAA;AAClG;AAEA,SAAgB,UAAU,EAAE,MAAM,SAAS,GAAG,SAAyE;CAGrH,MAAM,SAAS,aAAa,MAAM,OAAO,OAAO;CAChD,MAAM,gBAAgBC,wDAAAA,qBAAqB,QAAQ,QAAQ,KAAI,MAAKC,wCAAAA,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;CACpG,MAAM,OAAO,SACTC,qCAAAA,UACE,OAAO,KAAK,SACZ,OAAO,QACP,OAAO,SACP,cAAc,KAAI,MAAK,GAAG,IAAI,CAChC,IACA;CACJ,MAAM,~~EAAE~~,~~MAAM,OAAO,YAAYC,~~kDAAAA,YAAY,MAAM,QAAQ,MAAM,OAAOC,qCAAAA,YAAY,MAAM,OAAO,IAAI,CAAC;~~CAEtG~~,MAAM,cAAc,QAAQ,KAAK,OAAO;CACxC,IAAI,aACF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,mDAAAA,YAAD;EAAqB;EACnB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,YAAY,QAAb,EAAoB,SAASC,sCAAAA,mBAAmB,aAAa,YAAY,EAAI,CAAA;CACnE,CAAA;CAGhB,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,kDAAAA,WAAD;EAAuB,GAAI;EAAa;EAAe;EAAe;CAAO,GAA7D,KAA6D;AACtF"}
1	+ {"version":3,"file":"table-tabs.cjs.js","names":["parseColumns","isValueColumn","exprRefs","useDashboardRequests","buildRequest","countRows","useViewMenu","openingView","pinActions","TableFrame","MetricsCard","unsupportedMessage","TableView"],"sources":["../../../../../src/domains/dashboards/kinds/table/table-tabs.tsx"],"sourcesContent":["import type { BlockedFields } from '../../components/view-gate';\nimport { useDashboardRequests } from '../../hooks/use-dashboard-requests';\nimport { useViewMenu } from '../../hooks/use-widget-views';\nimport { unsupportedMessage } from '../../lib/chrome';\nimport { pinActions } from '../../lib/pin-actions';\nimport { buildRequest } from '../../lib/requests';\nimport type { DashboardPageContext } from '../../lib/requests';\nimport { countRows, isValueColumn, openingView, parseColumns } from '../../lib/table';\nimport type { TableOptions } from '../../lib/table';\nimport { exprRefs } from '../../lib/values';\nimport type { WidgetKindProps } from '../../widget-kind';\nimport { TableFrame } from './table-frame';\nimport { TableView } from './table-view';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\n\ntype Props = WidgetKindProps<TableOptions>;\n\n/** Filters an aggregate can't apply, named as the filter bar names them. /\nconst FILTER_NAMES: Record<string, string> = {\n serviceName: 'service',\n requestId: 'request ID',\n experimentId: 'experiment',\n tags: 'tags',\n provider: 'provider',\n model: 'model',\n};\n\n/* The opener view's sorted column and every query it reads, when the opener can count its rows. */\nfunction openerSource(views: Props['views'], blocked: BlockedFields) {\n const opener = views.find(v => v.options.openWhen);\n if (!opener \|\| blocked(opener.queries)) return undefined;\n const column = parseColumns(opener.columns)\n .columns.filter(isValueColumn)\n .find(c => c.id === opener.options.defaultSort.column);\n if (!column) return undefined;\n const read = new Set(exprRefs(column.options.value).map(r => r.query));\n const queries = opener.queries.filter(q => q.id !== undefined && read.has(q.id));\n return queries.length > 0 && queries.length === read.size ? { view: opener, column, queries } : undefined;\n}\n\nexport function TableTabs({ page, blocked, ...props }: Props & { page: DashboardPageContext; blocked: BlockedFields }) {\n // A view that opens only with enough rows counts them from its sorted column's own request, so\n // opening on it costs nothing more.\n const opener = openerSource(props.views, blocked);\n const openerResults = useDashboardRequests(opener?.queries.map(q => buildRequest(q, page, {})) ?? []);\n const rows = opener\n ? countRows(\n opener.view.options,\n opener.column,\n opener.queries,\n openerResults.map(r => r?.data),\n )\n : 'uncountable';\n const menu = useViewMenu(props.widget, props.views, openingView(props.views, rows));\n const { view, index } = menu;\n const heading = { ...menu.heading, dragHandle: props.dragHandle, ...pinActions(props.pin) };\n\n const unsupported = blocked(view.queries);\n if (unsupported) {\n return (\n <TableFrame heading={heading}>\n <MetricsCard.NoData message={unsupportedMessage(unsupported, FILTER_NAMES)} />\n </TableFrame>\n );\n }\n return <TableView key={index} {...props} view={view} heading={heading} page={page} />;\n}\n"],"mappings":";;;;;;;;;;;;;;AAkBA,IAAM,eAAuC;CAC3C,aAAa;CACb,WAAW;CACX,cAAc;CACd,MAAM;CACN,UAAU;CACV,OAAO;AACT;;AAGA,SAAS,aAAa,OAAuB,SAAwB;CACnE,MAAM,SAAS,MAAM,MAAK,MAAK,EAAE,QAAQ,QAAQ;CACjD,IAAI,CAAC,UAAU,QAAQ,OAAO,OAAO,GAAG,OAAO,KAAA;CAC/C,MAAM,SAASA,qCAAAA,aAAa,OAAO,OAAO,CAAC,CACxC,QAAQ,OAAOC,qCAAAA,aAAa,CAAC,CAC7B,MAAK,MAAK,EAAE,OAAO,OAAO,QAAQ,YAAY,MAAM;CACvD,IAAI,CAAC,QAAQ,OAAO,KAAA;CACpB,MAAM,OAAO,IAAI,IAAIC,sCAAAA,SAAS,OAAO,QAAQ,KAAK,CAAC,CAAC,KAAI,MAAK,EAAE,KAAK,CAAC;CACrE,MAAM,UAAU,OAAO,QAAQ,QAAO,MAAK,EAAE,OAAO,KAAA,KAAa,KAAK,IAAI,EAAE,EAAE,CAAC;CAC/E,OAAO,QAAQ,SAAS,KAAK,QAAQ,WAAW,KAAK,OAAO;EAAE,MAAM;EAAQ;EAAQ;CAAQ,IAAI,KAAA;AAClG;AAEA,SAAgB,UAAU,EAAE,MAAM,SAAS,GAAG,SAAyE;CAGrH,MAAM,SAAS,aAAa,MAAM,OAAO,OAAO;CAChD,MAAM,gBAAgBC,wDAAAA,qBAAqB,QAAQ,QAAQ,KAAI,MAAKC,wCAAAA,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;CACpG,MAAM,OAAO,SACTC,qCAAAA,UACE,OAAO,KAAK,SACZ,OAAO,QACP,OAAO,SACP,cAAc,KAAI,MAAK,GAAG,IAAI,CAChC,IACA;CACJ,MAAM,OAAOC,kDAAAA,YAAY,MAAM,QAAQ,MAAM,OAAOC,qCAAAA,YAAY,MAAM,OAAO,IAAI,CAAC;CAClF,MAAM,EAAE,MAAM,UAAU;CACxB,MAAM,UAAU;EAAE,GAAG,KAAK;EAAS,YAAY,MAAM;EAAY,GAAGC,2CAAAA,WAAW,MAAM,GAAG;CAAE;CAE1F,MAAM,cAAc,QAAQ,KAAK,OAAO;CACxC,IAAI,aACF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,mDAAAA,YAAD;EAAqB;EACnB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,YAAY,QAAb,EAAoB,SAASC,sCAAAA,mBAAmB,aAAa,YAAY,EAAI,CAAA;CACnE,CAAA;CAGhB,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,kDAAAA,WAAD;EAAuB,GAAI;EAAa;EAAe;EAAe;CAAO,GAA7D,KAA6D;AACtF"}

package/dist/domains/dashboards/kinds/table/table-tabs.es.js CHANGED Viewed

@@ -1,12 +1,13 @@
-import { buildRequest } from "../../lib/requests.es.js";
 import { useDashboardRequests } from "../../hooks/use-dashboard-requests.es.js";
-import { exprRefs } from "../../lib/values.es.js";
-import { t as MetricsCard } from "../../../../MetricsCard-ua6C6b8a.js";
+import { useViewMenu } from "../../hooks/use-widget-views.es.js";
 import { unsupportedMessage } from "../../lib/chrome.es.js";
+import { pinActions } from "../../lib/pin-actions.es.js";
+import { buildRequest } from "../../lib/requests.es.js";
 import { countRows, isValueColumn, openingView, parseColumns } from "../../lib/table.es.js";
-import { useViewMenu } from "../../hooks/use-widget-views.es.js";
+import { exprRefs } from "../../lib/values.es.js";
 import { TableFrame } from "./table-frame.es.js";
 import { TableView } from "./table-view.es.js";
+import { t as MetricsCard } from "../../../../MetricsCard-kAqSCPPe.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/dashboards/kinds/table/table-tabs.tsx
 /** Filters an aggregate can't apply, named as the filter bar names them. */
@@ -36,7 +37,13 @@ function TableTabs({ page, blocked, ...props }) {
 	const opener = openerSource(props.views, blocked);
 	const openerResults = useDashboardRequests(opener?.queries.map((q) => buildRequest(q, page, {})) ?? []);
 	const rows = opener ? countRows(opener.view.options, opener.column, opener.queries, openerResults.map((r) => r?.data)) : "uncountable";
-	const { view, index, heading } = useViewMenu(props.widget, props.views, openingView(props.views, rows));
+	const menu = useViewMenu(props.widget, props.views, openingView(props.views, rows));
+	const { view, index } = menu;
+	const heading = {
+		...menu.heading,
+		dragHandle: props.dragHandle,
+		...pinActions(props.pin)
+	};
 	const unsupported = blocked(view.queries);
 	if (unsupported) return /* @__PURE__ */ jsx(TableFrame, {
 		heading,

package/dist/domains/dashboards/kinds/table/table-tabs.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"table-tabs.es.js","names":[],"sources":["../../../../../src/domains/dashboards/kinds/table/table-tabs.tsx"],"sourcesContent":["import type { BlockedFields } from '../../components/view-gate';\nimport { useDashboardRequests } from '../../hooks/use-dashboard-requests';\nimport { useViewMenu } from '../../hooks/use-widget-views';\nimport { unsupportedMessage } from '../../lib/chrome';\nimport { buildRequest } from '../../lib/requests';\nimport type { DashboardPageContext } from '../../lib/requests';\nimport { countRows, isValueColumn, openingView, parseColumns } from '../../lib/table';\nimport type { TableOptions } from '../../lib/table';\nimport { exprRefs } from '../../lib/values';\nimport type { WidgetKindProps } from '../../widget-kind';\nimport { TableFrame } from './table-frame';\nimport { TableView } from './table-view';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\n\ntype Props = WidgetKindProps<TableOptions>;\n\n/** Filters an aggregate can't apply, named as the filter bar names them. /\nconst FILTER_NAMES: Record<string, string> = {\n serviceName: 'service',\n requestId: 'request ID',\n experimentId: 'experiment',\n tags: 'tags',\n provider: 'provider',\n model: 'model',\n};\n\n/* The opener view's sorted column and every query it reads, when the opener can count its rows. */\nfunction openerSource(views: Props['views'], blocked: BlockedFields) {\n const opener = views.find(v => v.options.openWhen);\n if (!opener \|\| blocked(opener.queries)) return undefined;\n const column = parseColumns(opener.columns)\n .columns.filter(isValueColumn)\n .find(c => c.id === opener.options.defaultSort.column);\n if (!column) return undefined;\n const read = new Set(exprRefs(column.options.value).map(r => r.query));\n const queries = opener.queries.filter(q => q.id !== undefined && read.has(q.id));\n return queries.length > 0 && queries.length === read.size ? { view: opener, column, queries } : undefined;\n}\n\nexport function TableTabs({ page, blocked, ...props }: Props & { page: DashboardPageContext; blocked: BlockedFields }) {\n // A view that opens only with enough rows counts them from its sorted column's own request, so\n // opening on it costs nothing more.\n const opener = openerSource(props.views, blocked);\n const openerResults = useDashboardRequests(opener?.queries.map(q => buildRequest(q, page, {})) ?? []);\n const rows = opener\n ? countRows(\n opener.view.options,\n opener.column,\n opener.queries,\n openerResults.map(r => r?.data),\n )\n : 'uncountable';\n const { ~~view, index, heading }~~ = useViewMenu(props.widget, props.views, openingView(props.views, rows));\n\n const unsupported = blocked(view.queries);\n if (unsupported) {\n return (\n <TableFrame heading={heading}>\n <MetricsCard.NoData message={unsupportedMessage(unsupported, FILTER_NAMES)} />\n </TableFrame>\n );\n }\n return <TableView key={index} {...props} view={view} heading={heading} page={page} />;\n}\n"],"mappings":"~~;;;;;;;;;;;;AAiBA~~,IAAM,eAAuC;CAC3C,aAAa;CACb,WAAW;CACX,cAAc;CACd,MAAM;CACN,UAAU;CACV,OAAO;AACT;;AAGA,SAAS,aAAa,OAAuB,SAAwB;CACnE,MAAM,SAAS,MAAM,MAAK,MAAK,EAAE,QAAQ,QAAQ;CACjD,IAAI,CAAC,UAAU,QAAQ,OAAO,OAAO,GAAG,OAAO,KAAA;CAC/C,MAAM,SAAS,aAAa,OAAO,OAAO,CAAC,CACxC,QAAQ,OAAO,aAAa,CAAC,CAC7B,MAAK,MAAK,EAAE,OAAO,OAAO,QAAQ,YAAY,MAAM;CACvD,IAAI,CAAC,QAAQ,OAAO,KAAA;CACpB,MAAM,OAAO,IAAI,IAAI,SAAS,OAAO,QAAQ,KAAK,CAAC,CAAC,KAAI,MAAK,EAAE,KAAK,CAAC;CACrE,MAAM,UAAU,OAAO,QAAQ,QAAO,MAAK,EAAE,OAAO,KAAA,KAAa,KAAK,IAAI,EAAE,EAAE,CAAC;CAC/E,OAAO,QAAQ,SAAS,KAAK,QAAQ,WAAW,KAAK,OAAO;EAAE,MAAM;EAAQ;EAAQ;CAAQ,IAAI,KAAA;AAClG;AAEA,SAAgB,UAAU,EAAE,MAAM,SAAS,GAAG,SAAyE;CAGrH,MAAM,SAAS,aAAa,MAAM,OAAO,OAAO;CAChD,MAAM,gBAAgB,qBAAqB,QAAQ,QAAQ,KAAI,MAAK,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;CACpG,MAAM,OAAO,SACT,UACE,OAAO,KAAK,SACZ,OAAO,QACP,OAAO,SACP,cAAc,KAAI,MAAK,GAAG,IAAI,CAChC,IACA;CACJ,MAAM,~~EAAE,MAAM,~~OAAO,YAAY,~~YAAY,~~MAAM,QAAQ,MAAM,OAAO,YAAY,MAAM,OAAO,IAAI,CAAC;~~CAEtG~~,MAAM,cAAc,QAAQ,KAAK,OAAO;CACxC,IAAI,aACF,OACE,oBAAC,YAAD;EAAqB;EACnB,UAAA,oBAAC,YAAY,QAAb,EAAoB,SAAS,mBAAmB,aAAa,YAAY,EAAI,CAAA;CACnE,CAAA;CAGhB,OAAO,oBAAC,WAAD;EAAuB,GAAI;EAAa;EAAe;EAAe;CAAO,GAA7D,KAA6D;AACtF"}
1	+ {"version":3,"file":"table-tabs.es.js","names":[],"sources":["../../../../../src/domains/dashboards/kinds/table/table-tabs.tsx"],"sourcesContent":["import type { BlockedFields } from '../../components/view-gate';\nimport { useDashboardRequests } from '../../hooks/use-dashboard-requests';\nimport { useViewMenu } from '../../hooks/use-widget-views';\nimport { unsupportedMessage } from '../../lib/chrome';\nimport { pinActions } from '../../lib/pin-actions';\nimport { buildRequest } from '../../lib/requests';\nimport type { DashboardPageContext } from '../../lib/requests';\nimport { countRows, isValueColumn, openingView, parseColumns } from '../../lib/table';\nimport type { TableOptions } from '../../lib/table';\nimport { exprRefs } from '../../lib/values';\nimport type { WidgetKindProps } from '../../widget-kind';\nimport { TableFrame } from './table-frame';\nimport { TableView } from './table-view';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\n\ntype Props = WidgetKindProps<TableOptions>;\n\n/** Filters an aggregate can't apply, named as the filter bar names them. /\nconst FILTER_NAMES: Record<string, string> = {\n serviceName: 'service',\n requestId: 'request ID',\n experimentId: 'experiment',\n tags: 'tags',\n provider: 'provider',\n model: 'model',\n};\n\n/* The opener view's sorted column and every query it reads, when the opener can count its rows. */\nfunction openerSource(views: Props['views'], blocked: BlockedFields) {\n const opener = views.find(v => v.options.openWhen);\n if (!opener \|\| blocked(opener.queries)) return undefined;\n const column = parseColumns(opener.columns)\n .columns.filter(isValueColumn)\n .find(c => c.id === opener.options.defaultSort.column);\n if (!column) return undefined;\n const read = new Set(exprRefs(column.options.value).map(r => r.query));\n const queries = opener.queries.filter(q => q.id !== undefined && read.has(q.id));\n return queries.length > 0 && queries.length === read.size ? { view: opener, column, queries } : undefined;\n}\n\nexport function TableTabs({ page, blocked, ...props }: Props & { page: DashboardPageContext; blocked: BlockedFields }) {\n // A view that opens only with enough rows counts them from its sorted column's own request, so\n // opening on it costs nothing more.\n const opener = openerSource(props.views, blocked);\n const openerResults = useDashboardRequests(opener?.queries.map(q => buildRequest(q, page, {})) ?? []);\n const rows = opener\n ? countRows(\n opener.view.options,\n opener.column,\n opener.queries,\n openerResults.map(r => r?.data),\n )\n : 'uncountable';\n const menu = useViewMenu(props.widget, props.views, openingView(props.views, rows));\n const { view, index } = menu;\n const heading = { ...menu.heading, dragHandle: props.dragHandle, ...pinActions(props.pin) };\n\n const unsupported = blocked(view.queries);\n if (unsupported) {\n return (\n <TableFrame heading={heading}>\n <MetricsCard.NoData message={unsupportedMessage(unsupported, FILTER_NAMES)} />\n </TableFrame>\n );\n }\n return <TableView key={index} {...props} view={view} heading={heading} page={page} />;\n}\n"],"mappings":";;;;;;;;;;;;;AAkBA,IAAM,eAAuC;CAC3C,aAAa;CACb,WAAW;CACX,cAAc;CACd,MAAM;CACN,UAAU;CACV,OAAO;AACT;;AAGA,SAAS,aAAa,OAAuB,SAAwB;CACnE,MAAM,SAAS,MAAM,MAAK,MAAK,EAAE,QAAQ,QAAQ;CACjD,IAAI,CAAC,UAAU,QAAQ,OAAO,OAAO,GAAG,OAAO,KAAA;CAC/C,MAAM,SAAS,aAAa,OAAO,OAAO,CAAC,CACxC,QAAQ,OAAO,aAAa,CAAC,CAC7B,MAAK,MAAK,EAAE,OAAO,OAAO,QAAQ,YAAY,MAAM;CACvD,IAAI,CAAC,QAAQ,OAAO,KAAA;CACpB,MAAM,OAAO,IAAI,IAAI,SAAS,OAAO,QAAQ,KAAK,CAAC,CAAC,KAAI,MAAK,EAAE,KAAK,CAAC;CACrE,MAAM,UAAU,OAAO,QAAQ,QAAO,MAAK,EAAE,OAAO,KAAA,KAAa,KAAK,IAAI,EAAE,EAAE,CAAC;CAC/E,OAAO,QAAQ,SAAS,KAAK,QAAQ,WAAW,KAAK,OAAO;EAAE,MAAM;EAAQ;EAAQ;CAAQ,IAAI,KAAA;AAClG;AAEA,SAAgB,UAAU,EAAE,MAAM,SAAS,GAAG,SAAyE;CAGrH,MAAM,SAAS,aAAa,MAAM,OAAO,OAAO;CAChD,MAAM,gBAAgB,qBAAqB,QAAQ,QAAQ,KAAI,MAAK,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;CACpG,MAAM,OAAO,SACT,UACE,OAAO,KAAK,SACZ,OAAO,QACP,OAAO,SACP,cAAc,KAAI,MAAK,GAAG,IAAI,CAChC,IACA;CACJ,MAAM,OAAO,YAAY,MAAM,QAAQ,MAAM,OAAO,YAAY,MAAM,OAAO,IAAI,CAAC;CAClF,MAAM,EAAE,MAAM,UAAU;CACxB,MAAM,UAAU;EAAE,GAAG,KAAK;EAAS,YAAY,MAAM;EAAY,GAAG,WAAW,MAAM,GAAG;CAAE;CAE1F,MAAM,cAAc,QAAQ,KAAK,OAAO;CACxC,IAAI,aACF,OACE,oBAAC,YAAD;EAAqB;EACnB,UAAA,oBAAC,YAAY,QAAb,EAAoB,SAAS,mBAAmB,aAAa,YAAY,EAAI,CAAA;CACnE,CAAA;CAGhB,OAAO,oBAAC,WAAD;EAAuB,GAAI;EAAa;EAAe;EAAe;CAAO,GAA7D,KAA6D;AACtF"}

package/dist/domains/dashboards/kinds/table/table-view.cjs.js CHANGED Viewed

@@ -1,15 +1,15 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Txt = require("../../../../Txt-BnoSqxKE.cjs");
-const require_domains_metrics_lib_chart_format = require("../../../metrics/lib/chart-format.cjs.js");
-const require_domains_dashboards_lib_requests = require("../../lib/requests.cjs.js");
-const require_domains_dashboards_hooks_use_dashboard_requests = require("../../hooks/use-dashboard-requests.cjs.js");
 const require_domains_metrics_components_chart_area = require("../../../metrics/components/chart-area.cjs.js");
 const require_domains_metrics_components_chart_card_error = require("../../../metrics/components/chart-card-error.cjs.js");
-const require_domains_dashboards_lib_table = require("../../lib/table.cjs.js");
+const require_domains_metrics_lib_chart_format = require("../../../metrics/lib/chart-format.cjs.js");
+const require_domains_dashboards_hooks_use_dashboard_requests = require("../../hooks/use-dashboard-requests.cjs.js");
 const require_domains_dashboards_hooks_use_widget_views = require("../../hooks/use-widget-views.cjs.js");
-const require_domains_dashboards_kinds_table_table_frame = require("./table-frame.cjs.js");
+const require_domains_dashboards_lib_requests = require("../../lib/requests.cjs.js");
+const require_domains_dashboards_lib_table = require("../../lib/table.cjs.js");
 const require_domains_dashboards_kinds_table_table_columns = require("./table-columns.cjs.js");
-const require_MetricsTable = require("../../../../MetricsTable-BSl81oNe.cjs");
+const require_domains_dashboards_kinds_table_table_frame = require("./table-frame.cjs.js");
+const require_MetricsTable = require("../../../../MetricsTable-CvMoo2vg.cjs");
+const require_Txt = require("../../../../Txt-_00wWxTd.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/dashboards/kinds/table/table-view.tsx

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

@@ -1,14 +1,14 @@
-import { t as Txt } from "../../../../Txt-BM6TVV_c.js";
-import { formatCount } from "../../../metrics/lib/chart-format.es.js";
-import { aggregateSource, buildPreviousRequest, buildRequest } from "../../lib/requests.es.js";
-import { useDashboardRequests } from "../../hooks/use-dashboard-requests.es.js";
 import { ChartArea } from "../../../metrics/components/chart-area.es.js";
 import { ChartCardError } from "../../../metrics/components/chart-card-error.es.js";
-import { isValueColumn, parseColumns, rowDrilldown, rowQueries, tableContent, valueChange } from "../../lib/table.es.js";
+import { formatCount } from "../../../metrics/lib/chart-format.es.js";
+import { useDashboardRequests } from "../../hooks/use-dashboard-requests.es.js";
 import { useDrilldown } from "../../hooks/use-widget-views.es.js";
-import { TableFrame } from "./table-frame.es.js";
+import { aggregateSource, buildPreviousRequest, buildRequest } from "../../lib/requests.es.js";
+import { isValueColumn, parseColumns, rowDrilldown, rowQueries, tableContent, valueChange } from "../../lib/table.es.js";
 import { tableColumn } from "./table-columns.es.js";
-import { t as MetricsTable } from "../../../../MetricsTable-DID6LRoP.js";
+import { TableFrame } from "./table-frame.es.js";
+import { t as MetricsTable } from "../../../../MetricsTable-DIjbD5Xk.js";
+import { t as Txt } from "../../../../Txt-5efBsb2p.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/domains/dashboards/kinds/table/table-view.tsx

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

@@ -1,8 +1,9 @@
 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-BEwiS7Pe.cjs");
 const require_domains_metrics_components_chart_card = require("../../../metrics/components/chart-card.cjs.js");
+const require_domains_dashboards_components_view_gate = require("../../components/view-gate.cjs.js");
+const require_domains_dashboards_lib_pin_actions = require("../../lib/pin-actions.cjs.js");
 const require_domains_dashboards_kinds_table_table_tabs = require("./table-tabs.cjs.js");
+const require_MetricsCard = require("../../../../MetricsCard-DojbLiEx.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/dashboards/kinds/table/table-widget.tsx
 /**
@@ -15,6 +16,8 @@ function TableWidget(props) {
 		partial: true,
 		pending: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_metrics_components_chart_card.ChartCard, {
 			title: props.widget.title ?? "",
+			dragHandle: props.dragHandle,
+			...require_domains_dashboards_lib_pin_actions.pinActions(props.pin),
 			bodyHeight: "fit",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsCard.MetricsCard.Loading, {})
 		}),

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

	@@ -1 +1 @@
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"}
1	+ {"version":3,"file":"table-widget.cjs.js","names":["ViewGate","ChartCard","pinActions","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 { pinActions } from '../../lib/pin-actions';\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\n title={props.widget.title ?? ''}\n dragHandle={props.dragHandle}\n {...pinActions(props.pin)}\n bodyHeight=\"fit\"\n >\n <MetricsCard.Loading />\n </ChartCard>\n )}\n >\n {(page, blocked) => <TableTabs {...props} page={page} blocked={blocked} />}\n </ViewGate>\n );\n}\n"],"mappings":";;;;;;;;;;;;AAYA,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;GACE,OAAO,MAAM,OAAO,SAAS;GAC7B,YAAY,MAAM;GAClB,GAAIC,2CAAAA,WAAW,MAAM,GAAG;GACxB,YAAW;GAEX,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.es.js CHANGED Viewed

@@ -1,7 +1,8 @@
-import { ViewGate } from "../../components/view-gate.es.js";
-import { t as MetricsCard } from "../../../../MetricsCard-ua6C6b8a.js";
 import { ChartCard } from "../../../metrics/components/chart-card.es.js";
+import { ViewGate } from "../../components/view-gate.es.js";
+import { pinActions } from "../../lib/pin-actions.es.js";
 import { TableTabs } from "./table-tabs.es.js";
+import { t as MetricsCard } from "../../../../MetricsCard-kAqSCPPe.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/dashboards/kinds/table/table-widget.tsx
 /**
@@ -14,6 +15,8 @@ function TableWidget(props) {
 		partial: true,
 		pending: () => /* @__PURE__ */ jsx(ChartCard, {
 			title: props.widget.title ?? "",
+			dragHandle: props.dragHandle,
+			...pinActions(props.pin),
 			bodyHeight: "fit",
 			children: /* @__PURE__ */ jsx(MetricsCard.Loading, {})
 		}),

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

	@@ -1 +1 @@
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"}
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 { pinActions } from '../../lib/pin-actions';\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\n title={props.widget.title ?? ''}\n dragHandle={props.dragHandle}\n {...pinActions(props.pin)}\n bodyHeight=\"fit\"\n >\n <MetricsCard.Loading />\n </ChartCard>\n )}\n >\n {(page, blocked) => <TableTabs {...props} page={page} blocked={blocked} />}\n </ViewGate>\n );\n}\n"],"mappings":";;;;;;;;;;;AAYA,SAAgB,YAAY,OAAsC;CAChE,OACE,oBAAC,UAAD;EACE,SAAS,MAAM,MAAM,SAAQ,MAAK,EAAE,OAAO;EAC3C,SAAA;EACA,eACE,oBAAC,WAAD;GACE,OAAO,MAAM,OAAO,SAAS;GAC7B,YAAY,MAAM;GAClB,GAAI,WAAW,MAAM,GAAG;GACxB,YAAW;GAEX,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 CHANGED Viewed

@@ -1,6 +1,6 @@
 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_widget_kind = require("../widget-kind.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. */

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

@@ -1,5 +1,5 @@
-import { defineWidgetKind } from "../widget-kind.es.js";
 import { tableColumnOptionsSchema, tableIssues, tableOptionsSchema } from "../lib/table.es.js";
+import { defineWidgetKind } from "../widget-kind.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. */

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

@@ -1,25 +1,32 @@
 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-BEwiS7Pe.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-tZxsauau.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_metrics_lib_metrics_buckets = require("../../../metrics/lib/metrics-buckets.cjs.js");
+const require_domains_dashboards_components_view_gate = require("../../components/view-gate.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-CDLE76IB.cjs");
+const require_domains_dashboards_hooks_use_dashboard_requests = require("../../hooks/use-dashboard-requests.cjs.js");
+const require_domains_dashboards_hooks_use_widget_views = require("../../hooks/use-widget-views.cjs.js");
+const require_domains_dashboards_lib_format = require("../../lib/format.cjs.js");
+const require_domains_dashboards_lib_pin_actions = require("../../lib/pin-actions.cjs.js");
+const require_domains_dashboards_lib_requests = require("../../lib/requests.cjs.js");
+const require_domains_dashboards_lib_timeseries = require("../../lib/timeseries.cjs.js");
+const require_domains_dashboards_lib_values = require("../../lib/values.cjs.js");
+const require_MetricsCard = require("../../../../MetricsCard-DojbLiEx.cjs");
+const require_MetricsLineChart = require("../../../../MetricsLineChart-BnY9JKzc.cjs");
+const require_MetricsStackedBarChart = require("../../../../MetricsStackedBarChart-CJQF99sc.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, 0, props.expand);
+	const menu = require_domains_dashboards_hooks_use_widget_views.useViewMenu(props.widget, props.views, 0, props.expand);
+	const { view } = menu;
+	const heading = {
+		...menu.heading,
+		dragHandle: props.dragHandle,
+		...require_domains_dashboards_lib_pin_actions.pinActions(props.pin)
+	};
 	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, {
@@ -64,11 +71,11 @@ function TimeseriesView({ widget, view, heading, page, onDrilldown }) {
 	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, {
+		actions: require_domains_dashboards_hooks_use_widget_views.hasDrilldownAction(widget, view, onDrilldown) ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_components_widget_controls.DrilldownAction, {
 			widget,
 			view,
 			onDrilldown
-		}) : void 0,
+		}), heading.actions] }) : heading.actions,
 		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 }) })

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

	@@ -1 +1 @@
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, 0, props.expand);\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} lineStyle=\"thin\" />\n )}\n </ChartArea>\n </ChartCard>\n );\n}\n"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;AA8BA~~,SAAgB,iBAAiB,OAAc;CAC7C,MAAM,~~EAAE~~,~~MAAM,YAAYA,~~kDAAAA,YAAY,MAAM,QAAQ,MAAM,OAAO,GAAG,MAAM,MAAM;~~CAChF~~,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gDAAAA,UAAD;EAAU,SAAS,KAAK;EAAS,UAAS,SAAQ,iBAAA,GAAA,kBAAA,IAAA,CAACC,oDAAAA,kBAAD;GAAwB;GAAe;EAAU,CAAA;EAChG,WAAA,SAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;GAAgB,GAAI;GAAa;GAAe;GAAe;EAAO,CAAA;CACvE,CAAA;AAEd;AAEA,SAAS,eAAe,EAAE,QAAQ,MAAM,SAAS,MAAM,eAA0B;CAC/E,MAAM,EAAE,YAAY;CACpB,MAAM,EAAE,aAAaC,4CAAAA,WAAW,KAAK,OAAO,OAAO,KAAK,OAAO,GAAG;CAClE,MAAM,SAAS,IAAI,IAAI,QAAQ,UAAU,CAAC,CAAC;CAC3C,MAAM,UAAUC,wDAAAA,qBACd,KAAK,QAAQ,KAAI,MACfC,wCAAAA,aAAa,GAAG,MAAM,EAAE,UAAU,EAAE,OAAO,KAAA,KAAa,OAAO,IAAI,EAAE,EAAE,IAAI,KAAA,IAAY,SAAS,CAAC,CACnG,CACF;CACA,MAAM,OAAO,QAAQ,QAAO,MAAK,MAAM,KAAA,CAAS;CAChD,MAAM,kBAAkB,KAAK,QAAQ,MAAK,MAAK,EAAE,WAAW,oBAAoB,EAAE,WAAW,eAAe;CAC5G,MAAM,UAAUC,kDAAAA,aAAa,QAAQ,MAAM,WAAW;CAEtD,MAAM,YAAY,KAAK,MAAK,MAAK,EAAE,SAAS;CAC5C,MAAM,SAASC,0CAAAA,gBAAgB;EAC7B;EACA,WAAWC,sCAAAA,YACT,KAAK,SACL,QAAQ,KAAI,MAAK,GAAG,IAAI,CAC1B;EACA,QAAQ,KAAK;EACb;CACF,CAAC;CACD,MAAM,SAASC,sCAAAA,WAAW,QAAQ;CAClC,MAAM,QAAkC,OAAO,OAAO,KAAI,OAAM;EAC9D,SAAS,EAAE;EACX,OAAO,EAAE;EACT,OAAOC,sCAAAA,WAAW,EAAE,KAAK;EACzB,UAAU,EAAE;CACd,EAAE;CAEF,MAAM,cAAc,OAAO,OAAO,SAAQ,MACxC,EAAE,eAAe,KAAA,IACb,CAAC,IACD,CAAC;EAAE,OAAO,EAAE;EAAO,OAAO,OAAO,MAAM,EAAE,UAAU;EAAG,OAAOA,sCAAAA,WAAW,EAAE,KAAK;CAAE,CAAC,CACxF;CACA,MAAM,kBAAkB,QAAQ,OAAO,MAAK,MAAK,EAAE,eAAe,KAAA,CAAS;CAE3E,MAAM,SAAS;EACb,GAAG;EACH,SAASC,kDAAAA,mBAAmB,QAAQ,MAAM,WAAW,IACnD,iBAAA,GAAA,kBAAA,IAAA,CAACC,sDAAAA,iBAAD;GAAyB;GAAc;GAAmB;EAAc,CAAA,~~IACtE~~,~~KAAA~~;~~EACJ~~,OAAO,kBAAkB,cAAc,KAAA;EACvC;EACA,SAAS,MAAM,SAAS,KACtB,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,YAAY,SAAb,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,wBAAD,EAAwB,QAAQ,MAAQ,CAAA,EACrB,CAAA;CAEzB;CAEA,MAAM,SAAS,KAAK,QAAO,MAAK,EAAE,OAAO;CACzC,IAAI,OAAO,QACT,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,8CAAAA,WAAD;EAAW,GAAI;EACZ,UAAA,kBACC,iBAAA,GAAA,kBAAA,IAAA,CAACC,oDAAAA,gBAAD;GAAgB,OAAO,OAAO,EAAE,EAAE;GAAO,eAAe,OAAO,SAAQ,MAAK,KAAK,EAAE,QAAQ,CAAC;EAAI,CAAA,IAEhG,iBAAA,GAAA,kBAAA,IAAA,CAACA,oDAAAA,gBAAD,CAAiB,CAAA;CAEV,CAAA;CAIf,MAAM,~~cAAcP~~,sCAAAA,WAAW,QAAQ,OAAO,UAAU,QAAQ;CAChE,MAAM,QACJ,QAAQ,UACP,OAAO,QAAQ,MAAM,UAAU,YAAY,UAAU,QAAQ,MAAM,SAAS,CAAC,OAAO,QACjF,MACA,YAAY,MAAM,OAAO,SAAS,CAAC;CAEzC,MAAM,QAAQ;EACZ,MAAM,OAAO;EACb,QAAQ;EACR,QAAQ;EACR,SAAS,QAAQ;EACjB,YAAY;EACZ,gBAAgB,OAAO;EACvB,eAAe,QAAQ,SAAS,QAAQ,KAAA,IAAY,OAAO;EAC3D,eACE,aACE,QAAiC,QAAQ,EAAE,~~QAAQQ~~,4CAAAA,aAAa,OAAO,IAAI,EAAE,GAAG,OAAO,SAAS,EAAE,CAAC;EACvG;EACA,GAAI,QAAQ,UAAUC,uCAAAA,mBAAmBC,uCAAAA;CAC3C;CACA,MAAM,UAAU,OAAO,QAAQ,QAAQ,cAAc,QAAQ,cAAc,QAAQ;CAEnF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACJ,8CAAAA,WAAD;EAAW,GAAI;EAAQ,OAAO,OAAO,SAAS;EAAO,YAAY,KAAK,MAAK,MAAK,EAAE,YAAY;EAC5F,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACK,8CAAAA,WAAD;GAAW,SAAS,CAAC,aAAa,OAAO;GAAO,cAAc,QAAQ;GACnE,UAAA,QAAQ,UAAU,eACjB,iBAAA,GAAA,kBAAA,IAAA,CAACC,+BAAAA,wBAAD,EAAwB,GAAI,MAAQ,CAAA,IAEpC,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,kBAAD;IAAkB,GAAI;IAAgB;IAAS,WAAU;GAAQ,CAAA;EAE1D,CAAA;CACF,CAAA;AAEf"}
1	+ {"version":3,"file":"timeseries-widget.cjs.js","names":["useViewMenu","pinActions","ViewGate","PendingChartCard","bucketPlan","useDashboardRequests","buildRequest","useDrilldown","shapeTimeseries","answersById","FORMATTERS","chartColor","hasDrilldownAction","_Fragment","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 { pinActions } from '../../lib/pin-actions';\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 menu = useViewMenu(props.widget, props.views, 0, props.expand);\n const { view } = menu;\n const heading = { ...menu.heading, dragHandle: props.dragHandle, ...pinActions(props.pin) };\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 <>\n <DrilldownAction widget={widget} view={view} onDrilldown={onDrilldown} />\n {heading.actions}\n </>\n ) : (\n heading.actions\n ),\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} lineStyle=\"thin\" />\n )}\n </ChartArea>\n </ChartCard>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA+BA,SAAgB,iBAAiB,OAAc;CAC7C,MAAM,OAAOA,kDAAAA,YAAY,MAAM,QAAQ,MAAM,OAAO,GAAG,MAAM,MAAM;CACnE,MAAM,EAAE,SAAS;CACjB,MAAM,UAAU;EAAE,GAAG,KAAK;EAAS,YAAY,MAAM;EAAY,GAAGC,2CAAAA,WAAW,MAAM,GAAG;CAAE;CAC1F,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gDAAAA,UAAD;EAAU,SAAS,KAAK;EAAS,UAAS,SAAQ,iBAAA,GAAA,kBAAA,IAAA,CAACC,oDAAAA,kBAAD;GAAwB;GAAe;EAAU,CAAA;EAChG,WAAA,SAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;GAAgB,GAAI;GAAa;GAAe;GAAe;EAAO,CAAA;CACvE,CAAA;AAEd;AAEA,SAAS,eAAe,EAAE,QAAQ,MAAM,SAAS,MAAM,eAA0B;CAC/E,MAAM,EAAE,YAAY;CACpB,MAAM,EAAE,aAAaC,4CAAAA,WAAW,KAAK,OAAO,OAAO,KAAK,OAAO,GAAG;CAClE,MAAM,SAAS,IAAI,IAAI,QAAQ,UAAU,CAAC,CAAC;CAC3C,MAAM,UAAUC,wDAAAA,qBACd,KAAK,QAAQ,KAAI,MACfC,wCAAAA,aAAa,GAAG,MAAM,EAAE,UAAU,EAAE,OAAO,KAAA,KAAa,OAAO,IAAI,EAAE,EAAE,IAAI,KAAA,IAAY,SAAS,CAAC,CACnG,CACF;CACA,MAAM,OAAO,QAAQ,QAAO,MAAK,MAAM,KAAA,CAAS;CAChD,MAAM,kBAAkB,KAAK,QAAQ,MAAK,MAAK,EAAE,WAAW,oBAAoB,EAAE,WAAW,eAAe;CAC5G,MAAM,UAAUC,kDAAAA,aAAa,QAAQ,MAAM,WAAW;CAEtD,MAAM,YAAY,KAAK,MAAK,MAAK,EAAE,SAAS;CAC5C,MAAM,SAASC,0CAAAA,gBAAgB;EAC7B;EACA,WAAWC,sCAAAA,YACT,KAAK,SACL,QAAQ,KAAI,MAAK,GAAG,IAAI,CAC1B;EACA,QAAQ,KAAK;EACb;CACF,CAAC;CACD,MAAM,SAASC,sCAAAA,WAAW,QAAQ;CAClC,MAAM,QAAkC,OAAO,OAAO,KAAI,OAAM;EAC9D,SAAS,EAAE;EACX,OAAO,EAAE;EACT,OAAOC,sCAAAA,WAAW,EAAE,KAAK;EACzB,UAAU,EAAE;CACd,EAAE;CAEF,MAAM,cAAc,OAAO,OAAO,SAAQ,MACxC,EAAE,eAAe,KAAA,IACb,CAAC,IACD,CAAC;EAAE,OAAO,EAAE;EAAO,OAAO,OAAO,MAAM,EAAE,UAAU;EAAG,OAAOA,sCAAAA,WAAW,EAAE,KAAK;CAAE,CAAC,CACxF;CACA,MAAM,kBAAkB,QAAQ,OAAO,MAAK,MAAK,EAAE,eAAe,KAAA,CAAS;CAE3E,MAAM,SAAS;EACb,GAAG;EACH,SAASC,kDAAAA,mBAAmB,QAAQ,MAAM,WAAW,IACnD,iBAAA,GAAA,kBAAA,KAAA,CAAAC,kBAAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,sDAAAA,iBAAD;GAAyB;GAAc;GAAmB;EAAc,CAAA,GACvE,QAAQ,OACT,EAAA,CAAA,IAEF,QAAQ;EAEV,OAAO,kBAAkB,cAAc,KAAA;EACvC;EACA,SAAS,MAAM,SAAS,KACtB,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,YAAY,SAAb,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,wBAAD,EAAwB,QAAQ,MAAQ,CAAA,EACrB,CAAA;CAEzB;CAEA,MAAM,SAAS,KAAK,QAAO,MAAK,EAAE,OAAO;CACzC,IAAI,OAAO,QACT,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,8CAAAA,WAAD;EAAW,GAAI;EACZ,UAAA,kBACC,iBAAA,GAAA,kBAAA,IAAA,CAACC,oDAAAA,gBAAD;GAAgB,OAAO,OAAO,EAAE,EAAE;GAAO,eAAe,OAAO,SAAQ,MAAK,KAAK,EAAE,QAAQ,CAAC;EAAI,CAAA,IAEhG,iBAAA,GAAA,kBAAA,IAAA,CAACA,oDAAAA,gBAAD,CAAiB,CAAA;CAEV,CAAA;CAIf,MAAM,cAAcR,sCAAAA,WAAW,QAAQ,OAAO,UAAU,QAAQ;CAChE,MAAM,QACJ,QAAQ,UACP,OAAO,QAAQ,MAAM,UAAU,YAAY,UAAU,QAAQ,MAAM,SAAS,CAAC,OAAO,QACjF,MACA,YAAY,MAAM,OAAO,SAAS,CAAC;CAEzC,MAAM,QAAQ;EACZ,MAAM,OAAO;EACb,QAAQ;EACR,QAAQ;EACR,SAAS,QAAQ;EACjB,YAAY;EACZ,gBAAgB,OAAO;EACvB,eAAe,QAAQ,SAAS,QAAQ,KAAA,IAAY,OAAO;EAC3D,eACE,aACE,QAAiC,QAAQ,EAAE,QAAQS,4CAAAA,aAAa,OAAO,IAAI,EAAE,GAAG,OAAO,SAAS,EAAE,CAAC;EACvG;EACA,GAAI,QAAQ,UAAUC,uCAAAA,mBAAmBC,uCAAAA;CAC3C;CACA,MAAM,UAAU,OAAO,QAAQ,QAAQ,cAAc,QAAQ,cAAc,QAAQ;CAEnF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACJ,8CAAAA,WAAD;EAAW,GAAI;EAAQ,OAAO,OAAO,SAAS;EAAO,YAAY,KAAK,MAAK,MAAK,EAAE,YAAY;EAC5F,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACK,8CAAAA,WAAD;GAAW,SAAS,CAAC,aAAa,OAAO;GAAO,cAAc,QAAQ;GACnE,UAAA,QAAQ,UAAU,eACjB,iBAAA,GAAA,kBAAA,IAAA,CAACC,+BAAAA,wBAAD,EAAwB,GAAI,MAAQ,CAAA,IAEpC,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,kBAAD;IAAkB,GAAI;IAAgB;IAAS,WAAU;GAAQ,CAAA;EAE1D,CAAA;CACF,CAAA;AAEf"}

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

@@ -1,24 +1,31 @@
-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-ua6C6b8a.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-4SwxBbQx.js";
-import { hasDrilldownAction, useDrilldown, useViewMenu } from "../../hooks/use-widget-views.es.js";
-import { shapeTimeseries } from "../../lib/timeseries.es.js";
+import { bucketPlan, bucketWindow } from "../../../metrics/lib/metrics-buckets.es.js";
+import { ViewGate } from "../../components/view-gate.es.js";
 import { PendingChartCard } from "../../components/widget-chrome.es.js";
 import { DrilldownAction } from "../../components/widget-controls.es.js";
-import { t as MetricsStackedBarChart } from "../../../../MetricsStackedBarChart-D2QyS4-z.js";
-import { jsx } from "react/jsx-runtime";
+import { useDashboardRequests } from "../../hooks/use-dashboard-requests.es.js";
+import { hasDrilldownAction, useDrilldown, useViewMenu } from "../../hooks/use-widget-views.es.js";
+import { FORMATTERS, chartColor } from "../../lib/format.es.js";
+import { pinActions } from "../../lib/pin-actions.es.js";
+import { buildRequest } from "../../lib/requests.es.js";
+import { shapeTimeseries } from "../../lib/timeseries.es.js";
+import { answersById } from "../../lib/values.es.js";
+import { t as MetricsCard } from "../../../../MetricsCard-kAqSCPPe.js";
+import { r as MetricsLineChartLegend, t as MetricsLineChart } from "../../../../MetricsLineChart-4w5lpH63.js";
+import { t as MetricsStackedBarChart } from "../../../../MetricsStackedBarChart-Bmk0OjYp.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 // src/domains/dashboards/kinds/timeseries/timeseries-widget.tsx
 function TimeseriesWidget(props) {
-	const { view, heading } = useViewMenu(props.widget, props.views, 0, props.expand);
+	const menu = useViewMenu(props.widget, props.views, 0, props.expand);
+	const { view } = menu;
+	const heading = {
+		...menu.heading,
+		dragHandle: props.dragHandle,
+		...pinActions(props.pin)
+	};
 	return /* @__PURE__ */ jsx(ViewGate, {
 		queries: view.queries,
 		pending: (gate) => /* @__PURE__ */ jsx(PendingChartCard, {
@@ -63,11 +70,11 @@ function TimeseriesView({ widget, view, heading, page, onDrilldown }) {
 	const withRangeTotals = options.series.some((s) => s.rangeTotal !== void 0);
 	const layout = {
 		...heading,
-		actions: hasDrilldownAction(widget, view, onDrilldown) ? /* @__PURE__ */ jsx(DrilldownAction, {
+		actions: hasDrilldownAction(widget, view, onDrilldown) ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DrilldownAction, {
 			widget,
 			view,
 			onDrilldown
-		}) : void 0,
+		}), heading.actions] }) : heading.actions,
 		total: withRangeTotals ? rangeTotals : void 0,
 		isLoading,
 		toolbar: lines.length > 0 && /* @__PURE__ */ jsx(MetricsCard.Toolbar, { children: /* @__PURE__ */ jsx(MetricsLineChartLegend, { series: lines }) })

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

	@@ -1 +1 @@
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, 0, props.expand);\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} lineStyle=\"thin\" />\n )}\n </ChartArea>\n </ChartCard>\n );\n}\n"],"mappings":"~~;;;;;;;;;;;;;;;;;;;AA8BA~~,SAAgB,iBAAiB,OAAc;CAC7C,MAAM,~~EAAE~~,~~MAAM,~~YAAY,~~YAAY,~~MAAM,QAAQ,MAAM,OAAO,GAAG,MAAM,MAAM;~~CAChF~~,OACE,oBAAC,UAAD;EAAU,SAAS,KAAK;EAAS,UAAS,SAAQ,oBAAC,kBAAD;GAAwB;GAAe;EAAU,CAAA;EAChG,WAAA,SAAQ,oBAAC,gBAAD;GAAgB,GAAI;GAAa;GAAe;GAAe;EAAO,CAAA;CACvE,CAAA;AAEd;AAEA,SAAS,eAAe,EAAE,QAAQ,MAAM,SAAS,MAAM,eAA0B;CAC/E,MAAM,EAAE,YAAY;CACpB,MAAM,EAAE,aAAa,WAAW,KAAK,OAAO,OAAO,KAAK,OAAO,GAAG;CAClE,MAAM,SAAS,IAAI,IAAI,QAAQ,UAAU,CAAC,CAAC;CAC3C,MAAM,UAAU,qBACd,KAAK,QAAQ,KAAI,MACf,aAAa,GAAG,MAAM,EAAE,UAAU,EAAE,OAAO,KAAA,KAAa,OAAO,IAAI,EAAE,EAAE,IAAI,KAAA,IAAY,SAAS,CAAC,CACnG,CACF;CACA,MAAM,OAAO,QAAQ,QAAO,MAAK,MAAM,KAAA,CAAS;CAChD,MAAM,kBAAkB,KAAK,QAAQ,MAAK,MAAK,EAAE,WAAW,oBAAoB,EAAE,WAAW,eAAe;CAC5G,MAAM,UAAU,aAAa,QAAQ,MAAM,WAAW;CAEtD,MAAM,YAAY,KAAK,MAAK,MAAK,EAAE,SAAS;CAC5C,MAAM,SAAS,gBAAgB;EAC7B;EACA,WAAW,YACT,KAAK,SACL,QAAQ,KAAI,MAAK,GAAG,IAAI,CAC1B;EACA,QAAQ,KAAK;EACb;CACF,CAAC;CACD,MAAM,SAAS,WAAW,QAAQ;CAClC,MAAM,QAAkC,OAAO,OAAO,KAAI,OAAM;EAC9D,SAAS,EAAE;EACX,OAAO,EAAE;EACT,OAAO,WAAW,EAAE,KAAK;EACzB,UAAU,EAAE;CACd,EAAE;CAEF,MAAM,cAAc,OAAO,OAAO,SAAQ,MACxC,EAAE,eAAe,KAAA,IACb,CAAC,IACD,CAAC;EAAE,OAAO,EAAE;EAAO,OAAO,OAAO,MAAM,EAAE,UAAU;EAAG,OAAO,WAAW,EAAE,KAAK;CAAE,CAAC,CACxF;CACA,MAAM,kBAAkB,QAAQ,OAAO,MAAK,MAAK,EAAE,eAAe,KAAA,CAAS;CAE3E,MAAM,SAAS;EACb,GAAG;EACH,SAAS,mBAAmB,QAAQ,MAAM,WAAW,IACnD,oBAAC,iBAAD;GAAyB;GAAc;GAAmB;EAAc,CAAA,~~IACtE~~,~~KAAA~~;~~EACJ~~,OAAO,kBAAkB,cAAc,KAAA;EACvC;EACA,SAAS,MAAM,SAAS,KACtB,oBAAC,YAAY,SAAb,EAAA,UACE,oBAAC,wBAAD,EAAwB,QAAQ,MAAQ,CAAA,EACrB,CAAA;CAEzB;CAEA,MAAM,SAAS,KAAK,QAAO,MAAK,EAAE,OAAO;CACzC,IAAI,OAAO,QACT,OACE,oBAAC,WAAD;EAAW,GAAI;EACZ,UAAA,kBACC,oBAAC,gBAAD;GAAgB,OAAO,OAAO,EAAE,EAAE;GAAO,eAAe,OAAO,SAAQ,MAAK,KAAK,EAAE,QAAQ,CAAC;EAAI,CAAA,IAEhG,oBAAC,gBAAD,CAAiB,CAAA;CAEV,CAAA;CAIf,MAAM,cAAc,WAAW,QAAQ,OAAO,UAAU,QAAQ;CAChE,MAAM,QACJ,QAAQ,UACP,OAAO,QAAQ,MAAM,UAAU,YAAY,UAAU,QAAQ,MAAM,SAAS,CAAC,OAAO,QACjF,MACA,YAAY,MAAM,OAAO,SAAS,CAAC;CAEzC,MAAM,QAAQ;EACZ,MAAM,OAAO;EACb,QAAQ;EACR,QAAQ;EACR,SAAS,QAAQ;EACjB,YAAY;EACZ,gBAAgB,OAAO;EACvB,eAAe,QAAQ,SAAS,QAAQ,KAAA,IAAY,OAAO;EAC3D,eACE,aACE,QAAiC,QAAQ,EAAE,QAAQ,aAAa,OAAO,IAAI,EAAE,GAAG,OAAO,SAAS,EAAE,CAAC;EACvG;EACA,GAAI,QAAQ,UAAU,mBAAmB;CAC3C;CACA,MAAM,UAAU,OAAO,QAAQ,QAAQ,cAAc,QAAQ,cAAc,QAAQ;CAEnF,OACE,oBAAC,WAAD;EAAW,GAAI;EAAQ,OAAO,OAAO,SAAS;EAAO,YAAY,KAAK,MAAK,MAAK,EAAE,YAAY;EAC5F,UAAA,oBAAC,WAAD;GAAW,SAAS,CAAC,aAAa,OAAO;GAAO,cAAc,QAAQ;GACnE,UAAA,QAAQ,UAAU,eACjB,oBAAC,wBAAD,EAAwB,GAAI,MAAQ,CAAA,IAEpC,oBAAC,kBAAD;IAAkB,GAAI;IAAgB;IAAS,WAAU;GAAQ,CAAA;EAE1D,CAAA;CACF,CAAA;AAEf"}
1	+ {"version":3,"file":"timeseries-widget.es.js","names":["_Fragment"],"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 { pinActions } from '../../lib/pin-actions';\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 menu = useViewMenu(props.widget, props.views, 0, props.expand);\n const { view } = menu;\n const heading = { ...menu.heading, dragHandle: props.dragHandle, ...pinActions(props.pin) };\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 <>\n <DrilldownAction widget={widget} view={view} onDrilldown={onDrilldown} />\n {heading.actions}\n </>\n ) : (\n heading.actions\n ),\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} lineStyle=\"thin\" />\n )}\n </ChartArea>\n </ChartCard>\n );\n}\n"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 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_widget_kind = require("../widget-kind.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. */

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

@@ -1,5 +1,5 @@
-import { defineWidgetKind } from "../widget-kind.es.js";
 import { timeseriesIssues, timeseriesOptionsSchema } from "../lib/timeseries.es.js";
+import { defineWidgetKind } from "../widget-kind.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. */

package/dist/domains/dashboards/lib/chrome.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chrome.cjs.js","names":[],"sources":["../../../../src/domains/dashboards/lib/chrome.ts"],"sourcesContent":["import type { DashboardWidget, DashboardWidgetView } from '@mastra/client-js';\nimport type { ChartCardProps } from '../../metrics/components/chart-card';\nimport type { DashboardExpand } from '../widget-kind';\n\n/** What a widget's card shows as its ~~title~~: `title`, and `titleMenu` with several views or an expand link. /\nexport type ViewHeading = Pick<ChartCardProps, 'title' \| 'titleMenu' \| 'href' \| 'LinkComponent'>;\n\n/* Filters a gate can't apply, named as the filter bar names them. /\nconst FILTER_NAMES: Record<string, string> = {\n serviceName: 'service',\n requestId: 'request ID',\n experimentId: 'experiment',\n};\n\nexport const unsupportedMessage = (fields: string[], names: Record<string, string> = FILTER_NAMES) =>\n `Not available with a ${fields.map(f => names[f] ?? f).join(' or ')} filter.`;\n\n/* A view's value in the card's menu: its label in kebab case (`Token usage` → `token-usage`), or its position when unlabelled or blank. /\nexport const viewValue = (label: string \| undefined, index: number) => {\n const trimmed = label?.trim();\n return trimmed ? trimmed.toLowerCase().replace(/\\s+/g, '-') : String(index);\n};\n\n/* A view's visible name: its label, or `View n` when unlabelled or blank, so every option has an accessible name. /\nexport const viewLabel = (label: string \| undefined, index: number) => label?.trim() \|\| `View ${index + 1}`;\n\n/\n The card title for the open view: the widget's title for a single view; with several, the open\n * view's label, as a menu of every view (as the metrics cards switch views). With somewhere to\n * expand to, the widget's title links there instead.\n */\nexport function viewTitle(\n widget: DashboardWidget,\n views: readonly DashboardWidgetView[],\n index: number,\n onChoose: (index: number) => void,\n expand?: DashboardExpand,\n): ViewHeading {\n const href = expand?.href(widget);\n if (href) {\n // A link needs a name: a blank title falls back to the first view's label.\n const title = widget.title?.trim() ? widget.title : viewLabel(views[0]?.label, 0);\n return { title, href, LinkComponent: expand?.LinkComponent };\n }\n if (views.length < 2) return { title: widget.title ?? '' };\n const options = views.map((v, i) => ({ value: viewValue(v.label, i), label: viewLabel(v.label, i) }));\n return {\n title: options[index]?.label ?? '',\n titleMenu: {\n value: options[index]?.value ?? '',\n onValueChange: (value: string) => onChoose(options.findIndex(o => o.value === value)),\n options,\n },\n };\n}\n"],"mappings":";;;~~AAQA~~,IAAM,eAAuC;CAC3C,aAAa;CACb,WAAW;CACX,cAAc;AAChB;AAEA,IAAa,sBAAsB,QAAkB,QAAgC,iBACnF,wBAAwB,OAAO,KAAI,MAAK,MAAM,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,EAAE;;AAGtE,IAAa,aAAa,OAA2B,UAAkB;CACrE,MAAM,UAAU,OAAO,KAAK;CAC5B,OAAO,UAAU,QAAQ,YAAY,CAAC,CAAC,QAAQ,QAAQ,GAAG,IAAI,OAAO,KAAK;AAC5E;;AAGA,IAAa,aAAa,OAA2B,UAAkB,OAAO,KAAK,KAAK,QAAQ,QAAQ;;;;;;AAOxG,SAAgB,UACd,QACA,OACA,OACA,UACA,QACa;CACb,MAAM,OAAO,QAAQ,KAAK,MAAM;CAChC,IAAI,MAGF,OAAO;EAAE,OADK,OAAO,OAAO,KAAK,IAAI,OAAO,QAAQ,UAAU,MAAM,EAAE,EAAE,OAAO,CAAC;EAChE;EAAM,eAAe,QAAQ;CAAc;CAE7D,IAAI,MAAM,SAAS,GAAG,OAAO,EAAE,OAAO,OAAO,SAAS,GAAG;CACzD,MAAM,UAAU,MAAM,KAAK,GAAG,OAAO;EAAE,OAAO,UAAU,EAAE,OAAO,CAAC;EAAG,OAAO,UAAU,EAAE,OAAO,CAAC;CAAE,EAAE;CACpG,OAAO;EACL,OAAO,QAAQ,MAAM,EAAE,SAAS;EAChC,WAAW;GACT,OAAO,QAAQ,MAAM,EAAE,SAAS;GAChC,gBAAgB,UAAkB,SAAS,QAAQ,WAAU,MAAK,EAAE,UAAU,KAAK,CAAC;GACpF;EACF;CACF;AACF"}
1	+ {"version":3,"file":"chrome.cjs.js","names":[],"sources":["../../../../src/domains/dashboards/lib/chrome.ts"],"sourcesContent":["import type { DashboardWidget, DashboardWidgetView } from '@mastra/client-js';\nimport type { ChartCardProps } from '../../metrics/components/chart-card';\nimport type { DashboardExpand } from '../widget-kind';\n\n/*\n What a widget's card shows in its top bar: `title`, and `titleMenu` with several views or an\n * expand link, plus the widget's own actions (its pin button; always shown once pinned).\n /\nexport type ViewHeading = Pick<\n ChartCardProps,\n 'title' \| 'titleMenu' \| 'href' \| 'LinkComponent' \| 'dragHandle' \| 'actions' \| 'persistentActions'\n>;\n\n/* Filters a gate can't apply, named as the filter bar names them. /\nconst FILTER_NAMES: Record<string, string> = {\n serviceName: 'service',\n requestId: 'request ID',\n experimentId: 'experiment',\n};\n\nexport const unsupportedMessage = (fields: string[], names: Record<string, string> = FILTER_NAMES) =>\n `Not available with a ${fields.map(f => names[f] ?? f).join(' or ')} filter.`;\n\n/* A view's value in the card's menu: its label in kebab case (`Token usage` → `token-usage`), or its position when unlabelled or blank. /\nexport const viewValue = (label: string \| undefined, index: number) => {\n const trimmed = label?.trim();\n return trimmed ? trimmed.toLowerCase().replace(/\\s+/g, '-') : String(index);\n};\n\n/* A view's visible name: its label, or `View n` when unlabelled or blank, so every option has an accessible name. /\nexport const viewLabel = (label: string \| undefined, index: number) => label?.trim() \|\| `View ${index + 1}`;\n\n/\n The card title for the open view: the widget's title for a single view; with several, the open\n * view's label, as a menu of every view (as the metrics cards switch views). With somewhere to\n * expand to, the widget's title links there instead.\n */\nexport function viewTitle(\n widget: DashboardWidget,\n views: readonly DashboardWidgetView[],\n index: number,\n onChoose: (index: number) => void,\n expand?: DashboardExpand,\n): ViewHeading {\n const href = expand?.href(widget);\n if (href) {\n // A link needs a name: a blank title falls back to the first view's label.\n const title = widget.title?.trim() ? widget.title : viewLabel(views[0]?.label, 0);\n return { title, href, LinkComponent: expand?.LinkComponent };\n }\n if (views.length < 2) return { title: widget.title ?? '' };\n const options = views.map((v, i) => ({ value: viewValue(v.label, i), label: viewLabel(v.label, i) }));\n return {\n title: options[index]?.label ?? '',\n titleMenu: {\n value: options[index]?.value ?? '',\n onValueChange: (value: string) => onChoose(options.findIndex(o => o.value === value)),\n options,\n },\n };\n}\n"],"mappings":";;;AAcA,IAAM,eAAuC;CAC3C,aAAa;CACb,WAAW;CACX,cAAc;AAChB;AAEA,IAAa,sBAAsB,QAAkB,QAAgC,iBACnF,wBAAwB,OAAO,KAAI,MAAK,MAAM,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,EAAE;;AAGtE,IAAa,aAAa,OAA2B,UAAkB;CACrE,MAAM,UAAU,OAAO,KAAK;CAC5B,OAAO,UAAU,QAAQ,YAAY,CAAC,CAAC,QAAQ,QAAQ,GAAG,IAAI,OAAO,KAAK;AAC5E;;AAGA,IAAa,aAAa,OAA2B,UAAkB,OAAO,KAAK,KAAK,QAAQ,QAAQ;;;;;;AAOxG,SAAgB,UACd,QACA,OACA,OACA,UACA,QACa;CACb,MAAM,OAAO,QAAQ,KAAK,MAAM;CAChC,IAAI,MAGF,OAAO;EAAE,OADK,OAAO,OAAO,KAAK,IAAI,OAAO,QAAQ,UAAU,MAAM,EAAE,EAAE,OAAO,CAAC;EAChE;EAAM,eAAe,QAAQ;CAAc;CAE7D,IAAI,MAAM,SAAS,GAAG,OAAO,EAAE,OAAO,OAAO,SAAS,GAAG;CACzD,MAAM,UAAU,MAAM,KAAK,GAAG,OAAO;EAAE,OAAO,UAAU,EAAE,OAAO,CAAC;EAAG,OAAO,UAAU,EAAE,OAAO,CAAC;CAAE,EAAE;CACpG,OAAO;EACL,OAAO,QAAQ,MAAM,EAAE,SAAS;EAChC,WAAW;GACT,OAAO,QAAQ,MAAM,EAAE,SAAS;GAChC,gBAAgB,UAAkB,SAAS,QAAQ,WAAU,MAAK,EAAE,UAAU,KAAK,CAAC;GACpF;EACF;CACF;AACF"}

package/dist/domains/dashboards/lib/chrome.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chrome.es.js","names":[],"sources":["../../../../src/domains/dashboards/lib/chrome.ts"],"sourcesContent":["import type { DashboardWidget, DashboardWidgetView } from '@mastra/client-js';\nimport type { ChartCardProps } from '../../metrics/components/chart-card';\nimport type { DashboardExpand } from '../widget-kind';\n\n/** What a widget's card shows as its ~~title~~: `title`, and `titleMenu` with several views or an expand link. /\nexport type ViewHeading = Pick<ChartCardProps, 'title' \| 'titleMenu' \| 'href' \| 'LinkComponent'>;\n\n/* Filters a gate can't apply, named as the filter bar names them. /\nconst FILTER_NAMES: Record<string, string> = {\n serviceName: 'service',\n requestId: 'request ID',\n experimentId: 'experiment',\n};\n\nexport const unsupportedMessage = (fields: string[], names: Record<string, string> = FILTER_NAMES) =>\n `Not available with a ${fields.map(f => names[f] ?? f).join(' or ')} filter.`;\n\n/* A view's value in the card's menu: its label in kebab case (`Token usage` → `token-usage`), or its position when unlabelled or blank. /\nexport const viewValue = (label: string \| undefined, index: number) => {\n const trimmed = label?.trim();\n return trimmed ? trimmed.toLowerCase().replace(/\\s+/g, '-') : String(index);\n};\n\n/* A view's visible name: its label, or `View n` when unlabelled or blank, so every option has an accessible name. /\nexport const viewLabel = (label: string \| undefined, index: number) => label?.trim() \|\| `View ${index + 1}`;\n\n/\n The card title for the open view: the widget's title for a single view; with several, the open\n * view's label, as a menu of every view (as the metrics cards switch views). With somewhere to\n * expand to, the widget's title links there instead.\n */\nexport function viewTitle(\n widget: DashboardWidget,\n views: readonly DashboardWidgetView[],\n index: number,\n onChoose: (index: number) => void,\n expand?: DashboardExpand,\n): ViewHeading {\n const href = expand?.href(widget);\n if (href) {\n // A link needs a name: a blank title falls back to the first view's label.\n const title = widget.title?.trim() ? widget.title : viewLabel(views[0]?.label, 0);\n return { title, href, LinkComponent: expand?.LinkComponent };\n }\n if (views.length < 2) return { title: widget.title ?? '' };\n const options = views.map((v, i) => ({ value: viewValue(v.label, i), label: viewLabel(v.label, i) }));\n return {\n title: options[index]?.label ?? '',\n titleMenu: {\n value: options[index]?.value ?? '',\n onValueChange: (value: string) => onChoose(options.findIndex(o => o.value === value)),\n options,\n },\n };\n}\n"],"mappings":";;~~AAQA~~,IAAM,eAAuC;CAC3C,aAAa;CACb,WAAW;CACX,cAAc;AAChB;AAEA,IAAa,sBAAsB,QAAkB,QAAgC,iBACnF,wBAAwB,OAAO,KAAI,MAAK,MAAM,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,EAAE;;AAGtE,IAAa,aAAa,OAA2B,UAAkB;CACrE,MAAM,UAAU,OAAO,KAAK;CAC5B,OAAO,UAAU,QAAQ,YAAY,CAAC,CAAC,QAAQ,QAAQ,GAAG,IAAI,OAAO,KAAK;AAC5E;;AAGA,IAAa,aAAa,OAA2B,UAAkB,OAAO,KAAK,KAAK,QAAQ,QAAQ;;;;;;AAOxG,SAAgB,UACd,QACA,OACA,OACA,UACA,QACa;CACb,MAAM,OAAO,QAAQ,KAAK,MAAM;CAChC,IAAI,MAGF,OAAO;EAAE,OADK,OAAO,OAAO,KAAK,IAAI,OAAO,QAAQ,UAAU,MAAM,EAAE,EAAE,OAAO,CAAC;EAChE;EAAM,eAAe,QAAQ;CAAc;CAE7D,IAAI,MAAM,SAAS,GAAG,OAAO,EAAE,OAAO,OAAO,SAAS,GAAG;CACzD,MAAM,UAAU,MAAM,KAAK,GAAG,OAAO;EAAE,OAAO,UAAU,EAAE,OAAO,CAAC;EAAG,OAAO,UAAU,EAAE,OAAO,CAAC;CAAE,EAAE;CACpG,OAAO;EACL,OAAO,QAAQ,MAAM,EAAE,SAAS;EAChC,WAAW;GACT,OAAO,QAAQ,MAAM,EAAE,SAAS;GAChC,gBAAgB,UAAkB,SAAS,QAAQ,WAAU,MAAK,EAAE,UAAU,KAAK,CAAC;GACpF;EACF;CACF;AACF"}
1	+ {"version":3,"file":"chrome.es.js","names":[],"sources":["../../../../src/domains/dashboards/lib/chrome.ts"],"sourcesContent":["import type { DashboardWidget, DashboardWidgetView } from '@mastra/client-js';\nimport type { ChartCardProps } from '../../metrics/components/chart-card';\nimport type { DashboardExpand } from '../widget-kind';\n\n/*\n What a widget's card shows in its top bar: `title`, and `titleMenu` with several views or an\n * expand link, plus the widget's own actions (its pin button; always shown once pinned).\n /\nexport type ViewHeading = Pick<\n ChartCardProps,\n 'title' \| 'titleMenu' \| 'href' \| 'LinkComponent' \| 'dragHandle' \| 'actions' \| 'persistentActions'\n>;\n\n/* Filters a gate can't apply, named as the filter bar names them. /\nconst FILTER_NAMES: Record<string, string> = {\n serviceName: 'service',\n requestId: 'request ID',\n experimentId: 'experiment',\n};\n\nexport const unsupportedMessage = (fields: string[], names: Record<string, string> = FILTER_NAMES) =>\n `Not available with a ${fields.map(f => names[f] ?? f).join(' or ')} filter.`;\n\n/* A view's value in the card's menu: its label in kebab case (`Token usage` → `token-usage`), or its position when unlabelled or blank. /\nexport const viewValue = (label: string \| undefined, index: number) => {\n const trimmed = label?.trim();\n return trimmed ? trimmed.toLowerCase().replace(/\\s+/g, '-') : String(index);\n};\n\n/* A view's visible name: its label, or `View n` when unlabelled or blank, so every option has an accessible name. /\nexport const viewLabel = (label: string \| undefined, index: number) => label?.trim() \|\| `View ${index + 1}`;\n\n/\n The card title for the open view: the widget's title for a single view; with several, the open\n * view's label, as a menu of every view (as the metrics cards switch views). With somewhere to\n * expand to, the widget's title links there instead.\n */\nexport function viewTitle(\n widget: DashboardWidget,\n views: readonly DashboardWidgetView[],\n index: number,\n onChoose: (index: number) => void,\n expand?: DashboardExpand,\n): ViewHeading {\n const href = expand?.href(widget);\n if (href) {\n // A link needs a name: a blank title falls back to the first view's label.\n const title = widget.title?.trim() ? widget.title : viewLabel(views[0]?.label, 0);\n return { title, href, LinkComponent: expand?.LinkComponent };\n }\n if (views.length < 2) return { title: widget.title ?? '' };\n const options = views.map((v, i) => ({ value: viewValue(v.label, i), label: viewLabel(v.label, i) }));\n return {\n title: options[index]?.label ?? '',\n titleMenu: {\n value: options[index]?.value ?? '',\n onValueChange: (value: string) => onChoose(options.findIndex(o => o.value === value)),\n options,\n },\n };\n}\n"],"mappings":";;AAcA,IAAM,eAAuC;CAC3C,aAAa;CACb,WAAW;CACX,cAAc;AAChB;AAEA,IAAa,sBAAsB,QAAkB,QAAgC,iBACnF,wBAAwB,OAAO,KAAI,MAAK,MAAM,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,EAAE;;AAGtE,IAAa,aAAa,OAA2B,UAAkB;CACrE,MAAM,UAAU,OAAO,KAAK;CAC5B,OAAO,UAAU,QAAQ,YAAY,CAAC,CAAC,QAAQ,QAAQ,GAAG,IAAI,OAAO,KAAK;AAC5E;;AAGA,IAAa,aAAa,OAA2B,UAAkB,OAAO,KAAK,KAAK,QAAQ,QAAQ;;;;;;AAOxG,SAAgB,UACd,QACA,OACA,OACA,UACA,QACa;CACb,MAAM,OAAO,QAAQ,KAAK,MAAM;CAChC,IAAI,MAGF,OAAO;EAAE,OADK,OAAO,OAAO,KAAK,IAAI,OAAO,QAAQ,UAAU,MAAM,EAAE,EAAE,OAAO,CAAC;EAChE;EAAM,eAAe,QAAQ;CAAc;CAE7D,IAAI,MAAM,SAAS,GAAG,OAAO,EAAE,OAAO,OAAO,SAAS,GAAG;CACzD,MAAM,UAAU,MAAM,KAAK,GAAG,OAAO;EAAE,OAAO,UAAU,EAAE,OAAO,CAAC;EAAG,OAAO,UAAU,EAAE,OAAO,CAAC;CAAE,EAAE;CACpG,OAAO;EACL,OAAO,QAAQ,MAAM,EAAE,SAAS;EAChC,WAAW;GACT,OAAO,QAAQ,MAAM,EAAE,SAAS;GAChC,gBAAgB,UAAkB,SAAS,QAAQ,WAAU,MAAK,EAAE,UAAU,KAAK,CAAC;GACpF;EACF;CACF;AACF"}

package/dist/domains/dashboards/lib/format.cjs.js CHANGED Viewed

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_metrics_lib_chart_format = require("../../metrics/lib/chart-format.cjs.js");
 const require_domains_metrics_lib_chart_colors = require("../../metrics/lib/chart-colors.cjs.js");
+const require_domains_metrics_lib_chart_format = require("../../metrics/lib/chart-format.cjs.js");
 // src/domains/dashboards/lib/format.ts
 /** The formatters a format names: one for values and tooltips, a compact one for the y-axis. */
 var FORMATTERS = {

package/dist/domains/dashboards/lib/format.es.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { formatAxisCount, formatAxisDuration, formatAxisUsd, formatCount, formatDuration, formatPercent, formatUsd } from "../../metrics/lib/chart-format.es.js";
 import { CHART_COLORS } from "../../metrics/lib/chart-colors.es.js";
+import { formatAxisCount, formatAxisDuration, formatAxisUsd, formatCount, formatDuration, formatPercent, formatUsd } from "../../metrics/lib/chart-format.es.js";
 // src/domains/dashboards/lib/format.ts
 /** The formatters a format names: one for values and tooltips, a compact one for the y-axis. */
 var FORMATTERS = {

package/dist/domains/dashboards/lib/pin-actions.cjs.js ADDED Viewed

@@ -0,0 +1,16 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_domains_dashboards_components_widget_controls = require("../components/widget-controls.cjs.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/domains/dashboards/lib/pin-actions.tsx
+/**
+* Where a card's pin goes: with the actions shown on hover, or always once pinned, so a pinned card
+* reads as pinned at rest and can be unpinned without hover (on touch).
+*/
+function pinActions(pin) {
+	if (!pin) return {};
+	const button = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_components_widget_controls.PinAction, { ...pin });
+	return pin.isPinned ? { persistentActions: button } : { actions: button };
+}
+exports.pinActions = pinActions;
+//# sourceMappingURL=pin-actions.cjs.js.map

package/dist/domains/dashboards/lib/pin-actions.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"pin-actions.cjs.js","names":["PinAction"],"sources":["../../../../src/domains/dashboards/lib/pin-actions.tsx"],"sourcesContent":["import { PinAction } from '../components/widget-controls';\nimport type { WidgetPin } from '../widget-kind';\nimport type { ViewHeading } from './chrome';\n\n/**\n * Where a card's pin goes: with the actions shown on hover, or always once pinned, so a pinned card\n * reads as pinned at rest and can be unpinned without hover (on touch).\n */\nexport function pinActions(pin: WidgetPin | undefined): Pick<ViewHeading, 'actions' | 'persistentActions'> {\n if (!pin) return {};\n const button = <PinAction {...pin} />;\n return pin.isPinned ? { persistentActions: button } : { actions: button };\n}\n"],"mappings":";;;;;;;;AAQA,SAAgB,WAAW,KAAgF;CACzG,IAAI,CAAC,KAAK,OAAO,CAAC;CAClB,MAAM,SAAS,iBAAA,GAAA,kBAAA,IAAA,CAACA,sDAAAA,WAAD,EAAW,GAAI,IAAM,CAAA;CACpC,OAAO,IAAI,WAAW,EAAE,mBAAmB,OAAO,IAAI,EAAE,SAAS,OAAO;AAC1E"}

package/dist/domains/dashboards/lib/pin-actions.d.ts ADDED Viewed

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

package/dist/domains/dashboards/lib/pin-actions.es.js ADDED Viewed

@@ -0,0 +1,15 @@
+import { PinAction } from "../components/widget-controls.es.js";
+import { jsx } from "react/jsx-runtime";
+// src/domains/dashboards/lib/pin-actions.tsx
+/**
+* Where a card's pin goes: with the actions shown on hover, or always once pinned, so a pinned card
+* reads as pinned at rest and can be unpinned without hover (on touch).
+*/
+function pinActions(pin) {
+	if (!pin) return {};
+	const button = /* @__PURE__ */ jsx(PinAction, { ...pin });
+	return pin.isPinned ? { persistentActions: button } : { actions: button };
+}
+export { pinActions };
+//# sourceMappingURL=pin-actions.es.js.map

package/dist/domains/dashboards/lib/pin-actions.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"pin-actions.es.js","names":[],"sources":["../../../../src/domains/dashboards/lib/pin-actions.tsx"],"sourcesContent":["import { PinAction } from '../components/widget-controls';\nimport type { WidgetPin } from '../widget-kind';\nimport type { ViewHeading } from './chrome';\n\n/**\n * Where a card's pin goes: with the actions shown on hover, or always once pinned, so a pinned card\n * reads as pinned at rest and can be unpinned without hover (on touch).\n */\nexport function pinActions(pin: WidgetPin | undefined): Pick<ViewHeading, 'actions' | 'persistentActions'> {\n if (!pin) return {};\n const button = <PinAction {...pin} />;\n return pin.isPinned ? { persistentActions: button } : { actions: button };\n}\n"],"mappings":";;;;;;;AAQA,SAAgB,WAAW,KAAgF;CACzG,IAAI,CAAC,KAAK,OAAO,CAAC;CAClB,MAAM,SAAS,oBAAC,WAAD,EAAW,GAAI,IAAM,CAAA;CACpC,OAAO,IAAI,WAAW,EAAE,mBAAmB,OAAO,IAAI,EAAE,SAAS,OAAO;AAC1E"}

package/dist/domains/dashboards/lib/requests.cjs.js CHANGED Viewed

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_metrics_lib_request_limiter = require("../../metrics/lib/request-limiter.cjs.js");
 const require_domains_metrics_lib_metrics_buckets = require("../../metrics/lib/metrics-buckets.cjs.js");
-const require_domains_metrics_lib_trace_aggregate = require("../../metrics/lib/trace-aggregate.cjs.js");
+const require_domains_metrics_lib_request_limiter = require("../../metrics/lib/request-limiter.cjs.js");
 const require_domains_metrics_lib_time_window = require("../../metrics/lib/time-window.cjs.js");
+const require_domains_metrics_lib_trace_aggregate = require("../../metrics/lib/trace-aggregate.cjs.js");
 const require_domains_dashboards_lib_filters = require("./filters.cjs.js");
 // src/domains/dashboards/lib/requests.ts
 /** The widget's predicate and the page's, both required; the widget's comes first. */