@mastra/playground-ui 37.0.1-alpha.2 → 37.1.0-alpha.4

package/dist/domains/traces/hooks/use-trace-url-state.cjs.js

@@ -0,0 +1,312 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const domains_traces_traceFilters = require('../trace-filters.cjs.js');
+
+const TRACE_ID_PARAM = "traceId";
+const SPAN_ID_PARAM = "spanId";
+const TAB_PARAM = "tab";
+const SCORE_ID_PARAM = "scoreId";
+const DAY_MS = 24 * 60 * 60 * 1e3;
+const PRESET_MS = {
+  "last-24h": DAY_MS,
+  "last-3d": 3 * DAY_MS,
+  "last-7d": 7 * DAY_MS,
+  "last-14d": 14 * DAY_MS,
+  "last-30d": 30 * DAY_MS
+};
+function clearSelectionParams(params) {
+  params.delete(TRACE_ID_PARAM);
+  params.delete(SPAN_ID_PARAM);
+  params.delete(domains_traces_traceFilters.TRACE_ANCHOR_SPAN_ID_PARAM);
+  params.delete(TAB_PARAM);
+  params.delete(SCORE_ID_PARAM);
+}
+function useTraceUrlState(searchParams, setSearchParams, options) {
+  const { onRemoveAll } = options ?? {};
+  const datePreset = React.useMemo(() => {
+    const value = searchParams.get(domains_traces_traceFilters.TRACE_DATE_PRESET_PARAM);
+    return value && domains_traces_traceFilters.TRACE_DATE_PRESET_VALUES.has(value) ? value : "last-24h";
+  }, [searchParams]);
+  const dateFromParamRaw = searchParams.get(domains_traces_traceFilters.TRACE_DATE_FROM_PARAM);
+  const dateToParamRaw = searchParams.get(domains_traces_traceFilters.TRACE_DATE_TO_PARAM);
+  const selectedDateFrom = React.useMemo(() => {
+    if (datePreset === "custom") {
+      if (!dateFromParamRaw) return void 0;
+      const parsed = new Date(dateFromParamRaw);
+      return Number.isNaN(parsed.getTime()) ? void 0 : parsed;
+    }
+    if (datePreset === "all") return void 0;
+    const ms = PRESET_MS[datePreset];
+    return ms ? new Date(Date.now() - ms) : void 0;
+  }, [datePreset, dateFromParamRaw]);
+  const selectedDateTo = React.useMemo(() => {
+    if (datePreset !== "custom" || !dateToParamRaw) return void 0;
+    const parsed = new Date(dateToParamRaw);
+    return Number.isNaN(parsed.getTime()) ? void 0 : parsed;
+  }, [datePreset, dateToParamRaw]);
+  const datePresetRef = React.useRef(datePreset);
+  datePresetRef.current = datePreset;
+  const traceIdParam = searchParams.get(TRACE_ID_PARAM) || void 0;
+  const spanIdParam = searchParams.get(SPAN_ID_PARAM) || void 0;
+  const anchorSpanIdParam = searchParams.get(domains_traces_traceFilters.TRACE_ANCHOR_SPAN_ID_PARAM) || void 0;
+  const tabParam = searchParams.get(TAB_PARAM);
+  const spanTabParam = tabParam === "scoring" ? "scoring" : tabParam === "feedback" ? "feedback" : tabParam === "details" ? "details" : void 0;
+  const scoreIdParam = searchParams.get(SCORE_ID_PARAM) || void 0;
+  const listMode = React.useMemo(() => {
+    const value = searchParams.get(domains_traces_traceFilters.TRACE_LIST_MODE_PARAM);
+    return value && domains_traces_traceFilters.TRACE_LIST_MODE_VALUES.has(value) ? value : "traces";
+  }, [searchParams]);
+  const selectedEntityOption = React.useMemo(
+    () => domains_traces_traceFilters.ROOT_ENTITY_TYPE_OPTIONS.find((option) => option.entityType === searchParams.get(domains_traces_traceFilters.TRACE_ROOT_ENTITY_TYPE_PARAM)),
+    [searchParams]
+  );
+  const selectedStatus = React.useMemo(() => {
+    const value = searchParams.get(domains_traces_traceFilters.TRACE_STATUS_PARAM);
+    return value && domains_traces_traceFilters.TRACE_STATUS_VALUES.has(value) ? value : void 0;
+  }, [searchParams]);
+  const filterTokens = React.useMemo(() => domains_traces_traceFilters.getTracePropertyFilterTokens(searchParams), [searchParams]);
+  const handleTraceClick = React.useCallback(
+    (traceId, spanId, anchorSpanId) => {
+      setSearchParams(
+        (prev) => {
+          const next = new URLSearchParams(prev);
+          if (traceId) {
+            next.set(TRACE_ID_PARAM, traceId);
+          } else {
+            next.delete(TRACE_ID_PARAM);
+          }
+          if (spanId) {
+            next.set(SPAN_ID_PARAM, spanId);
+          } else {
+            next.delete(SPAN_ID_PARAM);
+          }
+          if (anchorSpanId) {
+            next.set(domains_traces_traceFilters.TRACE_ANCHOR_SPAN_ID_PARAM, anchorSpanId);
+          } else {
+            next.delete(domains_traces_traceFilters.TRACE_ANCHOR_SPAN_ID_PARAM);
+          }
+          next.delete(TAB_PARAM);
+          next.delete(SCORE_ID_PARAM);
+          return next;
+        },
+        { replace: true }
+      );
+    },
+    [setSearchParams]
+  );
+  const handleTraceClose = React.useCallback(() => handleTraceClick(""), [handleTraceClick]);
+  const handleSpanChange = React.useCallback(
+    (spanId) => {
+      const currentSpanId = searchParams.get(SPAN_ID_PARAM) || null;
+      if (spanId === currentSpanId) return;
+      setSearchParams(
+        (prev) => {
+          const next = new URLSearchParams(prev);
+          if (spanId) {
+            next.set(SPAN_ID_PARAM, spanId);
+          } else {
+            next.delete(SPAN_ID_PARAM);
+          }
+          next.delete(TAB_PARAM);
+          next.delete(SCORE_ID_PARAM);
+          return next;
+        },
+        { replace: true }
+      );
+    },
+    [searchParams, setSearchParams]
+  );
+  const handleSpanClose = React.useCallback(() => handleSpanChange(null), [handleSpanChange]);
+  const handleSpanTabChange = React.useCallback(
+    (tab) => {
+      const currentTab = searchParams.get(TAB_PARAM) || null;
+      if (tab === currentTab) return;
+      setSearchParams(
+        (prev) => {
+          const next = new URLSearchParams(prev);
+          if (tab && tab !== "details") {
+            next.set(TAB_PARAM, tab);
+          } else {
+            next.delete(TAB_PARAM);
+          }
+          next.delete(SCORE_ID_PARAM);
+          return next;
+        },
+        { replace: true }
+      );
+    },
+    [searchParams, setSearchParams]
+  );
+  const handleSpanChangeWithTab = React.useCallback(
+    (spanId, tab) => {
+      const nextTab = tab && tab !== "details" ? tab : null;
+      const isNoOp = spanId === (searchParams.get(SPAN_ID_PARAM) || null) && nextTab === (searchParams.get(TAB_PARAM) || null) && !searchParams.get(SCORE_ID_PARAM);
+      if (isNoOp) return;
+      setSearchParams(
+        (prev) => {
+          const next = new URLSearchParams(prev);
+          next.set(SPAN_ID_PARAM, spanId);
+          if (nextTab) {
+            next.set(TAB_PARAM, nextTab);
+          } else {
+            next.delete(TAB_PARAM);
+          }
+          next.delete(SCORE_ID_PARAM);
+          return next;
+        },
+        { replace: true }
+      );
+    },
+    [searchParams, setSearchParams]
+  );
+  const handleScoreChange = React.useCallback(
+    (scoreId) => {
+      const currentScoreId = searchParams.get(SCORE_ID_PARAM) || null;
+      if (scoreId === currentScoreId) return;
+      setSearchParams(
+        (prev) => {
+          const next = new URLSearchParams(prev);
+          if (scoreId) {
+            next.set(SCORE_ID_PARAM, scoreId);
+          } else {
+            next.delete(SCORE_ID_PARAM);
+          }
+          return next;
+        },
+        { replace: true }
+      );
+    },
+    [searchParams, setSearchParams]
+  );
+  const applyFilterTokens = React.useCallback(
+    (tokens) => {
+      setSearchParams(
+        (prev) => {
+          const next = new URLSearchParams(prev);
+          domains_traces_traceFilters.applyTracePropertyFilterTokens(next, tokens);
+          clearSelectionParams(next);
+          return next;
+        },
+        { replace: true }
+      );
+    },
+    [setSearchParams]
+  );
+  const handleFilterTokensChange = applyFilterTokens;
+  const handleDateChange = React.useCallback(
+    (value, type) => {
+      if (datePresetRef.current !== "custom") return;
+      const param = type === "from" ? domains_traces_traceFilters.TRACE_DATE_FROM_PARAM : domains_traces_traceFilters.TRACE_DATE_TO_PARAM;
+      setSearchParams(
+        (prev) => {
+          const next = new URLSearchParams(prev);
+          if (value) {
+            next.set(param, value.toISOString());
+          } else {
+            next.delete(param);
+          }
+          clearSelectionParams(next);
+          return next;
+        },
+        { replace: true }
+      );
+    },
+    [setSearchParams]
+  );
+  const handleDatePresetChange = React.useCallback(
+    (preset) => {
+      datePresetRef.current = preset;
+      setSearchParams(
+        (prev) => {
+          const next = new URLSearchParams(prev);
+          if (preset === "last-24h") {
+            next.delete(domains_traces_traceFilters.TRACE_DATE_PRESET_PARAM);
+            next.delete(domains_traces_traceFilters.TRACE_DATE_FROM_PARAM);
+            next.delete(domains_traces_traceFilters.TRACE_DATE_TO_PARAM);
+          } else if (preset === "custom") {
+            next.set(domains_traces_traceFilters.TRACE_DATE_PRESET_PARAM, "custom");
+          } else {
+            next.set(domains_traces_traceFilters.TRACE_DATE_PRESET_PARAM, preset);
+            next.delete(domains_traces_traceFilters.TRACE_DATE_FROM_PARAM);
+            next.delete(domains_traces_traceFilters.TRACE_DATE_TO_PARAM);
+          }
+          clearSelectionParams(next);
+          return next;
+        },
+        { replace: true }
+      );
+    },
+    [setSearchParams]
+  );
+  const handleListModeChange = React.useCallback(
+    (mode) => {
+      setSearchParams(
+        (prev) => {
+          const next = new URLSearchParams(prev);
+          if (mode === "traces") {
+            next.delete(domains_traces_traceFilters.TRACE_LIST_MODE_PARAM);
+          } else {
+            next.set(domains_traces_traceFilters.TRACE_LIST_MODE_PARAM, mode);
+          }
+          clearSelectionParams(next);
+          return next;
+        },
+        { replace: true }
+      );
+    },
+    [setSearchParams]
+  );
+  const handleRemoveAll = React.useCallback(() => {
+    setSearchParams(
+      (prev) => {
+        const next = new URLSearchParams(prev);
+        next.delete(domains_traces_traceFilters.TRACE_LIST_MODE_PARAM);
+        next.delete(domains_traces_traceFilters.TRACE_ROOT_ENTITY_TYPE_PARAM);
+        next.delete(domains_traces_traceFilters.TRACE_STATUS_PARAM);
+        for (const fieldId of domains_traces_traceFilters.TRACE_PROPERTY_FILTER_FIELD_IDS) {
+          next.delete(domains_traces_traceFilters.TRACE_PROPERTY_FILTER_PARAM_BY_FIELD[fieldId]);
+        }
+        clearSelectionParams(next);
+        return next;
+      },
+      { replace: true }
+    );
+    onRemoveAll?.();
+  }, [setSearchParams, onRemoveAll]);
+  return {
+    searchParams,
+    setSearchParams,
+    datePreset,
+    selectedDateFrom,
+    selectedDateTo,
+    datePresetRef,
+    traceIdParam,
+    spanIdParam,
+    anchorSpanIdParam,
+    spanTabParam,
+    scoreIdParam,
+    listMode,
+    selectedEntityOption,
+    selectedStatus,
+    filterTokens,
+    handleTraceClick,
+    handleTraceClose,
+    handleSpanChange,
+    handleSpanClose,
+    handleSpanTabChange,
+    handleSpanChangeWithTab,
+    handleScoreChange,
+    handleListModeChange,
+    handleFilterTokensChange,
+    handleDateChange,
+    handleDatePresetChange,
+    handleRemoveAll,
+    applyFilterTokens
+  };
+}
+
+exports.useTraceUrlState = useTraceUrlState;
+//# sourceMappingURL=use-trace-url-state.cjs.js.map

