@mastra/playground-ui 66.0.0-alpha.0 → 66.0.0-alpha.2

package/dist/domains/observability/components/observability-capability-gate.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"observability-capability-gate.es.js","names":["_Fragment"],"sources":["../../../../src/domains/observability/components/observability-capability-gate.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { Txt } from '@/ds/components/Txt';\n\nexport type ObservabilityCapabilityGateProps = {\n  isLoading: boolean;\n  enabled: boolean;\n  /** The page's screen-reader heading while its body is not shown (the body brings its own). */\n  heading: string;\n  /** Shown when the store does not support the capability. */\n  title: ReactNode;\n  description: ReactNode;\n  children: ReactNode;\n};\n\n/** Renders its children once the store declares the capability they need. */\nexport function ObservabilityCapabilityGate({\n  isLoading,\n  enabled,\n  heading,\n  title,\n  description,\n  children,\n}: ObservabilityCapabilityGateProps) {\n  if (enabled) return children;\n\n  return (\n    <>\n      <h1 className=\"sr-only\">{heading}</h1>\n      {isLoading ? (\n        <div className=\"flex h-full items-center justify-center gap-2\">\n          <Spinner aria-label=\"Loading storage capabilities\" />\n          <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n            Loading storage capabilities\n          </Txt>\n        </div>\n      ) : (\n        <EmptyState variant=\"fill\" titleSlot={title} descriptionSlot={description} />\n      )}\n    </>\n  );\n}\n"],"mappings":";;;;;;AAiBA,SAAgB,4BAA4B,EAC1C,WACA,SACA,SACA,OACA,aACA,YACmC;CACnC,IAAI,SAAS,OAAO;CAEpB,OACE,qBAAAA,UAAA,EAAA,UAAA,CACE,oBAAC,MAAD;EAAI,WAAU;EAAW,UAAA;CAAY,CAAA,GACpC,YACC,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,oBAAC,SAAD,EAAS,cAAW,+BAAgC,CAAA,GACpD,oBAAC,KAAD;GAAK,IAAG;GAAO,SAAQ;GAAU,MAAK;GAAQ,UAAA;EAEzC,CAAA,CACF;CAEL,CAAA,IAAA,oBAAC,YAAD;EAAY,SAAQ;EAAO,WAAW;EAAO,iBAAiB;CAAc,CAAA,CAE9E,EAAA,CAAA;AAEN"}

package/dist/domains/observability/components/observability-list-body.cjs.js

@@ -0,0 +1,24 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/domains/observability/components/observability-list-body.tsx
+/** The body of an observability list page: a toolbar above the list, its error or its empty state. */
+function ObservabilityListBody({ toolbar, error, empty, children }) {
+	let body = children;
+	if (error) body = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "flex h-full items-center justify-center",
+		children: error
+	});
+	else if (empty) body = empty;
+	if (!toolbar) return body;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex h-full min-h-0 flex-col gap-4",
+		children: [toolbar, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "min-h-0 flex-1",
+			children: body
+		})]
+	});
+}
+//#endregion
+exports.ObservabilityListBody = ObservabilityListBody;
+
+//# sourceMappingURL=observability-list-body.cjs.js.map

package/dist/domains/observability/components/observability-list-body.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"observability-list-body.cjs.js","names":[],"sources":["../../../../src/domains/observability/components/observability-list-body.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport type ObservabilityListBodyProps = {\n  /** Controls above the list (filters, columns…). */\n  toolbar?: ReactNode;\n  /** The list failed to load. Takes precedence over `empty` and `children`. */\n  error?: ReactNode;\n  /** The full-page empty state. Takes precedence over `children`. */\n  empty?: ReactNode;\n  children: ReactNode;\n};\n\n/** The body of an observability list page: a toolbar above the list, its error or its empty state. */\nexport function ObservabilityListBody({ toolbar, error, empty, children }: ObservabilityListBodyProps) {\n  let body: ReactNode = children;\n  if (error) body = <div className=\"flex h-full items-center justify-center\">{error}</div>;\n  else if (empty) body = empty;\n\n  if (!toolbar) return body;\n\n  return (\n    <div className=\"flex h-full min-h-0 flex-col gap-4\">\n      {toolbar}\n      <div className=\"min-h-0 flex-1\">{body}</div>\n    </div>\n  );\n}\n"],"mappings":";;;;AAaA,SAAgB,sBAAsB,EAAE,SAAS,OAAO,OAAO,YAAwC;CACrG,IAAI,OAAkB;CACtB,IAAI,OAAO,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAU;EAA2C,UAAA;CAAW,CAAA;MAClF,IAAI,OAAO,OAAO;CAEvB,IAAI,CAAC,SAAS,OAAO;CAErB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACG,SACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAU;GAAkB,UAAA;EAAU,CAAA,CACxC;;AAET"}

package/dist/domains/observability/components/observability-list-body.d.ts

@@ -0,0 +1 @@
+export * from '../../../src/domains/observability/components/observability-list-body';

package/dist/domains/observability/components/observability-list-body.es.js

@@ -0,0 +1,23 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/domains/observability/components/observability-list-body.tsx
+/** The body of an observability list page: a toolbar above the list, its error or its empty state. */
+function ObservabilityListBody({ toolbar, error, empty, children }) {
+	let body = children;
+	if (error) body = /* @__PURE__ */ jsx("div", {
+		className: "flex h-full items-center justify-center",
+		children: error
+	});
+	else if (empty) body = empty;
+	if (!toolbar) return body;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex h-full min-h-0 flex-col gap-4",
+		children: [toolbar, /* @__PURE__ */ jsx("div", {
+			className: "min-h-0 flex-1",
+			children: body
+		})]
+	});
+}
+//#endregion
+export { ObservabilityListBody };
+
+//# sourceMappingURL=observability-list-body.es.js.map

package/dist/domains/observability/components/observability-list-body.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"observability-list-body.es.js","names":[],"sources":["../../../../src/domains/observability/components/observability-list-body.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport type ObservabilityListBodyProps = {\n  /** Controls above the list (filters, columns…). */\n  toolbar?: ReactNode;\n  /** The list failed to load. Takes precedence over `empty` and `children`. */\n  error?: ReactNode;\n  /** The full-page empty state. Takes precedence over `children`. */\n  empty?: ReactNode;\n  children: ReactNode;\n};\n\n/** The body of an observability list page: a toolbar above the list, its error or its empty state. */\nexport function ObservabilityListBody({ toolbar, error, empty, children }: ObservabilityListBodyProps) {\n  let body: ReactNode = children;\n  if (error) body = <div className=\"flex h-full items-center justify-center\">{error}</div>;\n  else if (empty) body = empty;\n\n  if (!toolbar) return body;\n\n  return (\n    <div className=\"flex h-full min-h-0 flex-col gap-4\">\n      {toolbar}\n      <div className=\"min-h-0 flex-1\">{body}</div>\n    </div>\n  );\n}\n"],"mappings":";;;AAaA,SAAgB,sBAAsB,EAAE,SAAS,OAAO,OAAO,YAAwC;CACrG,IAAI,OAAkB;CACtB,IAAI,OAAO,OAAO,oBAAC,OAAD;EAAK,WAAU;EAA2C,UAAA;CAAW,CAAA;MAClF,IAAI,OAAO,OAAO;CAEvB,IAAI,CAAC,SAAS,OAAO;CAErB,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACG,SACD,oBAAC,OAAD;GAAK,WAAU;GAAkB,UAAA;EAAU,CAAA,CACxC;;AAET"}

package/dist/domains/observability/components/observability-page-layout.cjs.js

