@burdenoff/microfe-bigconsole 2026.929.2 → 2026.930.2

package/dist/bigconsole/hooks/useFilterUrlSync.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFilterUrlSync.js","names":[],"sources":["../../../src/bigconsole/hooks/useFilterUrlSync.ts"],"sourcesContent":["/**\n * useFilterUrlSync Hook\n *\n * Syncs global filter values to URL query parameters for sharing filtered views.\n * Supports all filter types: DATE_RANGE, CATEGORY, TEXT_SEARCH, NUMERIC_RANGE, CUSTOM\n *\n * Also handles drilldown context parameters:\n * - filter_* : Global filter values\n * - ctx_* : Drilldown context values (clicked item data)\n * - drilldown_* : Drilldown metadata (depth, parent, path)\n */\n\nimport { useEffect, useCallback, useRef, useMemo } from 'react';\nimport { useLocation } from 'react-router';\nimport { useGlobalFilterValues, useDashboardStore } from '../store';\nimport { CONTEXT_PARAM_PREFIX, FILTER_PARAM_PREFIX, DRILLDOWN_PARAM_PREFIX } from './useDrilldown';\n\n// ============================================================================\n// Types\n// ============================================================================\n\ninterface UseFilterUrlSyncOptions {\n  /** Whether URL sync is enabled */\n  enabled?: boolean;\n  /** Prefix for URL params (default: 'filter_') */\n  paramPrefix?: string;\n  /** Debounce delay in ms for URL updates (default: 300) */\n  debounceMs?: number;\n}\n\ninterface DrilldownMetadata {\n  /** Current drilldown depth */\n  depth: number;\n  /** Parent dashboard ID */\n  parent: string | null;\n  /** Array of dashboard IDs in the drilldown path */\n  path: string[];\n}\n\ninterface FilterUrlSyncResult {\n  /** Manually sync current filters to URL */\n  syncToUrl: () => void;\n  /** Get shareable URL with current filters */\n  getShareableUrl: () => string;\n  /** Clear all filter params from URL */\n  clearUrlParams: () => void;\n  /** Get context params from URL (ctx_*) */\n  getContextFromUrl: () => Record<string, unknown>;\n  /** Get drilldown metadata from URL */\n  getDrilldownMetadata: () => DrilldownMetadata;\n  /** Check if currently in drilldown mode */\n  isInDrilldown: boolean;\n  /** Current drilldown depth */\n  drilldownDepth: number;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\n/**\n * Encode filter value for URL\n */\nfunction encodeFilterValue(value: unknown): string {\n  if (value === null || value === undefined) {\n    return '';\n  }\n\n  // Array (multi-select): [\"a\", \"b\"] -> \"a,b\"\n  if (Array.isArray(value)) {\n    return value.map((v) => encodeURIComponent(String(v))).join(',');\n  }\n\n  // Object types\n  if (typeof value === 'object') {\n    const obj = value as Record<string, unknown>;\n\n    // Date range: {start, end} -> \"start,end\"\n    if (obj.start || obj.end) {\n      return `${obj.start || ''},${obj.end || ''}`;\n    }\n\n    // Numeric range: {min, max} -> \"min,max\"\n    if (obj.min !== undefined || obj.max !== undefined) {\n      return `${obj.min ?? ''},${obj.max ?? ''}`;\n    }\n\n    // Object with value property (category)\n    if (obj.value !== undefined) {\n      return encodeURIComponent(String(obj.value));\n    }\n\n    // Generic object - JSON stringify\n    return encodeURIComponent(JSON.stringify(obj));\n  }\n\n  // Simple value\n  return encodeURIComponent(String(value));\n}\n\n/**\n * Decode filter value from URL\n */\nfunction decodeFilterValue(encoded: string, filterType?: string): unknown {\n  if (!encoded) {\n    return undefined;\n  }\n\n  // Date range\n  if (filterType === 'DATE_RANGE' || (encoded.includes('T') && encoded.includes(','))) {\n    const parts = encoded.split(',');\n    if (parts.length === 2) {\n      return {\n        start: parts[0] || undefined,\n        end: parts[1] || undefined,\n      };\n    }\n  }\n\n  // Numeric range (check if both parts are numbers)\n  if (filterType === 'NUMERIC_RANGE' || /^-?\\d*\\.?\\d*,-?\\d*\\.?\\d*$/.test(encoded)) {\n    const parts = encoded.split(',');\n    if (parts.length === 2) {\n      const min = parts[0] ? parseFloat(parts[0]) : undefined;\n      const max = parts[1] ? parseFloat(parts[1]) : undefined;\n      if (!isNaN(min as number) || !isNaN(max as number)) {\n        return { min, max };\n      }\n    }\n  }\n\n  // Multi-select array\n  if (encoded.includes(',') && filterType === 'CATEGORY') {\n    return encoded.split(',').map((v) => decodeURIComponent(v));\n  }\n\n  // Try to parse as JSON\n  try {\n    const decoded = decodeURIComponent(encoded);\n    return JSON.parse(decoded);\n  } catch {\n    // Simple value\n    return decodeURIComponent(encoded);\n  }\n}\n\n/**\n * Decode a context param value from URL\n */\nfunction decodeContextValue(encoded: string): unknown {\n  if (!encoded) {\n    return undefined;\n  }\n  const decoded = decodeURIComponent(encoded);\n  // Try to parse as JSON\n  try {\n    return JSON.parse(decoded);\n  } catch {\n    return decoded;\n  }\n}\n\n/**\n * Parse URL search params to filter values\n */\nfunction parseUrlToFilters(search: string, paramPrefix: string): Record<string, unknown> {\n  const params = new URLSearchParams(search);\n  const filters: Record<string, unknown> = {};\n\n  params.forEach((value, key) => {\n    if (key.startsWith(paramPrefix)) {\n      const filterId = key.slice(paramPrefix.length);\n      // Try to detect type from value format\n      filters[filterId] = decodeFilterValue(value);\n    }\n  });\n\n  return filters;\n}\n\n/**\n * Parse URL search params to context values\n */\nfunction parseUrlToContext(search: string): Record<string, unknown> {\n  const params = new URLSearchParams(search);\n  const context: Record<string, unknown> = {};\n\n  params.forEach((value, key) => {\n    if (key.startsWith(CONTEXT_PARAM_PREFIX)) {\n      const contextKey = key.slice(CONTEXT_PARAM_PREFIX.length);\n      context[contextKey] = decodeContextValue(value);\n    }\n  });\n\n  return context;\n}\n\n/**\n * Parse drilldown metadata from URL\n */\nfunction parseUrlToDrilldownMetadata(search: string): DrilldownMetadata {\n  const params = new URLSearchParams(search);\n  const depthStr = params.get(`${DRILLDOWN_PARAM_PREFIX}depth`);\n  const parent = params.get(`${DRILLDOWN_PARAM_PREFIX}parent`);\n  const pathStr = params.get(`${DRILLDOWN_PARAM_PREFIX}path`);\n\n  let path: string[] = [];\n  if (pathStr) {\n    try {\n      path = JSON.parse(decodeURIComponent(pathStr));\n    } catch {\n      path = [];\n    }\n  }\n\n  return {\n    depth: depthStr ? parseInt(depthStr, 10) : 0,\n    parent: parent || null,\n    path,\n  };\n}\n\n/**\n * Build URL search params from filter values\n */\nfunction filtersToUrlParams(filters: Record<string, unknown>, paramPrefix: string): URLSearchParams {\n  const params = new URLSearchParams();\n\n  Object.entries(filters).forEach(([filterId, value]) => {\n    if (value !== undefined && value !== null && value !== '') {\n      const encoded = encodeFilterValue(value);\n      if (encoded) {\n        params.set(`${paramPrefix}${filterId}`, encoded);\n      }\n    }\n  });\n\n  return params;\n}\n\n// ============================================================================\n// Hook\n// ============================================================================\n\nexport function useFilterUrlSync(options: UseFilterUrlSyncOptions = {}): FilterUrlSyncResult {\n  const { enabled = true, paramPrefix = FILTER_PARAM_PREFIX, debounceMs = 300 } = options;\n\n  // Use react-router's useLocation to react to URL changes\n  const location = useLocation();\n\n  const filterValues = useGlobalFilterValues();\n  const setGlobalFilterValue = useDashboardStore((state) => state.setGlobalFilterValue);\n\n  // Track if initial load from URL is done\n  const initialLoadDone = useRef(false);\n  // Track last synced values to avoid loops\n  const lastSyncedValues = useRef<string>('');\n  // Debounce timer\n  const debounceTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  // Track the last pathname to detect same-route navigations (e.g. drilldown)\n  const lastPathname = useRef(location.pathname);\n\n  // Reset initialLoadDone when pathname changes (e.g. drilldown to different dashboard).\n  // Without this, same-route navigation reuses the component and the filter_* URL params\n  // from the drilldown URL are never loaded into the Zustand store.\n  useEffect(() => {\n    if (location.pathname !== lastPathname.current) {\n      initialLoadDone.current = false;\n      lastSyncedValues.current = '';\n      lastPathname.current = location.pathname;\n    }\n  }, [location.pathname]);\n\n  // Compute drilldown state from URL - now reactive to location.search changes\n  const drilldownMetadata = useMemo(() => {\n    if (typeof window === 'undefined') {\n      return { depth: 0, parent: null, path: [] };\n    }\n    return parseUrlToDrilldownMetadata(location.search);\n  }, [location.search]);\n\n  const isInDrilldown = drilldownMetadata.depth > 0;\n  const drilldownDepth = drilldownMetadata.depth;\n\n  // Load filters from URL on initial mount\n  useEffect(() => {\n    if (!enabled || initialLoadDone.current) return;\n\n    // Parse filter params\n    const urlFilters = parseUrlToFilters(window.location.search, paramPrefix);\n\n    if (Object.keys(urlFilters).length > 0) {\n      // Set each filter value\n      Object.entries(urlFilters).forEach(([filterId, value]) => {\n        setGlobalFilterValue(filterId, value);\n      });\n    }\n\n    // IMPORTANT: Set lastSyncedValues to current filterValues AFTER the sync effect runs\n    // This prevents the race condition where sync effect runs with stale (empty) filterValues\n    // and strips the URL params that we just loaded.\n    // We use the URL filters as the initial synced values since that's what we loaded from.\n    lastSyncedValues.current = JSON.stringify(urlFilters);\n\n    initialLoadDone.current = true;\n  }, [enabled, paramPrefix, setGlobalFilterValue]);\n\n  // Sync filter values to URL when they change\n  useEffect(() => {\n    if (!enabled || !initialLoadDone.current) return;\n\n    const currentValues = JSON.stringify(filterValues);\n\n    // Skip if values haven't changed\n    if (currentValues === lastSyncedValues.current) {\n      return;\n    }\n\n    // Debounce URL updates\n    if (debounceTimer.current) {\n      clearTimeout(debounceTimer.current);\n    }\n\n    debounceTimer.current = setTimeout(() => {\n      const params = filtersToUrlParams(filterValues, paramPrefix);\n\n      // Get current URL without filter params (but keep other params like ctx_*, drilldown_*)\n      const currentParams = new URLSearchParams(window.location.search);\n      // Remove existing filter params only\n      Array.from(currentParams.keys()).forEach((key) => {\n        if (key.startsWith(paramPrefix)) {\n          currentParams.delete(key);\n        }\n      });\n\n      // Merge with new filter params\n      params.forEach((value, key) => {\n        currentParams.set(key, value);\n      });\n\n      const finalSearch = currentParams.toString();\n      const newUrl = finalSearch ? `${window.location.pathname}?${finalSearch}` : window.location.pathname;\n\n      // Update URL without triggering navigation\n      window.history.replaceState({ ...window.history.state, filters: filterValues }, '', newUrl);\n\n      lastSyncedValues.current = currentValues;\n    }, debounceMs);\n\n    return () => {\n      if (debounceTimer.current) {\n        clearTimeout(debounceTimer.current);\n      }\n    };\n  }, [enabled, filterValues, paramPrefix, debounceMs]);\n\n  // Manual sync to URL\n  const syncToUrl = useCallback(() => {\n    if (!enabled) return;\n\n    const params = filtersToUrlParams(filterValues, paramPrefix);\n    const currentParams = new URLSearchParams(window.location.search);\n\n    // Remove existing filter params only\n    Array.from(currentParams.keys()).forEach((key) => {\n      if (key.startsWith(paramPrefix)) {\n        currentParams.delete(key);\n      }\n    });\n\n    // Merge with new filter params\n    params.forEach((value, key) => {\n      currentParams.set(key, value);\n    });\n\n    const finalSearch = currentParams.toString();\n    const newUrl = finalSearch ? `${window.location.pathname}?${finalSearch}` : window.location.pathname;\n\n    window.history.replaceState({ ...window.history.state, filters: filterValues }, '', newUrl);\n\n    lastSyncedValues.current = JSON.stringify(filterValues);\n  }, [enabled, filterValues, paramPrefix]);\n\n  // Get shareable URL\n  const getShareableUrl = useCallback((): string => {\n    const params = filtersToUrlParams(filterValues, paramPrefix);\n    const baseUrl = `${window.location.origin}${window.location.pathname}`;\n\n    // Preserve non-filter params (ctx_*, drilldown_*)\n    const currentParams = new URLSearchParams(window.location.search);\n    Array.from(currentParams.keys()).forEach((key) => {\n      if (!key.startsWith(paramPrefix)) {\n        params.set(key, currentParams.get(key) || '');\n      }\n    });\n\n    const search = params.toString();\n    return search ? `${baseUrl}?${search}` : baseUrl;\n  }, [filterValues, paramPrefix]);\n\n  // Clear all filter params from URL\n  const clearUrlParams = useCallback(() => {\n    const currentParams = new URLSearchParams(window.location.search);\n\n    // Remove filter params only (keep ctx_*, drilldown_*)\n    Array.from(currentParams.keys()).forEach((key) => {\n      if (key.startsWith(paramPrefix)) {\n        currentParams.delete(key);\n      }\n    });\n\n    const finalSearch = currentParams.toString();\n    const newUrl = finalSearch ? `${window.location.pathname}?${finalSearch}` : window.location.pathname;\n\n    window.history.replaceState({}, '', newUrl);\n    lastSyncedValues.current = '{}';\n  }, [paramPrefix]);\n\n  // Get context params from URL\n  const getContextFromUrl = useCallback((): Record<string, unknown> => {\n    return parseUrlToContext(window.location.search);\n  }, []);\n\n  // Get drilldown metadata from URL\n  const getDrilldownMetadata = useCallback((): DrilldownMetadata => {\n    return parseUrlToDrilldownMetadata(window.location.search);\n  }, []);\n\n  return {\n    syncToUrl,\n    getShareableUrl,\n    clearUrlParams,\n    getContextFromUrl,\n    getDrilldownMetadata,\n    isInDrilldown,\n    drilldownDepth,\n  };\n}\n\nexport default useFilterUrlSync;\n"],"mappings":"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"}
+{"version":3,"file":"useFilterUrlSync.js","names":[],"sources":["../../../src/bigconsole/hooks/useFilterUrlSync.ts"],"sourcesContent":["/**\n * useFilterUrlSync Hook\n *\n * Syncs global filter values to URL query parameters for sharing filtered views.\n * Supports all filter types: DATE_RANGE, CATEGORY, TEXT_SEARCH, NUMERIC_RANGE, CUSTOM\n *\n * Also handles drilldown context parameters:\n * - filter_* : Global filter values\n * - ctx_* : Drilldown context values (clicked item data)\n * - drilldown_* : Drilldown metadata (depth, parent, path)\n */\n\nimport { useEffect, useCallback, useRef, useMemo } from 'react';\nimport { useLocation } from 'react-router';\nimport { useGlobalFilterValues, useDashboardStore } from '../store';\nimport { CONTEXT_PARAM_PREFIX, FILTER_PARAM_PREFIX, DRILLDOWN_PARAM_PREFIX } from './useDrilldown';\n\n// ============================================================================\n// Types\n// ============================================================================\n\ninterface UseFilterUrlSyncOptions {\n  /** Whether URL sync is enabled */\n  enabled?: boolean;\n  /** Prefix for URL params (default: 'filter_') */\n  paramPrefix?: string;\n  /** Debounce delay in ms for URL updates (default: 300) */\n  debounceMs?: number;\n}\n\ninterface DrilldownMetadata {\n  /** Current drilldown depth */\n  depth: number;\n  /** Parent dashboard ID */\n  parent: string | null;\n  /** Array of dashboard IDs in the drilldown path */\n  path: string[];\n}\n\ninterface FilterUrlSyncResult {\n  /** Manually sync current filters to URL */\n  syncToUrl: () => void;\n  /** Get shareable URL with current filters */\n  getShareableUrl: () => string;\n  /** Clear all filter params from URL */\n  clearUrlParams: () => void;\n  /** Get context params from URL (ctx_*) */\n  getContextFromUrl: () => Record<string, unknown>;\n  /** Get drilldown metadata from URL */\n  getDrilldownMetadata: () => DrilldownMetadata;\n  /** Check if currently in drilldown mode */\n  isInDrilldown: boolean;\n  /** Current drilldown depth */\n  drilldownDepth: number;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\n/**\n * Encode filter value for URL\n */\nfunction encodeFilterValue(value: unknown): string {\n  if (value === null || value === undefined) {\n    return '';\n  }\n\n  // Array (multi-select): [\"a\", \"b\"] -> \"a,b\"\n  if (Array.isArray(value)) {\n    return value.map((v) => encodeURIComponent(String(v))).join(',');\n  }\n\n  // Object types\n  if (typeof value === 'object') {\n    const obj = value as Record<string, unknown>;\n\n    // Date range: {start, end} -> \"start,end\"\n    if (obj.start || obj.end) {\n      return `${obj.start || ''},${obj.end || ''}`;\n    }\n\n    // Numeric range: {min, max} -> \"min,max\"\n    if (obj.min !== undefined || obj.max !== undefined) {\n      return `${obj.min ?? ''},${obj.max ?? ''}`;\n    }\n\n    // Object with value property (category)\n    if (obj.value !== undefined) {\n      return encodeURIComponent(String(obj.value));\n    }\n\n    // Generic object - JSON stringify\n    return encodeURIComponent(JSON.stringify(obj));\n  }\n\n  // Simple value\n  return encodeURIComponent(String(value));\n}\n\n/**\n * Decode filter value from URL\n */\nfunction decodeFilterValue(encoded: string, filterType?: string): unknown {\n  if (!encoded) {\n    return undefined;\n  }\n\n  // Date range\n  if (filterType === 'DATE_RANGE' || (encoded.includes('T') && encoded.includes(','))) {\n    const parts = encoded.split(',');\n    if (parts.length === 2) {\n      return {\n        start: parts[0] || undefined,\n        end: parts[1] || undefined,\n      };\n    }\n  }\n\n  // Numeric range (check if both parts are numbers)\n  if (filterType === 'NUMERIC_RANGE' || /^-?\\d*\\.?\\d*,-?\\d*\\.?\\d*$/.test(encoded)) {\n    const parts = encoded.split(',');\n    if (parts.length === 2) {\n      const min = parts[0] ? parseFloat(parts[0]) : undefined;\n      const max = parts[1] ? parseFloat(parts[1]) : undefined;\n      if (!isNaN(min as number) || !isNaN(max as number)) {\n        return { min, max };\n      }\n    }\n  }\n\n  // Multi-select array\n  if (encoded.includes(',') && filterType === 'CATEGORY') {\n    return encoded.split(',').map((v) => decodeURIComponent(v));\n  }\n\n  // Try to parse as JSON\n  try {\n    const decoded = decodeURIComponent(encoded);\n    return JSON.parse(decoded);\n  } catch {\n    // Simple value\n    return decodeURIComponent(encoded);\n  }\n}\n\n/**\n * Decode a context param value from URL\n */\nfunction decodeContextValue(encoded: string): unknown {\n  if (!encoded) {\n    return undefined;\n  }\n  const decoded = decodeURIComponent(encoded);\n  // Try to parse as JSON\n  try {\n    return JSON.parse(decoded);\n  } catch {\n    return decoded;\n  }\n}\n\n/**\n * Parse URL search params to filter values\n */\nfunction parseUrlToFilters(search: string, paramPrefix: string): Record<string, unknown> {\n  const params = new URLSearchParams(search);\n  const filters: Record<string, unknown> = {};\n\n  params.forEach((value, key) => {\n    if (key.startsWith(paramPrefix)) {\n      const filterId = key.slice(paramPrefix.length);\n      // Try to detect type from value format\n      filters[filterId] = decodeFilterValue(value);\n    }\n  });\n\n  return filters;\n}\n\n/**\n * Parse URL search params to context values\n */\nfunction parseUrlToContext(search: string): Record<string, unknown> {\n  const params = new URLSearchParams(search);\n  const context: Record<string, unknown> = {};\n\n  params.forEach((value, key) => {\n    if (key.startsWith(CONTEXT_PARAM_PREFIX)) {\n      const contextKey = key.slice(CONTEXT_PARAM_PREFIX.length);\n      context[contextKey] = decodeContextValue(value);\n    }\n  });\n\n  return context;\n}\n\n/**\n * Parse drilldown metadata from URL\n */\nfunction parseUrlToDrilldownMetadata(search: string): DrilldownMetadata {\n  const params = new URLSearchParams(search);\n  const depthStr = params.get(`${DRILLDOWN_PARAM_PREFIX}depth`);\n  const parent = params.get(`${DRILLDOWN_PARAM_PREFIX}parent`);\n  const pathStr = params.get(`${DRILLDOWN_PARAM_PREFIX}path`);\n\n  let path: string[] = [];\n  if (pathStr) {\n    try {\n      path = JSON.parse(decodeURIComponent(pathStr));\n    } catch {\n      path = [];\n    }\n  }\n\n  return {\n    depth: depthStr ? parseInt(depthStr, 10) : 0,\n    parent: parent || null,\n    path,\n  };\n}\n\n/**\n * Build URL search params from filter values\n */\nfunction filtersToUrlParams(filters: Record<string, unknown>, paramPrefix: string): URLSearchParams {\n  const params = new URLSearchParams();\n\n  Object.entries(filters).forEach(([filterId, value]) => {\n    if (value !== undefined && value !== null && value !== '') {\n      const encoded = encodeFilterValue(value);\n      if (encoded) {\n        params.set(`${paramPrefix}${filterId}`, encoded);\n      }\n    }\n  });\n\n  return params;\n}\n\n// ============================================================================\n// Hook\n// ============================================================================\n\nexport function useFilterUrlSync(options: UseFilterUrlSyncOptions = {}): FilterUrlSyncResult {\n  const { enabled = true, paramPrefix = FILTER_PARAM_PREFIX, debounceMs = 300 } = options;\n\n  // Use react-router's useLocation to react to URL changes\n  const location = useLocation();\n\n  const filterValues = useGlobalFilterValues();\n  const setGlobalFilterValue = useDashboardStore((state) => state.setGlobalFilterValue);\n\n  // Track if initial load from URL is done\n  const initialLoadDone = useRef(false);\n  // Track last synced values to avoid loops\n  const lastSyncedValues = useRef<string>('');\n  // Debounce timer\n  const debounceTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  // Track the last pathname to detect same-route navigations (e.g. drilldown)\n  const lastPathname = useRef(location.pathname);\n\n  // Reset initialLoadDone when pathname changes (e.g. drilldown to different dashboard).\n  // Without this, same-route navigation reuses the component and the filter_* URL params\n  // from the drilldown URL are never loaded into the Zustand store.\n  useEffect(() => {\n    if (location.pathname !== lastPathname.current) {\n      initialLoadDone.current = false;\n      lastSyncedValues.current = '';\n      lastPathname.current = location.pathname;\n    }\n  }, [location.pathname]);\n\n  // Compute drilldown state from URL - now reactive to location.search changes\n  const drilldownMetadata = useMemo(() => {\n    if (typeof window === 'undefined') {\n      return { depth: 0, parent: null, path: [] };\n    }\n    return parseUrlToDrilldownMetadata(location.search);\n  }, [location.search]);\n\n  const isInDrilldown = drilldownMetadata.depth > 0;\n  const drilldownDepth = drilldownMetadata.depth;\n\n  // Load filters from URL on initial mount\n  useEffect(() => {\n    if (!enabled || initialLoadDone.current) return;\n\n    // Parse filter params\n    const urlFilters = parseUrlToFilters(window.location.search, paramPrefix);\n\n    if (Object.keys(urlFilters).length > 0) {\n      // Set each filter value\n      Object.entries(urlFilters).forEach(([filterId, value]) => {\n        setGlobalFilterValue(filterId, value);\n      });\n    }\n\n    // IMPORTANT: Set lastSyncedValues to current filterValues AFTER the sync effect runs\n    // This prevents the race condition where sync effect runs with stale (empty) filterValues\n    // and strips the URL params that we just loaded.\n    // We use the URL filters as the initial synced values since that's what we loaded from.\n    lastSyncedValues.current = JSON.stringify(urlFilters);\n\n    initialLoadDone.current = true;\n  }, [enabled, paramPrefix, setGlobalFilterValue]);\n\n  // Sync filter values to URL when they change\n  useEffect(() => {\n    if (!enabled || !initialLoadDone.current) return;\n\n    const currentValues = JSON.stringify(filterValues);\n\n    // Skip if values haven't changed\n    if (currentValues === lastSyncedValues.current) {\n      return;\n    }\n\n    // Debounce URL updates\n    if (debounceTimer.current) {\n      clearTimeout(debounceTimer.current);\n    }\n\n    debounceTimer.current = setTimeout(() => {\n      const params = filtersToUrlParams(filterValues, paramPrefix);\n\n      // Get current URL without filter params (but keep other params like ctx_*, drilldown_*)\n      const currentParams = new URLSearchParams(window.location.search);\n      // Remove existing filter params only\n      Array.from(currentParams.keys()).forEach((key) => {\n        if (key.startsWith(paramPrefix)) {\n          currentParams.delete(key);\n        }\n      });\n\n      // Merge with new filter params\n      params.forEach((value, key) => {\n        currentParams.set(key, value);\n      });\n\n      const finalSearch = currentParams.toString();\n      const newUrl = finalSearch ? `${window.location.pathname}?${finalSearch}` : window.location.pathname;\n\n      // Update URL without triggering navigation\n      window.history.replaceState({ ...window.history.state, filters: filterValues }, '', newUrl);\n\n      lastSyncedValues.current = currentValues;\n    }, debounceMs);\n\n    return () => {\n      if (debounceTimer.current) {\n        clearTimeout(debounceTimer.current);\n      }\n    };\n  }, [enabled, filterValues, paramPrefix, debounceMs]);\n\n  // Manual sync to URL\n  const syncToUrl = useCallback(() => {\n    if (!enabled) return;\n\n    const params = filtersToUrlParams(filterValues, paramPrefix);\n    const currentParams = new URLSearchParams(window.location.search);\n\n    // Remove existing filter params only\n    Array.from(currentParams.keys()).forEach((key) => {\n      if (key.startsWith(paramPrefix)) {\n        currentParams.delete(key);\n      }\n    });\n\n    // Merge with new filter params\n    params.forEach((value, key) => {\n      currentParams.set(key, value);\n    });\n\n    const finalSearch = currentParams.toString();\n    const newUrl = finalSearch ? `${window.location.pathname}?${finalSearch}` : window.location.pathname;\n\n    window.history.replaceState({ ...window.history.state, filters: filterValues }, '', newUrl);\n\n    lastSyncedValues.current = JSON.stringify(filterValues);\n  }, [enabled, filterValues, paramPrefix]);\n\n  // Get shareable URL\n  const getShareableUrl = useCallback((): string => {\n    const params = filtersToUrlParams(filterValues, paramPrefix);\n    const baseUrl = `${window.location.origin}${window.location.pathname}`;\n\n    // Preserve non-filter params (ctx_*, drilldown_*)\n    const currentParams = new URLSearchParams(window.location.search);\n    Array.from(currentParams.keys()).forEach((key) => {\n      if (!key.startsWith(paramPrefix)) {\n        params.set(key, currentParams.get(key) || '');\n      }\n    });\n\n    const search = params.toString();\n    return search ? `${baseUrl}?${search}` : baseUrl;\n  }, [filterValues, paramPrefix]);\n\n  // Clear all filter params from URL\n  const clearUrlParams = useCallback(() => {\n    const currentParams = new URLSearchParams(window.location.search);\n\n    // Remove filter params only (keep ctx_*, drilldown_*)\n    Array.from(currentParams.keys()).forEach((key) => {\n      if (key.startsWith(paramPrefix)) {\n        currentParams.delete(key);\n      }\n    });\n\n    const finalSearch = currentParams.toString();\n    const newUrl = finalSearch ? `${window.location.pathname}?${finalSearch}` : window.location.pathname;\n\n    // Keep the router's history state (its `key`/`idx`): wiping it breaks Back\n    // navigation across drilldowns and page switches (BOFF-7625).\n    window.history.replaceState(window.history.state, '', newUrl);\n    lastSyncedValues.current = '{}';\n  }, [paramPrefix]);\n\n  // Get context params from URL\n  const getContextFromUrl = useCallback((): Record<string, unknown> => {\n    return parseUrlToContext(window.location.search);\n  }, []);\n\n  // Get drilldown metadata from URL\n  const getDrilldownMetadata = useCallback((): DrilldownMetadata => {\n    return parseUrlToDrilldownMetadata(window.location.search);\n  }, []);\n\n  return {\n    syncToUrl,\n    getShareableUrl,\n    clearUrlParams,\n    getContextFromUrl,\n    getDrilldownMetadata,\n    isInDrilldown,\n    drilldownDepth,\n  };\n}\n\nexport default useFilterUrlSync;\n"],"mappings":"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"}