package/dist/domains/traces/hooks/use-trace-url-state.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-trace-url-state.cjs.js","sources":["../../../../src/domains/traces/hooks/use-trace-url-state.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef } from 'react';\nimport type { SpanTab, TraceDatePreset } from '../index';\nimport {\n  ROOT_ENTITY_TYPE_OPTIONS,\n  TRACE_ANCHOR_SPAN_ID_PARAM,\n  TRACE_DATE_FROM_PARAM,\n  TRACE_DATE_PRESET_PARAM,\n  TRACE_DATE_PRESET_VALUES,\n  TRACE_DATE_TO_PARAM,\n  TRACE_PROPERTY_FILTER_FIELD_IDS,\n  TRACE_LIST_MODE_PARAM,\n  TRACE_LIST_MODE_VALUES,\n  TRACE_PROPERTY_FILTER_PARAM_BY_FIELD,\n  TRACE_ROOT_ENTITY_TYPE_PARAM,\n  TRACE_STATUS_PARAM,\n  TRACE_STATUS_VALUES,\n  applyTracePropertyFilterTokens,\n  getTracePropertyFilterTokens,\n} from '../trace-filters';\nimport type { EntityOptions, TraceListMode, TraceStatusFilter } from '../trace-filters';\nimport type { PropertyFilterToken } from '@/ds/components/PropertyFilter/types';\n\nconst TRACE_ID_PARAM = 'traceId';\nconst SPAN_ID_PARAM = 'spanId';\nconst TAB_PARAM = 'tab';\nconst SCORE_ID_PARAM = 'scoreId';\n\nconst DAY_MS = 24 * 60 * 60 * 1000;\nconst PRESET_MS: Partial<Record<TraceDatePreset, number>> = {\n  'last-24h': DAY_MS,\n  'last-3d': 3 * DAY_MS,\n  'last-7d': 7 * DAY_MS,\n  'last-14d': 14 * DAY_MS,\n  'last-30d': 30 * DAY_MS,\n};\n\n/** Mutates `params` in place to drop the featured trace/span/tab/score selection.\n *  Used whenever a filter changes — selection no longer makes sense in the new result set. */\nfunction clearSelectionParams(params: URLSearchParams) {\n  params.delete(TRACE_ID_PARAM);\n  params.delete(SPAN_ID_PARAM);\n  params.delete(TRACE_ANCHOR_SPAN_ID_PARAM);\n  params.delete(TAB_PARAM);\n  params.delete(SCORE_ID_PARAM);\n}\n\n/** Minimal interface compatible with react-router's `setSearchParams`. */\nexport type SetURLSearchParamsLike = (\n  next: URLSearchParams | ((prev: URLSearchParams) => URLSearchParams),\n  options?: { replace?: boolean; preventScrollReset?: boolean; state?: unknown },\n) => void;\n\nexport interface UseTraceUrlStateOptions {\n  /** Called after `handleRemoveAll` clears all filter URL params. Use this to reset page-local\n   *  UI state (e.g. a \"group by thread\" toggle) without wrapping the handler. */\n  onRemoveAll?: () => void;\n}\n\nexport interface UseTraceUrlStateResult {\n  // Raw search params passed through for convenience\n  searchParams: URLSearchParams;\n  setSearchParams: SetURLSearchParamsLike;\n\n  // Date state (derived from URL)\n  datePreset: TraceDatePreset;\n  selectedDateFrom: Date | undefined;\n  selectedDateTo: Date | undefined;\n  /** Synchronously-updated ref of the latest preset. Used to ignore onDateChange callbacks\n   *  the date picker fires after a non-custom preset switch. */\n  datePresetRef: React.MutableRefObject<TraceDatePreset>;\n\n  // Selection state (derived from URL)\n  traceIdParam: string | undefined;\n  spanIdParam: string | undefined;\n  /** Branch-mode only: the anchor span that defines the displayed subtree. Stable while the\n   *  user navigates between spans inside the panel (which only changes `spanIdParam`). */\n  anchorSpanIdParam: string | undefined;\n  spanTabParam: SpanTab | undefined;\n  scoreIdParam: string | undefined;\n\n  // Filter state (derived from URL)\n  listMode: TraceListMode;\n  selectedEntityOption: EntityOptions | undefined;\n  selectedStatus: TraceStatusFilter | undefined;\n  filterTokens: PropertyFilterToken[];\n\n  // URL-modifying handlers\n  /**\n   * Selects a row. In traces mode pass just `traceId` (and optionally a `spanId` for an\n   * initial span selection in the panel). In branches mode also pass `anchorSpanId` — the\n   * branch identity, kept stable while the user navigates between spans inside the panel.\n   * Branch rows are identified by (traceId, anchorSpanId); trace rows by traceId alone.\n   */\n  handleTraceClick: (traceId: string, spanId?: string, anchorSpanId?: string) => void;\n  /** Convenience: clears the featured trace selection. Equivalent to `handleTraceClick('')`. */\n  handleTraceClose: () => void;\n  handleSpanChange: (spanId: string | null) => void;\n  /** Convenience: clears the featured span selection. Equivalent to `handleSpanChange(null)`. */\n  handleSpanClose: () => void;\n  handleSpanTabChange: (tab: SpanTab) => void;\n  /** Selects a span AND switches its panel tab in a single URL update. Use when both must change\n   *  from one interaction (e.g. \"Evaluate Trace\"). Calling `handleSpanChange` + `handleSpanTabChange`\n   *  separately races: each functional `setSearchParams` updater reads the same pre-update\n   *  `searchParams` snapshot, so the second navigation overwrites the first (last write wins) and one\n   *  of the two changes is lost on the first click. */\n  handleSpanChangeWithTab: (spanId: string, tab: SpanTab) => void;\n  handleScoreChange: (scoreId: string | null) => void;\n  /** Switches the list view between traces and branches. Clears the current selection. */\n  handleListModeChange: (mode: TraceListMode) => void;\n  handleFilterTokensChange: (nextTokens: PropertyFilterToken[]) => void;\n  handleDateChange: (value: Date | undefined, type: 'from' | 'to') => void;\n  handleDatePresetChange: (preset: TraceDatePreset) => void;\n  handleRemoveAll: () => void;\n\n  /** Lower-level helper used by `handleClear`: writes a token set and clears the trace/span selection. */\n  applyFilterTokens: (tokens: PropertyFilterToken[]) => void;\n}\n\n/**\n * Owns all URL-derived state and URL-modifying handlers for the traces page. Routing-agnostic —\n * pass `searchParams` and `setSearchParams` from whichever router the consumer uses.\n *\n * Stays focused on URL state: localStorage save/restore, filter discovery, and the error-view\n * short-circuit are intentionally NOT part of this hook so consumers can swap them independently.\n */\nexport function useTraceUrlState(\n  searchParams: URLSearchParams,\n  setSearchParams: SetURLSearchParamsLike,\n  options?: UseTraceUrlStateOptions,\n): UseTraceUrlStateResult {\n  const { onRemoveAll } = options ?? {};\n  const datePreset = useMemo<TraceDatePreset>(() => {\n    const value = searchParams.get(TRACE_DATE_PRESET_PARAM);\n    return value && TRACE_DATE_PRESET_VALUES.has(value as TraceDatePreset) ? (value as TraceDatePreset) : 'last-24h';\n  }, [searchParams]);\n\n  const dateFromParamRaw = searchParams.get(TRACE_DATE_FROM_PARAM);\n  const dateToParamRaw = searchParams.get(TRACE_DATE_TO_PARAM);\n\n  const selectedDateFrom = useMemo(() => {\n    if (datePreset === 'custom') {\n      if (!dateFromParamRaw) return undefined;\n      const parsed = new Date(dateFromParamRaw);\n      return Number.isNaN(parsed.getTime()) ? undefined : parsed;\n    }\n    if (datePreset === 'all') return undefined;\n    const ms = PRESET_MS[datePreset];\n    return ms ? new Date(Date.now() - ms) : undefined;\n  }, [datePreset, dateFromParamRaw]);\n\n  const selectedDateTo = useMemo(() => {\n    if (datePreset !== 'custom' || !dateToParamRaw) return undefined;\n    const parsed = new Date(dateToParamRaw);\n    return Number.isNaN(parsed.getTime()) ? undefined : parsed;\n  }, [datePreset, dateToParamRaw]);\n\n  // Track the latest preset synchronously so onDateChange callbacks that follow\n  // a non-custom preset switch can be ignored (router setSearchParams captures\n  // searchParams in its closure, so multiple synchronous calls would otherwise\n  // clobber each other).\n  const datePresetRef = useRef(datePreset);\n  datePresetRef.current = datePreset;\n\n  const traceIdParam = searchParams.get(TRACE_ID_PARAM) || undefined;\n  const spanIdParam = searchParams.get(SPAN_ID_PARAM) || undefined;\n  /** Branch-mode only: identifies which branch (anchor span) the panel is viewing. Stays put\n   *  while the user navigates between spans inside the panel (which only changes spanIdParam). */\n  const anchorSpanIdParam = searchParams.get(TRACE_ANCHOR_SPAN_ID_PARAM) || undefined;\n  const tabParam = searchParams.get(TAB_PARAM);\n  const spanTabParam: SpanTab | undefined =\n    tabParam === 'scoring'\n      ? 'scoring'\n      : tabParam === 'feedback'\n        ? 'feedback'\n        : tabParam === 'details'\n          ? 'details'\n          : undefined;\n  const scoreIdParam = searchParams.get(SCORE_ID_PARAM) || undefined;\n\n  const listMode = useMemo<TraceListMode>(() => {\n    const value = searchParams.get(TRACE_LIST_MODE_PARAM);\n    return value && TRACE_LIST_MODE_VALUES.has(value as TraceListMode) ? (value as TraceListMode) : 'traces';\n  }, [searchParams]);\n  const selectedEntityOption = useMemo(\n    () => ROOT_ENTITY_TYPE_OPTIONS.find(option => option.entityType === searchParams.get(TRACE_ROOT_ENTITY_TYPE_PARAM)),\n    [searchParams],\n  );\n  const selectedStatus = useMemo<TraceStatusFilter | undefined>(() => {\n    const value = searchParams.get(TRACE_STATUS_PARAM);\n    return value && TRACE_STATUS_VALUES.has(value as TraceStatusFilter) ? (value as TraceStatusFilter) : undefined;\n  }, [searchParams]);\n  const filterTokens = useMemo(() => getTracePropertyFilterTokens(searchParams), [searchParams]);\n\n  const handleTraceClick = useCallback(\n    (traceId: string, spanId?: string, anchorSpanId?: string) => {\n      setSearchParams(\n        prev => {\n          const next = new URLSearchParams(prev);\n          if (traceId) {\n            next.set(TRACE_ID_PARAM, traceId);\n          } else {\n            next.delete(TRACE_ID_PARAM);\n          }\n          if (spanId) {\n            next.set(SPAN_ID_PARAM, spanId);\n          } else {\n            next.delete(SPAN_ID_PARAM);\n          }\n          if (anchorSpanId) {\n            next.set(TRACE_ANCHOR_SPAN_ID_PARAM, anchorSpanId);\n          } else {\n            next.delete(TRACE_ANCHOR_SPAN_ID_PARAM);\n          }\n          next.delete(TAB_PARAM);\n          next.delete(SCORE_ID_PARAM);\n          return next;\n        },\n        { replace: true },\n      );\n    },\n    [setSearchParams],\n  );\n\n  const handleTraceClose = useCallback(() => handleTraceClick(''), [handleTraceClick]);\n\n  const handleSpanChange = useCallback(\n    (spanId: string | null) => {\n      const currentSpanId = searchParams.get(SPAN_ID_PARAM) || null;\n      if (spanId === currentSpanId) return;\n\n      setSearchParams(\n        prev => {\n          const next = new URLSearchParams(prev);\n          if (spanId) {\n            next.set(SPAN_ID_PARAM, spanId);\n          } else {\n            next.delete(SPAN_ID_PARAM);\n          }\n          // Tab + score are per-span; they'd point at the previous span's context otherwise.\n          next.delete(TAB_PARAM);\n          next.delete(SCORE_ID_PARAM);\n          return next;\n        },\n        { replace: true },\n      );\n    },\n    [searchParams, setSearchParams],\n  );\n\n  const handleSpanClose = useCallback(() => handleSpanChange(null), [handleSpanChange]);\n\n  const handleSpanTabChange = useCallback(\n    (tab: SpanTab) => {\n      const currentTab = searchParams.get(TAB_PARAM) || null;\n      if (tab === currentTab) return;\n\n      setSearchParams(\n        prev => {\n          const next = new URLSearchParams(prev);\n          if (tab && tab !== 'details') {\n            next.set(TAB_PARAM, tab);\n          } else {\n            next.delete(TAB_PARAM);\n          }\n          next.delete(SCORE_ID_PARAM);\n          return next;\n        },\n        { replace: true },\n      );\n    },\n    [searchParams, setSearchParams],\n  );\n\n  const handleSpanChangeWithTab = useCallback(\n    (spanId: string, tab: SpanTab) => {\n      const nextTab = tab && tab !== 'details' ? tab : null;\n      // No-op guard (same pattern as the sibling handlers): skip the navigation only when span,\n      // tab AND score are already exactly what this call would produce.\n      const isNoOp =\n        spanId === (searchParams.get(SPAN_ID_PARAM) || null) &&\n        nextTab === (searchParams.get(TAB_PARAM) || null) &&\n        !searchParams.get(SCORE_ID_PARAM);\n      if (isNoOp) return;\n\n      setSearchParams(\n        prev => {\n          const next = new URLSearchParams(prev);\n          next.set(SPAN_ID_PARAM, spanId);\n          if (nextTab) {\n            next.set(TAB_PARAM, nextTab);\n          } else {\n            next.delete(TAB_PARAM);\n          }\n          next.delete(SCORE_ID_PARAM);\n          return next;\n        },\n        { replace: true },\n      );\n    },\n    [searchParams, setSearchParams],\n  );\n\n  const handleScoreChange = useCallback(\n    (scoreId: string | null) => {\n      const currentScoreId = searchParams.get(SCORE_ID_PARAM) || null;\n      if (scoreId === currentScoreId) return;\n\n      setSearchParams(\n        prev => {\n          const next = new URLSearchParams(prev);\n          if (scoreId) {\n            next.set(SCORE_ID_PARAM, scoreId);\n          } else {\n            next.delete(SCORE_ID_PARAM);\n          }\n          return next;\n        },\n        { replace: true },\n      );\n    },\n    [searchParams, setSearchParams],\n  );\n\n  const applyFilterTokens = useCallback(\n    (tokens: PropertyFilterToken[]) => {\n      setSearchParams(\n        prev => {\n          const next = new URLSearchParams(prev);\n          // applyTracePropertyFilterTokens wipes all filter params (including\n          // rootEntityType / status) and re-adds them in `nextTokens` order so\n          // URL insertion order == filter creation order.\n          applyTracePropertyFilterTokens(next, tokens);\n          clearSelectionParams(next);\n          return next;\n        },\n        { replace: true },\n      );\n    },\n    [setSearchParams],\n  );\n\n  const handleFilterTokensChange = applyFilterTokens;\n\n  // Only relevant for 'custom' — the picker also fires onDateChange after a\n  // non-custom preset switch, which we ignore to avoid racing URL updates.\n  const handleDateChange = useCallback(\n    (value: Date | undefined, type: 'from' | 'to') => {\n      if (datePresetRef.current !== 'custom') return;\n      const param = type === 'from' ? TRACE_DATE_FROM_PARAM : TRACE_DATE_TO_PARAM;\n      setSearchParams(\n        prev => {\n          const next = new URLSearchParams(prev);\n          if (value) {\n            next.set(param, value.toISOString());\n          } else {\n            next.delete(param);\n          }\n          clearSelectionParams(next);\n          return next;\n        },\n        { replace: true },\n      );\n    },\n    [setSearchParams],\n  );\n\n  const handleDatePresetChange = useCallback(\n    (preset: TraceDatePreset) => {\n      // Update ref synchronously so any onDateChange fired by the picker in the\n      // same tick (for non-custom presets) sees the new value and skips.\n      datePresetRef.current = preset;\n      setSearchParams(\n        prev => {\n          const next = new URLSearchParams(prev);\n          if (preset === 'last-24h') {\n            // Default — clear all date params.\n            next.delete(TRACE_DATE_PRESET_PARAM);\n            next.delete(TRACE_DATE_FROM_PARAM);\n            next.delete(TRACE_DATE_TO_PARAM);\n          } else if (preset === 'custom') {\n            next.set(TRACE_DATE_PRESET_PARAM, 'custom');\n            // Keep existing dateFrom/dateTo for the user to adjust.\n          } else {\n            // `last-*` or 'all' — only the preset is stored; dates are derived.\n            next.set(TRACE_DATE_PRESET_PARAM, preset);\n            next.delete(TRACE_DATE_FROM_PARAM);\n            next.delete(TRACE_DATE_TO_PARAM);\n          }\n          clearSelectionParams(next);\n          return next;\n        },\n        { replace: true },\n      );\n    },\n    [setSearchParams],\n  );\n\n  const handleListModeChange = useCallback(\n    (mode: TraceListMode) => {\n      setSearchParams(\n        prev => {\n          const next = new URLSearchParams(prev);\n          if (mode === 'traces') {\n            next.delete(TRACE_LIST_MODE_PARAM);\n          } else {\n            next.set(TRACE_LIST_MODE_PARAM, mode);\n          }\n          // Clear selection: rows from the previous mode don't map cleanly to the new mode.\n          clearSelectionParams(next);\n          return next;\n        },\n        { replace: true },\n      );\n    },\n    [setSearchParams],\n  );\n\n  const handleRemoveAll = useCallback(() => {\n    setSearchParams(\n      prev => {\n        const next = new URLSearchParams(prev);\n        next.delete(TRACE_LIST_MODE_PARAM);\n        next.delete(TRACE_ROOT_ENTITY_TYPE_PARAM);\n        next.delete(TRACE_STATUS_PARAM);\n        for (const fieldId of TRACE_PROPERTY_FILTER_FIELD_IDS) {\n          next.delete(TRACE_PROPERTY_FILTER_PARAM_BY_FIELD[fieldId]);\n        }\n        clearSelectionParams(next);\n        return next;\n      },\n      { replace: true },\n    );\n    onRemoveAll?.();\n  }, [setSearchParams, onRemoveAll]);\n\n  return {\n    searchParams,\n    setSearchParams,\n    datePreset,\n    selectedDateFrom,\n    selectedDateTo,\n    datePresetRef,\n    traceIdParam,\n    spanIdParam,\n    anchorSpanIdParam,\n    spanTabParam,\n    scoreIdParam,\n    listMode,\n    selectedEntityOption,\n    selectedStatus,\n    filterTokens,\n    handleTraceClick,\n    handleTraceClose,\n    handleSpanChange,\n    handleSpanClose,\n    handleSpanTabChange,\n    handleSpanChangeWithTab,\n    handleScoreChange,\n    handleListModeChange,\n    handleFilterTokensChange,\n    handleDateChange,\n    handleDatePresetChange,\n    handleRemoveAll,\n    applyFilterTokens,\n  };\n}\n"],"names":["TRACE_ANCHOR_SPAN_ID_PARAM","useMemo","TRACE_DATE_PRESET_PARAM","TRACE_DATE_PRESET_VALUES","TRACE_DATE_FROM_PARAM","TRACE_DATE_TO_PARAM","useRef","TRACE_LIST_MODE_PARAM","TRACE_LIST_MODE_VALUES","ROOT_ENTITY_TYPE_OPTIONS","TRACE_ROOT_ENTITY_TYPE_PARAM","TRACE_STATUS_PARAM","TRACE_STATUS_VALUES","getTracePropertyFilterTokens","useCallback","applyTracePropertyFilterTokens","TRACE_PROPERTY_FILTER_FIELD_IDS","TRACE_PROPERTY_FILTER_PARAM_BY_FIELD"],"mappings":"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"}

package/dist/domains/traces/hooks/use-trace-url-state.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/traces/hooks/use-trace-url-state'
+export {}

package/dist/domains/traces/hooks/use-trace-url-state.es.js

@@ -0,0 +1,308 @@
+import { useMemo, useRef, useCallback } from 'react';
+import { TRACE_DATE_PRESET_PARAM, TRACE_DATE_PRESET_VALUES, TRACE_DATE_FROM_PARAM, TRACE_DATE_TO_PARAM, TRACE_ANCHOR_SPAN_ID_PARAM, TRACE_LIST_MODE_PARAM, TRACE_LIST_MODE_VALUES, ROOT_ENTITY_TYPE_OPTIONS, TRACE_ROOT_ENTITY_TYPE_PARAM, TRACE_STATUS_PARAM, TRACE_STATUS_VALUES, getTracePropertyFilterTokens, applyTracePropertyFilterTokens, TRACE_PROPERTY_FILTER_FIELD_IDS, TRACE_PROPERTY_FILTER_PARAM_BY_FIELD } from '../trace-filters.es.js';
+
+const TRACE_ID_PARAM = "traceId";
+const SPAN_ID_PARAM = "spanId";
+const TAB_PARAM = "tab";
+const SCORE_ID_PARAM = "scoreId";
+const DAY_MS = 24 * 60 * 60 * 1e3;
+const PRESET_MS = {
+  "last-24h": DAY_MS,
+  "last-3d": 3 * DAY_MS,
+  "last-7d": 7 * DAY_MS,
+  "last-14d": 14 * DAY_MS,
+  "last-30d": 30 * DAY_MS
+};
+function clearSelectionParams(params) {
+  params.delete(TRACE_ID_PARAM);
+  params.delete(SPAN_ID_PARAM);
+  params.delete(TRACE_ANCHOR_SPAN_ID_PARAM);
+  params.delete(TAB_PARAM);
+  params.delete(SCORE_ID_PARAM);
+}
+function useTraceUrlState(searchParams, setSearchParams, options) {
+  const { onRemoveAll } = options ?? {};
+  const datePreset = useMemo(() => {
+    const value = searchParams.get(TRACE_DATE_PRESET_PARAM);
+    return value && TRACE_DATE_PRESET_VALUES.has(value) ? value : "last-24h";
+  }, [searchParams]);
+  const dateFromParamRaw = searchParams.get(TRACE_DATE_FROM_PARAM);
+  const dateToParamRaw = searchParams.get(TRACE_DATE_TO_PARAM);
+  const selectedDateFrom = useMemo(() => {
+    if (datePreset === "custom") {
+      if (!dateFromParamRaw) return void 0;
+      const parsed = new Date(dateFromParamRaw);
+      return Number.isNaN(parsed.getTime()) ? void 0 : parsed;
+    }
+    if (datePreset === "all") return void 0;
+    const ms = PRESET_MS[datePreset];
+    return ms ? new Date(Date.now() - ms) : void 0;
+  }, [datePreset, dateFromParamRaw]);
+  const selectedDateTo = useMemo(() => {
+    if (datePreset !== "custom" || !dateToParamRaw) return void 0;
+    const parsed = new Date(dateToParamRaw);
+    return Number.isNaN(parsed.getTime()) ? void 0 : parsed;
+  }, [datePreset, dateToParamRaw]);
+  const datePresetRef = useRef(datePreset);
+  datePresetRef.current = datePreset;
+  const traceIdParam = searchParams.get(TRACE_ID_PARAM) || void 0;
+  const spanIdParam = searchParams.get(SPAN_ID_PARAM) || void 0;
+  const anchorSpanIdParam = searchParams.get(TRACE_ANCHOR_SPAN_ID_PARAM) || void 0;
+  const tabParam = searchParams.get(TAB_PARAM);
+  const spanTabParam = tabParam === "scoring" ? "scoring" : tabParam === "feedback" ? "feedback" : tabParam === "details" ? "details" : void 0;
+  const scoreIdParam = searchParams.get(SCORE_ID_PARAM) || void 0;
+  const listMode = useMemo(() => {
+    const value = searchParams.get(TRACE_LIST_MODE_PARAM);
+    return value && TRACE_LIST_MODE_VALUES.has(value) ? value : "traces";
+  }, [searchParams]);
+  const selectedEntityOption = useMemo(
+    () => ROOT_ENTITY_TYPE_OPTIONS.find((option) => option.entityType === searchParams.get(TRACE_ROOT_ENTITY_TYPE_PARAM)),
+    [searchParams]
+  );
+  const selectedStatus = useMemo(() => {
+    const value = searchParams.get(TRACE_STATUS_PARAM);
+    return value && TRACE_STATUS_VALUES.has(value) ? value : void 0;
+  }, [searchParams]);
+  const filterTokens = useMemo(() => getTracePropertyFilterTokens(searchParams), [searchParams]);
+  const handleTraceClick = useCallback(
+    (traceId, spanId, anchorSpanId) => {
+      setSearchParams(
+        (prev) => {
+          const next = new URLSearchParams(prev);
+          if (traceId) {
+            next.set(TRACE_ID_PARAM, traceId);
+          } else {
+            next.delete(TRACE_ID_PARAM);
+          }
+          if (spanId) {
+            next.set(SPAN_ID_PARAM, spanId);
+          } else {
+            next.delete(SPAN_ID_PARAM);
+          }
+          if (anchorSpanId) {
+            next.set(TRACE_ANCHOR_SPAN_ID_PARAM, anchorSpanId);
+          } else {
+            next.delete(TRACE_ANCHOR_SPAN_ID_PARAM);
+          }
+          next.delete(TAB_PARAM);
+          next.delete(SCORE_ID_PARAM);
+          return next;
+        },
+        { replace: true }
+      );
+    },
+    [setSearchParams]
+  );
+  const handleTraceClose = useCallback(() => handleTraceClick(""), [handleTraceClick]);
+  const handleSpanChange = useCallback(
+    (spanId) => {
+      const currentSpanId = searchParams.get(SPAN_ID_PARAM) || null;
+      if (spanId === currentSpanId) return;
+      setSearchParams(
+        (prev) => {
+          const next = new URLSearchParams(prev);
+          if (spanId) {
+            next.set(SPAN_ID_PARAM, spanId);
+          } else {
+            next.delete(SPAN_ID_PARAM);
+          }
+          next.delete(TAB_PARAM);
+          next.delete(SCORE_ID_PARAM);
+          return next;
+        },
+        { replace: true }
+      );
+    },
+    [searchParams, setSearchParams]
+  );
+  const handleSpanClose = useCallback(() => handleSpanChange(null), [handleSpanChange]);
+  const handleSpanTabChange = useCallback(
+    (tab) => {
+      const currentTab = searchParams.get(TAB_PARAM) || null;
+      if (tab === currentTab) return;
+      setSearchParams(
+        (prev) => {
+          const next = new URLSearchParams(prev);
+          if (tab && tab !== "details") {
+            next.set(TAB_PARAM, tab);
+          } else {
+            next.delete(TAB_PARAM);
+          }
+          next.delete(SCORE_ID_PARAM);
+          return next;
+        },
+        { replace: true }
+      );
+    },
+    [searchParams, setSearchParams]
+  );
+  const handleSpanChangeWithTab = useCallback(
+    (spanId, tab) => {
+      const nextTab = tab && tab !== "details" ? tab : null;
+      const isNoOp = spanId === (searchParams.get(SPAN_ID_PARAM) || null) && nextTab === (searchParams.get(TAB_PARAM) || null) && !searchParams.get(SCORE_ID_PARAM);
+      if (isNoOp) return;
+      setSearchParams(
+        (prev) => {
+          const next = new URLSearchParams(prev);
+          next.set(SPAN_ID_PARAM, spanId);
+          if (nextTab) {
+            next.set(TAB_PARAM, nextTab);
+          } else {
+            next.delete(TAB_PARAM);
+          }
+          next.delete(SCORE_ID_PARAM);
+          return next;
+        },
+        { replace: true }
+      );
+    },
+    [searchParams, setSearchParams]
+  );
+  const handleScoreChange = useCallback(
+    (scoreId) => {
+      const currentScoreId = searchParams.get(SCORE_ID_PARAM) || null;
+      if (scoreId === currentScoreId) return;
+      setSearchParams(
+        (prev) => {
+          const next = new URLSearchParams(prev);
+          if (scoreId) {
+            next.set(SCORE_ID_PARAM, scoreId);
+          } else {
+            next.delete(SCORE_ID_PARAM);
+          }
+          return next;
+        },
+        { replace: true }
+      );
+    },
+    [searchParams, setSearchParams]
+  );
+  const applyFilterTokens = useCallback(
+    (tokens) => {
+      setSearchParams(
+        (prev) => {
+          const next = new URLSearchParams(prev);
+          applyTracePropertyFilterTokens(next, tokens);
+          clearSelectionParams(next);
+          return next;
+        },
+        { replace: true }
+      );
+    },
+    [setSearchParams]
+  );
+  const handleFilterTokensChange = applyFilterTokens;
+  const handleDateChange = useCallback(
+    (value, type) => {
+      if (datePresetRef.current !== "custom") return;
+      const param = type === "from" ? TRACE_DATE_FROM_PARAM : TRACE_DATE_TO_PARAM;
+      setSearchParams(
+        (prev) => {
+          const next = new URLSearchParams(prev);
+          if (value) {
+            next.set(param, value.toISOString());
+          } else {
+            next.delete(param);
+          }
+          clearSelectionParams(next);
+          return next;
+        },
+        { replace: true }
+      );
+    },
+    [setSearchParams]
+  );
+  const handleDatePresetChange = useCallback(
+    (preset) => {
+      datePresetRef.current = preset;
+      setSearchParams(
+        (prev) => {
+          const next = new URLSearchParams(prev);
+          if (preset === "last-24h") {
+            next.delete(TRACE_DATE_PRESET_PARAM);
+            next.delete(TRACE_DATE_FROM_PARAM);
+            next.delete(TRACE_DATE_TO_PARAM);
+          } else if (preset === "custom") {
+            next.set(TRACE_DATE_PRESET_PARAM, "custom");
+          } else {
+            next.set(TRACE_DATE_PRESET_PARAM, preset);
+            next.delete(TRACE_DATE_FROM_PARAM);
+            next.delete(TRACE_DATE_TO_PARAM);
+          }
+          clearSelectionParams(next);
+          return next;
+        },
+        { replace: true }
+      );
+    },
+    [setSearchParams]
+  );
+  const handleListModeChange = useCallback(
+    (mode) => {
+      setSearchParams(
+        (prev) => {
+          const next = new URLSearchParams(prev);
+          if (mode === "traces") {
+            next.delete(TRACE_LIST_MODE_PARAM);
+          } else {
+            next.set(TRACE_LIST_MODE_PARAM, mode);
+          }
+          clearSelectionParams(next);
+          return next;
+        },
+        { replace: true }
+      );
+    },
+    [setSearchParams]
+  );
+  const handleRemoveAll = useCallback(() => {
+    setSearchParams(
+      (prev) => {
+        const next = new URLSearchParams(prev);
+        next.delete(TRACE_LIST_MODE_PARAM);
+        next.delete(TRACE_ROOT_ENTITY_TYPE_PARAM);
+        next.delete(TRACE_STATUS_PARAM);
+        for (const fieldId of TRACE_PROPERTY_FILTER_FIELD_IDS) {
+          next.delete(TRACE_PROPERTY_FILTER_PARAM_BY_FIELD[fieldId]);
+        }
+        clearSelectionParams(next);
+        return next;
+      },
+      { replace: true }
+    );
+    onRemoveAll?.();
+  }, [setSearchParams, onRemoveAll]);
+  return {
+    searchParams,
+    setSearchParams,
+    datePreset,
+    selectedDateFrom,
+    selectedDateTo,
+    datePresetRef,
+    traceIdParam,
+    spanIdParam,
+    anchorSpanIdParam,
+    spanTabParam,
+    scoreIdParam,
+    listMode,
+    selectedEntityOption,
+    selectedStatus,
+    filterTokens,
+    handleTraceClick,
+    handleTraceClose,
+    handleSpanChange,
+    handleSpanClose,
+    handleSpanTabChange,
+    handleSpanChangeWithTab,
+    handleScoreChange,
+    handleListModeChange,
+    handleFilterTokensChange,
+    handleDateChange,
+    handleDatePresetChange,
+    handleRemoveAll,
+    applyFilterTokens
+  };
+}
+
+export { useTraceUrlState };
+//# sourceMappingURL=use-trace-url-state.es.js.map