@@ -0,0 +1,36 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_domains_observability_hooks_use_observability_views = require("../hooks/use-observability-views.cjs.js");
+const require_domains_traces_components_traces_spans_switch = require("../../traces/components/traces-spans-switch.cjs.js");
+const require_PageLayout = require("../../../PageLayout-02XlfbOU.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/domains/observability/components/observability-page-layout.tsx
+/**
+* The header shared by the traces, spans and threads pages: breadcrumbs plus the view switch pinned
+* under them. Router-agnostic: the host passes the current view, navigation and its page body.
+*/
+function ObservabilityPageLayout({ current, features, onViewChange, breadcrumbs, children }) {
+	const { views, isLoading, showSwitch } = require_domains_observability_hooks_use_observability_views.useObservabilityViews({
+		current,
+		features
+	});
+	let actionRow;
+	if (isLoading) actionRow = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_traces_components_traces_spans_switch.TracesSpansSwitchSkeleton, {});
+	else if (showSwitch) actionRow = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_traces_components_traces_spans_switch.TracesSpansSwitch, {
+		current,
+		views,
+		onViewChange
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PageLayout.PageLayout, {
+		breadcrumbs: breadcrumbs({
+			current,
+			isLoading,
+			showSwitch
+		}),
+		actionRow,
+		children
+	});
+}
+//#endregion
+exports.ObservabilityPageLayout = ObservabilityPageLayout;
+
+//# sourceMappingURL=observability-page-layout.cjs.js.map

package/dist/domains/observability/components/observability-page-layout.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"observability-page-layout.cjs.js","names":["useObservabilityViews","TracesSpansSwitchSkeleton","TracesSpansSwitch","PageLayout"],"sources":["../../../../src/domains/observability/components/observability-page-layout.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { useObservabilityViews } from '../hooks/use-observability-views';\nimport type { ObservabilityViewsState } from '../hooks/use-observability-views';\nimport type { TracesExplorerFeatures } from '@/domains/traces/components/traces-explorer/traces-explorer-context';\nimport { TracesSpansSwitch, TracesSpansSwitchSkeleton } from '@/domains/traces/components/traces-spans-switch';\nimport type { ObservabilityView } from '@/domains/traces/components/traces-spans-switch';\nimport { PageLayout } from '@/ds/components/PageLayout';\n\nexport type ObservabilityBreadcrumbsState = Pick<ObservabilityViewsState, 'isLoading' | 'showSwitch'> & {\n  current: ObservabilityView;\n};\n\nexport type ObservabilityPageLayoutProps = {\n  current: ObservabilityView;\n  features?: TracesExplorerFeatures;\n  onViewChange: (view: ObservabilityView) => void;\n  /** The host's breadcrumbs. They can name the current view when the switch does not show it. */\n  breadcrumbs: (state: ObservabilityBreadcrumbsState) => ReactNode;\n  children: ReactNode;\n};\n\n/**\n * The header shared by the traces, spans and threads pages: breadcrumbs plus the view switch pinned\n * under them. Router-agnostic: the host passes the current view, navigation and its page body.\n */\nexport function ObservabilityPageLayout({\n  current,\n  features,\n  onViewChange,\n  breadcrumbs,\n  children,\n}: ObservabilityPageLayoutProps) {\n  const { views, isLoading, showSwitch } = useObservabilityViews({ current, features });\n\n  // While loading, hold the switch's place so it does not push the page down when it lands.\n  let actionRow: ReactNode;\n  if (isLoading) actionRow = <TracesSpansSwitchSkeleton />;\n  else if (showSwitch) actionRow = <TracesSpansSwitch current={current} views={views} onViewChange={onViewChange} />;\n\n  return (\n    <PageLayout breadcrumbs={breadcrumbs({ current, isLoading, showSwitch })} actionRow={actionRow}>\n      {children}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;AAyBA,SAAgB,wBAAwB,EACtC,SACA,UACA,cACA,aACA,YAC+B;CAC/B,MAAM,EAAE,OAAO,WAAW,eAAeA,4DAAAA,sBAAsB;EAAE;EAAS;CAAS,CAAC;CAGpF,IAAI;CACJ,IAAI,WAAW,YAAY,iBAAA,GAAA,kBAAA,IAAA,CAACC,sDAAAA,2BAAD,CAA4B,CAAA;MAClD,IAAI,YAAY,YAAY,iBAAA,GAAA,kBAAA,IAAA,CAACC,sDAAAA,mBAAD;EAA4B;EAAgB;EAAqB;CAAe,CAAA;CAEjH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,YAAD;EAAY,aAAa,YAAY;GAAE;GAAS;GAAW;EAAW,CAAC;EAAc;EAClF;CACS,CAAA;AAEhB"}

package/dist/domains/observability/components/observability-page-layout.d.ts

@@ -0,0 +1 @@
+export * from '../../../src/domains/observability/components/observability-page-layout';

package/dist/domains/observability/components/observability-page-layout.es.js

@@ -0,0 +1,35 @@
+import { useObservabilityViews } from "../hooks/use-observability-views.es.js";
+import { TracesSpansSwitch, TracesSpansSwitchSkeleton } from "../../traces/components/traces-spans-switch.es.js";
+import { t as PageLayout } from "../../../PageLayout-CVmOGfaQ.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/domains/observability/components/observability-page-layout.tsx
+/**
+* The header shared by the traces, spans and threads pages: breadcrumbs plus the view switch pinned
+* under them. Router-agnostic: the host passes the current view, navigation and its page body.
+*/
+function ObservabilityPageLayout({ current, features, onViewChange, breadcrumbs, children }) {
+	const { views, isLoading, showSwitch } = useObservabilityViews({
+		current,
+		features
+	});
+	let actionRow;
+	if (isLoading) actionRow = /* @__PURE__ */ jsx(TracesSpansSwitchSkeleton, {});
+	else if (showSwitch) actionRow = /* @__PURE__ */ jsx(TracesSpansSwitch, {
+		current,
+		views,
+		onViewChange
+	});
+	return /* @__PURE__ */ jsx(PageLayout, {
+		breadcrumbs: breadcrumbs({
+			current,
+			isLoading,
+			showSwitch
+		}),
+		actionRow,
+		children
+	});
+}
+//#endregion
+export { ObservabilityPageLayout };
+
+//# sourceMappingURL=observability-page-layout.es.js.map

package/dist/domains/observability/components/observability-page-layout.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"observability-page-layout.es.js","names":[],"sources":["../../../../src/domains/observability/components/observability-page-layout.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { useObservabilityViews } from '../hooks/use-observability-views';\nimport type { ObservabilityViewsState } from '../hooks/use-observability-views';\nimport type { TracesExplorerFeatures } from '@/domains/traces/components/traces-explorer/traces-explorer-context';\nimport { TracesSpansSwitch, TracesSpansSwitchSkeleton } from '@/domains/traces/components/traces-spans-switch';\nimport type { ObservabilityView } from '@/domains/traces/components/traces-spans-switch';\nimport { PageLayout } from '@/ds/components/PageLayout';\n\nexport type ObservabilityBreadcrumbsState = Pick<ObservabilityViewsState, 'isLoading' | 'showSwitch'> & {\n  current: ObservabilityView;\n};\n\nexport type ObservabilityPageLayoutProps = {\n  current: ObservabilityView;\n  features?: TracesExplorerFeatures;\n  onViewChange: (view: ObservabilityView) => void;\n  /** The host's breadcrumbs. They can name the current view when the switch does not show it. */\n  breadcrumbs: (state: ObservabilityBreadcrumbsState) => ReactNode;\n  children: ReactNode;\n};\n\n/**\n * The header shared by the traces, spans and threads pages: breadcrumbs plus the view switch pinned\n * under them. Router-agnostic: the host passes the current view, navigation and its page body.\n */\nexport function ObservabilityPageLayout({\n  current,\n  features,\n  onViewChange,\n  breadcrumbs,\n  children,\n}: ObservabilityPageLayoutProps) {\n  const { views, isLoading, showSwitch } = useObservabilityViews({ current, features });\n\n  // While loading, hold the switch's place so it does not push the page down when it lands.\n  let actionRow: ReactNode;\n  if (isLoading) actionRow = <TracesSpansSwitchSkeleton />;\n  else if (showSwitch) actionRow = <TracesSpansSwitch current={current} views={views} onViewChange={onViewChange} />;\n\n  return (\n    <PageLayout breadcrumbs={breadcrumbs({ current, isLoading, showSwitch })} actionRow={actionRow}>\n      {children}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;AAyBA,SAAgB,wBAAwB,EACtC,SACA,UACA,cACA,aACA,YAC+B;CAC/B,MAAM,EAAE,OAAO,WAAW,eAAe,sBAAsB;EAAE;EAAS;CAAS,CAAC;CAGpF,IAAI;CACJ,IAAI,WAAW,YAAY,oBAAC,2BAAD,CAA4B,CAAA;MAClD,IAAI,YAAY,YAAY,oBAAC,mBAAD;EAA4B;EAAgB;EAAqB;CAAe,CAAA;CAEjH,OACE,oBAAC,YAAD;EAAY,aAAa,YAAY;GAAE;GAAS;GAAW;EAAW,CAAC;EAAc;EAClF;CACS,CAAA;AAEhB"}