package/dist/bigconsole/pages/DashboardBuilderPage.js

@@ -8,51 +8,52 @@ import { Section as i } from "../components/common/Section.js";
 import "../components/common/index.js";
 import a from "../hooks/useWidgetOperations.js";
 import o from "../hooks/useDashboardOperations.js";
-import s from "../hooks/usePageOperations.js";
+import s from "../hooks/useActivePage.js";
+import c from "../hooks/usePageOperations.js";
 import "../hooks/index.js";
-import { BIGCONSOLE_PERMISSIONS as c } from "../../constants/permissions.js";
-import { BuilderCanvas as ee } from "../components/builder/BuilderCanvas.js";
-import { BuilderTopbar as te } from "../components/builder/BuilderTopbar.js";
-import { DashboardEditorShell as l } from "../components/builder/DashboardEditorShell.js";
-import { findNextAvailablePosition as ne } from "../utils/widgetPositioning.js";
+import { BIGCONSOLE_PERMISSIONS as l } from "../../constants/permissions.js";
+import { BuilderCanvas as u } from "../components/builder/BuilderCanvas.js";
+import { BuilderTopbar as d } from "../components/builder/BuilderTopbar.js";
+import { DashboardEditorShell as f } from "../components/builder/DashboardEditorShell.js";
+import { findNextAvailablePosition as ee } from "../utils/widgetPositioning.js";
 import "../components/builder/index.js";