package/dist/domains/observability/hooks/use-observability-list-filters.cjs.js

@@ -0,0 +1,78 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_trace_filters = require("../../../trace-filters-Dye2hTh3.cjs");
+const require_domains_traces_components_traces_explorer_traces_explorer_actions = require("../../traces/components/traces-explorer/traces-explorer-actions.cjs.js");
+const require_domains_traces_hooks_use_traces_list_source = require("../../traces/hooks/use-traces-list-source.cjs.js");
+let react = require("react");
+//#region src/domains/observability/hooks/use-observability-list-filters.ts
+var DEFAULT_DATE_PRESET = require_domains_traces_components_traces_explorer_traces_explorer_actions.DEFAULT_TRACES_FILTERS.datePreset;
+/**
+* Like the traces list with delta polling: a timer or a window focus would reload every loaded page
+* and reset the cursor chain, so an observability list only reloads to recover from a transient failure.
+*/
+var observabilityListQueryOptions = {
+	refetchInterval: ({ state }) => require_domains_traces_hooks_use_traces_list_source.recoveryRefetchInterval(state.error),
+	refetchOnWindowFocus: false
+};
+/** The time range, filter and sort state of a spans or threads list. */
+function useObservabilityListFilters() {
+	const [dates, setDates] = (0, react.useState)({ datePreset: DEFAULT_DATE_PRESET });
+	const [tokens, setTokens] = (0, react.useState)([]);
+	const [groups, setGroups] = (0, react.useState)([]);
+	const [sort, setSort] = (0, react.useState)("desc");
+	const { datePreset, dateFrom, dateTo } = dates;
+	const fromMs = dateFrom?.getTime();
+	const toMs = dateTo?.getTime();
+	const timeRange = (0, react.useMemo)(() => {
+		const window = require_domains_traces_components_traces_explorer_traces_explorer_actions.resolveTracesDateWindow(datePreset, fromMs === void 0 ? void 0 : new Date(fromMs), toMs === void 0 ? void 0 : new Date(toMs));
+		return require_trace_filters.resolveTraceQueryTimeRange(window.dateFrom, window.dateTo, /* @__PURE__ */ new Date());
+	}, [
+		datePreset,
+		fromMs,
+		toMs
+	]);
+	const onDatePresetChange = (preset) => setDates((current) => preset === "custom" ? {
+		...current,
+		datePreset: preset
+	} : { datePreset: preset });
+	const onDateChange = (date, end) => setDates((current) => {
+		if (current.datePreset !== "custom") return current;
+		return end === "from" ? {
+			...current,
+			dateFrom: date
+		} : {
+			...current,
+			dateTo: date
+		};
+	});
+	const onDateRangeChange = (from, to) => setDates((current) => current.datePreset === "custom" ? {
+		...current,
+		dateFrom: from,
+		dateTo: to
+	} : current);
+	const onFiltersChange = (nextTokens, nextGroups) => {
+		setTokens(nextTokens);
+		setGroups(nextGroups);
+	};
+	const contentFiltersApplied = tokens.length > 0 || groups.length > 0;
+	return {
+		datePreset,
+		dateFrom,
+		dateTo,
+		timeRange,
+		tokens,
+		groups,
+		sort,
+		setSort,
+		onDatePresetChange,
+		onDateChange,
+		onDateRangeChange,
+		onFiltersChange,
+		contentFiltersApplied,
+		filtersApplied: contentFiltersApplied || datePreset !== DEFAULT_DATE_PRESET
+	};
+}
+//#endregion
+exports.observabilityListQueryOptions = observabilityListQueryOptions;
+exports.useObservabilityListFilters = useObservabilityListFilters;
+
+//# sourceMappingURL=use-observability-list-filters.cjs.js.map