-import re from "../components/dashboard/DashboardCanvas.js";
-import ie from "../components/dashboard/ExportDashboardDialog.js";
+import te from "../components/dashboard/DashboardCanvas.js";
+import ne from "../components/dashboard/ExportDashboardDialog.js";
 import "../components/dashboard/index.js";
-import ae from "../customWidget/CustomWidgetBuilderSheet.js";
+import re from "../customWidget/CustomWidgetBuilderSheet.js";
 import "../customWidget/index.js";
-import { memo as u, useCallback as d, useEffect as f, useState as p } from "react";
-import { useParams as oe } from "react-router";
-import { AccessDenied as se } from "@burdenoff/fe-libs/shared/components";
-import { usePermissions as ce } from "@burdenoff/fe-libs/shared/providers/shell";
-import { Button as le } from "@burdenoff/fe-libs/ui";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { useI18n as ue } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { memo as p, useCallback as m, useEffect as h, useState as g } from "react";
+import { useParams as ie } from "react-router";
+import { AccessDenied as ae } from "@burdenoff/fe-libs/shared/components";
+import { usePermissions as oe } from "@burdenoff/fe-libs/shared/providers/shell";
+import { Button as se } from "@burdenoff/fe-libs/ui";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { useI18n as ce } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/pages/DashboardBuilderPage.tsx
-function g() {
+function y() {
 	try {
 		return window.__breadcrumbRegistry;
 	} catch {
 		return;
 	}
 }
-function de(e, t) {
-	let n = g();
+function le(e, t) {
+	let n = y();
 	n?.register && n.register(e, t);
 }
-function fe(e) {
-	let t = g();
+function ue(e) {
+	let t = y();
 	t?.unregister && t.unregister(e);
 }
-var _ = u(function() {
-	let { dashboardId: u } = oe(), g = n(), { t: _ } = ue(), { hasPermission: v, isLoading: y } = ce(), b = v(c.DASHBOARD_READ), x = v(c.DASHBOARD_UPDATE), pe = v(c.DASHBOARD_EXPORT), me = v(c.WIDGET_CREATE), [S, C] = p(!1), [w, T] = p(null), [E, D] = p(!1), [he, O] = p(!1), [k, A] = p(null), { fetchDashboard: j, updateDashboard: M, loading: N, error: P } = o(), { createWidget: F, updateWidget: I, deleteWidget: L, duplicateWidget: R, batchUpdatePositions: z } = a(void 0, u), { createPage: B, updatePage: V, deletePage: H, reorderPages: U } = s(), W = t((e) => e.setCurrentDashboard), G = t((e) => e.currentDashboard), K = t((e) => e.setViewMode), q = e((e) => e.selectWidget), J = e((e) => e.widgets), Y = e((e) => e.clipboardWidgetId), X = e((e) => e.clipboardAction), Z = e((e) => e.clearClipboard);
-	f(() => (K("edit"), () => K("view")), [K]), f(() => {
-		if (!u) {
-			g("/dashboards");
+var b = p(function() {
+	let { dashboardId: p } = ie(), y = n(), { t: b } = ce(), { hasPermission: x, isLoading: S } = oe(), C = x(l.DASHBOARD_READ), de = x(l.DASHBOARD_UPDATE), fe = x(l.DASHBOARD_EXPORT), pe = x(l.WIDGET_CREATE), [me, w] = g(!1), [T, E] = g(null), [D, O] = g(!1), [he, k] = g(!1), { fetchDashboard: A, updateDashboard: j, loading: M, error: N } = o(), { createWidget: P, updateWidget: F, deleteWidget: I, duplicateWidget: L, batchUpdatePositions: R } = a(void 0, p), { createPage: z, updatePage: B, deletePage: V, reorderPages: H } = c(), U = t((e) => e.setCurrentDashboard), W = t((e) => e.currentDashboard), { activePageId: G, setActivePage: K } = s(W?.id === p ? W?.pages : void 0), q = t((e) => e.setViewMode), J = e((e) => e.selectWidget), Y = e((e) => e.widgets), X = e((e) => e.clipboardWidgetId), Z = e((e) => e.clipboardAction), Q = e((e) => e.clearClipboard);
+	h(() => (q("edit"), () => q("view")), [q]), h(() => {
+		if (!p) {
+			y("/dashboards");
 			return;
 		}
-		return j(u).then((e) => {
-			e ? (W({
+		return A(p).then((e) => {
+			e ? (U({
 				...e,
 				title: e.name,
 				description: e.description ?? "",
@@ -63,37 +64,36 @@ var _ = u(function() {
 					index: t,
 					layoutConfig: e.layoutConfig ?? {}
 				}))
-			}), e.pages.length > 0 && !k && A(e.pages[0].id), e.name && de(u, e.name)) : g("/dashboards");
+			}), e.name && le(p, e.name)) : y("/dashboards");
 		}), () => {
-			u && fe(u);
+			p && ue(p);
 		};
 	}, [
-		u,
-		g,
-		W,
-		j,
-		k
+		p,
+		y,
+		U,
+		A
 	]);
-	let Q = d(async () => {
-		let e = k ?? G?.pages?.[0]?.id;
-		if (!Y || !u || !e) return;
-		let t = J.get(Y);
+	let $ = m(async () => {
+		let e = G ?? W?.pages?.[0]?.id;
+		if (!X || !p || !e) return;
+		let t = Y.get(X);
 		if (!t) {
-			Z();
+			Q();
 			return;
 		}
-		let n = Array.from(J.values()).filter((t) => t.pageId === e), r = {
+		let n = Array.from(Y.values()).filter((t) => t.pageId === e), r = {
 			width: t.positionWidth ?? 4,
 			height: t.positionHeight ?? 4
-		}, { x: i, y: a } = ne(n, r, { cols: 12 }), o = {
+		}, { x: i, y: a } = ee(n, r, { cols: 12 }), o = {
 			x: i,
 			y: a,
 			width: r.width,
 			height: r.height
-		}, s = X === "copy" ? _("bigconsole.dashboards.builder.actions.copySuffix", "{{title}} (Copy)", { title: t.title }) : t.title, c = await R(Y, o, s).catch(() => null);
-		c ||= await F({
+		}, s = Z === "copy" ? b("bigconsole.dashboards.builder.actions.copySuffix", "{{title}} (Copy)", { title: t.title }) : t.title, c = await L(X, o, s).catch(() => null);
+		c ||= await P({
 			pageId: e,
-			dashboardId: u,
+			dashboardId: p,
 			type: t.type,
 			title: s,
 			description: t.description,
@@ -105,22 +105,22 @@ var _ = u(function() {
 			position: o,
 			refreshInterval: t.refreshInterval ?? void 0,
 			metadata: t.metadata
-		}), c && (q(c.id), X === "cut" && await L(Y)), Z();
+		}), c && (J(c.id), Z === "cut" && await I(X)), Q();
 	}, [
-		Y,
 		X,
-		u,
-		k,
+		Z,
+		p,
 		G,
-		J,
-		R,
-		F,
+		W,
+		Y,
 		L,
-		q,
-		Z,
-		_
+		P,
+		I,
+		J,
+		Q,
+		b
 	]);
-	f(() => {
+	h(() => {
 		let n = (n) => {
 			if (t.getState().viewMode !== "edit" || n.target?.closest("input, textarea, select, [contenteditable=\"true\"]") || document.querySelector("[data-slot=\"dialog-overlay\"]")) return;
 			let r = e.getState(), i = r.selectedWidgetId;
@@ -129,22 +129,22 @@ var _ = u(function() {
 				return;
 			}
 			if ((n.key === "Delete" || n.key === "Backspace") && i) {
-				n.preventDefault(), L(i), r.selectWidget(null);
+				n.preventDefault(), I(i), r.selectWidget(null);
 				return;
 			}
-			(n.metaKey || n.ctrlKey) && (n.key === "c" && i ? r.copyWidget(i) : n.key === "x" && i ? r.cutWidget(i) : n.key === "v" && (n.preventDefault(), Q()));
+			(n.metaKey || n.ctrlKey) && (n.key === "c" && i ? r.copyWidget(i) : n.key === "x" && i ? r.cutWidget(i) : n.key === "v" && (n.preventDefault(), $()));
 		};
 		return document.addEventListener("keydown", n, !0), () => document.removeEventListener("keydown", n, !0);
-	}, [L, Q]);
-	let ge = d(() => {
-		g("/dashboards");
-	}, [g]), _e = d(async () => {
-		if (u) {
-			C(!0), T(null);
+	}, [I, $]);
+	let ge = m(() => {
+		y("/dashboards");
+	}, [y]), _e = m(async () => {
+		if (p) {
+			w(!0), E(null);
 			try {
 				let t = e.getState(), n = Array.from(t.widgets.values()), r = t.dirtyWidgetIds, i = n.filter((e) => r.has(e.id));
 				if (i.length > 0) {
-					let e = i.map((e) => I({
+					let e = i.map((e) => F({
 						id: e.id,
 						title: e.title,
 						config: e.config,
@@ -156,7 +156,7 @@ var _ = u(function() {
 					}));
 					await Promise.all(e), t.clearAllDirty();
 				}
-				n.length > 0 && await z(n.map((e) => ({
+				n.length > 0 && await R(n.map((e) => ({
 					id: e.id,
 					position: e.position || {
 						x: e.positionX ?? 0,
@@ -164,209 +164,214 @@ var _ = u(function() {
 						width: e.positionWidth ?? 4,
 						height: e.positionHeight ?? 4
 					}
-				}))), G && await M({
-					id: u,
-					name: G.title,
-					description: G.description
+				}))), W && await j({
+					id: p,
+					name: W.title,
+					description: W.description
 				});
 			} catch (e) {
-				T(e instanceof Error ? e.message : _("bigconsole.dashboards.builder.errors.saveFailed", "Failed to save dashboard"));
+				E(e instanceof Error ? e.message : b("bigconsole.dashboards.builder.errors.saveFailed", "Failed to save dashboard"));
 			} finally {
-				C(!1);
+				w(!1);
 			}
 		}
 	}, [
-		u,
-		G,
-		I,
-		z,
-		M,
-		_
-	]), ve = d(() => {
-		D(!0);
-	}, []), $ = d(() => {
-		D(!1);
-	}, []), ye = d((e) => {
-		A(e);
-	}, []), be = d(async () => {
-		if (!G || !u) return;
-		let e = await B({
-			dashboardId: u,
-			name: _("bigconsole.dashboards.builder.actions.newPageName", "Page {{count}}", { count: G.pages.length + 1 })
+		p,
+		W,
+		F,
+		R,
+		j,
+		b
+	]), ve = m(() => {
+		O(!0);
+	}, []), ye = m(() => {
+		O(!1);
+	}, []), be = m((e) => {
+		K(e);
+	}, [K]), xe = m(async () => {
+		if (!W || !p) return;
+		let e = await z({
+			dashboardId: p,
+			name: b("bigconsole.dashboards.builder.actions.newPageName", "Page {{count}}", { count: W.pages.length + 1 })
 		});
-		e && (W({
-			...G,
-			pages: [...G.pages, {
+		e && (U({
+			...W,
+			pages: [...W.pages, {
 				id: e.id,
 				title: e.name,
 				index: e.order,
 				layoutConfig: e.layoutConfig || {}
 			}]
-		}), A(e.id));
+		}), K(e.id));
 	}, [
-		G,
-		u,
 		W,
-		B,
-		_
-	]), xe = d(async (e, t) => {
-		G && await V({
+		p,
+		U,
+		z,
+		K,
+		b
+	]), Se = m(async (e, t) => {
+		W && await B({
 			id: e,
 			name: t
-		}) && W({
-			...G,
-			pages: G.pages.map((n) => n.id === e ? {
+		}) && U({
+			...W,
+			pages: W.pages.map((n) => n.id === e ? {
 				...n,
 				title: t
 			} : n)
 		});
 	}, [
-		G,
 		W,
-		V
-	]), Se = d(async (e) => {
-		if (!G || !u) return;
-		let t = G.pages.find((t) => t.id === e);
+		U,
+		B
+	]), Ce = m(async (e) => {
+		if (!W || !p) return;
+		let t = W.pages.find((t) => t.id === e);
 		if (!t) return;
-		let n = await B({
-			dashboardId: u,
-			name: _("bigconsole.dashboards.builder.actions.copySuffix", "{{title}} (Copy)", { title: t.title ?? "" })
+		let n = await z({
+			dashboardId: p,
+			name: b("bigconsole.dashboards.builder.actions.copySuffix", "{{title}} (Copy)", { title: t.title ?? "" })
 		});
-		n && (W({
-			...G,
-			pages: [...G.pages, {
+		n && (U({
+			...W,
+			pages: [...W.pages, {
 				id: n.id,
 				title: n.name,
 				index: n.order,
 				layoutConfig: n.layoutConfig || {}
 			}]
-		}), A(n.id));
+		}), K(n.id));
 	}, [
-		G,
-		u,
 		W,
-		B,
-		_
-	]), Ce = d(async (e) => {
-		if (!(!G || G.pages.length <= 1) && await H(e)) {
-			let t = G.pages.filter((t) => t.id !== e).map((e, t) => ({
+		p,
+		U,
+		z,
+		K,
+		b
+	]), we = m(async (e) => {
+		if (!(!W || W.pages.length <= 1) && await V(e)) {
+			let t = W.pages.filter((t) => t.id !== e).map((e, t) => ({
 				...e,
 				index: t
 			}));
-			W({
-				...G,
+			U({
+				...W,
 				pages: t
-			}), k === e && A(t[0]?.id || null);
+			});
+			let n = t[0]?.id;
+			G === e && n && K(n, { replace: !0 });
 		}
 	}, [
-		G,
 		W,
-		k,
-		H
-	]), we = d(async (e) => {
-		!G || !u || (W({
-			...G,
+		U,
+		G,
+		V,
+		K
+	]), Te = m(async (e) => {
+		!W || !p || (U({
+			...W,
 			pages: e.map((e, t) => ({
 				...e,
 				index: t
 			}))
-		}), await U(u, e.map((e) => e.id)));
+		}), await H(p, e.map((e) => e.id)));
 	}, [
-		G,
-		u,
 		W,
-		U
+		p,
+		U,
+		H
 	]);
-	return y ? /* @__PURE__ */ m("div", {
+	return S ? /* @__PURE__ */ _("div", {
 		className: "flex items-center justify-center h-full",
-		children: /* @__PURE__ */ m("div", { className: "animate-spin w-8 h-8 border-4 border-action-primary-bg border-t-transparent rounded-full" })
-	}) : b ? P ? /* @__PURE__ */ m("div", {
+		children: /* @__PURE__ */ _("div", { className: "animate-spin w-8 h-8 border-4 border-action-primary-bg border-t-transparent rounded-full" })
+	}) : C ? N ? /* @__PURE__ */ _("div", {
 		className: "flex h-full flex-col items-center justify-center p-6",
-		children: /* @__PURE__ */ m(i, {
+		children: /* @__PURE__ */ _(i, {
 			headingLevel: 2,
 			tone: "danger",
-			title: _("bigconsole.dashboards.builder.errors.loadFailed", "Failed to load dashboard"),
-			description: /* @__PURE__ */ m("span", {
+			title: b("bigconsole.dashboards.builder.errors.loadFailed", "Failed to load dashboard"),
+			description: /* @__PURE__ */ _("span", {
 				className: "break-words",
-				children: P.message
+				children: N.message
 			}),
 			className: "w-full max-w-md",
 			"data-testid": "dashboard-builder-error",
-			actions: /* @__PURE__ */ m(le, {
+			actions: /* @__PURE__ */ _(se, {
 				size: "sm",
-				onClick: () => g("/dashboards"),
-				children: _("bigconsole.dashboards.builder.actions.backToDashboards", "Back to Dashboards")
+				onClick: () => y("/dashboards"),
+				children: b("bigconsole.dashboards.builder.actions.backToDashboards", "Back to Dashboards")
 			})
 		})
-	}) : N || !G ? /* @__PURE__ */ h("div", {
+	}) : M || !W ? /* @__PURE__ */ v("div", {
 		className: "flex items-center justify-center h-full",
 		role: "status",
 		"aria-live": "polite",
-		children: [/* @__PURE__ */ m("div", { className: "animate-spin w-8 h-8 border-4 border-action-primary-bg border-t-transparent rounded-full" }), /* @__PURE__ */ m("span", {
+		children: [/* @__PURE__ */ _("div", { className: "animate-spin w-8 h-8 border-4 border-action-primary-bg border-t-transparent rounded-full" }), /* @__PURE__ */ _("span", {
 			className: "sr-only",
 			children: "Loading dashboard…"
 		})]
-	}) : /* @__PURE__ */ h(l, {
-		topbar: /* @__PURE__ */ m(te, {
-			title: G.title || _("bigconsole.dashboards.builder.header.untitledDashboard", "Untitled dashboard"),
+	}) : /* @__PURE__ */ v(f, {
+		topbar: /* @__PURE__ */ _(d, {
+			title: W.title || b("bigconsole.dashboards.builder.header.untitledDashboard", "Untitled dashboard"),
 			onBack: ge,
-			actions: /* @__PURE__ */ h("div", {
+			actions: /* @__PURE__ */ v("div", {
 				className: "flex items-center gap-2",
-				children: [w ? /* @__PURE__ */ m("span", {
+				children: [T ? /* @__PURE__ */ _("span", {
 					className: "text-xs font-medium text-status-error-text",
 					role: "alert",
-					children: w
-				}) : null, me ? /* @__PURE__ */ m("button", {
+					children: T
+				}) : null, pe ? /* @__PURE__ */ _("button", {
 					type: "button",
 					"data-testid": "open-custom-widget-builder",
-					onClick: () => O(!0),
+					onClick: () => k(!0),
 					className: `inline-flex min-h-control-md items-center rounded-button border border-[var(--color-border-subtle)] px-2 py-1 text-xs font-medium text-text-primary motion-safe:transition-colors hover:bg-bg-sunken ${r}`,
-					children: _("bigconsole.dashboards.builder.toolbar.aiWidget", "AI widget")
+					children: b("bigconsole.dashboards.builder.toolbar.aiWidget", "AI widget")
 				}) : null]
 			})
 		}),
 		children: [
-			/* @__PURE__ */ m(ee, { canvas: /* @__PURE__ */ m(re, {
-				dashboardId: G.id,
-				pageId: k || G.pages?.[0]?.id,
-				title: G.title,
-				onPaste: Q,
-				onSave: x ? _e : void 0,
-				isSaving: S,
-				onExport: pe ? ve : void 0,
-				pages: G.pages.map((e) => ({
+			/* @__PURE__ */ _(u, { canvas: /* @__PURE__ */ _(te, {
+				dashboardId: W.id,
+				pageId: G || W.pages?.[0]?.id,
+				title: W.title,
+				onPaste: $,
+				onSave: de ? _e : void 0,
+				isSaving: me,
+				onExport: fe ? ve : void 0,
+				pages: W.pages.map((e) => ({
 					id: e.id,
-					name: e.title || _("bigconsole.dashboards.builder.actions.newPageName", "Page {{count}}", { count: (e.index ?? 0) + 1 }),
+					name: e.title || b("bigconsole.dashboards.builder.actions.newPageName", "Page {{count}}", { count: (e.index ?? 0) + 1 }),
 					order: e.index ?? 0
 				})),
-				activePageId: k || G.pages?.[0]?.id,
-				onPageChange: ye,
-				onPageAdd: be,
-				onPageRename: xe,
-				onPageDuplicate: Se,
-				onPageDelete: Ce,
-				onPagesReorder: we,
+				activePageId: G || W.pages?.[0]?.id,
+				onPageChange: be,
+				onPageAdd: xe,
+				onPageRename: Se,
+				onPageDuplicate: Ce,
+				onPageDelete: we,
+				onPagesReorder: Te,
 				showPageTabs: !0
 			}) }),
-			/* @__PURE__ */ m(ie, {
-				isOpen: E,
-				dashboardId: G.id,
-				dashboardName: G.title,
-				onClose: $
+			/* @__PURE__ */ _(ne, {
+				isOpen: D,
+				dashboardId: W.id,
+				dashboardName: W.title,
+				onClose: ye
 			}),
-			/* @__PURE__ */ m(ae, {
+			/* @__PURE__ */ _(re, {
 				isOpen: he,
-				onClose: () => O(!1),
-				dashboardId: G.id,
-				pageId: k || G.pages?.[0]?.id || ""
+				onClose: () => k(!1),
+				dashboardId: W.id,
+				pageId: G || W.pages?.[0]?.id || ""
 			})
 		]
-	}) : /* @__PURE__ */ m(se, {
-		title: _("bigconsole.dashboards.builder.errors.accessDeniedTitle", "Access Denied"),
-		description: _("bigconsole.dashboards.builder.errors.accessDeniedDescription", "You don't have permission to view this dashboard.")
+	}) : /* @__PURE__ */ _(ae, {
+		title: b("bigconsole.dashboards.builder.errors.accessDeniedTitle", "Access Denied"),
+		description: b("bigconsole.dashboards.builder.errors.accessDeniedDescription", "You don't have permission to view this dashboard.")
 	});
 });
 //#endregion
-export { _ as DashboardBuilderPage, _ as default };
+export { b as DashboardBuilderPage, b as default };
 
 //# sourceMappingURL=DashboardBuilderPage.js.map