package/dist/domains/observability/hooks/use-observability-list-filters.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-observability-list-filters.cjs.js","names":["DEFAULT_TRACES_FILTERS","recoveryRefetchInterval","useState","useMemo","resolveTracesDateWindow","resolveTraceQueryTimeRange"],"sources":["../../../../src/domains/observability/hooks/use-observability-list-filters.ts"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  DEFAULT_TRACES_FILTERS,\n  resolveTracesDateWindow,\n} from '@/domains/traces/components/traces-explorer/traces-explorer-actions';\nimport { recoveryRefetchInterval } from '@/domains/traces/hooks/use-traces-list-source';\nimport { resolveTraceQueryTimeRange } from '@/domains/traces/trace-query-filters';\nimport type { TraceFilterGroup, TraceFilterToken } from '@/domains/traces/trace-query-filters';\nimport type { TraceDatePreset } from '@/domains/traces/types';\nimport type { DataListSort } from '@/ds/components/DataList/data-list-sortable-top-cell';\n\n// Same window as /traces, so switching between the pages keeps the time chip identical.\nconst DEFAULT_DATE_PRESET: TraceDatePreset = DEFAULT_TRACES_FILTERS.datePreset;\n\ntype DateState = { datePreset: TraceDatePreset; dateFrom?: Date; dateTo?: Date };\n\n/**\n * Like the traces list with delta polling: a timer or a window focus would reload every loaded page\n * and reset the cursor chain, so an observability list only reloads to recover from a transient failure.\n */\nexport const observabilityListQueryOptions = {\n  refetchInterval: ({ state }: { state: { error: unknown } }) => recoveryRefetchInterval(state.error),\n  refetchOnWindowFocus: false,\n};\n\n/** The time range, filter and sort state of a spans or threads list. */\nexport function useObservabilityListFilters() {\n  const [dates, setDates] = useState<DateState>({ datePreset: DEFAULT_DATE_PRESET });\n  const [tokens, setTokens] = useState<TraceFilterToken[]>([]);\n  const [groups, setGroups] = useState<TraceFilterGroup[]>([]);\n  const [sort, setSort] = useState<DataListSort>('desc');\n\n  const { datePreset, dateFrom, dateTo } = dates;\n  const fromMs = dateFrom?.getTime();\n  const toMs = dateTo?.getTime();\n  // Rolling presets are resolved against \"now\" only when the range changes, so the query key\n  // (and the cursors issued for it) stays stable while the list scrolls.\n  const timeRange = useMemo(() => {\n    const window = resolveTracesDateWindow(\n      datePreset,\n      fromMs === undefined ? undefined : new Date(fromMs),\n      toMs === undefined ? undefined : new Date(toMs),\n    );\n    return resolveTraceQueryTimeRange(window.dateFrom, window.dateTo, new Date());\n  }, [datePreset, fromMs, toMs]);\n\n  // Switching to `custom` keeps the current dates so the picker opens on them; any other preset drops them.\n  const onDatePresetChange = (preset: TraceDatePreset) =>\n    setDates(current => (preset === 'custom' ? { ...current, datePreset: preset } : { datePreset: preset }));\n  // The picker can report a date right after switching away from `custom`; those are ignored.\n  const onDateChange = (date: Date | undefined, end: 'from' | 'to') =>\n    setDates(current => {\n      if (current.datePreset !== 'custom') return current;\n      return end === 'from' ? { ...current, dateFrom: date } : { ...current, dateTo: date };\n    });\n  const onDateRangeChange = (from: Date | undefined, to: Date | undefined) =>\n    setDates(current => (current.datePreset === 'custom' ? { ...current, dateFrom: from, dateTo: to } : current));\n  const onFiltersChange = (nextTokens: TraceFilterToken[], nextGroups: TraceFilterGroup[]) => {\n    setTokens(nextTokens);\n    setGroups(nextGroups);\n  };\n\n  const contentFiltersApplied = tokens.length > 0 || groups.length > 0;\n  const filtersApplied = contentFiltersApplied || datePreset !== DEFAULT_DATE_PRESET;\n\n  return {\n    datePreset,\n    dateFrom,\n    dateTo,\n    timeRange,\n    tokens,\n    groups,\n    sort,\n    setSort,\n    onDatePresetChange,\n    onDateChange,\n    onDateRangeChange,\n    onFiltersChange,\n    contentFiltersApplied,\n    filtersApplied,\n  };\n}\n"],"mappings":";;;;;;AAYA,IAAM,sBAAuCA,0EAAAA,uBAAuB;;;;;AAQpE,IAAa,gCAAgC;CAC3C,kBAAkB,EAAE,YAA2CC,oDAAAA,wBAAwB,MAAM,KAAK;CAClG,sBAAsB;AACxB;;AAGA,SAAgB,8BAA8B;CAC5C,MAAM,CAAC,OAAO,aAAA,GAAYC,MAAAA,SAAAA,CAAoB,EAAE,YAAY,oBAAoB,CAAC;CACjF,MAAM,CAAC,QAAQ,cAAA,GAAaA,MAAAA,SAAAA,CAA6B,CAAC,CAAC;CAC3D,MAAM,CAAC,QAAQ,cAAA,GAAaA,MAAAA,SAAAA,CAA6B,CAAC,CAAC;CAC3D,MAAM,CAAC,MAAM,YAAA,GAAWA,MAAAA,SAAAA,CAAuB,MAAM;CAErD,MAAM,EAAE,YAAY,UAAU,WAAW;CACzC,MAAM,SAAS,UAAU,QAAQ;CACjC,MAAM,OAAO,QAAQ,QAAQ;CAG7B,MAAM,aAAA,GAAYC,MAAAA,QAAAA,OAAc;EAC9B,MAAM,SAASC,0EAAAA,wBACb,YACA,WAAW,KAAA,IAAY,KAAA,IAAY,IAAI,KAAK,MAAM,GAClD,SAAS,KAAA,IAAY,KAAA,IAAY,IAAI,KAAK,IAAI,CAChD;EACA,OAAOC,sBAAAA,2BAA2B,OAAO,UAAU,OAAO,wBAAQ,IAAI,KAAK,CAAC;CAC9E,GAAG;EAAC;EAAY;EAAQ;CAAI,CAAC;CAG7B,MAAM,sBAAsB,WAC1B,UAAS,YAAY,WAAW,WAAW;EAAE,GAAG;EAAS,YAAY;CAAO,IAAI,EAAE,YAAY,OAAO,CAAE;CAEzG,MAAM,gBAAgB,MAAwB,QAC5C,UAAS,YAAW;EAClB,IAAI,QAAQ,eAAe,UAAU,OAAO;EAC5C,OAAO,QAAQ,SAAS;GAAE,GAAG;GAAS,UAAU;EAAK,IAAI;GAAE,GAAG;GAAS,QAAQ;EAAK;CACtF,CAAC;CACH,MAAM,qBAAqB,MAAwB,OACjD,UAAS,YAAY,QAAQ,eAAe,WAAW;EAAE,GAAG;EAAS,UAAU;EAAM,QAAQ;CAAG,IAAI,OAAQ;CAC9G,MAAM,mBAAmB,YAAgC,eAAmC;EAC1F,UAAU,UAAU;EACpB,UAAU,UAAU;CACtB;CAEA,MAAM,wBAAwB,OAAO,SAAS,KAAK,OAAO,SAAS;CAGnE,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,gBAhBqB,yBAAyB,eAAe;CAiB/D;AACF"}

package/dist/domains/observability/hooks/use-observability-list-filters.d.ts

@@ -0,0 +1 @@
+export * from '../../../src/domains/observability/hooks/use-observability-list-filters';

package/dist/domains/observability/hooks/use-observability-list-filters.es.js

@@ -0,0 +1,76 @@
+import { ct as resolveTraceQueryTimeRange } from "../../../trace-filters-B6xAWZLc.js";
+import { DEFAULT_TRACES_FILTERS, resolveTracesDateWindow } from "../../traces/components/traces-explorer/traces-explorer-actions.es.js";
+import { recoveryRefetchInterval } from "../../traces/hooks/use-traces-list-source.es.js";
+import { useMemo, useState } from "react";
+//#region src/domains/observability/hooks/use-observability-list-filters.ts
+var DEFAULT_DATE_PRESET = DEFAULT_TRACES_FILTERS.datePreset;
+/**
+* Like the traces list with delta polling: a timer or a window focus would reload every loaded page
+* and reset the cursor chain, so an observability list only reloads to recover from a transient failure.
+*/
+var observabilityListQueryOptions = {
+	refetchInterval: ({ state }) => recoveryRefetchInterval(state.error),
+	refetchOnWindowFocus: false
+};
+/** The time range, filter and sort state of a spans or threads list. */
+function useObservabilityListFilters() {
+	const [dates, setDates] = useState({ datePreset: DEFAULT_DATE_PRESET });
+	const [tokens, setTokens] = useState([]);
+	const [groups, setGroups] = useState([]);
+	const [sort, setSort] = useState("desc");
+	const { datePreset, dateFrom, dateTo } = dates;
+	const fromMs = dateFrom?.getTime();
+	const toMs = dateTo?.getTime();
+	const timeRange = useMemo(() => {
+		const window = resolveTracesDateWindow(datePreset, fromMs === void 0 ? void 0 : new Date(fromMs), toMs === void 0 ? void 0 : new Date(toMs));
+		return resolveTraceQueryTimeRange(window.dateFrom, window.dateTo, /* @__PURE__ */ new Date());
+	}, [
+		datePreset,
+		fromMs,
+		toMs
+	]);
+	const onDatePresetChange = (preset) => setDates((current) => preset === "custom" ? {
+		...current,
+		datePreset: preset
+	} : { datePreset: preset });
+	const onDateChange = (date, end) => setDates((current) => {
+		if (current.datePreset !== "custom") return current;
+		return end === "from" ? {
+			...current,
+			dateFrom: date
+		} : {
+			...current,
+			dateTo: date
+		};
+	});
+	const onDateRangeChange = (from, to) => setDates((current) => current.datePreset === "custom" ? {
+		...current,
+		dateFrom: from,
+		dateTo: to
+	} : current);
+	const onFiltersChange = (nextTokens, nextGroups) => {
+		setTokens(nextTokens);
+		setGroups(nextGroups);
+	};
+	const contentFiltersApplied = tokens.length > 0 || groups.length > 0;
+	return {
+		datePreset,
+		dateFrom,
+		dateTo,
+		timeRange,
+		tokens,
+		groups,
+		sort,
+		setSort,
+		onDatePresetChange,
+		onDateChange,
+		onDateRangeChange,
+		onFiltersChange,
+		contentFiltersApplied,
+		filtersApplied: contentFiltersApplied || datePreset !== DEFAULT_DATE_PRESET
+	};
+}
+//#endregion
+export { observabilityListQueryOptions, useObservabilityListFilters };
+
+//# sourceMappingURL=use-observability-list-filters.es.js.map

package/dist/domains/observability/hooks/use-observability-list-filters.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-observability-list-filters.es.js","names":[],"sources":["../../../../src/domains/observability/hooks/use-observability-list-filters.ts"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  DEFAULT_TRACES_FILTERS,\n  resolveTracesDateWindow,\n} from '@/domains/traces/components/traces-explorer/traces-explorer-actions';\nimport { recoveryRefetchInterval } from '@/domains/traces/hooks/use-traces-list-source';\nimport { resolveTraceQueryTimeRange } from '@/domains/traces/trace-query-filters';\nimport type { TraceFilterGroup, TraceFilterToken } from '@/domains/traces/trace-query-filters';\nimport type { TraceDatePreset } from '@/domains/traces/types';\nimport type { DataListSort } from '@/ds/components/DataList/data-list-sortable-top-cell';\n\n// Same window as /traces, so switching between the pages keeps the time chip identical.\nconst DEFAULT_DATE_PRESET: TraceDatePreset = DEFAULT_TRACES_FILTERS.datePreset;\n\ntype DateState = { datePreset: TraceDatePreset; dateFrom?: Date; dateTo?: Date };\n\n/**\n * Like the traces list with delta polling: a timer or a window focus would reload every loaded page\n * and reset the cursor chain, so an observability list only reloads to recover from a transient failure.\n */\nexport const observabilityListQueryOptions = {\n  refetchInterval: ({ state }: { state: { error: unknown } }) => recoveryRefetchInterval(state.error),\n  refetchOnWindowFocus: false,\n};\n\n/** The time range, filter and sort state of a spans or threads list. */\nexport function useObservabilityListFilters() {\n  const [dates, setDates] = useState<DateState>({ datePreset: DEFAULT_DATE_PRESET });\n  const [tokens, setTokens] = useState<TraceFilterToken[]>([]);\n  const [groups, setGroups] = useState<TraceFilterGroup[]>([]);\n  const [sort, setSort] = useState<DataListSort>('desc');\n\n  const { datePreset, dateFrom, dateTo } = dates;\n  const fromMs = dateFrom?.getTime();\n  const toMs = dateTo?.getTime();\n  // Rolling presets are resolved against \"now\" only when the range changes, so the query key\n  // (and the cursors issued for it) stays stable while the list scrolls.\n  const timeRange = useMemo(() => {\n    const window = resolveTracesDateWindow(\n      datePreset,\n      fromMs === undefined ? undefined : new Date(fromMs),\n      toMs === undefined ? undefined : new Date(toMs),\n    );\n    return resolveTraceQueryTimeRange(window.dateFrom, window.dateTo, new Date());\n  }, [datePreset, fromMs, toMs]);\n\n  // Switching to `custom` keeps the current dates so the picker opens on them; any other preset drops them.\n  const onDatePresetChange = (preset: TraceDatePreset) =>\n    setDates(current => (preset === 'custom' ? { ...current, datePreset: preset } : { datePreset: preset }));\n  // The picker can report a date right after switching away from `custom`; those are ignored.\n  const onDateChange = (date: Date | undefined, end: 'from' | 'to') =>\n    setDates(current => {\n      if (current.datePreset !== 'custom') return current;\n      return end === 'from' ? { ...current, dateFrom: date } : { ...current, dateTo: date };\n    });\n  const onDateRangeChange = (from: Date | undefined, to: Date | undefined) =>\n    setDates(current => (current.datePreset === 'custom' ? { ...current, dateFrom: from, dateTo: to } : current));\n  const onFiltersChange = (nextTokens: TraceFilterToken[], nextGroups: TraceFilterGroup[]) => {\n    setTokens(nextTokens);\n    setGroups(nextGroups);\n  };\n\n  const contentFiltersApplied = tokens.length > 0 || groups.length > 0;\n  const filtersApplied = contentFiltersApplied || datePreset !== DEFAULT_DATE_PRESET;\n\n  return {\n    datePreset,\n    dateFrom,\n    dateTo,\n    timeRange,\n    tokens,\n    groups,\n    sort,\n    setSort,\n    onDatePresetChange,\n    onDateChange,\n    onDateRangeChange,\n    onFiltersChange,\n    contentFiltersApplied,\n    filtersApplied,\n  };\n}\n"],"mappings":";;;;;AAYA,IAAM,sBAAuC,uBAAuB;;;;;AAQpE,IAAa,gCAAgC;CAC3C,kBAAkB,EAAE,YAA2C,wBAAwB,MAAM,KAAK;CAClG,sBAAsB;AACxB;;AAGA,SAAgB,8BAA8B;CAC5C,MAAM,CAAC,OAAO,YAAY,SAAoB,EAAE,YAAY,oBAAoB,CAAC;CACjF,MAAM,CAAC,QAAQ,aAAa,SAA6B,CAAC,CAAC;CAC3D,MAAM,CAAC,QAAQ,aAAa,SAA6B,CAAC,CAAC;CAC3D,MAAM,CAAC,MAAM,WAAW,SAAuB,MAAM;CAErD,MAAM,EAAE,YAAY,UAAU,WAAW;CACzC,MAAM,SAAS,UAAU,QAAQ;CACjC,MAAM,OAAO,QAAQ,QAAQ;CAG7B,MAAM,YAAY,cAAc;EAC9B,MAAM,SAAS,wBACb,YACA,WAAW,KAAA,IAAY,KAAA,IAAY,IAAI,KAAK,MAAM,GAClD,SAAS,KAAA,IAAY,KAAA,IAAY,IAAI,KAAK,IAAI,CAChD;EACA,OAAO,2BAA2B,OAAO,UAAU,OAAO,wBAAQ,IAAI,KAAK,CAAC;CAC9E,GAAG;EAAC;EAAY;EAAQ;CAAI,CAAC;CAG7B,MAAM,sBAAsB,WAC1B,UAAS,YAAY,WAAW,WAAW;EAAE,GAAG;EAAS,YAAY;CAAO,IAAI,EAAE,YAAY,OAAO,CAAE;CAEzG,MAAM,gBAAgB,MAAwB,QAC5C,UAAS,YAAW;EAClB,IAAI,QAAQ,eAAe,UAAU,OAAO;EAC5C,OAAO,QAAQ,SAAS;GAAE,GAAG;GAAS,UAAU;EAAK,IAAI;GAAE,GAAG;GAAS,QAAQ;EAAK;CACtF,CAAC;CACH,MAAM,qBAAqB,MAAwB,OACjD,UAAS,YAAY,QAAQ,eAAe,WAAW;EAAE,GAAG;EAAS,UAAU;EAAM,QAAQ;CAAG,IAAI,OAAQ;CAC9G,MAAM,mBAAmB,YAAgC,eAAmC;EAC1F,UAAU,UAAU;EACpB,UAAU,UAAU;CACtB;CAEA,MAAM,wBAAwB,OAAO,SAAS,KAAK,OAAO,SAAS;CAGnE,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,gBAhBqB,yBAAyB,eAAe;CAiB/D;AACF"}

package/dist/domains/observability/hooks/use-observability-views.cjs.js

@@ -0,0 +1,24 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let _mastra_react_hooks_capabilities = require("@mastra/react/hooks/capabilities");
+//#region src/domains/observability/hooks/use-observability-views.ts
+/**
+* The observability views a host can switch between. Reads the capabilities directly, so it works
+* outside a `TracesExplorer` (e.g. in a layout shared by the traces, spans and threads pages).
+*/
+function useObservabilityViews({ current, features }) {
+	const spanQuery = (0, _mastra_react_hooks_capabilities.useSpanQueryAvailable)();
+	const threadQuery = (0, _mastra_react_hooks_capabilities.useThreadQueryAvailable)();
+	const views = ["traces"];
+	if (spanQuery.enabled && features?.spanQuery === true) views.push("spans");
+	if (threadQuery.enabled && features?.threadQuery === true) views.push("threads");
+	const isLoading = spanQuery.isLoading || threadQuery.isLoading;
+	return {
+		views,
+		isLoading,
+		showSwitch: !isLoading && views.length > 1 && views.includes(current)
+	};
+}
+//#endregion
+exports.useObservabilityViews = useObservabilityViews;
+
+//# sourceMappingURL=use-observability-views.cjs.js.map

package/dist/domains/observability/hooks/use-observability-views.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-observability-views.cjs.js","names":["useSpanQueryAvailable","useThreadQueryAvailable"],"sources":["../../../../src/domains/observability/hooks/use-observability-views.ts"],"sourcesContent":["import { useSpanQueryAvailable, useThreadQueryAvailable } from '@/domains/capabilities';\nimport type { TracesExplorerFeatures } from '@/domains/traces/components/traces-explorer/traces-explorer-context';\nimport type { ObservabilityView } from '@/domains/traces/components/traces-spans-switch';\n\nexport type UseObservabilityViewsArgs = {\n  /** The view the host is showing. */\n  current: ObservabilityView;\n  /** Host switches: a spans or threads view is offered only when its flag is `true` and the server supports it. */\n  features?: TracesExplorerFeatures;\n};\n\nexport type ObservabilityViewsState = {\n  /** The views to offer, in order. Traces is always first. */\n  views: ObservabilityView[];\n  /** The store capabilities that decide the views are still loading. */\n  isLoading: boolean;\n  /** More than one view is available and the current one is among them. */\n  showSwitch: boolean;\n};\n\n/**\n * The observability views a host can switch between. Reads the capabilities directly, so it works\n * outside a `TracesExplorer` (e.g. in a layout shared by the traces, spans and threads pages).\n */\nexport function useObservabilityViews({ current, features }: UseObservabilityViewsArgs): ObservabilityViewsState {\n  const spanQuery = useSpanQueryAvailable();\n  const threadQuery = useThreadQueryAvailable();\n\n  const views: ObservabilityView[] = ['traces'];\n  if (spanQuery.enabled && features?.spanQuery === true) views.push('spans');\n  if (threadQuery.enabled && features?.threadQuery === true) views.push('threads');\n\n  const isLoading = spanQuery.isLoading || threadQuery.isLoading;\n  const showSwitch = !isLoading && views.length > 1 && views.includes(current);\n\n  return { views, isLoading, showSwitch };\n}\n"],"mappings":";;;;;;;AAwBA,SAAgB,sBAAsB,EAAE,SAAS,YAAgE;CAC/G,MAAM,aAAA,GAAYA,iCAAAA,sBAAAA,CAAsB;CACxC,MAAM,eAAA,GAAcC,iCAAAA,wBAAAA,CAAwB;CAE5C,MAAM,QAA6B,CAAC,QAAQ;CAC5C,IAAI,UAAU,WAAW,UAAU,cAAc,MAAM,MAAM,KAAK,OAAO;CACzE,IAAI,YAAY,WAAW,UAAU,gBAAgB,MAAM,MAAM,KAAK,SAAS;CAE/E,MAAM,YAAY,UAAU,aAAa,YAAY;CAGrD,OAAO;EAAE;EAAO;EAAW,YAFR,CAAC,aAAa,MAAM,SAAS,KAAK,MAAM,SAAS,OAAO;CAErC;AACxC"}

package/dist/domains/observability/hooks/use-observability-views.d.ts

@@ -0,0 +1 @@
+export * from '../../../src/domains/observability/hooks/use-observability-views';

package/dist/domains/observability/hooks/use-observability-views.es.js

@@ -0,0 +1,23 @@
+import { useSpanQueryAvailable, useThreadQueryAvailable } from "../../capabilities.es.js";
+//#region src/domains/observability/hooks/use-observability-views.ts
+/**
+* The observability views a host can switch between. Reads the capabilities directly, so it works
+* outside a `TracesExplorer` (e.g. in a layout shared by the traces, spans and threads pages).
+*/
+function useObservabilityViews({ current, features }) {
+	const spanQuery = useSpanQueryAvailable();
+	const threadQuery = useThreadQueryAvailable();
+	const views = ["traces"];
+	if (spanQuery.enabled && features?.spanQuery === true) views.push("spans");
+	if (threadQuery.enabled && features?.threadQuery === true) views.push("threads");
+	const isLoading = spanQuery.isLoading || threadQuery.isLoading;
+	return {
+		views,
+		isLoading,
+		showSwitch: !isLoading && views.length > 1 && views.includes(current)
+	};
+}
+//#endregion
+export { useObservabilityViews };
+
+//# sourceMappingURL=use-observability-views.es.js.map

package/dist/domains/observability/hooks/use-observability-views.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-observability-views.es.js","names":[],"sources":["../../../../src/domains/observability/hooks/use-observability-views.ts"],"sourcesContent":["import { useSpanQueryAvailable, useThreadQueryAvailable } from '@/domains/capabilities';\nimport type { TracesExplorerFeatures } from '@/domains/traces/components/traces-explorer/traces-explorer-context';\nimport type { ObservabilityView } from '@/domains/traces/components/traces-spans-switch';\n\nexport type UseObservabilityViewsArgs = {\n  /** The view the host is showing. */\n  current: ObservabilityView;\n  /** Host switches: a spans or threads view is offered only when its flag is `true` and the server supports it. */\n  features?: TracesExplorerFeatures;\n};\n\nexport type ObservabilityViewsState = {\n  /** The views to offer, in order. Traces is always first. */\n  views: ObservabilityView[];\n  /** The store capabilities that decide the views are still loading. */\n  isLoading: boolean;\n  /** More than one view is available and the current one is among them. */\n  showSwitch: boolean;\n};\n\n/**\n * The observability views a host can switch between. Reads the capabilities directly, so it works\n * outside a `TracesExplorer` (e.g. in a layout shared by the traces, spans and threads pages).\n */\nexport function useObservabilityViews({ current, features }: UseObservabilityViewsArgs): ObservabilityViewsState {\n  const spanQuery = useSpanQueryAvailable();\n  const threadQuery = useThreadQueryAvailable();\n\n  const views: ObservabilityView[] = ['traces'];\n  if (spanQuery.enabled && features?.spanQuery === true) views.push('spans');\n  if (threadQuery.enabled && features?.threadQuery === true) views.push('threads');\n\n  const isLoading = spanQuery.isLoading || threadQuery.isLoading;\n  const showSwitch = !isLoading && views.length > 1 && views.includes(current);\n\n  return { views, isLoading, showSwitch };\n}\n"],"mappings":";;;;;;AAwBA,SAAgB,sBAAsB,EAAE,SAAS,YAAgE;CAC/G,MAAM,YAAY,sBAAsB;CACxC,MAAM,cAAc,wBAAwB;CAE5C,MAAM,QAA6B,CAAC,QAAQ;CAC5C,IAAI,UAAU,WAAW,UAAU,cAAc,MAAM,MAAM,KAAK,OAAO;CACzE,IAAI,YAAY,WAAW,UAAU,gBAAgB,MAAM,MAAM,KAAK,SAAS;CAE/E,MAAM,YAAY,UAAU,aAAa,YAAY;CAGrD,OAAO;EAAE;EAAO;EAAW,YAFR,CAAC,aAAa,MAAM,SAAS,KAAK,MAAM,SAAS,OAAO;CAErC;AACxC"}

package/dist/domains/observability/observability-crumbs.cjs.js

@@ -0,0 +1,20 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/domains/observability/observability-crumbs.ts
+var OBSERVABILITY_VIEW_LABELS = {
+	traces: "Traces",
+	spans: "Spans",
+	threads: "Threads"
+};
+/**
+* The crumb naming the current view after the root "Traces" crumb, or `undefined` when none is needed:
+* on the traces page, while the views load, or when the switch already shows which view is open.
+*/
+function observabilityViewCrumbLabel({ current, isLoading, showSwitch }) {
+	if (isLoading || showSwitch || current === "traces") return void 0;
+	return OBSERVABILITY_VIEW_LABELS[current];
+}
+//#endregion
+exports.OBSERVABILITY_VIEW_LABELS = OBSERVABILITY_VIEW_LABELS;
+exports.observabilityViewCrumbLabel = observabilityViewCrumbLabel;
+
+//# sourceMappingURL=observability-crumbs.cjs.js.map

package/dist/domains/observability/observability-crumbs.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"observability-crumbs.cjs.js","names":[],"sources":["../../../src/domains/observability/observability-crumbs.ts"],"sourcesContent":["import type { ObservabilityBreadcrumbsState } from './components/observability-page-layout';\nimport type { ObservabilityView } from '@/domains/traces/components/traces-spans-switch';\n\nexport const OBSERVABILITY_VIEW_LABELS: Record<ObservabilityView, string> = {\n  traces: 'Traces',\n  spans: 'Spans',\n  threads: 'Threads',\n};\n\n/**\n * The crumb naming the current view after the root \"Traces\" crumb, or `undefined` when none is needed:\n * on the traces page, while the views load, or when the switch already shows which view is open.\n */\nexport function observabilityViewCrumbLabel({\n  current,\n  isLoading,\n  showSwitch,\n}: ObservabilityBreadcrumbsState): string | undefined {\n  if (isLoading || showSwitch || current === 'traces') return undefined;\n  return OBSERVABILITY_VIEW_LABELS[current];\n}\n"],"mappings":";;AAGA,IAAa,4BAA+D;CAC1E,QAAQ;CACR,OAAO;CACP,SAAS;AACX;;;;;AAMA,SAAgB,4BAA4B,EAC1C,SACA,WACA,cACoD;CACpD,IAAI,aAAa,cAAc,YAAY,UAAU,OAAO,KAAA;CAC5D,OAAO,0BAA0B;AACnC"}

package/dist/domains/observability/observability-crumbs.d.ts

@@ -0,0 +1 @@
+export * from '../../src/domains/observability/observability-crumbs';

package/dist/domains/observability/observability-crumbs.es.js

@@ -0,0 +1,18 @@
+//#region src/domains/observability/observability-crumbs.ts
+var OBSERVABILITY_VIEW_LABELS = {
+	traces: "Traces",
+	spans: "Spans",
+	threads: "Threads"
+};
+/**
+* The crumb naming the current view after the root "Traces" crumb, or `undefined` when none is needed:
+* on the traces page, while the views load, or when the switch already shows which view is open.
+*/
+function observabilityViewCrumbLabel({ current, isLoading, showSwitch }) {
+	if (isLoading || showSwitch || current === "traces") return void 0;
+	return OBSERVABILITY_VIEW_LABELS[current];
+}
+//#endregion
+export { OBSERVABILITY_VIEW_LABELS, observabilityViewCrumbLabel };
+
+//# sourceMappingURL=observability-crumbs.es.js.map

package/dist/domains/observability/observability-crumbs.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"observability-crumbs.es.js","names":[],"sources":["../../../src/domains/observability/observability-crumbs.ts"],"sourcesContent":["import type { ObservabilityBreadcrumbsState } from './components/observability-page-layout';\nimport type { ObservabilityView } from '@/domains/traces/components/traces-spans-switch';\n\nexport const OBSERVABILITY_VIEW_LABELS: Record<ObservabilityView, string> = {\n  traces: 'Traces',\n  spans: 'Spans',\n  threads: 'Threads',\n};\n\n/**\n * The crumb naming the current view after the root \"Traces\" crumb, or `undefined` when none is needed:\n * on the traces page, while the views load, or when the switch already shows which view is open.\n */\nexport function observabilityViewCrumbLabel({\n  current,\n  isLoading,\n  showSwitch,\n}: ObservabilityBreadcrumbsState): string | undefined {\n  if (isLoading || showSwitch || current === 'traces') return undefined;\n  return OBSERVABILITY_VIEW_LABELS[current];\n}\n"],"mappings":";AAGA,IAAa,4BAA+D;CAC1E,QAAQ;CACR,OAAO;CACP,SAAS;AACX;;;;;AAMA,SAAgB,4BAA4B,EAC1C,SACA,WACA,cACoD;CACpD,IAAI,aAAa,cAAc,YAAY,UAAU,OAAO,KAAA;CAC5D,OAAO,0BAA0B;AACnC"}

package/dist/domains/observability/observability-selection-params.cjs.js

@@ -0,0 +1,49 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/domains/observability/observability-selection-params.ts
+/** The open span, read from the same `traceId` + `spanId` params as the traces page. */
+function readSpanSelection(params) {
+	const traceId = params.get("traceId");
+	const spanId = params.get("spanId");
+	return traceId && spanId ? {
+		traceId,
+		spanId
+	} : void 0;
+}
+/** A copy of `params` with the span selection set, or cleared when `selection` is undefined. */
+function withSpanSelection(params, selection) {
+	const next = new URLSearchParams(params);
+	if (selection) {
+		next.set("traceId", selection.traceId);
+		next.set("spanId", selection.spanId);
+	} else {
+		next.delete("traceId");
+		next.delete("spanId");
+	}
+	return next;
+}
+/** The search for opening a span inside its trace on the traces page. */
+function spanTraceSearch({ traceId, spanId }) {
+	return new URLSearchParams({
+		traceId,
+		spanId
+	});
+}
+/** The open thread, read from the `threadId` param. */
+function readThreadSelection(params) {
+	return params.get("threadId") ?? void 0;
+}
+/** A copy of `params` with the thread selection set, or cleared when `threadId` is undefined. */
+function withThreadSelection(params, threadId) {
+	const next = new URLSearchParams(params);
+	if (threadId) next.set("threadId", threadId);
+	else next.delete("threadId");
+	return next;
+}
+//#endregion
+exports.readSpanSelection = readSpanSelection;
+exports.readThreadSelection = readThreadSelection;
+exports.spanTraceSearch = spanTraceSearch;
+exports.withSpanSelection = withSpanSelection;
+exports.withThreadSelection = withThreadSelection;
+
+//# sourceMappingURL=observability-selection-params.cjs.js.map

package/dist/domains/observability/observability-selection-params.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"observability-selection-params.cjs.js","names":[],"sources":["../../../src/domains/observability/observability-selection-params.ts"],"sourcesContent":["import type { SpanSelection } from '@/domains/spans/components/span-detail-panel';\n\n/** The open span, read from the same `traceId` + `spanId` params as the traces page. */\nexport function readSpanSelection(params: URLSearchParams): SpanSelection | undefined {\n  const traceId = params.get('traceId');\n  const spanId = params.get('spanId');\n  return traceId && spanId ? { traceId, spanId } : undefined;\n}\n\n/** A copy of `params` with the span selection set, or cleared when `selection` is undefined. */\nexport function withSpanSelection(params: URLSearchParams, selection: SpanSelection | undefined): URLSearchParams {\n  const next = new URLSearchParams(params);\n  if (selection) {\n    next.set('traceId', selection.traceId);\n    next.set('spanId', selection.spanId);\n  } else {\n    next.delete('traceId');\n    next.delete('spanId');\n  }\n  return next;\n}\n\n/** The search for opening a span inside its trace on the traces page. */\nexport function spanTraceSearch({ traceId, spanId }: SpanSelection): URLSearchParams {\n  return new URLSearchParams({ traceId, spanId });\n}\n\n/** The open thread, read from the `threadId` param. */\nexport function readThreadSelection(params: URLSearchParams): string | undefined {\n  return params.get('threadId') ?? undefined;\n}\n\n/** A copy of `params` with the thread selection set, or cleared when `threadId` is undefined. */\nexport function withThreadSelection(params: URLSearchParams, threadId: string | undefined): URLSearchParams {\n  const next = new URLSearchParams(params);\n  if (threadId) next.set('threadId', threadId);\n  else next.delete('threadId');\n  return next;\n}\n"],"mappings":";;;AAGA,SAAgB,kBAAkB,QAAoD;CACpF,MAAM,UAAU,OAAO,IAAI,SAAS;CACpC,MAAM,SAAS,OAAO,IAAI,QAAQ;CAClC,OAAO,WAAW,SAAS;EAAE;EAAS;CAAO,IAAI,KAAA;AACnD;;AAGA,SAAgB,kBAAkB,QAAyB,WAAuD;CAChH,MAAM,OAAO,IAAI,gBAAgB,MAAM;CACvC,IAAI,WAAW;EACb,KAAK,IAAI,WAAW,UAAU,OAAO;EACrC,KAAK,IAAI,UAAU,UAAU,MAAM;CACrC,OAAO;EACL,KAAK,OAAO,SAAS;EACrB,KAAK,OAAO,QAAQ;CACtB;CACA,OAAO;AACT;;AAGA,SAAgB,gBAAgB,EAAE,SAAS,UAA0C;CACnF,OAAO,IAAI,gBAAgB;EAAE;EAAS;CAAO,CAAC;AAChD;;AAGA,SAAgB,oBAAoB,QAA6C;CAC/E,OAAO,OAAO,IAAI,UAAU,KAAK,KAAA;AACnC;;AAGA,SAAgB,oBAAoB,QAAyB,UAA+C;CAC1G,MAAM,OAAO,IAAI,gBAAgB,MAAM;CACvC,IAAI,UAAU,KAAK,IAAI,YAAY,QAAQ;MACtC,KAAK,OAAO,UAAU;CAC3B,OAAO;AACT"}

package/dist/domains/observability/observability-selection-params.d.ts

@@ -0,0 +1 @@
+export * from '../../src/domains/observability/observability-selection-params';

package/dist/domains/observability/observability-selection-params.es.js

@@ -0,0 +1,44 @@
+//#region src/domains/observability/observability-selection-params.ts
+/** The open span, read from the same `traceId` + `spanId` params as the traces page. */
+function readSpanSelection(params) {
+	const traceId = params.get("traceId");
+	const spanId = params.get("spanId");
+	return traceId && spanId ? {
+		traceId,
+		spanId
+	} : void 0;
+}
+/** A copy of `params` with the span selection set, or cleared when `selection` is undefined. */
+function withSpanSelection(params, selection) {
+	const next = new URLSearchParams(params);
+	if (selection) {
+		next.set("traceId", selection.traceId);
+		next.set("spanId", selection.spanId);
+	} else {
+		next.delete("traceId");
+		next.delete("spanId");
+	}
+	return next;
+}
+/** The search for opening a span inside its trace on the traces page. */
+function spanTraceSearch({ traceId, spanId }) {
+	return new URLSearchParams({
+		traceId,
+		spanId
+	});
+}
+/** The open thread, read from the `threadId` param. */
+function readThreadSelection(params) {
+	return params.get("threadId") ?? void 0;
+}
+/** A copy of `params` with the thread selection set, or cleared when `threadId` is undefined. */
+function withThreadSelection(params, threadId) {
+	const next = new URLSearchParams(params);
+	if (threadId) next.set("threadId", threadId);
+	else next.delete("threadId");
+	return next;
+}
+//#endregion
+export { readSpanSelection, readThreadSelection, spanTraceSearch, withSpanSelection, withThreadSelection };
+
+//# sourceMappingURL=observability-selection-params.es.js.map

package/dist/domains/observability/observability-selection-params.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"observability-selection-params.es.js","names":[],"sources":["../../../src/domains/observability/observability-selection-params.ts"],"sourcesContent":["import type { SpanSelection } from '@/domains/spans/components/span-detail-panel';\n\n/** The open span, read from the same `traceId` + `spanId` params as the traces page. */\nexport function readSpanSelection(params: URLSearchParams): SpanSelection | undefined {\n  const traceId = params.get('traceId');\n  const spanId = params.get('spanId');\n  return traceId && spanId ? { traceId, spanId } : undefined;\n}\n\n/** A copy of `params` with the span selection set, or cleared when `selection` is undefined. */\nexport function withSpanSelection(params: URLSearchParams, selection: SpanSelection | undefined): URLSearchParams {\n  const next = new URLSearchParams(params);\n  if (selection) {\n    next.set('traceId', selection.traceId);\n    next.set('spanId', selection.spanId);\n  } else {\n    next.delete('traceId');\n    next.delete('spanId');\n  }\n  return next;\n}\n\n/** The search for opening a span inside its trace on the traces page. */\nexport function spanTraceSearch({ traceId, spanId }: SpanSelection): URLSearchParams {\n  return new URLSearchParams({ traceId, spanId });\n}\n\n/** The open thread, read from the `threadId` param. */\nexport function readThreadSelection(params: URLSearchParams): string | undefined {\n  return params.get('threadId') ?? undefined;\n}\n\n/** A copy of `params` with the thread selection set, or cleared when `threadId` is undefined. */\nexport function withThreadSelection(params: URLSearchParams, threadId: string | undefined): URLSearchParams {\n  const next = new URLSearchParams(params);\n  if (threadId) next.set('threadId', threadId);\n  else next.delete('threadId');\n  return next;\n}\n"],"mappings":";;AAGA,SAAgB,kBAAkB,QAAoD;CACpF,MAAM,UAAU,OAAO,IAAI,SAAS;CACpC,MAAM,SAAS,OAAO,IAAI,QAAQ;CAClC,OAAO,WAAW,SAAS;EAAE;EAAS;CAAO,IAAI,KAAA;AACnD;;AAGA,SAAgB,kBAAkB,QAAyB,WAAuD;CAChH,MAAM,OAAO,IAAI,gBAAgB,MAAM;CACvC,IAAI,WAAW;EACb,KAAK,IAAI,WAAW,UAAU,OAAO;EACrC,KAAK,IAAI,UAAU,UAAU,MAAM;CACrC,OAAO;EACL,KAAK,OAAO,SAAS;EACrB,KAAK,OAAO,QAAQ;CACtB;CACA,OAAO;AACT;;AAGA,SAAgB,gBAAgB,EAAE,SAAS,UAA0C;CACnF,OAAO,IAAI,gBAAgB;EAAE;EAAS;CAAO,CAAC;AAChD;;AAGA,SAAgB,oBAAoB,QAA6C;CAC/E,OAAO,OAAO,IAAI,UAAU,KAAK,KAAA;AACnC;;AAGA,SAAgB,oBAAoB,QAAyB,UAA+C;CAC1G,MAAM,OAAO,IAAI,gBAAgB,MAAM;CACvC,IAAI,UAAU,KAAK,IAAI,YAAY,QAAQ;MACtC,KAAK,OAAO,UAAU;CAC3B,OAAO;AACT"}

package/dist/domains/observability.cjs.js

@@ -0,0 +1,21 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_domains_observability_components_observability_capability_gate = require("./observability/components/observability-capability-gate.cjs.js");
+const require_domains_observability_components_observability_list_body = require("./observability/components/observability-list-body.cjs.js");
+const require_domains_observability_hooks_use_observability_views = require("./observability/hooks/use-observability-views.cjs.js");
+const require_domains_observability_components_observability_page_layout = require("./observability/components/observability-page-layout.cjs.js");
+const require_domains_observability_hooks_use_observability_list_filters = require("./observability/hooks/use-observability-list-filters.cjs.js");
+const require_domains_observability_observability_crumbs = require("./observability/observability-crumbs.cjs.js");
+const require_domains_observability_observability_selection_params = require("./observability/observability-selection-params.cjs.js");
+exports.OBSERVABILITY_VIEW_LABELS = require_domains_observability_observability_crumbs.OBSERVABILITY_VIEW_LABELS;
+exports.ObservabilityCapabilityGate = require_domains_observability_components_observability_capability_gate.ObservabilityCapabilityGate;
+exports.ObservabilityListBody = require_domains_observability_components_observability_list_body.ObservabilityListBody;
+exports.ObservabilityPageLayout = require_domains_observability_components_observability_page_layout.ObservabilityPageLayout;
+exports.observabilityListQueryOptions = require_domains_observability_hooks_use_observability_list_filters.observabilityListQueryOptions;
+exports.observabilityViewCrumbLabel = require_domains_observability_observability_crumbs.observabilityViewCrumbLabel;
+exports.readSpanSelection = require_domains_observability_observability_selection_params.readSpanSelection;
+exports.readThreadSelection = require_domains_observability_observability_selection_params.readThreadSelection;
+exports.spanTraceSearch = require_domains_observability_observability_selection_params.spanTraceSearch;
+exports.useObservabilityListFilters = require_domains_observability_hooks_use_observability_list_filters.useObservabilityListFilters;
+exports.useObservabilityViews = require_domains_observability_hooks_use_observability_views.useObservabilityViews;
+exports.withSpanSelection = require_domains_observability_observability_selection_params.withSpanSelection;
+exports.withThreadSelection = require_domains_observability_observability_selection_params.withThreadSelection;

package/dist/domains/observability.d.ts

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