@zendir/ui 0.7.1 → 0.8.1

package/dist/react/astro/UnifiedTimeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnifiedTimeline.js","names":[],"sources":["../../../src/react/astro/UnifiedTimeline.tsx"],"sourcesContent":["/**\r\n * @zendir/ui - UnifiedTimeline Component\r\n *\r\n * Enterprise-grade unified timeline with seamless view switching between\r\n * Gantt chart view and Event list view.\r\n *\r\n * Design Philosophy (Apple/Google inspired):\r\n * - Single component, multiple views\r\n * - Smooth transitions between views\r\n * - Consistent data model\r\n * - Flexible for teams and single user\r\n *\r\n * @example\r\n * ```tsx\r\n * <UnifiedTimeline\r\n *   title=\"Mission Timeline\"\r\n *   events={events}\r\n *   tracks={tracks}\r\n *   defaultView=\"list\"\r\n * />\r\n * ```\r\n */\r\n\r\nimport React, {\r\n  memo,\r\n  useState,\r\n  useMemo,\r\n  useCallback,\r\n  useRef,\r\n  useEffect,\r\n} from \"react\";\r\nimport { useTheme } from \"../theme\";\r\nimport type { ThemeTokens } from \"../theme\";\r\nimport { classNames, safeAccentText } from \"../utils\";\r\nimport type { CategoryDef } from \"../types\";\r\nimport { useCategoryPalette } from \"../context/CategoryContext\";\r\nimport { Icon } from \"../core/display/Icon\";\r\nimport { Badge } from \"../core/display/Badge\";\r\nimport { Tooltip } from \"../core/overlays/Tooltip\";\r\nimport { Button } from \"../core/inputs/Button\";\r\nimport { useBreakpoint } from \"../core/layout/useBreakpoint\";\r\n// ============================================================================\r\n// Types\r\n// ============================================================================\r\n\r\n// ============================================================================\r\n// Z-Index scale — prevents conflicts with global modals, toasts, nav overlays\r\n// ============================================================================\r\nconst Z = {\r\n  /** Base layer for track events / scatter dots */\r\n  trackEvent: 1,\r\n  /** Hovered track event raised above siblings */\r\n  trackEventHovered: 20,\r\n  /** Sticky column elements (playhead, track labels) */\r\n  sticky: 15,\r\n  /** Floating day-marker lines above track content */\r\n  dayMarker: 5,\r\n  /** Current-time playhead line — above sticky headers and events */\r\n  playhead: 25,\r\n  /** Loading overlay covering chart content */\r\n  loadingOverlay: 100,\r\n  /** Floating tooltips — above all chart chrome */\r\n  tooltip: 1000,\r\n} as const;\r\n\r\n/** Filter key for events with no team accent (use with `TimelineFilter.teams`). */\r\nexport const TIMELINE_FILTER_TEAM_NONE = \"__zendir_team_none__\";\r\n/** Filter key for legacy accent color only (no structured `team.id`). */\r\nexport const TIMELINE_FILTER_TEAM_LEGACY = \"__zendir_team_legacy__\";\r\n\r\nexport type TimelineViewMode = \"list\" | \"chart\" | \"scatter\";\r\n\r\n/**\r\n * Team / category identity on the timeline.\r\n *\r\n * Extends the SDK-level `CategoryDef` with `label` kept optional for\r\n * backward compatibility — existing code that passes `{ id, color }` without\r\n * a label continues to compile and run unchanged.\r\n *\r\n * Because it extends `CategoryDef`, a `TimelineTeam` value can be used\r\n * anywhere a `CategoryDef` is expected (e.g. `CategoryPalette` constructor).\r\n */\r\nexport interface TimelineTeam extends Omit<CategoryDef, \"label\"> {\r\n  /** Human-readable name (tooltips, search, filter pills). Optional for backward compat. */\r\n  label?: string;\r\n}\r\n\r\nexport interface TimelineEvent {\r\n  /** Unique identifier */\r\n  id: string;\r\n  /** Event title */\r\n  title: string;\r\n  /** Start time */\r\n  start: Date;\r\n  /** End time (optional for point events) */\r\n  end?: Date;\r\n  /** Track/category this event belongs to */\r\n  track?: string;\r\n  /** Status for coloring */\r\n  status?: \"off\" | \"standby\" | \"normal\" | \"caution\" | \"serious\" | \"critical\";\r\n  /** Badge text */\r\n  badge?: string;\r\n  /** Badge variant - uses AstroUXDS status terms */\r\n  badgeVariant?:\r\n    | \"default\"\r\n    | \"primary\"\r\n    | \"normal\"\r\n    | \"caution\"\r\n    | \"serious\"\r\n    | \"critical\";\r\n  /** Subtitle/description */\r\n  subtitle?: string;\r\n  /** Additional timestamps to display in list view */\r\n  timestamps?: {\r\n    label: string;\r\n    value: string;\r\n    status?: \"normal\" | \"standby\" | \"caution\" | \"serious\" | \"critical\" | \"off\";\r\n  }[];\r\n  /** Arguments/metadata */\r\n  arguments?: Record<string, string | number | boolean>;\r\n  /** Custom metadata */\r\n  metadata?: Record<string, unknown>;\r\n  /**\r\n   * Team assignment (preferred): id + accent color (+ optional label).\r\n   * List: thin top stripe. Chart/Gantt: thin top stripe; status via Astro shape + hover.\r\n   * Scatter: outer ring. Does NOT override status fill.\r\n   */\r\n  team?: TimelineTeam;\r\n  /**\r\n   * @deprecated Prefer `team: { id, color, label? }`. If set without `team`, still used as the accent color (legacy).\r\n   */\r\n  color?: string;\r\n}\r\n\r\n/** Resolved team accent for rendering (from `event.team` or legacy `event.color`). */\r\nexport function getTimelineTeamAccent(\r\n  event: TimelineEvent,\r\n): { color: string; id?: string | number; label?: string } | null {\r\n  const t = event.team;\r\n  if (t?.color) {\r\n    return { color: t.color, id: t.id, label: t.label };\r\n  }\r\n  if (event.color) {\r\n    return { color: event.color };\r\n  }\r\n  return null;\r\n}\r\n\r\n/** Label for team row in tooltips (id / label / arguments.Team / badge). */\r\nexport function getTimelineTeamDisplayLabel(\r\n  event: TimelineEvent,\r\n  accent: NonNullable<ReturnType<typeof getTimelineTeamAccent>>,\r\n): string {\r\n  if (accent.label) return accent.label;\r\n  if (accent.id !== undefined && accent.id !== \"\") return String(accent.id);\r\n  const args = event.arguments as Record<string, unknown> | undefined;\r\n  const argsTeam = args?.Team;\r\n  if (argsTeam !== undefined && argsTeam !== \"\") return String(argsTeam);\r\n  return event.badge || \"Team\";\r\n}\r\n\r\n/** Stable key for team filter pills (`TimelineFilter.teams`). */\r\nexport function getTimelineTeamFilterKey(event: TimelineEvent): string {\r\n  const accent = getTimelineTeamAccent(event);\r\n  if (!accent) return TIMELINE_FILTER_TEAM_NONE;\r\n  if (accent.id === undefined || accent.id === \"\")\r\n    return TIMELINE_FILTER_TEAM_LEGACY;\r\n  return String(accent.id);\r\n}\r\n\r\nexport interface TimelineTrackDef {\r\n  /** Track identifier */\r\n  id: string;\r\n  /** Display label */\r\n  label: string;\r\n  /** Track height in pixels */\r\n  height?: number;\r\n}\r\n\r\nexport type TimeFormat = \"relative\" | \"absolute\" | \"utc\";\r\n\r\nexport interface TimelineFilter {\r\n  /** Filter by track IDs (empty / omitted = all tracks) */\r\n  tracks?: string[];\r\n  /** Filter by display status (multi-select; empty / omitted = all) */\r\n  status?: TimelineEvent[\"status\"][];\r\n  /** Case-insensitive match on title, subtitle, badge, track, argument values */\r\n  search?: string;\r\n  /** Duration shape: point (no end or zero length), range (has end after start), all */\r\n  eventShape?: \"all\" | \"point\" | \"range\";\r\n  /**\r\n   * Filter by team keys from `getTimelineTeamFilterKey` (e.g. `\"42\"`, `\"alpha\"`).\r\n   * Include `TIMELINE_FILTER_TEAM_NONE` / `TIMELINE_FILTER_TEAM_LEGACY` when those buckets exist in data.\r\n   */\r\n  teams?: string[];\r\n  /**\r\n   * @deprecated Use `teams` with explicit keys. When true (and `teams` is empty), only events with a team accent match.\r\n   */\r\n  teamColoredOnly?: boolean;\r\n}\r\n\r\nconst ALL_TIMELINE_STATUSES: TimelineEvent[\"status\"][] = [\r\n  \"off\",\r\n  \"standby\",\r\n  \"normal\",\r\n  \"caution\",\r\n  \"serious\",\r\n  \"critical\",\r\n];\r\n\r\n/** Display status used for filtering and markers (badgeVariant overrides raw status when set). */\r\nexport function getTimelineEventDisplayStatus(\r\n  event: TimelineEvent,\r\n): TimelineEvent[\"status\"] {\r\n  if (\r\n    event.badgeVariant &&\r\n    event.badgeVariant !== \"default\" &&\r\n    event.badgeVariant !== \"primary\"\r\n  ) {\r\n    return event.badgeVariant as TimelineEvent[\"status\"];\r\n  }\r\n  return event.status ?? \"normal\";\r\n}\r\n\r\nexport function isTimelineFilterActive(filter: TimelineFilter): boolean {\r\n  return Boolean(\r\n    (filter.search && filter.search.trim()) ||\r\n    (filter.tracks && filter.tracks.length > 0) ||\r\n    (filter.status && filter.status.length > 0) ||\r\n    (filter.eventShape && filter.eventShape !== \"all\") ||\r\n    (filter.teams && filter.teams.length > 0) ||\r\n    filter.teamColoredOnly,\r\n  );\r\n}\r\n\r\nfunction normalizeTimelineFilter(f: TimelineFilter): TimelineFilter {\r\n  const o: TimelineFilter = {};\r\n  const s = f.search?.trim();\r\n  if (s) o.search = s;\r\n  if (f.tracks?.length) o.tracks = [...f.tracks];\r\n  if (f.status?.length) o.status = [...f.status];\r\n  if (f.eventShape && f.eventShape !== \"all\") o.eventShape = f.eventShape;\r\n  if (f.teams?.length) o.teams = [...f.teams];\r\n  if (f.teamColoredOnly) o.teamColoredOnly = true;\r\n  return o;\r\n}\r\n\r\nexport function matchesTimelineFilter(\r\n  event: TimelineEvent,\r\n  filter: TimelineFilter,\r\n): boolean {\r\n  if (!isTimelineFilterActive(filter)) return true;\r\n\r\n  if (filter.tracks?.length) {\r\n    const tid = event.track ?? \"default\";\r\n    if (!filter.tracks.includes(tid)) return false;\r\n  }\r\n\r\n  if (filter.status?.length) {\r\n    const ds = getTimelineEventDisplayStatus(event);\r\n    if (!filter.status.includes(ds)) return false;\r\n  }\r\n\r\n  const q = filter.search?.trim().toLowerCase();\r\n  if (q) {\r\n    const argStr = event.arguments\r\n      ? Object.values(event.arguments)\r\n          .map((v) => String(v))\r\n          .join(\" \")\r\n      : \"\";\r\n    const accent = getTimelineTeamAccent(event);\r\n    const teamHay = accent\r\n      ? [accent.label, accent.id !== undefined ? String(accent.id) : \"\"]\r\n          .filter(Boolean)\r\n          .join(\" \")\r\n      : \"\";\r\n    const hay = [\r\n      event.title,\r\n      event.subtitle,\r\n      event.badge,\r\n      event.track,\r\n      argStr,\r\n      teamHay,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(\" \")\r\n      .toLowerCase();\r\n    if (!hay.includes(q)) return false;\r\n  }\r\n\r\n  if (filter.eventShape === \"point\") {\r\n    const endT = event.end?.getTime();\r\n    const st = event.start.getTime();\r\n    if (endT != null && endT > st) return false;\r\n  }\r\n  if (filter.eventShape === \"range\") {\r\n    const endT = event.end?.getTime();\r\n    const st = event.start.getTime();\r\n    if (endT == null || endT <= st) return false;\r\n  }\r\n\r\n  if (filter.teams?.length) {\r\n    const teamKey = getTimelineTeamFilterKey(event);\r\n    if (!filter.teams.includes(teamKey)) return false;\r\n  }\r\n\r\n  if (\r\n    filter.teamColoredOnly &&\r\n    !(filter.teams && filter.teams.length > 0) &&\r\n    !getTimelineTeamAccent(event)\r\n  ) {\r\n    return false;\r\n  }\r\n\r\n  return true;\r\n}\r\n\r\nfunction countTimelineFilterChips(filter: TimelineFilter): number {\r\n  let n = 0;\r\n  if (filter.search?.trim()) n++;\r\n  if (filter.tracks?.length) n++;\r\n  if (filter.status?.length) n++;\r\n  if (filter.eventShape && filter.eventShape !== \"all\") n++;\r\n  if (filter.teams && filter.teams.length > 0) n++;\r\n  if (filter.teamColoredOnly && !(filter.teams && filter.teams.length > 0)) n++;\r\n  return n;\r\n}\r\n\r\nexport interface UnifiedTimelineProps {\r\n  /** Timeline title */\r\n  title?: string;\r\n  /** Events to display */\r\n  events: TimelineEvent[];\r\n  /** Track definitions for chart view */\r\n  tracks?: TimelineTrackDef[];\r\n  /** Start time for chart view (auto-calculated if not provided) */\r\n  start?: Date;\r\n  /** End time for chart view (auto-calculated if not provided) */\r\n  end?: Date;\r\n  /** Default view mode */\r\n  defaultView?: TimelineViewMode;\r\n  /** Controlled view mode */\r\n  viewMode?: TimelineViewMode;\r\n  /** View mode change handler */\r\n  onViewModeChange?: (mode: TimelineViewMode) => void;\r\n  /** Event click handler */\r\n  onEventClick?: (event: TimelineEvent) => void;\r\n  /** Show view toggle */\r\n  showViewToggle?: boolean;\r\n  /** Max height for scrollable container */\r\n  maxHeight?: string | number;\r\n  /** Track height for chart view */\r\n  trackHeight?: number;\r\n  /** Custom className */\r\n  className?: string;\r\n  /** Time format for axis labels */\r\n  timeFormat?: TimeFormat;\r\n  /** Enable zoom controls */\r\n  zoomable?: boolean;\r\n  /** Initial zoom level (1 = 100%) */\r\n  initialZoom?: number;\r\n  /** Show filter & search controls in header (default true) */\r\n  showFilters?: boolean;\r\n  /** Start with the filter panel expanded (default false) */\r\n  filtersDefaultExpanded?: boolean;\r\n  /** When any filter is active, hide chart/scatter track rows that have no matching events */\r\n  hideEmptyTracksWhenFiltered?: boolean;\r\n  /** Controlled filter state */\r\n  filter?: TimelineFilter;\r\n  /** Filter change handler (receives normalized filter object) */\r\n  onFilterChange?: (filter: TimelineFilter) => void;\r\n  /** Show event count badge */\r\n  showCount?: boolean;\r\n  /** Loading state */\r\n  loading?: boolean;\r\n  /** Reference time for relative format (defaults to start of range) */\r\n  referenceTime?: Date;\r\n\r\n  // === Playhead Options (Astro UX) ===\r\n  /** Show playhead indicator at current time */\r\n  showPlayhead?: boolean;\r\n  /** Custom playhead time (for simulation mode) */\r\n  playheadTime?: Date;\r\n  /** Callback when playhead time changes (for interactive playhead) */\r\n  onPlayheadChange?: (time: Date) => void;\r\n\r\n  // === Day Markers (Astro UX) ===\r\n  /** Show day markers at midnight */\r\n  showDayMarkers?: boolean;\r\n\r\n  // === Customization ===\r\n  /**\r\n   * Override the label used for the \"Teams\" secondary-category filter section.\r\n   * Useful when the `team` field on events represents squads, categories, groups, etc.\r\n   * Defaults to `\"Teams\"`. The value is also used for ARIA labels and tooltip text.\r\n   * @example teamLabel=\"Squads\"\r\n   * @example teamLabel=\"Categories\"\r\n   */\r\n  teamLabel?: string;\r\n}\r\n\r\n// ============================================================================\r\n// Event List Item (for list view)\r\n// ============================================================================\r\n\r\n/** Astro UX status shapes per official spec: filled circle (normal), ring (standby), small circle (off), square (caution), diamond (serious), triangle (critical) */\r\nfunction TimelineStatusMarker({\r\n  status,\r\n  fillColor,\r\n  size = 12,\r\n}: {\r\n  status?: TimelineEvent[\"status\"];\r\n  fillColor: string;\r\n  size?: number;\r\n}): React.ReactElement {\r\n  const effectiveStatus = status ?? \"normal\";\r\n  const glow = `${fillColor}60`;\r\n\r\n  switch (effectiveStatus) {\r\n    case \"off\":\r\n      return (\r\n        <svg\r\n          viewBox=\"0 0 12 12\"\r\n          width={size}\r\n          height={size}\r\n          style={{ flexShrink: 0, filter: `drop-shadow(0 0 4px ${glow})` }}\r\n        >\r\n          <circle cx=\"6\" cy=\"6\" r=\"3\" fill={fillColor} />\r\n        </svg>\r\n      );\r\n    case \"standby\":\r\n      return (\r\n        <svg\r\n          viewBox=\"0 0 12 12\"\r\n          width={size}\r\n          height={size}\r\n          style={{ flexShrink: 0, filter: `drop-shadow(0 0 4px ${glow})` }}\r\n        >\r\n          <circle\r\n            cx=\"6\"\r\n            cy=\"6\"\r\n            r=\"3.5\"\r\n            fill=\"none\"\r\n            stroke={fillColor}\r\n            strokeWidth=\"2\"\r\n          />\r\n        </svg>\r\n      );\r\n    case \"normal\":\r\n      return (\r\n        <svg\r\n          viewBox=\"0 0 12 12\"\r\n          width={size}\r\n          height={size}\r\n          style={{ flexShrink: 0, filter: `drop-shadow(0 0 4px ${glow})` }}\r\n        >\r\n          <circle cx=\"6\" cy=\"6\" r=\"5\" fill={fillColor} />\r\n        </svg>\r\n      );\r\n    case \"caution\":\r\n      return (\r\n        <svg\r\n          viewBox=\"0 0 12 12\"\r\n          width={size}\r\n          height={size}\r\n          style={{ flexShrink: 0, filter: `drop-shadow(0 0 4px ${glow})` }}\r\n        >\r\n          <rect x=\"1\" y=\"1\" width=\"10\" height=\"10\" fill={fillColor} />\r\n        </svg>\r\n      );\r\n    case \"serious\":\r\n      return (\r\n        <svg\r\n          viewBox=\"0 0 12 12\"\r\n          width={size}\r\n          height={size}\r\n          style={{ flexShrink: 0, filter: `drop-shadow(0 0 4px ${glow})` }}\r\n        >\r\n          <polygon points=\"6,1 11,6 6,11 1,6\" fill={fillColor} />\r\n        </svg>\r\n      );\r\n    case \"critical\":\r\n      return (\r\n        <svg\r\n          viewBox=\"0 0 12 12\"\r\n          width={size}\r\n          height={size}\r\n          style={{ flexShrink: 0, filter: `drop-shadow(0 0 4px ${glow})` }}\r\n        >\r\n          <polygon points=\"6,11 1,2 11,2\" fill={fillColor} />\r\n        </svg>\r\n      );\r\n    default: // normal\r\n      return (\r\n        <svg\r\n          viewBox=\"0 0 12 12\"\r\n          width={size}\r\n          height={size}\r\n          style={{ flexShrink: 0, filter: `drop-shadow(0 0 4px ${glow})` }}\r\n        >\r\n          <circle cx=\"6\" cy=\"6\" r=\"5\" fill={fillColor} />\r\n        </svg>\r\n      );\r\n  }\r\n}\r\n\r\ninterface EventListItemProps {\r\n  event: TimelineEvent;\r\n  isLast: boolean;\r\n  onEventClick?: (event: TimelineEvent) => void;\r\n}\r\n\r\nconst EventListItem = memo(function EventListItem({\r\n  event,\r\n  isLast,\r\n  onEventClick,\r\n}: EventListItemProps) {\r\n  const { tokens } = useTheme();\r\n  const [expanded, setExpanded] = useState(false);\r\n  const [hovered, setHovered] = useState(false);\r\n\r\n  const hasArguments =\r\n    event.arguments && Object.keys(event.arguments).length > 0;\r\n  const argumentCount = hasArguments ? Object.keys(event.arguments!).length : 0;\r\n\r\n  // Generate timestamps from start/end if not provided\r\n  const timestamps = event.timestamps || [\r\n    {\r\n      label: \"Time\",\r\n      value:\r\n        event.start.toISOString().replace(\"T\", \" \").substring(0, 19) + \" UTC\",\r\n      status: event.status as any,\r\n    },\r\n  ];\r\n\r\n  // Single source of truth: badgeVariant overrides status so badge and marker always match\r\n  const displayStatus: TimelineEvent[\"status\"] =\r\n    event.badgeVariant &&\r\n    event.badgeVariant !== \"default\" &&\r\n    event.badgeVariant !== \"primary\"\r\n      ? event.badgeVariant\r\n      : (event.status ?? \"normal\");\r\n  const markerColor = tokens.colors.status[displayStatus];\r\n  const teamAccent = getTimelineTeamAccent(event);\r\n\r\n  return (\r\n    <div style={{ display: \"flex\", gap: \"16px\" }}>\r\n      {/* Timeline indicator - Astro UX status shape (circle/square/diamond/triangle) */}\r\n      <div\r\n        style={{\r\n          display: \"flex\",\r\n          flexDirection: \"column\",\r\n          alignItems: \"center\",\r\n          width: \"20px\",\r\n          flexShrink: 0,\r\n        }}\r\n      >\r\n        <div style={{ marginTop: \"8px\" }}>\r\n          <TimelineStatusMarker\r\n            status={displayStatus}\r\n            fillColor={markerColor}\r\n            size={12}\r\n          />\r\n        </div>\r\n        {!isLast && (\r\n          <div\r\n            style={{\r\n              width: \"2px\",\r\n              flex: 1,\r\n              backgroundColor: `${tokens.colors.accent.primary}30`,\r\n              marginTop: \"4px\",\r\n            }}\r\n          />\r\n        )}\r\n      </div>\r\n\r\n      {/* Event card */}\r\n      <div\r\n        onMouseEnter={() => setHovered(true)}\r\n        onMouseLeave={() => setHovered(false)}\r\n        onClick={() => onEventClick?.(event)}\r\n        style={{\r\n          position: \"relative\",\r\n          flex: 1,\r\n          marginBottom: \"16px\",\r\n          padding: teamAccent ? \"19px 20px 16px 20px\" : \"16px 20px\",\r\n          backgroundColor: tokens.colors.background.surface,\r\n          border: `1px solid ${hovered ? tokens.colors.accent.primary : tokens.colors.border.muted}`,\r\n          borderRadius: tokens.borderRadius.lg,\r\n          cursor: onEventClick ? \"pointer\" : \"default\",\r\n          transition: \"all 200ms cubic-bezier(0.4, 0, 0.2, 1)\",\r\n          overflow: \"hidden\",\r\n          boxShadow: hovered\r\n            ? `0 4px 20px ${tokens.colors.accent.primary}15, 0 0 0 1px ${tokens.colors.accent.primary}20`\r\n            : \"none\",\r\n        }}\r\n      >\r\n        {/* Team accent top stripe (id + color via `team` or legacy `color`) */}\r\n        {teamAccent && (\r\n          <div\r\n            style={{\r\n              position: \"absolute\",\r\n              top: 0,\r\n              left: 0,\r\n              right: 0,\r\n              height: 3,\r\n              backgroundColor: teamAccent.color,\r\n            }}\r\n          />\r\n        )}\r\n\r\n        {/* Header */}\r\n        <div\r\n          style={{\r\n            display: \"flex\",\r\n            alignItems: \"center\",\r\n            justifyContent: \"space-between\",\r\n            marginBottom: timestamps.length ? \"12px\" : 0,\r\n          }}\r\n        >\r\n          <h4\r\n            style={{\r\n              margin: 0,\r\n              fontSize: \"0.875rem\",\r\n              fontWeight: 500, // AstroUXDS medium (was 600)\r\n              color: tokens.colors.text.primary,\r\n              letterSpacing: \"0.02em\",\r\n              textTransform: \"uppercase\",\r\n            }}\r\n          >\r\n            {event.title}\r\n          </h4>\r\n          {event.badge && (\r\n            <Badge\r\n              variant={\r\n                displayStatus === \"caution\" || displayStatus === \"serious\"\r\n                  ? \"filled\"\r\n                  : \"outline\"\r\n              }\r\n              size=\"small\"\r\n              status={\r\n                displayStatus === \"critical\"\r\n                  ? \"critical\"\r\n                  : displayStatus === \"serious\"\r\n                    ? \"serious\"\r\n                    : displayStatus === \"caution\"\r\n                      ? \"caution\"\r\n                      : displayStatus === \"normal\"\r\n                        ? \"normal\"\r\n                        : undefined\r\n              }\r\n            >\r\n              {event.badge}\r\n            </Badge>\r\n          )}\r\n        </div>\r\n\r\n        {/* Subtitle */}\r\n        {event.subtitle && (\r\n          <p\r\n            style={{\r\n              margin: \"0 0 12px 0\",\r\n              fontSize: \"0.8125rem\",\r\n              color: tokens.colors.text.secondary,\r\n            }}\r\n          >\r\n            {event.subtitle}\r\n          </p>\r\n        )}\r\n\r\n        {/* Timestamps */}\r\n        {timestamps.length > 0 && (\r\n          <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"6px\" }}>\r\n            {timestamps.map((ts, index) => (\r\n              <div\r\n                key={index}\r\n                style={{\r\n                  display: \"flex\",\r\n                  alignItems: \"center\",\r\n                  justifyContent: \"space-between\",\r\n                  fontSize: \"0.8125rem\",\r\n                }}\r\n              >\r\n                <span\r\n                  style={{\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    gap: \"8px\",\r\n                    color: tokens.colors.text.secondary,\r\n                  }}\r\n                >\r\n                  <TimelineStatusMarker\r\n                    status={ts.status ?? \"normal\"}\r\n                    fillColor={\r\n                      ts.status\r\n                        ? tokens.colors.status[\r\n                            ts.status as keyof typeof tokens.colors.status\r\n                          ]\r\n                        : tokens.colors.accent.primary\r\n                    }\r\n                    size={6}\r\n                  />\r\n                  {ts.label}\r\n                </span>\r\n                <span\r\n                  style={{\r\n                    fontFamily: tokens.typography.fontFamily.mono,\r\n                    color: tokens.colors.text.primary,\r\n                    fontWeight: 500,\r\n                  }}\r\n                >\r\n                  {ts.value}\r\n                </span>\r\n              </div>\r\n            ))}\r\n          </div>\r\n        )}\r\n\r\n        {/* Arguments toggle */}\r\n        {hasArguments && (\r\n          <>\r\n            <button\r\n              type=\"button\"\r\n              onClick={(e) => {\r\n                e.stopPropagation();\r\n                setExpanded(!expanded);\r\n              }}\r\n              style={{\r\n                display: \"flex\",\r\n                alignItems: \"center\",\r\n                gap: \"6px\",\r\n                marginTop: \"12px\",\r\n                padding: 0,\r\n                background: \"none\",\r\n                border: \"none\",\r\n                color: tokens.colors.text.secondary,\r\n                fontSize: \"0.75rem\",\r\n                cursor: \"pointer\",\r\n                transition: \"color 150ms ease\",\r\n              }}\r\n              onMouseEnter={(e) =>\r\n                (e.currentTarget.style.color = tokens.colors.accent.primary)\r\n              }\r\n              onMouseLeave={(e) =>\r\n                (e.currentTarget.style.color = tokens.colors.text.secondary)\r\n              }\r\n            >\r\n              <svg\r\n                width=\"10\"\r\n                height=\"10\"\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"currentColor\"\r\n                style={{\r\n                  transform: expanded ? \"rotate(90deg)\" : \"rotate(0deg)\",\r\n                  transition: \"transform 150ms ease\",\r\n                }}\r\n              >\r\n                <path d=\"M8 5v14l11-7z\" />\r\n              </svg>\r\n              {expanded ? \"Hide\" : \"Show\"} Arguments ({argumentCount})\r\n            </button>\r\n\r\n            {expanded && (\r\n              <div\r\n                style={{\r\n                  marginTop: \"12px\",\r\n                  borderTop: `1px solid ${tokens.colors.border.muted}`,\r\n                  paddingTop: \"12px\",\r\n                  animation: \"zendir-expand 200ms ease-out\",\r\n                }}\r\n              >\r\n                <style>\r\n                  {`@keyframes zendir-expand { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }`}\r\n                </style>\r\n                {Object.entries(event.arguments!).map(([key, value]) => (\r\n                  <div\r\n                    key={key}\r\n                    style={{\r\n                      display: \"flex\",\r\n                      alignItems: \"center\",\r\n                      justifyContent: \"space-between\",\r\n                      padding: \"8px 12px\",\r\n                      marginBottom: \"4px\",\r\n                      backgroundColor: tokens.colors.background.elevated,\r\n                      borderRadius: tokens.borderRadius.md,\r\n                      fontSize: \"0.8125rem\",\r\n                    }}\r\n                  >\r\n                    <span style={{ color: tokens.colors.text.secondary }}>\r\n                      {key}\r\n                    </span>\r\n                    <span\r\n                      style={{\r\n                        fontFamily: tokens.typography.fontFamily.mono,\r\n                        color:\r\n                          typeof value === \"boolean\"\r\n                            ? value\r\n                              ? tokens.colors.status.normal\r\n                              : tokens.colors.text.tertiary\r\n                            : tokens.colors.text.primary,\r\n                        fontWeight: 500,\r\n                      }}\r\n                    >\r\n                      {String(value)}\r\n                    </span>\r\n                  </div>\r\n                ))}\r\n              </div>\r\n            )}\r\n          </>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n});\r\n\r\n// ============================================================================\r\n// Chart View (Gantt-style) - Matches original Timeline design\r\n// ============================================================================\r\n\r\ninterface ChartViewProps {\r\n  events: TimelineEvent[];\r\n  tracks: TimelineTrackDef[];\r\n  start: Date;\r\n  end: Date;\r\n  trackHeight: number;\r\n  onEventClick?: (event: TimelineEvent) => void;\r\n  zoom: number;\r\n  showPlayhead?: boolean;\r\n  playheadTime?: Date;\r\n  onPlayheadChange?: (time: Date) => void;\r\n  showDayMarkers?: boolean;\r\n  timeFormat?: TimeFormat;\r\n}\r\n\r\nconst ChartView = memo(function ChartView({\r\n  events,\r\n  tracks,\r\n  start,\r\n  end,\r\n  trackHeight,\r\n  onEventClick,\r\n  zoom,\r\n  showPlayhead = true,\r\n  playheadTime,\r\n  onPlayheadChange: _onPlayheadChange,\r\n  showDayMarkers = true,\r\n  timeFormat = \"absolute\",\r\n}: ChartViewProps) {\r\n  const { tokens, theme } = useTheme();\r\n  const isTransparentTheme =\r\n    theme === \"transparent\" ||\r\n    theme === \"transparent-bold\" ||\r\n    theme === \"transparent-minimal\";\r\n  const [hoveredEvent, setHoveredEvent] = useState<string | null>(null);\r\n  const [tooltipPos, setTooltipPos] = useState<{ x: number; y: number } | null>(\r\n    null,\r\n  );\r\n  const scrollContainerRef = useRef<HTMLDivElement>(null);\r\n  /* scrollX tracks the horizontal scroll offset so events outside the visible area can be skipped.\r\n     This provides cheap bounding-box culling without a virtual-DOM library. */\r\n  const [scrollX, setScrollX] = useState(0);\r\n\r\n  const totalDuration = end.getTime() - start.getTime();\r\n  const trackLabelWidth = 130;\r\n\r\n  // Generate time labels (adjust based on zoom)\r\n  const timeLabels = useMemo(() => {\r\n    const labels: { time: Date; percent: number }[] = [];\r\n    // More labels when zoomed in, fewer when zoomed out\r\n    const baseLabelCount = 6;\r\n    const labelCount = Math.round(baseLabelCount * zoom);\r\n\r\n    for (let i = 0; i <= labelCount; i++) {\r\n      const percent = (i / labelCount) * 100;\r\n      const time = new Date(start.getTime() + (totalDuration * percent) / 100);\r\n      labels.push({ time, percent });\r\n    }\r\n    return labels;\r\n  }, [start, totalDuration, zoom]);\r\n\r\n  // Group events by track with overlap detection\r\n  const eventsByTrack = useMemo(() => {\r\n    const grouped: Record<string, TimelineEvent[]> = {};\r\n    tracks.forEach((track) => {\r\n      grouped[track.id] = events.filter((e) => e.track === track.id);\r\n    });\r\n    // Add unassigned events to first track\r\n    const unassigned = events.filter((e) => !e.track);\r\n    if (unassigned.length > 0 && tracks.length > 0) {\r\n      grouped[tracks[0].id] = [...(grouped[tracks[0].id] || []), ...unassigned];\r\n    }\r\n    return grouped;\r\n  }, [events, tracks]);\r\n\r\n  // Detect overlapping events and calculate stacking\r\n  const eventOverlaps = useMemo(() => {\r\n    const overlaps: Record<\r\n      string,\r\n      { stackIndex: number; overlapCount: number; overlappingIds: string[] }\r\n    > = {};\r\n\r\n    Object.entries(eventsByTrack).forEach(([_trackId, trackEvents]) => {\r\n      // Sort events by start time\r\n      const sorted = [...trackEvents].sort(\r\n        (a, b) => a.start.getTime() - b.start.getTime(),\r\n      );\r\n\r\n      sorted.forEach((event) => {\r\n        const eventStart = event.start.getTime();\r\n        const eventEnd = (event.end || new Date(eventStart + 300000)).getTime();\r\n\r\n        // Find all overlapping events\r\n        const overlapping = sorted.filter((other) => {\r\n          if (other.id === event.id) return false;\r\n          const otherStart = other.start.getTime();\r\n          const otherEnd = (\r\n            other.end || new Date(otherStart + 300000)\r\n          ).getTime();\r\n          return eventStart < otherEnd && eventEnd > otherStart;\r\n        });\r\n\r\n        // Calculate stack index (position in vertical stack)\r\n        let stackIndex = 0;\r\n        if (overlapping.length > 0) {\r\n          const usedIndices = overlapping\r\n            .filter((o) => overlaps[o.id] !== undefined)\r\n            .map((o) => overlaps[o.id].stackIndex);\r\n          while (usedIndices.includes(stackIndex)) {\r\n            stackIndex++;\r\n          }\r\n        }\r\n\r\n        overlaps[event.id] = {\r\n          stackIndex,\r\n          overlapCount: overlapping.length,\r\n          overlappingIds: overlapping.map((o) => o.id),\r\n        };\r\n      });\r\n    });\r\n\r\n    return overlaps;\r\n  }, [eventsByTrack]);\r\n\r\n  // Generate day markers at midnight\r\n  const dayMarkers = useMemo(() => {\r\n    const markers: { time: Date; percent: number }[] = [];\r\n    const current = new Date(start);\r\n\r\n    // Move to midnight of the first day\r\n    current.setUTCHours(0, 0, 0, 0);\r\n    if (current.getTime() < start.getTime()) {\r\n      current.setUTCDate(current.getUTCDate() + 1);\r\n    }\r\n\r\n    while (current.getTime() <= end.getTime()) {\r\n      const percent =\r\n        ((current.getTime() - start.getTime()) / totalDuration) * 100;\r\n      if (percent >= 0 && percent <= 100) {\r\n        markers.push({ time: new Date(current), percent });\r\n      }\r\n      current.setUTCDate(current.getUTCDate() + 1);\r\n    }\r\n\r\n    return markers;\r\n  }, [start, end, totalDuration]);\r\n\r\n  // Format helpers — respect timeFormat prop so axis labels match the app's clock\r\n  const formatTime = (date: Date, showSeconds = false) => {\r\n    if (timeFormat === \"utc\") {\r\n      const h = String(date.getUTCHours()).padStart(2, \"0\");\r\n      const m = String(date.getUTCMinutes()).padStart(2, \"0\");\r\n      if (showSeconds) {\r\n        const s = String(date.getUTCSeconds()).padStart(2, \"0\");\r\n        return `${h}:${m}:${s} UTC`;\r\n      }\r\n      return `${h}:${m} UTC`;\r\n    }\r\n    const options: Intl.DateTimeFormatOptions = {\r\n      hour: \"2-digit\",\r\n      minute: \"2-digit\",\r\n      ...(showSeconds && { second: \"2-digit\" }),\r\n    };\r\n    return date.toLocaleTimeString([], options);\r\n  };\r\n\r\n  const formatDuration = (ms: number) => {\r\n    const totalSeconds = Math.floor(ms / 1000);\r\n    const hours = Math.floor(totalSeconds / 3600);\r\n    const minutes = Math.floor((totalSeconds % 3600) / 60);\r\n    const seconds = totalSeconds % 60;\r\n    if (hours > 0) return `${hours}h ${minutes}m`;\r\n    if (minutes > 0) return `${minutes}m ${seconds}s`;\r\n    return `${seconds}s`;\r\n  };\r\n\r\n  const formatUTC = (date: Date) => {\r\n    return date.toISOString().replace(\"T\", \" \").substring(0, 19) + \" UTC\";\r\n  };\r\n\r\n  const getEventPosition = (event: TimelineEvent) => {\r\n    const eventStart = event.start.getTime();\r\n    const eventEnd = (event.end || new Date(eventStart + 300000)).getTime(); // 5min default\r\n    const leftPercent = ((eventStart - start.getTime()) / totalDuration) * 100;\r\n    const widthPercent = ((eventEnd - eventStart) / totalDuration) * 100;\r\n    return {\r\n      left: `${Math.max(0, Math.min(100, leftPercent))}%`,\r\n      width: `${Math.max(2, Math.min(100 - leftPercent, widthPercent))}%`,\r\n    };\r\n  };\r\n\r\n  const getStatusColor = (status?: string) => {\r\n    if (!status) return tokens.colors.accent.primary;\r\n    return (\r\n      tokens.colors.status[status as keyof typeof tokens.colors.status] ||\r\n      tokens.colors.accent.primary\r\n    );\r\n  };\r\n\r\n  /**\r\n   * Returns false for events whose rendered position is entirely outside the current horizontal\r\n   * scroll viewport, so we can skip them without touching the DOM. This is cheap per-frame\r\n   * bounding-box culling; the scroll container width is read once from the ref at render time.\r\n   */\r\n  const isEventVisible = useCallback(\r\n    (event: TimelineEvent): boolean => {\r\n      const container = scrollContainerRef.current;\r\n      if (!container) return true; // fallback: always render during SSR / first paint\r\n      const viewportWidth = container.clientWidth - trackLabelWidth;\r\n      if (viewportWidth <= 0) return true;\r\n      const totalWidth = container.scrollWidth - trackLabelWidth;\r\n      const eventStartMs = event.start.getTime();\r\n      const eventEndMs = (\r\n        event.end ?? new Date(eventStartMs + 300_000)\r\n      ).getTime();\r\n      const leftPx =\r\n        ((eventStartMs - start.getTime()) / totalDuration) * totalWidth;\r\n      const rightPx =\r\n        ((eventEndMs - start.getTime()) / totalDuration) * totalWidth;\r\n      /* Add 50px overscan so events sliding into view don't pop in */\r\n      const overscan = 50;\r\n      return (\r\n        rightPx >= scrollX - overscan &&\r\n        leftPx <= scrollX + viewportWidth + overscan\r\n      );\r\n    },\r\n    [start, totalDuration, scrollX, trackLabelWidth],\r\n  );\r\n\r\n  const getStatusLabel = (status?: string) => {\r\n    const labels: Record<string, string> = {\r\n      normal: \"Normal\",\r\n      standby: \"Standby\",\r\n      caution: \"Caution\",\r\n      serious: \"Serious\",\r\n      critical: \"Critical\",\r\n      off: \"Off\",\r\n    };\r\n    return labels[status || \"\"] || \"Unknown\";\r\n  };\r\n\r\n  // Current time playhead (use provided time or current time)\r\n  const currentPlayheadTime = playheadTime || new Date();\r\n  const now = currentPlayheadTime.getTime();\r\n  const playheadPercent =\r\n    showPlayhead && now >= start.getTime() && now <= end.getTime()\r\n      ? ((now - start.getTime()) / totalDuration) * 100\r\n      : null;\r\n\r\n  // Auto-follow playhead: keep the playhead marker visible by scrolling the\r\n  // chart view horizontally when the playhead nears the edge of the viewport.\r\n  const lastAutoScrollRef = useRef(0);\r\n  useEffect(() => {\r\n    if (playheadPercent === null) return;\r\n    const container = scrollContainerRef.current;\r\n    if (!container) return;\r\n    const contentWidth = container.scrollWidth;\r\n    const viewportWidth = container.clientWidth;\r\n    if (contentWidth <= viewportWidth) return;\r\n    // Position of the playhead in px (within the scrollable content area past trackLabelWidth)\r\n    const timelineContentWidth = contentWidth - trackLabelWidth;\r\n    const playheadPx =\r\n      trackLabelWidth + (playheadPercent / 100) * timelineContentWidth;\r\n    const scrollLeft = container.scrollLeft;\r\n    const visibleLeft = scrollLeft + trackLabelWidth;\r\n    const visibleRight = scrollLeft + viewportWidth;\r\n    // Scroll when the playhead is beyond 85% of the visible region or before 15%\r\n    const margin = viewportWidth * 0.15;\r\n    if (\r\n      playheadPx > visibleRight - margin ||\r\n      playheadPx < visibleLeft + margin\r\n    ) {\r\n      // Throttle auto-scroll to avoid fighting user scrolling\r\n      const nowMs = Date.now();\r\n      if (nowMs - lastAutoScrollRef.current < 300) return;\r\n      lastAutoScrollRef.current = nowMs;\r\n      const targetScroll = playheadPx - viewportWidth * 0.5;\r\n      container.scrollTo({\r\n        left: Math.max(0, targetScroll),\r\n        behavior: \"smooth\",\r\n      });\r\n    }\r\n  }, [playheadPercent, trackLabelWidth]);\r\n\r\n  // Get hovered event details\r\n  const hoveredEventData = hoveredEvent\r\n    ? events.find((e) => e.id === hoveredEvent)\r\n    : null;\r\n\r\n  return (\r\n    <div style={{ position: \"relative\" }}>\r\n      {/* Scrollable chart area with sticky track labels */}\r\n      <div\r\n        ref={scrollContainerRef}\r\n        className=\"zendir-timeline-scroll\"\r\n        onScroll={(e) =>\r\n          setScrollX((e.currentTarget as HTMLDivElement).scrollLeft)\r\n        }\r\n        style={{\r\n          overflowX: \"auto\",\r\n          overflowY: \"hidden\",\r\n          position: \"relative\",\r\n        }}\r\n      >\r\n        <div\r\n          style={{\r\n            width: `${zoom * 100}%`,\r\n            minWidth: \"100%\",\r\n            position: \"relative\",\r\n          }}\r\n        >\r\n          {/* Time axis */}\r\n          <div\r\n            style={{\r\n              display: \"flex\",\r\n              height: 32,\r\n              borderBottom: `1px solid ${tokens.colors.accent.primary}20`,\r\n              position: \"sticky\",\r\n              top: 0,\r\n              zIndex: Z.trackEventHovered,\r\n              backgroundColor: isTransparentTheme\r\n                ? \"transparent\"\r\n                : tokens.colors.background.surface,\r\n              ...(isTransparentTheme && {\r\n                backdropFilter: \"blur(12px)\",\r\n                WebkitBackdropFilter: \"blur(12px)\" as const,\r\n              }),\r\n            }}\r\n          >\r\n            {/* Sticky header corner */}\r\n            <div\r\n              style={{\r\n                width: trackLabelWidth,\r\n                flexShrink: 0,\r\n                position: \"sticky\",\r\n                left: 0,\r\n                zIndex: Z.trackEventHovered + 5,\r\n                backgroundColor: isTransparentTheme\r\n                  ? \"transparent\"\r\n                  : tokens.colors.background.surface,\r\n                ...(isTransparentTheme && {\r\n                  backdropFilter: \"blur(12px)\",\r\n                  WebkitBackdropFilter: \"blur(12px)\" as const,\r\n                }),\r\n                borderRight: `1px solid ${tokens.colors.border.muted}30`,\r\n                display: \"flex\",\r\n                alignItems: \"center\",\r\n                paddingLeft: 12,\r\n                fontSize: \"0.625rem\",\r\n                fontWeight: 500, // AstroUXDS medium (was 600)\r\n                color: tokens.colors.text.tertiary,\r\n                textTransform: \"uppercase\",\r\n                letterSpacing: \"0.08em\",\r\n              }}\r\n            >\r\n              Tracks\r\n            </div>\r\n\r\n            {/* Time labels container */}\r\n            <div style={{ flex: 1, position: \"relative\" }}>\r\n              {/* Day markers */}\r\n              {showDayMarkers &&\r\n                dayMarkers.map((marker, index) => (\r\n                  <div\r\n                    key={`day-${index}`}\r\n                    style={{\r\n                      position: \"absolute\",\r\n                      left: `${marker.percent}%`,\r\n                      top: 0,\r\n                      height: \"100%\",\r\n                      display: \"flex\",\r\n                      flexDirection: \"column\",\r\n                      alignItems: \"center\",\r\n                      zIndex: Z.dayMarker,\r\n                    }}\r\n                  >\r\n                    <span\r\n                      style={{\r\n                        fontSize: \"0.5rem\",\r\n                        color: tokens.colors.status.caution,\r\n                        fontFamily: tokens.typography.fontFamily.mono,\r\n                        whiteSpace: \"nowrap\",\r\n                        backgroundColor: `${tokens.colors.status.caution}20`,\r\n                        padding: \"1px 4px\",\r\n                        borderRadius: 2,\r\n                        marginTop: 2,\r\n                      }}\r\n                    >\r\n                      {marker.time.toLocaleDateString([], {\r\n                        month: \"short\",\r\n                        day: \"numeric\",\r\n                      })}\r\n                    </span>\r\n                  </div>\r\n                ))}\r\n\r\n              {/* Time labels */}\r\n              {timeLabels.map((label, index) => (\r\n                <span\r\n                  key={index}\r\n                  style={{\r\n                    position: \"absolute\",\r\n                    left: `${label.percent}%`,\r\n                    transform: \"translateX(-50%)\",\r\n                    top: 8,\r\n                    fontSize: \"0.6875rem\",\r\n                    color: tokens.colors.text.tertiary,\r\n                    fontFamily: tokens.typography.fontFamily.mono,\r\n                    whiteSpace: \"nowrap\",\r\n                  }}\r\n                >\r\n                  {formatTime(label.time)}\r\n                </span>\r\n              ))}\r\n            </div>\r\n          </div>\r\n\r\n          {/* Tracks */}\r\n          {tracks.map((track) => (\r\n            <div\r\n              key={track.id}\r\n              aria-label={track.label}\r\n              style={{\r\n                display: \"flex\",\r\n                height: track.height || trackHeight,\r\n                borderBottom: `1px solid ${tokens.colors.accent.primary}10`,\r\n              }}\r\n            >\r\n              {/* Track label - STICKY on horizontal scroll */}\r\n              <div\r\n                style={{\r\n                  width: trackLabelWidth,\r\n                  flexShrink: 0,\r\n                  position: \"sticky\",\r\n                  left: 0,\r\n                  zIndex: Z.sticky,\r\n                  display: \"flex\",\r\n                  alignItems: \"center\",\r\n                  paddingLeft: 12,\r\n                  fontSize: \"0.6875rem\",\r\n                  fontWeight: 500, // AstroUXDS medium (was 600)\r\n                  color: tokens.colors.text.secondary,\r\n                  textTransform: \"uppercase\",\r\n                  letterSpacing: \"0.05em\",\r\n                  backgroundColor: isTransparentTheme\r\n                    ? \"transparent\"\r\n                    : tokens.colors.background.surface,\r\n                  ...(isTransparentTheme && {\r\n                    backdropFilter: \"blur(12px)\",\r\n                    WebkitBackdropFilter: \"blur(12px)\" as const,\r\n                  }),\r\n                  borderRight: `1px solid ${tokens.colors.border.muted}30`,\r\n                  boxShadow: \"2px 0 8px rgba(0,0,0,0.15)\",\r\n                }}\r\n              >\r\n                {track.label}\r\n              </div>\r\n\r\n              {/* Track events container - separate from label */}\r\n              <div\r\n                style={{\r\n                  flex: 1,\r\n                  position: \"relative\",\r\n                  height: \"100%\",\r\n                }}\r\n              >\r\n                {/* Day marker vertical lines */}\r\n                {showDayMarkers &&\r\n                  dayMarkers.map((marker, index) => (\r\n                    <div\r\n                      key={`day-line-${index}`}\r\n                      style={{\r\n                        position: \"absolute\",\r\n                        left: `${marker.percent}%`,\r\n                        top: 0,\r\n                        bottom: 0,\r\n                        width: 1,\r\n                        backgroundColor: `${tokens.colors.status.caution}25`,\r\n                        zIndex: Z.trackEvent,\r\n                        pointerEvents: \"none\",\r\n                      }}\r\n                    />\r\n                  ))}\r\n\r\n                {(eventsByTrack[track.id] || [])\r\n                  .filter(isEventVisible)\r\n                  .map((event) => {\r\n                    const { left, width } = getEventPosition(event);\r\n                    const displayStatus: TimelineEvent[\"status\"] =\r\n                      event.badgeVariant &&\r\n                      event.badgeVariant !== \"default\" &&\r\n                      event.badgeVariant !== \"primary\"\r\n                        ? event.badgeVariant\r\n                        : (event.status ?? \"normal\");\r\n                    const color = getStatusColor(displayStatus);\r\n                    const isHovered = hoveredEvent === event.id;\r\n                    const overlap = eventOverlaps[event.id];\r\n                    const hasOverlap = overlap && overlap.overlapCount > 0;\r\n                    const teamAccent = getTimelineTeamAccent(event);\r\n\r\n                    // Stack events vertically when they overlap\r\n                    const cardHeight = hasOverlap ? 30 : 38;\r\n                    const stackOffset = overlap ? overlap.stackIndex * 30 : 0;\r\n                    const baseTop =\r\n                      ((track.height || trackHeight) - cardHeight) / 2;\r\n\r\n                    return (\r\n                      <button\r\n                        key={event.id}\r\n                        type=\"button\"\r\n                        aria-label={`${event.title}${event.status ? `, status: ${event.status}` : \"\"}`}\r\n                        onClick={() => onEventClick?.(event)}\r\n                        onMouseEnter={(e) => {\r\n                          setHoveredEvent(event.id);\r\n                          const rect = e.currentTarget.getBoundingClientRect();\r\n                          setTooltipPos({\r\n                            x: rect.left + rect.width / 2,\r\n                            y: rect.top - 8,\r\n                          });\r\n                        }}\r\n                        onMouseLeave={() => {\r\n                          setHoveredEvent(null);\r\n                          setTooltipPos(null);\r\n                        }}\r\n                        onFocus={(e) => {\r\n                          /* keyboard navigation: show tooltip when event receives focus */\r\n                          setHoveredEvent(event.id);\r\n                          const rect = e.currentTarget.getBoundingClientRect();\r\n                          setTooltipPos({\r\n                            x: rect.left + rect.width / 2,\r\n                            y: rect.top - 8,\r\n                          });\r\n                        }}\r\n                        onBlur={() => {\r\n                          setHoveredEvent(null);\r\n                          setTooltipPos(null);\r\n                        }}\r\n                        className=\"zendir-timeline-region\"\r\n                        style={{\r\n                          position: \"absolute\",\r\n                          left,\r\n                          width,\r\n                          minWidth: 50,\r\n                          height: cardHeight,\r\n                          top: Math.min(\r\n                            baseTop + stackOffset,\r\n                            (track.height || trackHeight) - cardHeight - 4,\r\n                          ),\r\n                          backgroundColor: \"rgba(11, 26, 40, 0.95)\",\r\n                          border: `1px solid ${isHovered ? color : `${tokens.colors.accent.primary}30`}`,\r\n                          borderRadius: \"4px\",\r\n                          cursor: onEventClick ? \"pointer\" : \"default\",\r\n                          display: \"flex\",\r\n                          alignItems: \"center\",\r\n                          overflow: \"hidden\",\r\n                          zIndex: isHovered\r\n                            ? Z.trackEventHovered\r\n                            : Z.trackEvent,\r\n                          boxShadow: isHovered\r\n                            ? `0 8px 24px rgba(0, 0, 0, 0.5), 0 0 0 1px ${color}60`\r\n                            : \"0 2px 6px rgba(0, 0, 0, 0.25)\",\r\n                          transition: \"all 150ms cubic-bezier(0.4, 0, 0.2, 1)\",\r\n                          transform: isHovered\r\n                            ? \"translateY(-3px) scale(1.02)\"\r\n                            : \"none\",\r\n                        }}\r\n                      >\r\n                        {/* Team-only top stripe; status is not duplicated as a line (shape + border/hover carry severity). */}\r\n                        {teamAccent ? (\r\n                          <div\r\n                            style={{\r\n                              position: \"absolute\",\r\n                              top: 0,\r\n                              left: 0,\r\n                              right: 0,\r\n                              height: 2,\r\n                              backgroundColor: teamAccent.color,\r\n                              borderRadius: \"4px 4px 0 0\",\r\n                              zIndex: 1,\r\n                              pointerEvents: \"none\",\r\n                            }}\r\n                            aria-hidden\r\n                          />\r\n                        ) : null}\r\n\r\n                        {/* Content: status symbol + title */}\r\n                        <div\r\n                          style={{\r\n                            flex: 1,\r\n                            padding: `${teamAccent ? 6 : 4}px 8px 4px 8px`,\r\n                            overflow: \"hidden\",\r\n                            minWidth: 0,\r\n                            display: \"flex\",\r\n                            flexDirection: \"column\",\r\n                            justifyContent: \"center\",\r\n                          }}\r\n                        >\r\n                          <div\r\n                            style={{\r\n                              display: \"flex\",\r\n                              alignItems: \"center\",\r\n                              gap: 6,\r\n                              minWidth: 0,\r\n                            }}\r\n                          >\r\n                            <TimelineStatusMarker\r\n                              status={displayStatus}\r\n                              fillColor={color}\r\n                              size={hasOverlap ? 8 : 10}\r\n                            />\r\n                            <span\r\n                              style={{\r\n                                fontSize: \"0.6875rem\",\r\n                                fontWeight: 500, // AstroUXDS medium (was 600)\r\n                                color: \"#fff\",\r\n                                whiteSpace: \"nowrap\",\r\n                                overflow: \"hidden\",\r\n                                textOverflow: \"ellipsis\",\r\n                                minWidth: 0,\r\n                              }}\r\n                            >\r\n                              {event.title}\r\n                            </span>\r\n                          </div>\r\n\r\n                          {event.subtitle && !hasOverlap && (\r\n                            <div\r\n                              style={{\r\n                                fontSize: \"0.5625rem\",\r\n                                color: \"rgba(255, 255, 255, 0.5)\",\r\n                                whiteSpace: \"nowrap\",\r\n                                overflow: \"hidden\",\r\n                                textOverflow: \"ellipsis\",\r\n                                marginTop: 1,\r\n                                paddingLeft: 16,\r\n                              }}\r\n                            >\r\n                              {event.subtitle}\r\n                            </div>\r\n                          )}\r\n                        </div>\r\n\r\n                        {/* Overlap indicator badge */}\r\n                        {hasOverlap && overlap.stackIndex === 0 && (\r\n                          <div\r\n                            style={{\r\n                              position: \"absolute\",\r\n                              top: -6,\r\n                              right: -6,\r\n                              minWidth: 18,\r\n                              height: 18,\r\n                              backgroundColor: tokens.colors.status.caution,\r\n                              borderRadius: 9,\r\n                              display: \"flex\",\r\n                              alignItems: \"center\",\r\n                              justifyContent: \"center\",\r\n                              fontSize: \"0.625rem\",\r\n                              fontWeight: 700,\r\n                              color: \"#000\",\r\n                              boxShadow: \"0 2px 6px rgba(0, 0, 0, 0.3)\",\r\n                              zIndex: Z.sticky - 5,\r\n                            }}\r\n                            title={`${overlap.overlapCount + 1} overlapping events`}\r\n                          >\r\n                            +{overlap.overlapCount}\r\n                          </div>\r\n                        )}\r\n                      </button>\r\n                    );\r\n                  })}\r\n              </div>\r\n            </div>\r\n          ))}\r\n\r\n          {/* Current time playhead */}\r\n          {playheadPercent !== null && (\r\n            <div\r\n              style={{\r\n                position: \"absolute\",\r\n                top: 0,\r\n                bottom: 0,\r\n                left: `calc(${trackLabelWidth}px + (100% - ${trackLabelWidth}px) * ${playheadPercent} / 100)`,\r\n                width: 2,\r\n                backgroundColor: tokens.colors.accent.primary,\r\n                boxShadow: `0 0 12px ${tokens.colors.accent.primary}`,\r\n                zIndex: Z.playhead,\r\n                pointerEvents: \"none\",\r\n                transition: \"left 0.4s linear\",\r\n              }}\r\n            >\r\n              {/* Playhead arrow indicator */}\r\n              <div\r\n                style={{\r\n                  position: \"absolute\",\r\n                  top: 22,\r\n                  left: -5,\r\n                  width: 12,\r\n                  height: 12,\r\n                  backgroundColor: tokens.colors.accent.primary,\r\n                  borderRadius: 2,\r\n                  transform: \"rotate(45deg)\",\r\n                  boxShadow: `0 0 8px ${tokens.colors.accent.primary}`,\r\n                }}\r\n              />\r\n\r\n              {/* Playhead time label */}\r\n              <div\r\n                style={{\r\n                  position: \"absolute\",\r\n                  top: 4,\r\n                  left: \"50%\",\r\n                  transform: \"translateX(-50%)\",\r\n                  backgroundColor: tokens.colors.accent.primary,\r\n                  color: tokens.colors.background.base,\r\n                  fontSize: \"0.5625rem\",\r\n                  fontWeight: 500, // AstroUXDS medium (was 600)\r\n                  fontFamily: tokens.typography.fontFamily.mono,\r\n                  padding: \"2px 6px\",\r\n                  borderRadius: 3,\r\n                  whiteSpace: \"nowrap\",\r\n                  boxShadow: \"0 2px 8px rgba(0, 0, 0, 0.3)\",\r\n                }}\r\n              >\r\n                {formatTime(currentPlayheadTime, true)}\r\n              </div>\r\n            </div>\r\n          )}\r\n        </div>\r\n      </div>\r\n\r\n      {/* Rich Hover Tooltip */}\r\n      {hoveredEventData &&\r\n        tooltipPos &&\r\n        (() => {\r\n          const tooltipColor = getStatusColor(hoveredEventData.status);\r\n          const teamTip = getTimelineTeamAccent(hoveredEventData);\r\n          return (\r\n            <div\r\n              style={{\r\n                position: \"fixed\",\r\n                left: tooltipPos.x,\r\n                top: tooltipPos.y,\r\n                transform: \"translate(-50%, -100%)\",\r\n                zIndex: Z.tooltip,\r\n                pointerEvents: \"none\",\r\n                animation: \"zendir-tooltip-appear 150ms ease\",\r\n              }}\r\n            >\r\n              <div\r\n                style={{\r\n                  backgroundColor: \"rgba(15, 23, 42, 0.98)\",\r\n                  border: `1px solid ${tooltipColor}50`,\r\n                  borderRadius: tokens.borderRadius.md,\r\n                  padding: \"12px 16px\",\r\n                  minWidth: 220,\r\n                  maxWidth: 320,\r\n                  boxShadow: `0 12px 40px rgba(0, 0, 0, 0.5), 0 0 0 1px ${tooltipColor}30`,\r\n                  backdropFilter: \"blur(12px)\",\r\n                }}\r\n              >\r\n                {/* Header with status — Astro UX shape */}\r\n                <div\r\n                  style={{\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    gap: 8,\r\n                    marginBottom: 8,\r\n                  }}\r\n                >\r\n                  <TimelineStatusMarker\r\n                    status={hoveredEventData.status}\r\n                    fillColor={tooltipColor}\r\n                    size={10}\r\n                  />\r\n                  <span\r\n                    style={{\r\n                      fontSize: \"0.75rem\",\r\n                      fontWeight: 500, // AstroUXDS medium (was 600)\r\n                      color: tooltipColor,\r\n                      textTransform: \"uppercase\",\r\n                      letterSpacing: \"0.05em\",\r\n                    }}\r\n                  >\r\n                    {getStatusLabel(hoveredEventData.status)}\r\n                  </span>\r\n                  {hoveredEventData.badge && (\r\n                    <span\r\n                      style={{\r\n                        marginLeft: \"auto\",\r\n                        fontSize: \"0.625rem\",\r\n                        fontWeight: 500, // AstroUXDS medium (was 600)\r\n                        padding: \"2px 6px\",\r\n                        borderRadius: tokens.borderRadius.sm,\r\n                        backgroundColor: `${tooltipColor}20`,\r\n                        color: tooltipColor,\r\n                      }}\r\n                    >\r\n                      {hoveredEventData.badge}\r\n                    </span>\r\n                  )}\r\n                </div>\r\n\r\n                {/* Team id + accent (or legacy color-only) */}\r\n                {teamTip && (\r\n                  <div\r\n                    style={{\r\n                      display: \"flex\",\r\n                      alignItems: \"center\",\r\n                      gap: 6,\r\n                      marginBottom: 6,\r\n                    }}\r\n                  >\r\n                    <div\r\n                      style={{\r\n                        width: 8,\r\n                        height: 8,\r\n                        borderRadius: 2,\r\n                        backgroundColor: teamTip.color,\r\n                        flexShrink: 0,\r\n                      }}\r\n                    />\r\n                    <span\r\n                      style={{\r\n                        fontSize: \"0.6875rem\",\r\n                        color: teamTip.color,\r\n                        fontWeight: 500,\r\n                      }}\r\n                    >\r\n                      {getTimelineTeamDisplayLabel(hoveredEventData, teamTip)}\r\n                    </span>\r\n                  </div>\r\n                )}\r\n\r\n                {/* Title */}\r\n                <div\r\n                  style={{\r\n                    fontSize: \"0.875rem\",\r\n                    fontWeight: 500, // AstroUXDS medium (was 600)\r\n                    color: \"#fff\",\r\n                    marginBottom: 4,\r\n                  }}\r\n                >\r\n                  {hoveredEventData.title}\r\n                </div>\r\n\r\n                {/* Subtitle */}\r\n                {hoveredEventData.subtitle && (\r\n                  <div\r\n                    style={{\r\n                      fontSize: \"0.75rem\",\r\n                      color: \"rgba(255, 255, 255, 0.6)\",\r\n                      marginBottom: 12,\r\n                    }}\r\n                  >\r\n                    {hoveredEventData.subtitle}\r\n                  </div>\r\n                )}\r\n\r\n                {/* Time details */}\r\n                <div\r\n                  style={{\r\n                    display: \"grid\",\r\n                    gridTemplateColumns: \"auto 1fr\",\r\n                    gap: \"6px 12px\",\r\n                    fontSize: \"0.6875rem\",\r\n                    borderTop: `1px solid ${tokens.colors.border.muted}30`,\r\n                    paddingTop: 10,\r\n                  }}\r\n                >\r\n                  <span style={{ color: tokens.colors.text.tertiary }}>\r\n                    Start:\r\n                  </span>\r\n                  <span\r\n                    style={{\r\n                      color: tokens.colors.text.primary,\r\n                      fontFamily: tokens.typography.fontFamily.mono,\r\n                    }}\r\n                  >\r\n                    {formatTime(hoveredEventData.start, true)}\r\n                  </span>\r\n\r\n                  {hoveredEventData.end && (\r\n                    <>\r\n                      <span style={{ color: tokens.colors.text.tertiary }}>\r\n                        End:\r\n                      </span>\r\n                      <span\r\n                        style={{\r\n                          color: tokens.colors.text.primary,\r\n                          fontFamily: tokens.typography.fontFamily.mono,\r\n                        }}\r\n                      >\r\n                        {formatTime(hoveredEventData.end, true)}\r\n                      </span>\r\n\r\n                      <span style={{ color: tokens.colors.text.tertiary }}>\r\n                        Duration:\r\n                      </span>\r\n                      <span\r\n                        style={{\r\n                          color: tokens.colors.accent.secondary,\r\n                          fontWeight: 500,\r\n                        }}\r\n                      >\r\n                        {formatDuration(\r\n                          hoveredEventData.end.getTime() -\r\n                            hoveredEventData.start.getTime(),\r\n                        )}\r\n                      </span>\r\n                    </>\r\n                  )}\r\n\r\n                  <span style={{ color: tokens.colors.text.tertiary }}>\r\n                    UTC:\r\n                  </span>\r\n                  <span\r\n                    style={{\r\n                      color: tokens.colors.text.secondary,\r\n                      fontFamily: tokens.typography.fontFamily.mono,\r\n                      fontSize: \"0.625rem\",\r\n                    }}\r\n                  >\r\n                    {formatUTC(hoveredEventData.start)}\r\n                  </span>\r\n                </div>\r\n\r\n                {/* Click hint */}\r\n                {onEventClick && (\r\n                  <div\r\n                    style={{\r\n                      marginTop: 10,\r\n                      paddingTop: 8,\r\n                      borderTop: `1px solid ${tokens.colors.border.muted}20`,\r\n                      fontSize: \"0.625rem\",\r\n                      color: tokens.colors.text.tertiary,\r\n                      textAlign: \"center\",\r\n                    }}\r\n                  >\r\n                    Click for details\r\n                  </div>\r\n                )}\r\n              </div>\r\n\r\n              {/* Arrow */}\r\n              <div\r\n                style={{\r\n                  position: \"absolute\",\r\n                  bottom: -6,\r\n                  left: \"50%\",\r\n                  transform: \"translateX(-50%) rotate(45deg)\",\r\n                  width: 12,\r\n                  height: 12,\r\n                  backgroundColor: \"rgba(15, 23, 42, 0.98)\",\r\n                  borderRight: `1px solid ${tooltipColor}50`,\r\n                  borderBottom: `1px solid ${tooltipColor}50`,\r\n                }}\r\n              />\r\n            </div>\r\n          );\r\n        })()}\r\n\r\n      {/* Styles */}\r\n      <style>{`\r\n        .zendir-timeline-region:hover {\r\n          z-index: 100 !important;\r\n        }\r\n        .zendir-timeline-region:focus {\r\n          outline: 2px solid ${tokens.colors.accent.primary};\r\n          outline-offset: 2px;\r\n        }\r\n        .zendir-timeline-scroll::-webkit-scrollbar {\r\n          height: 8px;\r\n        }\r\n        .zendir-timeline-scroll::-webkit-scrollbar-track {\r\n          background: ${tokens.colors.background.elevated};\r\n          border-radius: 4px;\r\n        }\r\n        .zendir-timeline-scroll::-webkit-scrollbar-thumb {\r\n          background: ${tokens.colors.accent.primary}40;\r\n          border-radius: 4px;\r\n        }\r\n        .zendir-timeline-scroll::-webkit-scrollbar-thumb:hover {\r\n          background: ${tokens.colors.accent.primary}60;\r\n        }\r\n        @keyframes zendir-tooltip-appear {\r\n          from {\r\n            opacity: 0;\r\n            transform: translate(-50%, -100%) translateY(8px);\r\n          }\r\n          to {\r\n            opacity: 1;\r\n            transform: translate(-50%, -100%) translateY(0);\r\n          }\r\n        }\r\n      `}</style>\r\n    </div>\r\n  );\r\n});\r\n\r\n// ============================================================================\r\n// Scatter View (Dot timeline - like reference image)\r\n// ============================================================================\r\n\r\ninterface ScatterViewProps {\r\n  events: TimelineEvent[];\r\n  tracks: TimelineTrackDef[];\r\n  start: Date;\r\n  end: Date;\r\n  trackHeight: number;\r\n  onEventClick?: (event: TimelineEvent) => void;\r\n  timeFormat?: TimeFormat;\r\n  referenceTime?: Date;\r\n  zoom?: number;\r\n}\r\n\r\nconst ScatterView = memo(function ScatterView({\r\n  events,\r\n  tracks,\r\n  start,\r\n  end,\r\n  trackHeight,\r\n  onEventClick,\r\n  timeFormat = \"relative\",\r\n  referenceTime,\r\n  zoom = 1,\r\n}: ScatterViewProps) {\r\n  const { tokens } = useTheme();\r\n  const [hoveredEvent, setHoveredEvent] = useState<string | null>(null);\r\n  const [tooltipPosition, setTooltipPosition] = useState<{\r\n    x: number;\r\n    y: number;\r\n  } | null>(null);\r\n\r\n  const totalDuration = end.getTime() - start.getTime();\r\n  const trackLabelWidth = 140;\r\n  const refTime = referenceTime || start;\r\n\r\n  // Format time based on format setting\r\n  const formatTimeLabel = useCallback(\r\n    (date: Date) => {\r\n      if (timeFormat === \"relative\") {\r\n        const diff = date.getTime() - refTime.getTime();\r\n        const totalSeconds = Math.floor(Math.abs(diff) / 1000);\r\n        const hours = Math.floor(totalSeconds / 3600);\r\n        const minutes = Math.floor((totalSeconds % 3600) / 60);\r\n        const seconds = totalSeconds % 60;\r\n\r\n        if (hours > 0) {\r\n          return `${hours}h ${minutes}m`;\r\n        }\r\n        return `${minutes}m ${seconds}s`;\r\n      } else if (timeFormat === \"utc\") {\r\n        return date.toISOString().slice(11, 19) + \" UTC\";\r\n      }\r\n      return date.toLocaleTimeString([], {\r\n        hour: \"2-digit\",\r\n        minute: \"2-digit\",\r\n      });\r\n    },\r\n    [timeFormat, refTime],\r\n  );\r\n\r\n  // Generate time labels (tied to zoom like Chart view)\r\n  const timeLabels = useMemo(() => {\r\n    const labels: { time: Date; percent: number }[] = [];\r\n    const baseLabelCount = 8;\r\n    const labelCount = Math.round(baseLabelCount * zoom);\r\n\r\n    for (let i = 0; i <= labelCount; i++) {\r\n      const percent = (i / labelCount) * 100;\r\n      const time = new Date(start.getTime() + (totalDuration * percent) / 100);\r\n      labels.push({ time, percent });\r\n    }\r\n    return labels;\r\n  }, [start, totalDuration, zoom]);\r\n\r\n  // Group events by track\r\n  const eventsByTrack = useMemo(() => {\r\n    const grouped: Record<string, TimelineEvent[]> = {};\r\n    tracks.forEach((track) => {\r\n      grouped[track.id] = events.filter((e) => e.track === track.id);\r\n    });\r\n    const unassigned = events.filter((e) => !e.track);\r\n    if (unassigned.length > 0 && tracks.length > 0) {\r\n      grouped[tracks[0].id] = [...(grouped[tracks[0].id] || []), ...unassigned];\r\n    }\r\n    return grouped;\r\n  }, [events, tracks]);\r\n\r\n  const getEventPosition = (event: TimelineEvent) => {\r\n    const eventTime = event.start.getTime();\r\n    return ((eventTime - start.getTime()) / totalDuration) * 100;\r\n  };\r\n\r\n  const getStatusColor = (status?: string) => {\r\n    if (!status) return tokens.colors.accent.primary;\r\n    return (\r\n      tokens.colors.status[status as keyof typeof tokens.colors.status] ||\r\n      tokens.colors.accent.primary\r\n    );\r\n  };\r\n\r\n  const hoveredEventData = events.find((e) => e.id === hoveredEvent);\r\n\r\n  return (\r\n    <div style={{ position: \"relative\" }}>\r\n      <div\r\n        style={{\r\n          width: `${zoom * 100}%`,\r\n          minWidth: \"100%\",\r\n          position: \"relative\",\r\n        }}\r\n      >\r\n        {/* Time axis */}\r\n        <div\r\n          style={{\r\n            position: \"relative\",\r\n            height: 32,\r\n            marginLeft: trackLabelWidth,\r\n            borderBottom: `1px solid ${tokens.colors.accent.primary}15`,\r\n          }}\r\n        >\r\n          {timeLabels.map((label, index) => (\r\n            <span\r\n              key={index}\r\n              style={{\r\n                position: \"absolute\",\r\n                left: `${label.percent}%`,\r\n                transform: \"translateX(-50%)\",\r\n                top: 8,\r\n                fontSize: \"0.6875rem\",\r\n                color: tokens.colors.text.tertiary,\r\n                fontFamily: tokens.typography.fontFamily.mono,\r\n                whiteSpace: \"nowrap\",\r\n                fontWeight: 500,\r\n              }}\r\n            >\r\n              {formatTimeLabel(label.time)}\r\n            </span>\r\n          ))}\r\n        </div>\r\n\r\n        {/* Tracks */}\r\n        {tracks.map((track, trackIndex) => (\r\n          <div\r\n            key={track.id}\r\n            style={{\r\n              position: \"relative\",\r\n              display: \"flex\",\r\n              alignItems: \"center\",\r\n              height: track.height || trackHeight,\r\n              borderBottom:\r\n                trackIndex < tracks.length - 1\r\n                  ? `1px solid ${tokens.colors.border.muted}20`\r\n                  : \"none\",\r\n            }}\r\n          >\r\n            {/* Track label */}\r\n            <div\r\n              style={{\r\n                width: trackLabelWidth,\r\n                flexShrink: 0,\r\n                padding: \"0 16px\",\r\n                fontSize: \"0.8125rem\",\r\n                fontWeight: 500, // AstroUXDS medium (was 600)\r\n                color: tokens.colors.text.primary,\r\n              }}\r\n            >\r\n              {track.label}\r\n            </div>\r\n\r\n            {/* Track line */}\r\n            <div\r\n              style={{\r\n                flex: 1,\r\n                position: \"relative\",\r\n                height: \"100%\",\r\n                display: \"flex\",\r\n                alignItems: \"center\",\r\n              }}\r\n            >\r\n              {/* Horizontal guide line */}\r\n              <div\r\n                style={{\r\n                  position: \"absolute\",\r\n                  left: 0,\r\n                  right: 0,\r\n                  height: 1,\r\n                  backgroundColor: tokens.colors.border.muted,\r\n                  opacity: 0.3,\r\n                }}\r\n              />\r\n\r\n              {/* Event dots — Astro UX status shapes. Hitbox is always 24px (WCAG 2.5.5 minimum). */}\r\n              {(eventsByTrack[track.id] || []).map((event) => {\r\n                const leftPercent = getEventPosition(event);\r\n                const color = getStatusColor(event.status);\r\n                const isHovered = hoveredEvent === event.id;\r\n                const dotSize = isHovered ? 16 : 12;\r\n                /* Transparent padding expands the clickable hit area to ≥24×24 without growing the visible dot. */\r\n                const hitboxPad = Math.max(0, (24 - dotSize) / 2);\r\n                const effectiveStatus = event.status ?? \"normal\";\r\n                const scatterTeamAccent = getTimelineTeamAccent(event);\r\n\r\n                return (\r\n                  <button\r\n                    key={event.id}\r\n                    type=\"button\"\r\n                    aria-label={`${event.title}${event.status ? `, status: ${event.status}` : \"\"}`}\r\n                    onClick={() => onEventClick?.(event)}\r\n                    onMouseEnter={(e) => {\r\n                      setHoveredEvent(event.id);\r\n                      const rect = e.currentTarget.getBoundingClientRect();\r\n                      setTooltipPosition({\r\n                        x: rect.left + rect.width / 2,\r\n                        y: rect.top,\r\n                      });\r\n                    }}\r\n                    onMouseLeave={() => {\r\n                      setHoveredEvent(null);\r\n                      setTooltipPosition(null);\r\n                    }}\r\n                    onFocus={(e) => {\r\n                      /* keyboard navigation: show tooltip on focus */\r\n                      setHoveredEvent(event.id);\r\n                      const rect = e.currentTarget.getBoundingClientRect();\r\n                      setTooltipPosition({\r\n                        x: rect.left + rect.width / 2,\r\n                        y: rect.top,\r\n                      });\r\n                    }}\r\n                    onBlur={() => {\r\n                      setHoveredEvent(null);\r\n                      setTooltipPosition(null);\r\n                    }}\r\n                    style={{\r\n                      position: \"absolute\",\r\n                      left: `${leftPercent}%`,\r\n                      transform: \"translateX(-50%)\",\r\n                      /* visible size + transparent padding = ≥24px touch/click target */\r\n                      width: dotSize,\r\n                      height: dotSize,\r\n                      padding: hitboxPad,\r\n                      background: \"none\",\r\n                      border: \"none\",\r\n                      cursor: \"pointer\",\r\n                      transition: \"all 200ms cubic-bezier(0.34, 1.56, 0.64, 1)\",\r\n                      zIndex: isHovered ? Z.trackEventHovered : Z.trackEvent,\r\n                      lineHeight: 0,\r\n                      borderRadius: \"50%\",\r\n                      boxSizing: \"content-box\",\r\n                      boxShadow: scatterTeamAccent\r\n                        ? `0 0 0 2px ${scatterTeamAccent.color}`\r\n                        : undefined,\r\n                    }}\r\n                  >\r\n                    <TimelineStatusMarker\r\n                      status={effectiveStatus}\r\n                      fillColor={color}\r\n                      size={dotSize}\r\n                    />\r\n                  </button>\r\n                );\r\n              })}\r\n            </div>\r\n          </div>\r\n        ))}\r\n      </div>\r\n\r\n      {/* Floating tooltip */}\r\n      {hoveredEventData &&\r\n        tooltipPosition &&\r\n        (() => {\r\n          const scatterTipColor = getStatusColor(hoveredEventData.status);\r\n          const scatterTeamTip = getTimelineTeamAccent(hoveredEventData);\r\n          return (\r\n            <div\r\n              className=\"zendir-scatter-tooltip\"\r\n              style={{\r\n                position: \"fixed\",\r\n                left: tooltipPosition.x,\r\n                top: tooltipPosition.y - 12,\r\n                transform: \"translate(-50%, -100%)\",\r\n                backgroundColor: \"rgba(11, 26, 40, 0.98)\",\r\n                border: `1px solid ${scatterTipColor}40`,\r\n                borderRadius: tokens.borderRadius.lg,\r\n                padding: \"12px 16px\",\r\n                minWidth: 200,\r\n                maxWidth: 320,\r\n                zIndex: Z.tooltip,\r\n                boxShadow: `0 12px 40px rgba(0, 0, 0, 0.5), 0 0 0 1px ${scatterTipColor}20`,\r\n                backdropFilter: \"blur(12px)\",\r\n                animation:\r\n                  \"zendir-tooltip-in 150ms cubic-bezier(0.34, 1.56, 0.64, 1)\",\r\n              }}\r\n            >\r\n              {/* Arrow */}\r\n              <div\r\n                style={{\r\n                  position: \"absolute\",\r\n                  bottom: -6,\r\n                  left: \"50%\",\r\n                  transform: \"translateX(-50%) rotate(45deg)\",\r\n                  width: 12,\r\n                  height: 12,\r\n                  backgroundColor: \"rgba(11, 26, 40, 0.98)\",\r\n                  borderRight: `1px solid ${scatterTipColor}40`,\r\n                  borderBottom: `1px solid ${scatterTipColor}40`,\r\n                }}\r\n              />\r\n\r\n              {/* Status header — Astro UX shape */}\r\n              {hoveredEventData.status && (\r\n                <div\r\n                  style={{\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    gap: 8,\r\n                    marginBottom: 8,\r\n                  }}\r\n                >\r\n                  <TimelineStatusMarker\r\n                    status={hoveredEventData.status}\r\n                    fillColor={scatterTipColor}\r\n                    size={10}\r\n                  />\r\n                  <span\r\n                    style={{\r\n                      fontSize: \"0.75rem\",\r\n                      fontWeight: 500,\r\n                      color: scatterTipColor,\r\n                      textTransform: \"uppercase\",\r\n                      letterSpacing: \"0.05em\",\r\n                    }}\r\n                  >\r\n                    {hoveredEventData.status}\r\n                  </span>\r\n                  {hoveredEventData.badge && (\r\n                    <span\r\n                      style={{\r\n                        marginLeft: \"auto\",\r\n                        fontSize: \"0.625rem\",\r\n                        fontWeight: 500,\r\n                        padding: \"2px 6px\",\r\n                        borderRadius: tokens.borderRadius.sm,\r\n                        backgroundColor: `${scatterTipColor}20`,\r\n                        color: scatterTipColor,\r\n                      }}\r\n                    >\r\n                      {hoveredEventData.badge}\r\n                    </span>\r\n                  )}\r\n                </div>\r\n              )}\r\n\r\n              {/* Team id + accent (or legacy color-only) */}\r\n              {scatterTeamTip && (\r\n                <div\r\n                  style={{\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    gap: 6,\r\n                    marginBottom: 6,\r\n                  }}\r\n                >\r\n                  <div\r\n                    style={{\r\n                      width: 8,\r\n                      height: 8,\r\n                      borderRadius: 2,\r\n                      backgroundColor: scatterTeamTip.color,\r\n                      flexShrink: 0,\r\n                    }}\r\n                  />\r\n                  <span\r\n                    style={{\r\n                      fontSize: \"0.6875rem\",\r\n                      color: scatterTeamTip.color,\r\n                      fontWeight: 500,\r\n                    }}\r\n                  >\r\n                    {getTimelineTeamDisplayLabel(\r\n                      hoveredEventData,\r\n                      scatterTeamTip,\r\n                    )}\r\n                  </span>\r\n                </div>\r\n              )}\r\n\r\n              {/* Title */}\r\n              <div\r\n                style={{\r\n                  fontSize: \"0.875rem\",\r\n                  fontWeight: 500,\r\n                  color: \"#fff\",\r\n                  marginBottom: 8,\r\n                }}\r\n              >\r\n                {hoveredEventData.title}\r\n              </div>\r\n\r\n              {/* Details */}\r\n              <div style={{ display: \"flex\", flexDirection: \"column\", gap: 4 }}>\r\n                <div\r\n                  style={{\r\n                    display: \"flex\",\r\n                    justifyContent: \"space-between\",\r\n                    fontSize: \"0.75rem\",\r\n                  }}\r\n                >\r\n                  <span style={{ color: tokens.colors.text.tertiary }}>\r\n                    Time:\r\n                  </span>\r\n                  <span\r\n                    style={{\r\n                      color: tokens.colors.text.secondary,\r\n                      fontFamily: tokens.typography.fontFamily.mono,\r\n                    }}\r\n                  >\r\n                    {formatTimeLabel(hoveredEventData.start)}\r\n                  </span>\r\n                </div>\r\n\r\n                {hoveredEventData.badge && (\r\n                  <div\r\n                    style={{\r\n                      display: \"flex\",\r\n                      justifyContent: \"space-between\",\r\n                      fontSize: \"0.75rem\",\r\n                    }}\r\n                  >\r\n                    <span style={{ color: tokens.colors.text.tertiary }}>\r\n                      Trigger:\r\n                    </span>\r\n                    <span\r\n                      style={{\r\n                        color: safeAccentText(tokens.colors.accent.primary),\r\n                        fontWeight: 500,\r\n                      }}\r\n                    >\r\n                      {hoveredEventData.badge}\r\n                    </span>\r\n                  </div>\r\n                )}\r\n\r\n                <div\r\n                  style={{\r\n                    display: \"flex\",\r\n                    justifyContent: \"space-between\",\r\n                    fontSize: \"0.75rem\",\r\n                  }}\r\n                >\r\n                  <span style={{ color: tokens.colors.text.tertiary }}>\r\n                    UTC:\r\n                  </span>\r\n                  <span\r\n                    style={{\r\n                      color: tokens.colors.text.secondary,\r\n                      fontFamily: tokens.typography.fontFamily.mono,\r\n                    }}\r\n                  >\r\n                    {hoveredEventData.start\r\n                      .toISOString()\r\n                      .replace(\"T\", \" \")\r\n                      .slice(0, 19)}\r\n                  </span>\r\n                </div>\r\n\r\n                {hoveredEventData.subtitle && (\r\n                  <div\r\n                    style={{\r\n                      marginTop: 4,\r\n                      paddingTop: 8,\r\n                      borderTop: `1px solid ${tokens.colors.border.muted}`,\r\n                      fontSize: \"0.75rem\",\r\n                      color: tokens.colors.text.secondary,\r\n                    }}\r\n                  >\r\n                    {hoveredEventData.subtitle}\r\n                  </div>\r\n                )}\r\n              </div>\r\n            </div>\r\n          );\r\n        })()}\r\n\r\n      {/* Styles */}\r\n      <style>{`\r\n        @keyframes zendir-tooltip-in {\r\n          from {\r\n            opacity: 0;\r\n            transform: translate(-50%, -100%) scale(0.95);\r\n          }\r\n          to {\r\n            opacity: 1;\r\n            transform: translate(-50%, -100%) scale(1);\r\n          }\r\n        }\r\n        .zendir-scatter-tooltip::before {\r\n          content: '';\r\n          position: absolute;\r\n          inset: 0;\r\n          border-radius: inherit;\r\n          background: linear-gradient(135deg, ${tokens.colors.accent.primary}1a 0%, transparent 50%);\r\n          pointer-events: none;\r\n        }\r\n      `}</style>\r\n    </div>\r\n  );\r\n});\r\n\r\n// ============================================================================\r\n// Advanced filters toolbar (search, tracks, status, duration, teams)\r\n// ============================================================================\r\n\r\ninterface TimelineTeamFilterOption {\r\n  key: string;\r\n  label: string;\r\n  /** Accent swatch; empty when bucket is \"no team\" */\r\n  color: string;\r\n  isNoneBucket: boolean;\r\n}\r\n\r\nfunction buildTeamFilterOptions(\r\n  events: TimelineEvent[],\r\n  tokens: ThemeTokens,\r\n  categoryLabel: string = \"team\",\r\n): TimelineTeamFilterOption[] {\r\n  const map = new Map<string, TimelineTeamFilterOption>();\r\n  for (const event of events) {\r\n    const key = getTimelineTeamFilterKey(event);\r\n    if (map.has(key)) continue;\r\n    const accent = getTimelineTeamAccent(event);\r\n    const isNone = key === TIMELINE_FILTER_TEAM_NONE;\r\n    const isLegacy = key === TIMELINE_FILTER_TEAM_LEGACY;\r\n    const label = isNone\r\n      ? `No ${categoryLabel.toLowerCase()}`\r\n      : isLegacy\r\n        ? \"Accent only\"\r\n        : accent\r\n          ? getTimelineTeamDisplayLabel(event, accent)\r\n          : key;\r\n    const color = isNone ? \"\" : (accent?.color ?? tokens.colors.text.tertiary);\r\n    map.set(key, { key, label, color, isNoneBucket: isNone });\r\n  }\r\n  const list = [...map.values()];\r\n  list.sort((a, b) => {\r\n    if (a.isNoneBucket !== b.isNoneBucket) return a.isNoneBucket ? 1 : -1;\r\n    if (a.key === TIMELINE_FILTER_TEAM_LEGACY)\r\n      return b.key === TIMELINE_FILTER_TEAM_NONE ? -1 : 1;\r\n    if (b.key === TIMELINE_FILTER_TEAM_LEGACY)\r\n      return a.key === TIMELINE_FILTER_TEAM_NONE ? 1 : -1;\r\n    return a.label.localeCompare(b.label, undefined, { sensitivity: \"base\" });\r\n  });\r\n  return list;\r\n}\r\n\r\ninterface TimelineFiltersToolbarProps {\r\n  filter: TimelineFilter;\r\n  onFilterChange: (next: TimelineFilter) => void;\r\n  trackOptions: { id: string; label: string }[];\r\n  events: TimelineEvent[];\r\n  expanded: boolean;\r\n  /** Display label for the team/secondary-category section (defaults to \"Teams\"). */\r\n  teamLabel: string;\r\n}\r\n\r\n/** Expandable filter panel — rendered below the header when expanded. Search + toggle live in the header. */\r\nconst TimelineFiltersPanel = memo(function TimelineFiltersPanel({\r\n  filter,\r\n  onFilterChange,\r\n  trackOptions,\r\n  events,\r\n  expanded,\r\n  teamLabel,\r\n}: TimelineFiltersToolbarProps) {\r\n  const { tokens, theme } = useTheme();\r\n  const isTransparentTheme =\r\n    theme === \"transparent\" ||\r\n    theme === \"transparent-bold\" ||\r\n    theme === \"transparent-minimal\";\r\n  const accentColor = tokens.colors.accent.primary;\r\n\r\n  const teamOptions = useMemo(\r\n    () => buildTeamFilterOptions(events, tokens, teamLabel),\r\n    [events, tokens, teamLabel],\r\n  );\r\n\r\n  const patch = useCallback(\r\n    (partial: Partial<TimelineFilter>) => {\r\n      onFilterChange(normalizeTimelineFilter({ ...filter, ...partial }));\r\n    },\r\n    [filter, onFilterChange],\r\n  );\r\n\r\n  const clearAll = useCallback(() => {\r\n    onFilterChange({});\r\n  }, [onFilterChange]);\r\n\r\n  const toggleTrack = useCallback(\r\n    (id: string) => {\r\n      const cur = filter.tracks ?? [];\r\n      const next = cur.includes(id)\r\n        ? cur.filter((t) => t !== id)\r\n        : [...cur, id];\r\n      patch({ tracks: next.length ? next : undefined });\r\n    },\r\n    [filter.tracks, patch],\r\n  );\r\n\r\n  const toggleStatus = useCallback(\r\n    (st: TimelineEvent[\"status\"]) => {\r\n      const cur = filter.status ?? [];\r\n      const next = cur.includes(st)\r\n        ? cur.filter((s) => s !== st)\r\n        : [...cur, st];\r\n      patch({ status: next.length ? next : undefined });\r\n    },\r\n    [filter.status, patch],\r\n  );\r\n\r\n  const toggleTeam = useCallback(\r\n    (teamKey: string) => {\r\n      const cur = filter.teams ?? [];\r\n      const next = cur.includes(teamKey)\r\n        ? cur.filter((k) => k !== teamKey)\r\n        : [...cur, teamKey];\r\n      patch({ teams: next.length ? next : undefined });\r\n    },\r\n    [filter.teams, patch],\r\n  );\r\n\r\n  /* Astro-compliant pill: borderRadius.md, 2px 8px, uppercase xxs (10px), 500 weight, 0.06em tracking.\r\n     Active pill uses accent border + faint accent bg (mirrors LogViewer severity filter pattern). */\r\n  const pillStyle = useCallback(\r\n    (active: boolean, tintColor?: string): React.CSSProperties => {\r\n      const c = tintColor || accentColor;\r\n      return {\r\n        padding: \"2px 8px\",\r\n        borderRadius: tokens.borderRadius.md,\r\n        fontSize: tokens.typography.fontSize.xs,\r\n        fontWeight: 500,\r\n        textTransform: \"uppercase\",\r\n        letterSpacing: \"0.06em\",\r\n        lineHeight: 1.4,\r\n        border: `1px solid ${active ? `${c}66` : tokens.colors.border.muted}`,\r\n        backgroundColor: active ? `${c}22` : \"transparent\",\r\n        color: active ? c : tokens.colors.text.secondary,\r\n        cursor: \"pointer\",\r\n        transition: tokens.animation.fast,\r\n      };\r\n    },\r\n    [accentColor, tokens],\r\n  );\r\n\r\n  /* Section header: Astro DataTable column-header pattern — bold, uppercase, 10px, 0.06em tracking. */\r\n  const sectionHeader = (text: string): React.ReactElement => (\r\n    <div\r\n      style={{\r\n        fontSize: tokens.typography.fontSize.xs,\r\n        fontWeight: 700,\r\n        letterSpacing: \"0.06em\",\r\n        textTransform: \"uppercase\",\r\n        color: tokens.colors.text.tertiary,\r\n        marginBottom: 8,\r\n      }}\r\n    >\r\n      {text}\r\n    </div>\r\n  );\r\n\r\n  if (!expanded) return null;\r\n\r\n  return (\r\n    <div\r\n      id=\"zendir-timeline-filters-panel\"\r\n      style={{\r\n        padding: `${tokens.spacing.smd} ${tokens.spacing.md}`,\r\n        borderBottom: `1px solid ${tokens.colors.border.muted}`,\r\n        backgroundColor: isTransparentTheme\r\n          ? \"transparent\"\r\n          : tokens.colors.background.surface,\r\n        ...(isTransparentTheme && {\r\n          backdropFilter: \"blur(8px)\",\r\n          WebkitBackdropFilter: \"blur(8px)\" as const,\r\n        }),\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n        gap: tokens.spacing.smd,\r\n      }}\r\n    >\r\n      {/* Tracks */}\r\n      {trackOptions.length > 0 ? (\r\n        <div role=\"group\" aria-label=\"Filter by track\">\r\n          {sectionHeader(\"Tracks\")}\r\n          <div\r\n            style={{\r\n              display: \"flex\",\r\n              flexWrap: \"wrap\",\r\n              gap: tokens.spacing.xs,\r\n            }}\r\n          >\r\n            {trackOptions.map((t) => {\r\n              const active = filter.tracks?.includes(t.id) ?? false;\r\n              return (\r\n                <button\r\n                  key={t.id}\r\n                  type=\"button\"\r\n                  aria-pressed={active}\r\n                  onClick={() => toggleTrack(t.id)}\r\n                  style={pillStyle(active)}\r\n                >\r\n                  {t.label}\r\n                </button>\r\n              );\r\n            })}\r\n          </div>\r\n        </div>\r\n      ) : null}\r\n\r\n      {/* Status — pills tinted with their status color */}\r\n      <div role=\"group\" aria-label=\"Filter by status\">\r\n        {sectionHeader(\"Status\")}\r\n        <div\r\n          style={{ display: \"flex\", flexWrap: \"wrap\", gap: tokens.spacing.xs }}\r\n        >\r\n          {ALL_TIMELINE_STATUSES.map((st) => {\r\n            const active = filter.status?.includes(st) ?? false;\r\n            const statusColor = st ? tokens.colors.status[st] : accentColor;\r\n            return (\r\n              <button\r\n                key={st}\r\n                type=\"button\"\r\n                aria-pressed={active}\r\n                onClick={() => toggleStatus(st)}\r\n                style={{\r\n                  ...pillStyle(active, statusColor),\r\n                  display: \"inline-flex\",\r\n                  alignItems: \"center\",\r\n                  gap: 6,\r\n                }}\r\n              >\r\n                <span\r\n                  style={{\r\n                    width: 8,\r\n                    height: 8,\r\n                    borderRadius: \"50%\",\r\n                    backgroundColor: active ? statusColor : `${statusColor}50`,\r\n                    flexShrink: 0,\r\n                    transition: tokens.animation.fast,\r\n                  }}\r\n                />\r\n                {st}\r\n              </button>\r\n            );\r\n          })}\r\n        </div>\r\n      </div>\r\n\r\n      {/* Duration + Teams on one row where space allows */}\r\n      <div\r\n        style={{\r\n          display: \"flex\",\r\n          flexWrap: \"wrap\",\r\n          gap: `${tokens.spacing.smd} ${tokens.spacing.lg}`,\r\n          alignItems: \"flex-start\",\r\n        }}\r\n      >\r\n        <div\r\n          role=\"group\"\r\n          aria-label=\"Filter by duration\"\r\n          style={{ minWidth: 0 }}\r\n        >\r\n          {sectionHeader(\"Duration\")}\r\n          <div\r\n            style={{\r\n              display: \"flex\",\r\n              flexWrap: \"wrap\",\r\n              gap: tokens.spacing.xs,\r\n            }}\r\n          >\r\n            {([\"all\", \"point\", \"range\"] as const).map((key) => {\r\n              const active = (filter.eventShape ?? \"all\") === key;\r\n              return (\r\n                <button\r\n                  key={key}\r\n                  type=\"button\"\r\n                  aria-pressed={active}\r\n                  onClick={() => patch({ eventShape: key })}\r\n                  style={pillStyle(active)}\r\n                >\r\n                  {key === \"all\"\r\n                    ? \"All\"\r\n                    : key === \"point\"\r\n                      ? \"Instant\"\r\n                      : \"Range\"}\r\n                </button>\r\n              );\r\n            })}\r\n          </div>\r\n        </div>\r\n\r\n        {teamOptions.length > 0 ? (\r\n          <div\r\n            role=\"group\"\r\n            aria-label={`Filter by ${teamLabel.toLowerCase()}`}\r\n            style={{ flex: 1, minWidth: 180 }}\r\n          >\r\n            {sectionHeader(teamLabel)}\r\n            <div\r\n              style={{\r\n                display: \"flex\",\r\n                flexWrap: \"wrap\",\r\n                gap: tokens.spacing.xs,\r\n              }}\r\n            >\r\n              {teamOptions.map((opt) => {\r\n                const active = filter.teams?.includes(opt.key) ?? false;\r\n                return (\r\n                  <button\r\n                    key={opt.key}\r\n                    type=\"button\"\r\n                    aria-pressed={active}\r\n                    onClick={() => toggleTeam(opt.key)}\r\n                    style={{\r\n                      ...pillStyle(active, opt.color || undefined),\r\n                      display: \"inline-flex\",\r\n                      alignItems: \"center\",\r\n                      gap: 6,\r\n                      maxWidth: \"100%\",\r\n                    }}\r\n                  >\r\n                    {opt.isNoneBucket ? (\r\n                      <span\r\n                        style={{\r\n                          width: 8,\r\n                          height: 8,\r\n                          borderRadius: \"50%\",\r\n                          border: `${tokens.borders?.width?.thick ?? \"2px\"} solid ${tokens.colors.border.muted}`,\r\n                          flexShrink: 0,\r\n                          boxSizing: \"border-box\",\r\n                        }}\r\n                      />\r\n                    ) : (\r\n                      <span\r\n                        style={{\r\n                          width: 8,\r\n                          height: 8,\r\n                          borderRadius: \"50%\",\r\n                          backgroundColor: opt.color,\r\n                          flexShrink: 0,\r\n                        }}\r\n                      />\r\n                    )}\r\n                    <span\r\n                      style={{\r\n                        overflow: \"hidden\",\r\n                        textOverflow: \"ellipsis\",\r\n                        whiteSpace: \"nowrap\",\r\n                      }}\r\n                    >\r\n                      {opt.label}\r\n                    </span>\r\n                  </button>\r\n                );\r\n              })}\r\n            </div>\r\n          </div>\r\n        ) : null}\r\n      </div>\r\n\r\n      {/* Clear all — only when filters active. Uses SDK Button for consistent focus ring & a11y. */}\r\n      {isTimelineFilterActive(filter) ? (\r\n        <div style={{ display: \"flex\", justifyContent: \"flex-end\" }}>\r\n          <Button variant=\"borderless\" size=\"small\" onClick={clearAll}>\r\n            Clear all\r\n          </Button>\r\n        </div>\r\n      ) : null}\r\n    </div>\r\n  );\r\n});\r\n\r\n// ============================================================================\r\n// Main Component\r\n// ============================================================================\r\n\r\nexport const UnifiedTimeline = memo(function UnifiedTimeline({\r\n  title = \"Timeline\",\r\n  events,\r\n  tracks = [],\r\n  start: propStart,\r\n  end: propEnd,\r\n  defaultView = \"chart\",\r\n  viewMode: controlledViewMode,\r\n  onViewModeChange,\r\n  onEventClick,\r\n  showViewToggle = true,\r\n  maxHeight,\r\n  trackHeight = 56,\r\n  className = \"\",\r\n  timeFormat = \"absolute\",\r\n  zoomable = false,\r\n  initialZoom = 1,\r\n  showFilters: _showFilters = true,\r\n  filtersDefaultExpanded = false,\r\n  hideEmptyTracksWhenFiltered = true,\r\n  filter: _filter,\r\n  onFilterChange: _onFilterChange,\r\n  showCount: _showCount = true,\r\n  loading = false,\r\n  referenceTime,\r\n  showPlayhead = true,\r\n  playheadTime,\r\n  onPlayheadChange: _onPlayheadChangeTimeline,\r\n  showDayMarkers = true,\r\n  teamLabel: teamLabelProp,\r\n}: UnifiedTimelineProps) {\r\n  const { tokens, theme } = useTheme();\r\n  const isTransparentTheme =\r\n    theme === \"transparent\" ||\r\n    theme === \"transparent-bold\" ||\r\n    theme === \"transparent-minimal\";\r\n  const { isMobile } = useBreakpoint();\r\n  const categoryCtx = useCategoryPalette();\r\n  /** Explicit prop → CategoryProvider label → default \"Teams\" */\r\n  const teamLabel = teamLabelProp ?? categoryCtx?.categoryLabel ?? \"Teams\";\r\n  const [internalViewMode, setInternalViewMode] =\r\n    useState<TimelineViewMode>(defaultView);\r\n  const [zoom, setZoom] = useState(initialZoom);\r\n  const [_internalFilter, _setInternalFilter] = useState<TimelineFilter>({});\r\n  const [filtersExpanded, setFiltersExpanded] = useState(\r\n    filtersDefaultExpanded,\r\n  );\r\n  const filter = _filter !== undefined ? _filter : _internalFilter;\r\n  const filterChipCount = _showFilters ? countTimelineFilterChips(filter) : 0;\r\n\r\n  const setFilter = useCallback(\r\n    (next: TimelineFilter) => {\r\n      const n = normalizeTimelineFilter(next);\r\n      if (_filter === undefined) _setInternalFilter(n);\r\n      _onFilterChange?.(n);\r\n    },\r\n    [_filter, _onFilterChange],\r\n  );\r\n\r\n  const patchFilter = useCallback(\r\n    (partial: Partial<TimelineFilter>) => {\r\n      setFilter(normalizeTimelineFilter({ ...filter, ...partial }));\r\n    },\r\n    [filter, setFilter],\r\n  );\r\n\r\n  const viewMode = controlledViewMode ?? internalViewMode;\r\n\r\n  const handleViewModeChange = useCallback(\r\n    (mode: TimelineViewMode) => {\r\n      setInternalViewMode(mode);\r\n      onViewModeChange?.(mode);\r\n    },\r\n    [onViewModeChange],\r\n  );\r\n\r\n  // Auto-calculate time range if not provided\r\n  const { start, end } = useMemo(() => {\r\n    if (propStart && propEnd) {\r\n      return { start: propStart, end: propEnd };\r\n    }\r\n\r\n    if (events.length === 0) {\r\n      const now = new Date();\r\n      return {\r\n        start: new Date(now.getTime() - 3600000),\r\n        end: new Date(now.getTime() + 3600000),\r\n      };\r\n    }\r\n\r\n    let minTime = events[0].start.getTime();\r\n    let maxTime = events[0].start.getTime();\r\n\r\n    events.forEach((event) => {\r\n      minTime = Math.min(minTime, event.start.getTime());\r\n      maxTime = Math.max(maxTime, (event.end || event.start).getTime());\r\n    });\r\n\r\n    // Add 10% padding\r\n    const duration = maxTime - minTime;\r\n    const padding = duration * 0.1;\r\n\r\n    return {\r\n      start: new Date(minTime - padding),\r\n      end: new Date(maxTime + padding),\r\n    };\r\n  }, [events, propStart, propEnd]);\r\n\r\n  // Auto-generate tracks from events if not provided\r\n  const effectiveTracks = useMemo(() => {\r\n    if (tracks.length > 0) return tracks;\r\n\r\n    const trackSet = new Set<string>();\r\n    events.forEach((event) => {\r\n      if (event.track) trackSet.add(event.track);\r\n    });\r\n\r\n    if (trackSet.size === 0) {\r\n      return [{ id: \"default\", label: \"Events\", height: trackHeight }];\r\n    }\r\n\r\n    return Array.from(trackSet).map((id) => ({\r\n      id,\r\n      label: id,\r\n      height: trackHeight,\r\n    }));\r\n  }, [events, tracks, trackHeight]);\r\n\r\n  const filteredEvents = useMemo(\r\n    () => events.filter((e) => matchesTimelineFilter(e, filter)),\r\n    [events, filter],\r\n  );\r\n\r\n  const effectiveTracksForViews = useMemo(() => {\r\n    if (!hideEmptyTracksWhenFiltered || !isTimelineFilterActive(filter))\r\n      return effectiveTracks;\r\n    const ids = new Set(filteredEvents.map((e) => e.track || \"default\"));\r\n    return effectiveTracks.filter((t) => ids.has(t.id));\r\n  }, [effectiveTracks, filteredEvents, filter, hideEmptyTracksWhenFiltered]);\r\n\r\n  const trackOptionsForToolbar = useMemo(() => {\r\n    if (tracks.length > 0)\r\n      return tracks.map((t) => ({ id: t.id, label: t.label }));\r\n    const u = new Set<string>();\r\n    events.forEach((e) => {\r\n      if (e.track) u.add(e.track);\r\n    });\r\n    if (u.size === 0) return [{ id: \"default\", label: \"Events\" }];\r\n    return [...u].sort().map((id) => ({ id, label: id }));\r\n  }, [events, tracks]);\r\n\r\n  // Sort filtered events by start time (newest first for list view)\r\n  const sortedEvents = useMemo(() => {\r\n    return [...filteredEvents].sort(\r\n      (a, b) => b.start.getTime() - a.start.getTime(),\r\n    );\r\n  }, [filteredEvents]);\r\n\r\n  const countLabel = !_showCount\r\n    ? title\r\n    : `${title} (${filteredEvents.length}${filteredEvents.length !== events.length ? ` / ${events.length}` : \"\"})`;\r\n\r\n  return (\r\n    <div\r\n      className={classNames(\"zendir-unified-timeline\", className)}\r\n      style={{\r\n        backgroundColor: isTransparentTheme\r\n          ? \"transparent\"\r\n          : tokens.colors.background.surface,\r\n        ...(isTransparentTheme && {\r\n          backdropFilter: \"blur(12px)\",\r\n          WebkitBackdropFilter: \"blur(12px)\" as const,\r\n        }),\r\n        ...(tokens.colors.border.cardStyle ?? {\r\n          border: `1px solid ${tokens.colors.border.muted}`,\r\n        }),\r\n        borderRadius: tokens.borderRadius.lg,\r\n        overflow: \"hidden\",\r\n      }}\r\n    >\r\n      {/* Header — stacks vertically on mobile so controls don't overflow */}\r\n      <div\r\n        style={{\r\n          display: \"flex\",\r\n          flexDirection: isMobile ? \"column\" : \"row\",\r\n          alignItems: isMobile ? \"stretch\" : \"center\",\r\n          padding: `${tokens.spacing.smd} ${tokens.spacing.md}`,\r\n          gap: isMobile ? tokens.spacing.xs : tokens.spacing.sm,\r\n          borderBottom: `1px solid ${tokens.colors.border.muted}`,\r\n        }}\r\n      >\r\n        <div\r\n          style={{\r\n            display: \"flex\",\r\n            alignItems: \"center\",\r\n            gap: tokens.spacing.sm,\r\n          }}\r\n        >\r\n          <h3\r\n            style={{\r\n              margin: 0,\r\n              fontSize: \"1rem\",\r\n              fontWeight: 500, // AstroUXDS medium\r\n              color: tokens.colors.text.primary,\r\n              whiteSpace: \"nowrap\",\r\n              flexShrink: 0,\r\n            }}\r\n          >\r\n            {countLabel}\r\n          </h3>\r\n\r\n          {/* Spacer pushes controls right (only in row/desktop layout) */}\r\n          {!isMobile && <div style={{ flex: 1 }} />}\r\n        </div>\r\n        {/* Second row on mobile, same row on desktop */}\r\n        <div\r\n          style={{\r\n            display: \"flex\",\r\n            alignItems: \"center\",\r\n            gap: tokens.spacing.sm,\r\n            flex: isMobile ? undefined : 1,\r\n            justifyContent: isMobile ? \"space-between\" : \"flex-end\",\r\n          }}\r\n        >\r\n          {/* Inline search + filter icon — left of zoom/view toggle */}\r\n          {_showFilters && (\r\n            <div\r\n              style={{\r\n                display: \"flex\",\r\n                alignItems: \"center\",\r\n                gap: tokens.spacing.xs,\r\n                flex: isMobile ? 1 : undefined,\r\n                flexShrink: 0,\r\n              }}\r\n            >\r\n              {/* Compact search: expands on mobile to fill available width */}\r\n              <div\r\n                style={{ position: \"relative\", width: isMobile ? \"100%\" : 180 }}\r\n              >\r\n                <Icon\r\n                  name=\"search\"\r\n                  size={14}\r\n                  style={{\r\n                    position: \"absolute\",\r\n                    left: 8,\r\n                    top: \"50%\",\r\n                    transform: \"translateY(-50%)\",\r\n                    color: tokens.colors.text.tertiary,\r\n                    pointerEvents: \"none\",\r\n                  }}\r\n                />\r\n                <input\r\n                  type=\"search\"\r\n                  value={filter.search ?? \"\"}\r\n                  onChange={(e) =>\r\n                    patchFilter({ search: e.target.value || undefined })\r\n                  }\r\n                  placeholder=\"Search…\"\r\n                  aria-label=\"Search timeline events\"\r\n                  style={{\r\n                    width: \"100%\",\r\n                    boxSizing: \"border-box\",\r\n                    height: tokens.elementSize.sm,\r\n                    paddingLeft: 28,\r\n                    paddingRight: 8,\r\n                    borderRadius: tokens.borderRadius.md,\r\n                    border: `1px solid ${tokens.colors.border.muted}`,\r\n                    backgroundColor: tokens.colors.background.base,\r\n                    color: tokens.colors.text.primary,\r\n                    fontSize: tokens.typography.fontSize.sm,\r\n                    fontFamily: \"inherit\",\r\n                    outline: \"none\",\r\n                    transition: \"all 200ms cubic-bezier(0.4, 0, 0.2, 1)\",\r\n                  }}\r\n                  onFocus={(e) => {\r\n                    e.target.style.borderColor = tokens.colors.accent.primary;\r\n                    e.target.style.boxShadow = `0 0 0 3px ${tokens.colors.accent.primary}50, 0 0 20px ${tokens.colors.accent.primary}15`;\r\n                  }}\r\n                  onBlur={(e) => {\r\n                    e.target.style.borderColor = tokens.colors.border.muted;\r\n                    e.target.style.boxShadow = \"none\";\r\n                  }}\r\n                />\r\n              </div>\r\n\r\n              {/* Filter panel toggle icon */}\r\n              <Tooltip\r\n                content={filtersExpanded ? \"Hide filters\" : \"Show filters\"}\r\n              >\r\n                <button\r\n                  type=\"button\"\r\n                  aria-label={filtersExpanded ? \"Hide filters\" : \"Show filters\"}\r\n                  aria-expanded={filtersExpanded}\r\n                  aria-controls=\"zendir-timeline-filters-panel\"\r\n                  onClick={() => setFiltersExpanded((v) => !v)}\r\n                  style={{\r\n                    position: \"relative\",\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    justifyContent: \"center\",\r\n                    width: 28,\r\n                    height: 28,\r\n                    border: `1px solid ${filterChipCount > 0 ? `${tokens.colors.accent.primary}80` : tokens.colors.border.muted}`,\r\n                    borderRadius: tokens.borderRadius.sm,\r\n                    backgroundColor:\r\n                      filterChipCount > 0\r\n                        ? `${tokens.colors.accent.primary}12`\r\n                        : \"transparent\",\r\n                    color:\r\n                      filterChipCount > 0\r\n                        ? tokens.colors.accent.primary\r\n                        : tokens.colors.text.secondary,\r\n                    cursor: \"pointer\",\r\n                    transition: tokens.animation.fast,\r\n                  }}\r\n                >\r\n                  <Icon name=\"filter\" size={16} />\r\n                  {filterChipCount > 0 ? (\r\n                    <span\r\n                      style={{\r\n                        position: \"absolute\",\r\n                        top: -4,\r\n                        right: -4,\r\n                        minWidth: 14,\r\n                        height: 14,\r\n                        borderRadius: \"50%\",\r\n                        backgroundColor: tokens.colors.accent.primary,\r\n                        color: \"#fff\",\r\n                        fontSize: \"0.5625rem\",\r\n                        fontWeight: 700,\r\n                        display: \"flex\",\r\n                        alignItems: \"center\",\r\n                        justifyContent: \"center\",\r\n                        lineHeight: 1,\r\n                      }}\r\n                    >\r\n                      {filterChipCount}\r\n                    </span>\r\n                  ) : null}\r\n                </button>\r\n              </Tooltip>\r\n            </div>\r\n          )}\r\n          {/* Right side controls */}\r\n          <div\r\n            style={{\r\n              display: \"flex\",\r\n              alignItems: \"center\",\r\n              gap: 12,\r\n              flexShrink: 0,\r\n            }}\r\n          >\r\n            {/* Zoom controls - chart and scatter share zoom; list has no time axis */}\r\n            {zoomable && (viewMode === \"chart\" || viewMode === \"scatter\") && (\r\n              <div\r\n                style={{\r\n                  display: \"flex\",\r\n                  alignItems: \"center\",\r\n                  gap: 4,\r\n                  paddingRight: 12,\r\n                  borderRight: `1px solid ${tokens.colors.border.muted}`,\r\n                }}\r\n              >\r\n                <Tooltip content=\"Zoom out\">\r\n                  <button\r\n                    type=\"button\"\r\n                    aria-label=\"Zoom out\"\r\n                    onClick={() => setZoom(Math.max(zoom - 0.5, 1))}\r\n                    disabled={zoom <= 1}\r\n                    style={{\r\n                      width: 28,\r\n                      height: 28,\r\n                      display: \"flex\",\r\n                      alignItems: \"center\",\r\n                      justifyContent: \"center\",\r\n                      backgroundColor:\r\n                        zoom <= 1\r\n                          ? \"transparent\"\r\n                          : tokens.colors.background.elevated,\r\n                      border: `1px solid ${tokens.colors.border.muted}`,\r\n                      borderRadius: tokens.borderRadius.sm,\r\n                      color:\r\n                        zoom <= 1\r\n                          ? tokens.colors.text.tertiary\r\n                          : tokens.colors.text.primary,\r\n                      cursor: zoom <= 1 ? \"not-allowed\" : \"pointer\",\r\n                      fontSize: \"1rem\",\r\n                      fontWeight: 500, // AstroUXDS medium (was 600)\r\n                      opacity: zoom <= 1 ? 0.5 : 1,\r\n                    }}\r\n                  >\r\n                    −\r\n                  </button>\r\n                </Tooltip>\r\n                <span\r\n                  style={{\r\n                    minWidth: 40,\r\n                    textAlign: \"center\",\r\n                    fontSize: \"0.75rem\",\r\n                    fontFamily: tokens.typography.fontFamily.mono,\r\n                    color: tokens.colors.text.secondary,\r\n                  }}\r\n                >\r\n                  {Math.round(zoom * 100)}%\r\n                </span>\r\n                <Tooltip content=\"Zoom in\">\r\n                  <button\r\n                    type=\"button\"\r\n                    aria-label=\"Zoom in\"\r\n                    onClick={() => setZoom(Math.min(zoom + 0.5, 4))}\r\n                    disabled={zoom >= 4}\r\n                    style={{\r\n                      width: 28,\r\n                      height: 28,\r\n                      display: \"flex\",\r\n                      alignItems: \"center\",\r\n                      justifyContent: \"center\",\r\n                      backgroundColor:\r\n                        zoom >= 4\r\n                          ? \"transparent\"\r\n                          : tokens.colors.background.elevated,\r\n                      border: `1px solid ${tokens.colors.border.muted}`,\r\n                      borderRadius: tokens.borderRadius.sm,\r\n                      color:\r\n                        zoom >= 4\r\n                          ? tokens.colors.text.tertiary\r\n                          : tokens.colors.text.primary,\r\n                      cursor: zoom >= 4 ? \"not-allowed\" : \"pointer\",\r\n                      fontSize: \"1rem\",\r\n                      fontWeight: 500, // AstroUXDS medium (was 600)\r\n                      opacity: zoom >= 4 ? 0.5 : 1,\r\n                    }}\r\n                  >\r\n                    +\r\n                  </button>\r\n                </Tooltip>\r\n                <Tooltip content=\"Reset zoom\">\r\n                  <button\r\n                    type=\"button\"\r\n                    aria-label=\"Reset zoom\"\r\n                    onClick={() => setZoom(1)}\r\n                    style={{\r\n                      height: 28,\r\n                      padding: \"0 10px\",\r\n                      display: \"flex\",\r\n                      alignItems: \"center\",\r\n                      justifyContent: \"center\",\r\n                      backgroundColor: tokens.colors.background.elevated,\r\n                      border: `1px solid ${tokens.colors.border.muted}`,\r\n                      borderRadius: tokens.borderRadius.sm,\r\n                      color: tokens.colors.text.secondary,\r\n                      cursor: \"pointer\",\r\n                      fontSize: \"0.6875rem\",\r\n                      fontWeight: 500,\r\n                    }}\r\n                  >\r\n                    FIT\r\n                  </button>\r\n                </Tooltip>\r\n              </div>\r\n            )}\r\n\r\n            {/* View toggle — role=group tells assistive tech these buttons share a purpose */}\r\n            {showViewToggle && (\r\n              <div\r\n                role=\"group\"\r\n                aria-label=\"View mode\"\r\n                style={{\r\n                  display: \"flex\",\r\n                  gap: \"2px\",\r\n                  backgroundColor: isTransparentTheme\r\n                    ? \"transparent\"\r\n                    : tokens.colors.background.elevated,\r\n                  ...(isTransparentTheme && {\r\n                    backdropFilter: \"blur(12px)\",\r\n                    WebkitBackdropFilter: \"blur(12px)\" as const,\r\n                  }),\r\n                  padding: \"4px\",\r\n                  borderRadius: tokens.borderRadius.lg,\r\n                }}\r\n              >\r\n                {([\"chart\", \"list\", \"scatter\"] as TimelineViewMode[]).map(\r\n                  (mode) => {\r\n                    const isActive = viewMode === mode;\r\n                    const icons: Record<\r\n                      TimelineViewMode,\r\n                      \"list\" | \"timeline\" | \"chart\"\r\n                    > = {\r\n                      chart: \"chart\",\r\n                      list: \"list\",\r\n                      scatter: \"timeline\",\r\n                    };\r\n                    const labels: Record<TimelineViewMode, string> = {\r\n                      chart: \"Gantt Chart\",\r\n                      list: \"List View\",\r\n                      scatter: \"Scatter View\",\r\n                    };\r\n\r\n                    return (\r\n                      <Tooltip key={mode} content={labels[mode]}>\r\n                        <button\r\n                          type=\"button\"\r\n                          aria-label={labels[mode]}\r\n                          aria-pressed={isActive}\r\n                          onClick={() => handleViewModeChange(mode)}\r\n                          style={{\r\n                            display: \"flex\",\r\n                            alignItems: \"center\",\r\n                            justifyContent: \"center\",\r\n                            width: \"32px\",\r\n                            height: \"32px\",\r\n                            backgroundColor: isActive\r\n                              ? tokens.colors.accent.primary\r\n                              : \"transparent\",\r\n                            border: \"none\",\r\n                            borderRadius: tokens.borderRadius.md,\r\n                            color: isActive\r\n                              ? \"#ffffff\"\r\n                              : tokens.colors.text.secondary,\r\n                            cursor: \"pointer\",\r\n                            transition:\r\n                              \"all 200ms cubic-bezier(0.4, 0, 0.2, 1)\",\r\n                            transform: isActive ? \"scale(1)\" : \"scale(0.95)\",\r\n                            boxShadow: isActive\r\n                              ? `0 2px 8px ${tokens.colors.accent.primary}40`\r\n                              : \"none\",\r\n                          }}\r\n                          onMouseEnter={(e) => {\r\n                            if (!isActive) {\r\n                              e.currentTarget.style.backgroundColor = `${tokens.colors.accent.primary}20`;\r\n                              e.currentTarget.style.transform = \"scale(1)\";\r\n                            }\r\n                          }}\r\n                          onMouseLeave={(e) => {\r\n                            if (!isActive) {\r\n                              e.currentTarget.style.backgroundColor =\r\n                                \"transparent\";\r\n                              e.currentTarget.style.transform = \"scale(0.95)\";\r\n                            }\r\n                          }}\r\n                        >\r\n                          <Icon name={icons[mode]} size={16} />\r\n                        </button>\r\n                      </Tooltip>\r\n                    );\r\n                  },\r\n                )}\r\n              </div>\r\n            )}\r\n          </div>{\" \"}\r\n          {/* end right side controls */}\r\n        </div>{\" \"}\r\n        {/* end second-row */}\r\n      </div>{\" \"}\r\n      {/* end header */}\r\n      {_showFilters ? (\r\n        <TimelineFiltersPanel\r\n          filter={filter}\r\n          onFilterChange={setFilter}\r\n          trackOptions={trackOptionsForToolbar}\r\n          events={events}\r\n          expanded={filtersExpanded}\r\n          teamLabel={teamLabel}\r\n        />\r\n      ) : null}\r\n      {/* Loading State */}\r\n      {loading && (\r\n        <div\r\n          style={{\r\n            position: \"absolute\",\r\n            inset: 0,\r\n            display: \"flex\",\r\n            alignItems: \"center\",\r\n            justifyContent: \"center\",\r\n            backgroundColor: `${tokens.colors.background.overlay}80`,\r\n            backdropFilter: \"blur(4px)\",\r\n            zIndex: Z.loadingOverlay,\r\n          }}\r\n        >\r\n          <div\r\n            style={{\r\n              width: 40,\r\n              height: 40,\r\n              border: `3px solid ${tokens.colors.border.muted}`,\r\n              borderTopColor: tokens.colors.accent.primary,\r\n              borderRadius: \"50%\",\r\n              animation: \"zendir-spin 1s linear infinite\",\r\n            }}\r\n          />\r\n        </div>\r\n      )}\r\n      {/* Content */}\r\n      <div\r\n        style={{\r\n          padding: viewMode === \"list\" ? \"16px 20px\" : \"16px\",\r\n          maxHeight: maxHeight,\r\n          overflowY: maxHeight ? \"auto\" : undefined,\r\n          overflowX: viewMode !== \"list\" ? \"auto\" : undefined,\r\n        }}\r\n      >\r\n        {events.length === 0 ? (\r\n          <div\r\n            style={{\r\n              display: \"flex\",\r\n              flexDirection: \"column\",\r\n              alignItems: \"center\",\r\n              justifyContent: \"center\",\r\n              padding: \"48px 0\",\r\n              color: tokens.colors.text.tertiary,\r\n              gap: \"12px\",\r\n            }}\r\n          >\r\n            <Icon name=\"clock\" size={32} />\r\n            <span style={{ fontSize: \"0.875rem\" }}>No events to display</span>\r\n          </div>\r\n        ) : filteredEvents.length === 0 ? (\r\n          <div\r\n            style={{\r\n              display: \"flex\",\r\n              flexDirection: \"column\",\r\n              alignItems: \"center\",\r\n              justifyContent: \"center\",\r\n              padding: \"48px 24px\",\r\n              color: tokens.colors.text.tertiary,\r\n              gap: 12,\r\n              textAlign: \"center\",\r\n            }}\r\n          >\r\n            <Icon name=\"search\" size={32} />\r\n            <span\r\n              style={{\r\n                fontSize: \"0.875rem\",\r\n                color: tokens.colors.text.secondary,\r\n              }}\r\n            >\r\n              No events match the current filters.\r\n            </span>\r\n            {_showFilters && isTimelineFilterActive(filter) ? (\r\n              <button\r\n                type=\"button\"\r\n                onClick={() => setFilter({})}\r\n                style={{\r\n                  marginTop: 4,\r\n                  padding: \"8px 16px\",\r\n                  borderRadius: tokens.borderRadius.md,\r\n                  border: `1px solid ${tokens.colors.accent.primary}`,\r\n                  backgroundColor: `${tokens.colors.accent.primary}18`,\r\n                  color: tokens.colors.accent.primary,\r\n                  cursor: \"pointer\",\r\n                  fontSize: \"0.8125rem\",\r\n                  fontWeight: 500,\r\n                }}\r\n              >\r\n                Clear filters\r\n              </button>\r\n            ) : null}\r\n          </div>\r\n        ) : viewMode === \"list\" ? (\r\n          // List View\r\n          sortedEvents.map((event, index) => (\r\n            <EventListItem\r\n              key={event.id}\r\n              event={event}\r\n              isLast={index === sortedEvents.length - 1}\r\n              onEventClick={onEventClick}\r\n            />\r\n          ))\r\n        ) : viewMode === \"scatter\" ? (\r\n          // Scatter View (Dots on timeline) - uses same zoom as chart\r\n          <ScatterView\r\n            events={filteredEvents}\r\n            tracks={effectiveTracksForViews}\r\n            start={start}\r\n            end={end}\r\n            trackHeight={trackHeight}\r\n            onEventClick={onEventClick}\r\n            timeFormat={timeFormat}\r\n            referenceTime={referenceTime || start}\r\n            zoom={zoom}\r\n          />\r\n        ) : (\r\n          // Chart View (Gantt)\r\n          <ChartView\r\n            events={filteredEvents}\r\n            tracks={effectiveTracksForViews}\r\n            start={start}\r\n            end={end}\r\n            trackHeight={trackHeight}\r\n            onEventClick={onEventClick}\r\n            zoom={zoom}\r\n            showPlayhead={showPlayhead}\r\n            playheadTime={playheadTime}\r\n            onPlayheadChange={_onPlayheadChangeTimeline}\r\n            showDayMarkers={showDayMarkers}\r\n            timeFormat={timeFormat}\r\n          />\r\n        )}\r\n      </div>\r\n      {/* Global Styles */}\r\n      <style>{`\r\n        @keyframes zendir-spin {\r\n          from { transform: rotate(0deg); }\r\n          to { transform: rotate(360deg); }\r\n        }\r\n      `}</style>\r\n    </div>\r\n  );\r\n});\r\n\r\nexport default UnifiedTimeline;\r\n"],"mappings":"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"}
+{"version":3,"file":"UnifiedTimeline.js","names":[],"sources":["../../../src/react/astro/UnifiedTimeline.tsx"],"sourcesContent":["/**\r\n * @zendir/ui - UnifiedTimeline Component\r\n *\r\n * Enterprise-grade unified timeline with seamless view switching between\r\n * Gantt chart view and Event list view.\r\n *\r\n * Design Philosophy (Apple/Google inspired):\r\n * - Single component, multiple views\r\n * - Smooth transitions between views\r\n * - Consistent data model\r\n * - Flexible for teams and single user\r\n *\r\n * @example\r\n * ```tsx\r\n * <UnifiedTimeline\r\n *   title=\"Mission Timeline\"\r\n *   events={events}\r\n *   tracks={tracks}\r\n *   defaultView=\"list\"\r\n * />\r\n * ```\r\n */\r\n\r\nimport React, {\r\n  memo,\r\n  useState,\r\n  useMemo,\r\n  useCallback,\r\n  useRef,\r\n  useEffect,\r\n} from \"react\";\r\nimport { useTheme } from \"../theme\";\r\nimport type { ThemeTokens } from \"../theme\";\r\nimport { classNames, safeAccentText } from \"../utils\";\r\nimport type { CategoryDef } from \"../types\";\r\nimport { useCategoryPalette } from \"../context/CategoryContext\";\r\nimport { Icon } from \"../core/display/Icon\";\r\nimport { Badge } from \"../core/display/Badge\";\r\nimport { Tooltip } from \"../core/overlays/Tooltip\";\r\nimport { Button } from \"../core/inputs/Button\";\r\nimport { useBreakpoint } from \"../core/layout/useBreakpoint\";\r\n// ============================================================================\r\n// Types\r\n// ============================================================================\r\n\r\n// ============================================================================\r\n// Z-Index scale — prevents conflicts with global modals, toasts, nav overlays\r\n// ============================================================================\r\nconst Z = {\r\n  /** Base layer for track events / scatter dots */\r\n  trackEvent: 1,\r\n  /** Hovered track event raised above siblings */\r\n  trackEventHovered: 20,\r\n  /** Sticky column elements (playhead, track labels) */\r\n  sticky: 15,\r\n  /** Floating day-marker lines above track content */\r\n  dayMarker: 5,\r\n  /** Current-time playhead line — above sticky headers and events */\r\n  playhead: 25,\r\n  /** Loading overlay covering chart content */\r\n  loadingOverlay: 100,\r\n  /** Floating tooltips — above all chart chrome */\r\n  tooltip: 1000,\r\n} as const;\r\n\r\n/**\r\n * How long the playhead line takes to glide from one position to the next.\r\n *\r\n * Matched against a caller reporting position continuously (a running\r\n * playback clock): each glide is meant to finish about the time the next\r\n * position arrives, smoothing what would otherwise be a visible step.\r\n */\r\nconst PLAYHEAD_GLIDE_MS = 400;\r\n\r\n/**\r\n * How far the playhead can move between two renders and still be a step in\r\n * that continuous reporting rather than a deliberate jump — a reader\r\n * dragging the scrubber to a distant point, or clicking far ahead on the\r\n * track.\r\n *\r\n * Gliding a jump the same way a small step glides turns an instant move into\r\n * a slow animated slide across the whole timeline: each render arriving\r\n * before the previous glide finishes restarts it toward a target that is\r\n * itself only a little further along, so the line perpetually chases a\r\n * moving point rather than arriving. Held well above the largest step\r\n * continuous playback can produce and well below the smallest gap anyone\r\n * would call a jump.\r\n */\r\nconst PLAYHEAD_JUMP_THRESHOLD_MS = 60_000;\r\n\r\n/**\r\n * Whether the playhead's move to `now` (epoch ms) should snap rather than\r\n * glide, and remembers `now` for the next call.\r\n *\r\n * A ref rather than a WeakMap: one playhead per view instance, not one\r\n * shared across many chart handles, so there is nothing to key it by.\r\n */\r\nfunction usePlayheadJump(now: number | null): boolean {\r\n  const lastRef = useRef<number | null>(null);\r\n  const isJump =\r\n    now === null ||\r\n    lastRef.current === null ||\r\n    Math.abs(now - lastRef.current) > PLAYHEAD_JUMP_THRESHOLD_MS;\r\n  useEffect(() => {\r\n    lastRef.current = now;\r\n  }, [now]);\r\n  return isJump;\r\n}\r\n\r\n/** Filter key for events with no team accent (use with `TimelineFilter.teams`). */\r\nexport const TIMELINE_FILTER_TEAM_NONE = \"__zendir_team_none__\";\r\n/** Filter key for legacy accent color only (no structured `team.id`). */\r\nexport const TIMELINE_FILTER_TEAM_LEGACY = \"__zendir_team_legacy__\";\r\n\r\nexport type TimelineViewMode = \"list\" | \"compact\" | \"chart\" | \"scatter\";\r\n\r\n/**\r\n * Team / category identity on the timeline.\r\n *\r\n * Extends the SDK-level `CategoryDef` with `label` kept optional for\r\n * backward compatibility — existing code that passes `{ id, color }` without\r\n * a label continues to compile and run unchanged.\r\n *\r\n * Because it extends `CategoryDef`, a `TimelineTeam` value can be used\r\n * anywhere a `CategoryDef` is expected (e.g. `CategoryPalette` constructor).\r\n */\r\nexport interface TimelineTeam extends Omit<CategoryDef, \"label\"> {\r\n  /** Human-readable name (tooltips, search, filter pills). Optional for backward compat. */\r\n  label?: string;\r\n}\r\n\r\nexport interface TimelineEvent {\r\n  /** Unique identifier */\r\n  id: string;\r\n  /** Event title */\r\n  title: string;\r\n  /** Start time */\r\n  start: Date;\r\n  /** End time (optional for point events) */\r\n  end?: Date;\r\n  /** Track/category this event belongs to */\r\n  track?: string;\r\n  /** Status for coloring */\r\n  status?: \"off\" | \"standby\" | \"normal\" | \"caution\" | \"serious\" | \"critical\";\r\n  /** Badge text */\r\n  badge?: string;\r\n  /** Badge variant - uses AstroUXDS status terms */\r\n  badgeVariant?:\r\n    | \"default\"\r\n    | \"primary\"\r\n    | \"normal\"\r\n    | \"caution\"\r\n    | \"serious\"\r\n    | \"critical\";\r\n  /** Subtitle/description */\r\n  subtitle?: string;\r\n  /** Additional timestamps to display in list view */\r\n  timestamps?: {\r\n    label: string;\r\n    value: string;\r\n    status?: \"normal\" | \"standby\" | \"caution\" | \"serious\" | \"critical\" | \"off\";\r\n  }[];\r\n  /** Arguments/metadata */\r\n  arguments?: Record<string, string | number | boolean>;\r\n  /** Custom metadata */\r\n  metadata?: Record<string, unknown>;\r\n  /**\r\n   * Team assignment (preferred): id + accent color (+ optional label).\r\n   * List: thin top stripe. Chart/Gantt: thin top stripe; status via Astro shape + hover.\r\n   * Scatter: outer ring. Does NOT override status fill.\r\n   */\r\n  team?: TimelineTeam;\r\n  /**\r\n   * @deprecated Prefer `team: { id, color, label? }`. If set without `team`, still used as the accent color (legacy).\r\n   */\r\n  color?: string;\r\n}\r\n\r\n/** Resolved team accent for rendering (from `event.team` or legacy `event.color`). */\r\nexport function getTimelineTeamAccent(\r\n  event: TimelineEvent,\r\n): { color: string; id?: string | number; label?: string } | null {\r\n  const t = event.team;\r\n  if (t?.color) {\r\n    return { color: t.color, id: t.id, label: t.label };\r\n  }\r\n  if (event.color) {\r\n    return { color: event.color };\r\n  }\r\n  return null;\r\n}\r\n\r\n/** Label for team row in tooltips (id / label / arguments.Team / badge). */\r\nexport function getTimelineTeamDisplayLabel(\r\n  event: TimelineEvent,\r\n  accent: NonNullable<ReturnType<typeof getTimelineTeamAccent>>,\r\n): string {\r\n  if (accent.label) return accent.label;\r\n  if (accent.id !== undefined && accent.id !== \"\") return String(accent.id);\r\n  const args = event.arguments as Record<string, unknown> | undefined;\r\n  const argsTeam = args?.Team;\r\n  if (argsTeam !== undefined && argsTeam !== \"\") return String(argsTeam);\r\n  return event.badge || \"Team\";\r\n}\r\n\r\n/** Stable key for team filter pills (`TimelineFilter.teams`). */\r\nexport function getTimelineTeamFilterKey(event: TimelineEvent): string {\r\n  const accent = getTimelineTeamAccent(event);\r\n  if (!accent) return TIMELINE_FILTER_TEAM_NONE;\r\n  if (accent.id === undefined || accent.id === \"\")\r\n    return TIMELINE_FILTER_TEAM_LEGACY;\r\n  return String(accent.id);\r\n}\r\n\r\nexport interface TimelineTrackDef {\r\n  /** Track identifier */\r\n  id: string;\r\n  /** Display label */\r\n  label: string;\r\n  /** Track height in pixels */\r\n  height?: number;\r\n}\r\n\r\nexport type TimeFormat = \"relative\" | \"absolute\" | \"utc\";\r\n\r\n/**\r\n * A timeline instant, written the way the view is labelled.\r\n *\r\n * Module level so every view formats a time the same way — the main component\r\n * memoises a bound version of this for its own axis, and the compact rows call\r\n * it directly rather than carrying a second copy of the rules.\r\n */\r\nexport function formatTimelineTime(\r\n  date: Date,\r\n  timeFormat: TimeFormat,\r\n  refTime: Date,\r\n): string {\r\n  if (timeFormat === \"relative\") {\r\n    const totalSeconds = Math.floor(\r\n      Math.abs(date.getTime() - refTime.getTime()) / 1000,\r\n    );\r\n    const hours = Math.floor(totalSeconds / 3600);\r\n    const minutes = Math.floor((totalSeconds % 3600) / 60);\r\n    const seconds = totalSeconds % 60;\r\n    return hours > 0 ? `${hours}h ${minutes}m` : `${minutes}m ${seconds}s`;\r\n  }\r\n  if (timeFormat === \"utc\") {\r\n    return date.toISOString().slice(11, 19) + \" UTC\";\r\n  }\r\n  return date.toLocaleTimeString([], { hour: \"2-digit\", minute: \"2-digit\" });\r\n}\r\n\r\nexport interface TimelineFilter {\r\n  /** Filter by track IDs (empty / omitted = all tracks) */\r\n  tracks?: string[];\r\n  /** Filter by display status (multi-select; empty / omitted = all) */\r\n  status?: TimelineEvent[\"status\"][];\r\n  /** Case-insensitive match on title, subtitle, badge, track, argument values */\r\n  search?: string;\r\n  /** Duration shape: point (no end or zero length), range (has end after start), all */\r\n  eventShape?: \"all\" | \"point\" | \"range\";\r\n  /**\r\n   * Filter by team keys from `getTimelineTeamFilterKey` (e.g. `\"42\"`, `\"alpha\"`).\r\n   * Include `TIMELINE_FILTER_TEAM_NONE` / `TIMELINE_FILTER_TEAM_LEGACY` when those buckets exist in data.\r\n   */\r\n  teams?: string[];\r\n  /**\r\n   * @deprecated Use `teams` with explicit keys. When true (and `teams` is empty), only events with a team accent match.\r\n   */\r\n  teamColoredOnly?: boolean;\r\n}\r\n\r\nconst ALL_TIMELINE_STATUSES: TimelineEvent[\"status\"][] = [\r\n  \"off\",\r\n  \"standby\",\r\n  \"normal\",\r\n  \"caution\",\r\n  \"serious\",\r\n  \"critical\",\r\n];\r\n\r\n/** Display status used for filtering and markers (badgeVariant overrides raw status when set). */\r\nexport function getTimelineEventDisplayStatus(\r\n  event: TimelineEvent,\r\n): TimelineEvent[\"status\"] {\r\n  if (\r\n    event.badgeVariant &&\r\n    event.badgeVariant !== \"default\" &&\r\n    event.badgeVariant !== \"primary\"\r\n  ) {\r\n    return event.badgeVariant as TimelineEvent[\"status\"];\r\n  }\r\n  return event.status ?? \"normal\";\r\n}\r\n\r\nexport function isTimelineFilterActive(filter: TimelineFilter): boolean {\r\n  return Boolean(\r\n    (filter.search && filter.search.trim()) ||\r\n    (filter.tracks && filter.tracks.length > 0) ||\r\n    (filter.status && filter.status.length > 0) ||\r\n    (filter.eventShape && filter.eventShape !== \"all\") ||\r\n    (filter.teams && filter.teams.length > 0) ||\r\n    filter.teamColoredOnly,\r\n  );\r\n}\r\n\r\nfunction normalizeTimelineFilter(f: TimelineFilter): TimelineFilter {\r\n  const o: TimelineFilter = {};\r\n  const s = f.search?.trim();\r\n  if (s) o.search = s;\r\n  if (f.tracks?.length) o.tracks = [...f.tracks];\r\n  if (f.status?.length) o.status = [...f.status];\r\n  if (f.eventShape && f.eventShape !== \"all\") o.eventShape = f.eventShape;\r\n  if (f.teams?.length) o.teams = [...f.teams];\r\n  if (f.teamColoredOnly) o.teamColoredOnly = true;\r\n  return o;\r\n}\r\n\r\nexport function matchesTimelineFilter(\r\n  event: TimelineEvent,\r\n  filter: TimelineFilter,\r\n): boolean {\r\n  if (!isTimelineFilterActive(filter)) return true;\r\n\r\n  if (filter.tracks?.length) {\r\n    const tid = event.track ?? \"default\";\r\n    if (!filter.tracks.includes(tid)) return false;\r\n  }\r\n\r\n  if (filter.status?.length) {\r\n    const ds = getTimelineEventDisplayStatus(event);\r\n    if (!filter.status.includes(ds)) return false;\r\n  }\r\n\r\n  const q = filter.search?.trim().toLowerCase();\r\n  if (q) {\r\n    const argStr = event.arguments\r\n      ? Object.values(event.arguments)\r\n          .map((v) => String(v))\r\n          .join(\" \")\r\n      : \"\";\r\n    const accent = getTimelineTeamAccent(event);\r\n    const teamHay = accent\r\n      ? [accent.label, accent.id !== undefined ? String(accent.id) : \"\"]\r\n          .filter(Boolean)\r\n          .join(\" \")\r\n      : \"\";\r\n    const hay = [\r\n      event.title,\r\n      event.subtitle,\r\n      event.badge,\r\n      event.track,\r\n      argStr,\r\n      teamHay,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(\" \")\r\n      .toLowerCase();\r\n    if (!hay.includes(q)) return false;\r\n  }\r\n\r\n  if (filter.eventShape === \"point\") {\r\n    const endT = event.end?.getTime();\r\n    const st = event.start.getTime();\r\n    if (endT != null && endT > st) return false;\r\n  }\r\n  if (filter.eventShape === \"range\") {\r\n    const endT = event.end?.getTime();\r\n    const st = event.start.getTime();\r\n    if (endT == null || endT <= st) return false;\r\n  }\r\n\r\n  if (filter.teams?.length) {\r\n    const teamKey = getTimelineTeamFilterKey(event);\r\n    if (!filter.teams.includes(teamKey)) return false;\r\n  }\r\n\r\n  if (\r\n    filter.teamColoredOnly &&\r\n    !(filter.teams && filter.teams.length > 0) &&\r\n    !getTimelineTeamAccent(event)\r\n  ) {\r\n    return false;\r\n  }\r\n\r\n  return true;\r\n}\r\n\r\nfunction countTimelineFilterChips(filter: TimelineFilter): number {\r\n  let n = 0;\r\n  if (filter.search?.trim()) n++;\r\n  if (filter.tracks?.length) n++;\r\n  if (filter.status?.length) n++;\r\n  if (filter.eventShape && filter.eventShape !== \"all\") n++;\r\n  if (filter.teams && filter.teams.length > 0) n++;\r\n  if (filter.teamColoredOnly && !(filter.teams && filter.teams.length > 0)) n++;\r\n  return n;\r\n}\r\n\r\nexport interface UnifiedTimelineProps {\r\n  /** Timeline title */\r\n  /** Heading text. `null` draws no heading, leaving the controls beside it. */\r\n  title?: string | null;\r\n  /** Events to display */\r\n  events: TimelineEvent[];\r\n  /** Track definitions for chart view */\r\n  tracks?: TimelineTrackDef[];\r\n  /** Start time for chart view (auto-calculated if not provided) */\r\n  start?: Date;\r\n  /** End time for chart view (auto-calculated if not provided) */\r\n  end?: Date;\r\n  /** Default view mode */\r\n  defaultView?: TimelineViewMode;\r\n  /** Controlled view mode */\r\n  viewMode?: TimelineViewMode;\r\n  /** View mode change handler */\r\n  onViewModeChange?: (mode: TimelineViewMode) => void;\r\n  /** Event click handler */\r\n  onEventClick?: (event: TimelineEvent) => void;\r\n  /** Show view toggle */\r\n  showViewToggle?: boolean;\r\n  /** Max height for scrollable container */\r\n  maxHeight?: string | number;\r\n  /** Track height for chart view */\r\n  trackHeight?: number;\r\n  /** Custom className */\r\n  className?: string;\r\n  /** Time format for axis labels */\r\n  timeFormat?: TimeFormat;\r\n  /** Enable zoom controls */\r\n  zoomable?: boolean;\r\n  /** Initial zoom level (1 = 100%) */\r\n  initialZoom?: number;\r\n  /** Show filter & search controls in header (default true) */\r\n  showFilters?: boolean;\r\n  /** Start with the filter panel expanded (default false) */\r\n  filtersDefaultExpanded?: boolean;\r\n  /** When any filter is active, hide chart/scatter track rows that have no matching events */\r\n  hideEmptyTracksWhenFiltered?: boolean;\r\n  /** Controlled filter state */\r\n  filter?: TimelineFilter;\r\n  /** Filter change handler (receives normalized filter object) */\r\n  onFilterChange?: (filter: TimelineFilter) => void;\r\n  /** Show event count badge */\r\n  showCount?: boolean;\r\n  /** Loading state */\r\n  loading?: boolean;\r\n  /** Reference time for relative format (defaults to start of range) */\r\n  referenceTime?: Date;\r\n\r\n  // === Playhead Options (Astro UX) ===\r\n  /** Show playhead indicator at current time */\r\n  showPlayhead?: boolean;\r\n  /** Custom playhead time (for simulation mode) */\r\n  playheadTime?: Date;\r\n  /** Callback when playhead time changes (for interactive playhead) */\r\n  onPlayheadChange?: (time: Date) => void;\r\n\r\n  // === Day Markers (Astro UX) ===\r\n  /** Show day markers at midnight */\r\n  showDayMarkers?: boolean;\r\n\r\n  // === Customization ===\r\n  /**\r\n   * Override the label used for the \"Teams\" secondary-category filter section.\r\n   * Useful when the `team` field on events represents squads, categories, groups, etc.\r\n   * Defaults to `\"Teams\"`. The value is also used for ARIA labels and tooltip text.\r\n   * @example teamLabel=\"Squads\"\r\n   * @example teamLabel=\"Categories\"\r\n   */\r\n  teamLabel?: string;\r\n}\r\n\r\n// ============================================================================\r\n// Event List Item (for list view)\r\n// ============================================================================\r\n\r\n/** Astro UX status shapes per official spec: filled circle (normal), ring (standby), small circle (off), square (caution), diamond (serious), triangle (critical) */\r\nfunction TimelineStatusMarker({\r\n  status,\r\n  fillColor,\r\n  size = 12,\r\n}: {\r\n  status?: TimelineEvent[\"status\"];\r\n  fillColor: string;\r\n  size?: number;\r\n}): React.ReactElement {\r\n  const effectiveStatus = status ?? \"normal\";\r\n  const glow = `${fillColor}60`;\r\n\r\n  switch (effectiveStatus) {\r\n    case \"off\":\r\n      return (\r\n        <svg\r\n          viewBox=\"0 0 12 12\"\r\n          width={size}\r\n          height={size}\r\n          style={{ flexShrink: 0, filter: `drop-shadow(0 0 4px ${glow})` }}\r\n        >\r\n          <circle cx=\"6\" cy=\"6\" r=\"3\" fill={fillColor} />\r\n        </svg>\r\n      );\r\n    case \"standby\":\r\n      return (\r\n        <svg\r\n          viewBox=\"0 0 12 12\"\r\n          width={size}\r\n          height={size}\r\n          style={{ flexShrink: 0, filter: `drop-shadow(0 0 4px ${glow})` }}\r\n        >\r\n          <circle\r\n            cx=\"6\"\r\n            cy=\"6\"\r\n            r=\"3.5\"\r\n            fill=\"none\"\r\n            stroke={fillColor}\r\n            strokeWidth=\"2\"\r\n          />\r\n        </svg>\r\n      );\r\n    case \"normal\":\r\n      return (\r\n        <svg\r\n          viewBox=\"0 0 12 12\"\r\n          width={size}\r\n          height={size}\r\n          style={{ flexShrink: 0, filter: `drop-shadow(0 0 4px ${glow})` }}\r\n        >\r\n          <circle cx=\"6\" cy=\"6\" r=\"5\" fill={fillColor} />\r\n        </svg>\r\n      );\r\n    case \"caution\":\r\n      return (\r\n        <svg\r\n          viewBox=\"0 0 12 12\"\r\n          width={size}\r\n          height={size}\r\n          style={{ flexShrink: 0, filter: `drop-shadow(0 0 4px ${glow})` }}\r\n        >\r\n          <rect x=\"1\" y=\"1\" width=\"10\" height=\"10\" fill={fillColor} />\r\n        </svg>\r\n      );\r\n    case \"serious\":\r\n      return (\r\n        <svg\r\n          viewBox=\"0 0 12 12\"\r\n          width={size}\r\n          height={size}\r\n          style={{ flexShrink: 0, filter: `drop-shadow(0 0 4px ${glow})` }}\r\n        >\r\n          <polygon points=\"6,1 11,6 6,11 1,6\" fill={fillColor} />\r\n        </svg>\r\n      );\r\n    case \"critical\":\r\n      return (\r\n        <svg\r\n          viewBox=\"0 0 12 12\"\r\n          width={size}\r\n          height={size}\r\n          style={{ flexShrink: 0, filter: `drop-shadow(0 0 4px ${glow})` }}\r\n        >\r\n          <polygon points=\"6,11 1,2 11,2\" fill={fillColor} />\r\n        </svg>\r\n      );\r\n    default: // normal\r\n      return (\r\n        <svg\r\n          viewBox=\"0 0 12 12\"\r\n          width={size}\r\n          height={size}\r\n          style={{ flexShrink: 0, filter: `drop-shadow(0 0 4px ${glow})` }}\r\n        >\r\n          <circle cx=\"6\" cy=\"6\" r=\"5\" fill={fillColor} />\r\n        </svg>\r\n      );\r\n  }\r\n}\r\n\r\ninterface CompactEventRowProps {\r\n  event: TimelineEvent;\r\n  current?: boolean;\r\n  onEventClick?: (event: TimelineEvent) => void;\r\n  timeFormat: TimeFormat;\r\n  refTime: Date;\r\n}\r\n\r\n/**\r\n * One event on a single line.\r\n *\r\n * The list view gives each event a card it can be expanded from, which is the\r\n * right shape for reading a handful closely and the wrong one for finding a\r\n * moment among hundreds — a three-hour exercise fills several screens before\r\n * it reaches the second minute. This is the other half of that: time, name and\r\n * owner on one row, so a long session can be scanned rather than scrolled.\r\n *\r\n * Marked rather than auto-scrolled. Scrolling the list under a reader who is\r\n * looking at something else is the more annoying failure of the two.\r\n */\r\nconst CompactEventRow = memo(function CompactEventRow({\r\n  event,\r\n  current,\r\n  onEventClick,\r\n  timeFormat,\r\n  refTime,\r\n}: CompactEventRowProps) {\r\n  const { tokens } = useTheme();\r\n  const [hovered, setHovered] = useState(false);\r\n  const accent = getTimelineTeamAccent(event);\r\n  const clickable = Boolean(onEventClick);\r\n\r\n  return (\r\n    <div\r\n      role={clickable ? \"button\" : undefined}\r\n      tabIndex={clickable ? 0 : undefined}\r\n      onClick={clickable ? () => onEventClick!(event) : undefined}\r\n      onKeyDown={\r\n        clickable\r\n          ? (e) => {\r\n              if (e.key === \"Enter\" || e.key === \" \") {\r\n                e.preventDefault();\r\n                onEventClick!(event);\r\n              }\r\n            }\r\n          : undefined\r\n      }\r\n      onMouseEnter={() => setHovered(true)}\r\n      onMouseLeave={() => setHovered(false)}\r\n      style={{\r\n        display: \"flex\",\r\n        alignItems: \"baseline\",\r\n        gap: \"10px\",\r\n        padding: \"3px 8px\",\r\n        borderRadius: tokens.borderRadius.sm,\r\n        cursor: clickable ? \"pointer\" : \"default\",\r\n        background: current\r\n          ? `${tokens.colors.accent.primary}1f`\r\n          : hovered\r\n            ? tokens.colors.background.elevated\r\n            : \"transparent\",\r\n        // The moment being played keeps a rule down its left edge, so it stays\r\n        // findable once the row's own tint is scrolled past.\r\n        boxShadow: current\r\n          ? `inset 2px 0 0 0 ${tokens.colors.accent.primary}`\r\n          : undefined,\r\n      }}\r\n    >\r\n      <span\r\n        style={{\r\n          flexShrink: 0,\r\n          fontFamily: tokens.typography.fontFamily.mono,\r\n          fontVariantNumeric: \"tabular-nums\",\r\n          fontSize: \"0.6875rem\",\r\n          color: tokens.colors.text.tertiary,\r\n        }}\r\n      >\r\n        {formatTimelineTime(event.start, timeFormat, refTime)}\r\n      </span>\r\n      <span\r\n        aria-hidden\r\n        style={{\r\n          flexShrink: 0,\r\n          width: \"6px\",\r\n          height: \"6px\",\r\n          borderRadius: \"50%\",\r\n          background:\r\n            accent?.color ?? tokens.colors.status[event.status ?? \"normal\"],\r\n        }}\r\n      />\r\n      <span\r\n        style={{\r\n          flex: 1,\r\n          minWidth: 0,\r\n          overflow: \"hidden\",\r\n          textOverflow: \"ellipsis\",\r\n          whiteSpace: \"nowrap\",\r\n          fontSize: \"0.75rem\",\r\n          color: current ? tokens.colors.text.primary : tokens.colors.text.secondary,\r\n        }}\r\n      >\r\n        {event.title}\r\n      </span>\r\n      {event.track ? (\r\n        <span\r\n          style={{\r\n            flexShrink: 0,\r\n            fontSize: \"0.6875rem\",\r\n            color: tokens.colors.text.tertiary,\r\n          }}\r\n        >\r\n          {event.track}\r\n        </span>\r\n      ) : null}\r\n    </div>\r\n  );\r\n});\r\n\r\n\r\ninterface EventListItemProps {\r\n  event: TimelineEvent;\r\n  isLast: boolean;\r\n  onEventClick?: (event: TimelineEvent) => void;\r\n}\r\n\r\nconst EventListItem = memo(function EventListItem({\r\n  event,\r\n  isLast,\r\n  onEventClick,\r\n}: EventListItemProps) {\r\n  const { tokens } = useTheme();\r\n  const [expanded, setExpanded] = useState(false);\r\n  const [hovered, setHovered] = useState(false);\r\n\r\n  const hasArguments =\r\n    event.arguments && Object.keys(event.arguments).length > 0;\r\n  const argumentCount = hasArguments ? Object.keys(event.arguments!).length : 0;\r\n\r\n  // Generate timestamps from start/end if not provided\r\n  const timestamps = event.timestamps || [\r\n    {\r\n      label: \"Time\",\r\n      value:\r\n        event.start.toISOString().replace(\"T\", \" \").substring(0, 19) + \" UTC\",\r\n      status: event.status as any,\r\n    },\r\n  ];\r\n\r\n  // Single source of truth: badgeVariant overrides status so badge and marker always match\r\n  const displayStatus: TimelineEvent[\"status\"] =\r\n    event.badgeVariant &&\r\n    event.badgeVariant !== \"default\" &&\r\n    event.badgeVariant !== \"primary\"\r\n      ? event.badgeVariant\r\n      : (event.status ?? \"normal\");\r\n  const markerColor = tokens.colors.status[displayStatus];\r\n  const teamAccent = getTimelineTeamAccent(event);\r\n\r\n  return (\r\n    <div style={{ display: \"flex\", gap: \"16px\" }}>\r\n      {/* Timeline indicator - Astro UX status shape (circle/square/diamond/triangle) */}\r\n      <div\r\n        style={{\r\n          display: \"flex\",\r\n          flexDirection: \"column\",\r\n          alignItems: \"center\",\r\n          width: \"20px\",\r\n          flexShrink: 0,\r\n        }}\r\n      >\r\n        <div style={{ marginTop: \"8px\" }}>\r\n          <TimelineStatusMarker\r\n            status={displayStatus}\r\n            fillColor={markerColor}\r\n            size={12}\r\n          />\r\n        </div>\r\n        {!isLast && (\r\n          <div\r\n            style={{\r\n              width: \"2px\",\r\n              flex: 1,\r\n              backgroundColor: `${tokens.colors.accent.primary}30`,\r\n              marginTop: \"4px\",\r\n            }}\r\n          />\r\n        )}\r\n      </div>\r\n\r\n      {/* Event card */}\r\n      <div\r\n        onMouseEnter={() => setHovered(true)}\r\n        onMouseLeave={() => setHovered(false)}\r\n        onClick={() => onEventClick?.(event)}\r\n        style={{\r\n          position: \"relative\",\r\n          flex: 1,\r\n          marginBottom: \"16px\",\r\n          padding: teamAccent ? \"19px 20px 16px 20px\" : \"16px 20px\",\r\n          backgroundColor: tokens.colors.background.surface,\r\n          border: `1px solid ${hovered ? tokens.colors.accent.primary : tokens.colors.border.muted}`,\r\n          borderRadius: tokens.borderRadius.lg,\r\n          cursor: onEventClick ? \"pointer\" : \"default\",\r\n          transition: \"all 200ms cubic-bezier(0.4, 0, 0.2, 1)\",\r\n          overflow: \"hidden\",\r\n          boxShadow: hovered\r\n            ? `0 4px 20px ${tokens.colors.accent.primary}15, 0 0 0 1px ${tokens.colors.accent.primary}20`\r\n            : \"none\",\r\n        }}\r\n      >\r\n        {/* Team accent top stripe (id + color via `team` or legacy `color`) */}\r\n        {teamAccent && (\r\n          <div\r\n            style={{\r\n              position: \"absolute\",\r\n              top: 0,\r\n              left: 0,\r\n              right: 0,\r\n              height: 3,\r\n              backgroundColor: teamAccent.color,\r\n            }}\r\n          />\r\n        )}\r\n\r\n        {/* Header */}\r\n        <div\r\n          style={{\r\n            display: \"flex\",\r\n            alignItems: \"center\",\r\n            justifyContent: \"space-between\",\r\n            marginBottom: timestamps.length ? \"12px\" : 0,\r\n          }}\r\n        >\r\n          <h4\r\n            style={{\r\n              margin: 0,\r\n              fontSize: \"0.875rem\",\r\n              fontWeight: 500, // AstroUXDS medium (was 600)\r\n              color: tokens.colors.text.primary,\r\n              letterSpacing: \"0.02em\",\r\n              textTransform: \"uppercase\",\r\n            }}\r\n          >\r\n            {event.title}\r\n          </h4>\r\n          {event.badge && (\r\n            <Badge\r\n              variant={\r\n                displayStatus === \"caution\" || displayStatus === \"serious\"\r\n                  ? \"filled\"\r\n                  : \"outline\"\r\n              }\r\n              size=\"small\"\r\n              status={\r\n                displayStatus === \"critical\"\r\n                  ? \"critical\"\r\n                  : displayStatus === \"serious\"\r\n                    ? \"serious\"\r\n                    : displayStatus === \"caution\"\r\n                      ? \"caution\"\r\n                      : displayStatus === \"normal\"\r\n                        ? \"normal\"\r\n                        : undefined\r\n              }\r\n            >\r\n              {event.badge}\r\n            </Badge>\r\n          )}\r\n        </div>\r\n\r\n        {/* Subtitle */}\r\n        {event.subtitle && (\r\n          <p\r\n            style={{\r\n              margin: \"0 0 12px 0\",\r\n              fontSize: \"0.8125rem\",\r\n              color: tokens.colors.text.secondary,\r\n            }}\r\n          >\r\n            {event.subtitle}\r\n          </p>\r\n        )}\r\n\r\n        {/* Timestamps */}\r\n        {timestamps.length > 0 && (\r\n          <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"6px\" }}>\r\n            {timestamps.map((ts, index) => (\r\n              <div\r\n                key={index}\r\n                style={{\r\n                  display: \"flex\",\r\n                  alignItems: \"center\",\r\n                  justifyContent: \"space-between\",\r\n                  fontSize: \"0.8125rem\",\r\n                }}\r\n              >\r\n                <span\r\n                  style={{\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    gap: \"8px\",\r\n                    color: tokens.colors.text.secondary,\r\n                  }}\r\n                >\r\n                  <TimelineStatusMarker\r\n                    status={ts.status ?? \"normal\"}\r\n                    fillColor={\r\n                      ts.status\r\n                        ? tokens.colors.status[\r\n                            ts.status as keyof typeof tokens.colors.status\r\n                          ]\r\n                        : tokens.colors.accent.primary\r\n                    }\r\n                    size={6}\r\n                  />\r\n                  {ts.label}\r\n                </span>\r\n                <span\r\n                  style={{\r\n                    fontFamily: tokens.typography.fontFamily.mono,\r\n                    color: tokens.colors.text.primary,\r\n                    fontWeight: 500,\r\n                  }}\r\n                >\r\n                  {ts.value}\r\n                </span>\r\n              </div>\r\n            ))}\r\n          </div>\r\n        )}\r\n\r\n        {/* Arguments toggle */}\r\n        {hasArguments && (\r\n          <>\r\n            <button\r\n              type=\"button\"\r\n              onClick={(e) => {\r\n                e.stopPropagation();\r\n                setExpanded(!expanded);\r\n              }}\r\n              style={{\r\n                display: \"flex\",\r\n                alignItems: \"center\",\r\n                gap: \"6px\",\r\n                marginTop: \"12px\",\r\n                padding: 0,\r\n                background: \"none\",\r\n                border: \"none\",\r\n                color: tokens.colors.text.secondary,\r\n                fontSize: \"0.75rem\",\r\n                cursor: \"pointer\",\r\n                transition: \"color 150ms ease\",\r\n              }}\r\n              onMouseEnter={(e) =>\r\n                (e.currentTarget.style.color = tokens.colors.accent.primary)\r\n              }\r\n              onMouseLeave={(e) =>\r\n                (e.currentTarget.style.color = tokens.colors.text.secondary)\r\n              }\r\n            >\r\n              <svg\r\n                width=\"10\"\r\n                height=\"10\"\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"currentColor\"\r\n                style={{\r\n                  transform: expanded ? \"rotate(90deg)\" : \"rotate(0deg)\",\r\n                  transition: \"transform 150ms ease\",\r\n                }}\r\n              >\r\n                <path d=\"M8 5v14l11-7z\" />\r\n              </svg>\r\n              {expanded ? \"Hide\" : \"Show\"} Arguments ({argumentCount})\r\n            </button>\r\n\r\n            {expanded && (\r\n              <div\r\n                style={{\r\n                  marginTop: \"12px\",\r\n                  borderTop: `1px solid ${tokens.colors.border.muted}`,\r\n                  paddingTop: \"12px\",\r\n                  animation: \"zendir-expand 200ms ease-out\",\r\n                }}\r\n              >\r\n                <style>\r\n                  {`@keyframes zendir-expand { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }`}\r\n                </style>\r\n                {Object.entries(event.arguments!).map(([key, value]) => (\r\n                  <div\r\n                    key={key}\r\n                    style={{\r\n                      display: \"flex\",\r\n                      alignItems: \"center\",\r\n                      justifyContent: \"space-between\",\r\n                      padding: \"8px 12px\",\r\n                      marginBottom: \"4px\",\r\n                      backgroundColor: tokens.colors.background.elevated,\r\n                      borderRadius: tokens.borderRadius.md,\r\n                      fontSize: \"0.8125rem\",\r\n                    }}\r\n                  >\r\n                    <span style={{ color: tokens.colors.text.secondary }}>\r\n                      {key}\r\n                    </span>\r\n                    <span\r\n                      style={{\r\n                        fontFamily: tokens.typography.fontFamily.mono,\r\n                        color:\r\n                          typeof value === \"boolean\"\r\n                            ? value\r\n                              ? tokens.colors.status.normal\r\n                              : tokens.colors.text.tertiary\r\n                            : tokens.colors.text.primary,\r\n                        fontWeight: 500,\r\n                      }}\r\n                    >\r\n                      {String(value)}\r\n                    </span>\r\n                  </div>\r\n                ))}\r\n              </div>\r\n            )}\r\n          </>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n});\r\n\r\n// ============================================================================\r\n// Chart View (Gantt-style) - Matches original Timeline design\r\n// ============================================================================\r\n\r\ninterface ChartViewProps {\r\n  events: TimelineEvent[];\r\n  tracks: TimelineTrackDef[];\r\n  start: Date;\r\n  end: Date;\r\n  trackHeight: number;\r\n  onEventClick?: (event: TimelineEvent) => void;\r\n  zoom: number;\r\n  showPlayhead?: boolean;\r\n  playheadTime?: Date;\r\n  onPlayheadChange?: (time: Date) => void;\r\n  showDayMarkers?: boolean;\r\n  timeFormat?: TimeFormat;\r\n}\r\n\r\nconst ChartView = memo(function ChartView({\r\n  events,\r\n  tracks,\r\n  start,\r\n  end,\r\n  trackHeight,\r\n  onEventClick,\r\n  zoom,\r\n  showPlayhead = true,\r\n  playheadTime,\r\n  onPlayheadChange: _onPlayheadChange,\r\n  showDayMarkers = true,\r\n  timeFormat = \"absolute\",\r\n}: ChartViewProps) {\r\n  const { tokens, theme } = useTheme();\r\n  const isTransparentTheme =\r\n    theme === \"transparent\" ||\r\n    theme === \"transparent-bold\" ||\r\n    theme === \"transparent-minimal\";\r\n  const [hoveredEvent, setHoveredEvent] = useState<string | null>(null);\r\n  const [tooltipPos, setTooltipPos] = useState<{ x: number; y: number } | null>(\r\n    null,\r\n  );\r\n  const scrollContainerRef = useRef<HTMLDivElement>(null);\r\n  /* scrollX tracks the horizontal scroll offset so events outside the visible area can be skipped.\r\n     This provides cheap bounding-box culling without a virtual-DOM library. */\r\n  const [scrollX, setScrollX] = useState(0);\r\n\r\n  const totalDuration = end.getTime() - start.getTime();\r\n  const trackLabelWidth = 130;\r\n\r\n  // Generate time labels (adjust based on zoom)\r\n  const timeLabels = useMemo(() => {\r\n    const labels: { time: Date; percent: number }[] = [];\r\n    // More labels when zoomed in, fewer when zoomed out\r\n    const baseLabelCount = 6;\r\n    const labelCount = Math.round(baseLabelCount * zoom);\r\n\r\n    for (let i = 0; i <= labelCount; i++) {\r\n      const percent = (i / labelCount) * 100;\r\n      const time = new Date(start.getTime() + (totalDuration * percent) / 100);\r\n      labels.push({ time, percent });\r\n    }\r\n    return labels;\r\n  }, [start, totalDuration, zoom]);\r\n\r\n  // Group events by track with overlap detection\r\n  const eventsByTrack = useMemo(() => {\r\n    const grouped: Record<string, TimelineEvent[]> = {};\r\n    tracks.forEach((track) => {\r\n      grouped[track.id] = events.filter((e) => e.track === track.id);\r\n    });\r\n    // Add unassigned events to first track\r\n    const unassigned = events.filter((e) => !e.track);\r\n    if (unassigned.length > 0 && tracks.length > 0) {\r\n      grouped[tracks[0].id] = [...(grouped[tracks[0].id] || []), ...unassigned];\r\n    }\r\n    return grouped;\r\n  }, [events, tracks]);\r\n\r\n  // Detect overlapping events and calculate stacking\r\n  const eventOverlaps = useMemo(() => {\r\n    const overlaps: Record<\r\n      string,\r\n      { stackIndex: number; overlapCount: number; overlappingIds: string[] }\r\n    > = {};\r\n\r\n    Object.entries(eventsByTrack).forEach(([_trackId, trackEvents]) => {\r\n      // Sort events by start time\r\n      const sorted = [...trackEvents].sort(\r\n        (a, b) => a.start.getTime() - b.start.getTime(),\r\n      );\r\n\r\n      sorted.forEach((event) => {\r\n        const eventStart = event.start.getTime();\r\n        const eventEnd = (event.end || new Date(eventStart + 300000)).getTime();\r\n\r\n        // Find all overlapping events\r\n        const overlapping = sorted.filter((other) => {\r\n          if (other.id === event.id) return false;\r\n          const otherStart = other.start.getTime();\r\n          const otherEnd = (\r\n            other.end || new Date(otherStart + 300000)\r\n          ).getTime();\r\n          return eventStart < otherEnd && eventEnd > otherStart;\r\n        });\r\n\r\n        // Calculate stack index (position in vertical stack)\r\n        let stackIndex = 0;\r\n        if (overlapping.length > 0) {\r\n          const usedIndices = overlapping\r\n            .filter((o) => overlaps[o.id] !== undefined)\r\n            .map((o) => overlaps[o.id].stackIndex);\r\n          while (usedIndices.includes(stackIndex)) {\r\n            stackIndex++;\r\n          }\r\n        }\r\n\r\n        overlaps[event.id] = {\r\n          stackIndex,\r\n          overlapCount: overlapping.length,\r\n          overlappingIds: overlapping.map((o) => o.id),\r\n        };\r\n      });\r\n    });\r\n\r\n    return overlaps;\r\n  }, [eventsByTrack]);\r\n\r\n  // Generate day markers at midnight\r\n  const dayMarkers = useMemo(() => {\r\n    const markers: { time: Date; percent: number }[] = [];\r\n    const current = new Date(start);\r\n\r\n    // Move to midnight of the first day\r\n    current.setUTCHours(0, 0, 0, 0);\r\n    if (current.getTime() < start.getTime()) {\r\n      current.setUTCDate(current.getUTCDate() + 1);\r\n    }\r\n\r\n    while (current.getTime() <= end.getTime()) {\r\n      const percent =\r\n        ((current.getTime() - start.getTime()) / totalDuration) * 100;\r\n      if (percent >= 0 && percent <= 100) {\r\n        markers.push({ time: new Date(current), percent });\r\n      }\r\n      current.setUTCDate(current.getUTCDate() + 1);\r\n    }\r\n\r\n    return markers;\r\n  }, [start, end, totalDuration]);\r\n\r\n  // Format helpers — respect timeFormat prop so axis labels match the app's clock\r\n  const formatTime = (date: Date, showSeconds = false) => {\r\n    if (timeFormat === \"utc\") {\r\n      const h = String(date.getUTCHours()).padStart(2, \"0\");\r\n      const m = String(date.getUTCMinutes()).padStart(2, \"0\");\r\n      if (showSeconds) {\r\n        const s = String(date.getUTCSeconds()).padStart(2, \"0\");\r\n        return `${h}:${m}:${s} UTC`;\r\n      }\r\n      return `${h}:${m} UTC`;\r\n    }\r\n    const options: Intl.DateTimeFormatOptions = {\r\n      hour: \"2-digit\",\r\n      minute: \"2-digit\",\r\n      ...(showSeconds && { second: \"2-digit\" }),\r\n    };\r\n    return date.toLocaleTimeString([], options);\r\n  };\r\n\r\n  const formatDuration = (ms: number) => {\r\n    const totalSeconds = Math.floor(ms / 1000);\r\n    const hours = Math.floor(totalSeconds / 3600);\r\n    const minutes = Math.floor((totalSeconds % 3600) / 60);\r\n    const seconds = totalSeconds % 60;\r\n    if (hours > 0) return `${hours}h ${minutes}m`;\r\n    if (minutes > 0) return `${minutes}m ${seconds}s`;\r\n    return `${seconds}s`;\r\n  };\r\n\r\n  const formatUTC = (date: Date) => {\r\n    return date.toISOString().replace(\"T\", \" \").substring(0, 19) + \" UTC\";\r\n  };\r\n\r\n  const getEventPosition = (event: TimelineEvent) => {\r\n    const eventStart = event.start.getTime();\r\n    const eventEnd = (event.end || new Date(eventStart + 300000)).getTime(); // 5min default\r\n    const leftPercent = ((eventStart - start.getTime()) / totalDuration) * 100;\r\n    const widthPercent = ((eventEnd - eventStart) / totalDuration) * 100;\r\n    return {\r\n      left: `${Math.max(0, Math.min(100, leftPercent))}%`,\r\n      width: `${Math.max(2, Math.min(100 - leftPercent, widthPercent))}%`,\r\n    };\r\n  };\r\n\r\n  const getStatusColor = (status?: string) => {\r\n    if (!status) return tokens.colors.accent.primary;\r\n    return (\r\n      tokens.colors.status[status as keyof typeof tokens.colors.status] ||\r\n      tokens.colors.accent.primary\r\n    );\r\n  };\r\n\r\n  /**\r\n   * Returns false for events whose rendered position is entirely outside the current horizontal\r\n   * scroll viewport, so we can skip them without touching the DOM. This is cheap per-frame\r\n   * bounding-box culling; the scroll container width is read once from the ref at render time.\r\n   */\r\n  const isEventVisible = useCallback(\r\n    (event: TimelineEvent): boolean => {\r\n      const container = scrollContainerRef.current;\r\n      if (!container) return true; // fallback: always render during SSR / first paint\r\n      const viewportWidth = container.clientWidth - trackLabelWidth;\r\n      if (viewportWidth <= 0) return true;\r\n      const totalWidth = container.scrollWidth - trackLabelWidth;\r\n      const eventStartMs = event.start.getTime();\r\n      const eventEndMs = (\r\n        event.end ?? new Date(eventStartMs + 300_000)\r\n      ).getTime();\r\n      const leftPx =\r\n        ((eventStartMs - start.getTime()) / totalDuration) * totalWidth;\r\n      const rightPx =\r\n        ((eventEndMs - start.getTime()) / totalDuration) * totalWidth;\r\n      /* Add 50px overscan so events sliding into view don't pop in */\r\n      const overscan = 50;\r\n      return (\r\n        rightPx >= scrollX - overscan &&\r\n        leftPx <= scrollX + viewportWidth + overscan\r\n      );\r\n    },\r\n    [start, totalDuration, scrollX, trackLabelWidth],\r\n  );\r\n\r\n  const getStatusLabel = (status?: string) => {\r\n    const labels: Record<string, string> = {\r\n      normal: \"Normal\",\r\n      standby: \"Standby\",\r\n      caution: \"Caution\",\r\n      serious: \"Serious\",\r\n      critical: \"Critical\",\r\n      off: \"Off\",\r\n    };\r\n    return labels[status || \"\"] || \"Unknown\";\r\n  };\r\n\r\n  // Current time playhead (use provided time or current time)\r\n  const currentPlayheadTime = playheadTime || new Date();\r\n  const now = currentPlayheadTime.getTime();\r\n  const playheadPercent =\r\n    showPlayhead && now >= start.getTime() && now <= end.getTime()\r\n      ? ((now - start.getTime()) / totalDuration) * 100\r\n      : null;\r\n  const playheadIsJump = usePlayheadJump(playheadPercent === null ? null : now);\r\n\r\n  // Auto-follow playhead: keep the playhead marker visible by scrolling the\r\n  // chart view horizontally when the playhead nears the edge of the viewport.\r\n  const lastAutoScrollRef = useRef(0);\r\n  useEffect(() => {\r\n    if (playheadPercent === null) return;\r\n    const container = scrollContainerRef.current;\r\n    if (!container) return;\r\n    const contentWidth = container.scrollWidth;\r\n    const viewportWidth = container.clientWidth;\r\n    if (contentWidth <= viewportWidth) return;\r\n    // Position of the playhead in px (within the scrollable content area past trackLabelWidth)\r\n    const timelineContentWidth = contentWidth - trackLabelWidth;\r\n    const playheadPx =\r\n      trackLabelWidth + (playheadPercent / 100) * timelineContentWidth;\r\n    const scrollLeft = container.scrollLeft;\r\n    const visibleLeft = scrollLeft + trackLabelWidth;\r\n    const visibleRight = scrollLeft + viewportWidth;\r\n    // Scroll when the playhead is beyond 85% of the visible region or before 15%\r\n    const margin = viewportWidth * 0.15;\r\n    if (\r\n      playheadPx > visibleRight - margin ||\r\n      playheadPx < visibleLeft + margin\r\n    ) {\r\n      // Throttle auto-scroll to avoid fighting user scrolling\r\n      const nowMs = Date.now();\r\n      if (nowMs - lastAutoScrollRef.current < 300) return;\r\n      lastAutoScrollRef.current = nowMs;\r\n      const targetScroll = playheadPx - viewportWidth * 0.5;\r\n      container.scrollTo({\r\n        left: Math.max(0, targetScroll),\r\n        behavior: \"smooth\",\r\n      });\r\n    }\r\n  }, [playheadPercent, trackLabelWidth]);\r\n\r\n  // Get hovered event details\r\n  const hoveredEventData = hoveredEvent\r\n    ? events.find((e) => e.id === hoveredEvent)\r\n    : null;\r\n\r\n  return (\r\n    <div style={{ position: \"relative\" }}>\r\n      {/* Scrollable chart area with sticky track labels */}\r\n      <div\r\n        ref={scrollContainerRef}\r\n        className=\"zendir-timeline-scroll\"\r\n        onScroll={(e) =>\r\n          setScrollX((e.currentTarget as HTMLDivElement).scrollLeft)\r\n        }\r\n        style={{\r\n          overflowX: \"auto\",\r\n          overflowY: \"hidden\",\r\n          position: \"relative\",\r\n        }}\r\n      >\r\n        <div\r\n          style={{\r\n            width: `${zoom * 100}%`,\r\n            minWidth: \"100%\",\r\n            position: \"relative\",\r\n          }}\r\n        >\r\n          {/* Time axis */}\r\n          <div\r\n            style={{\r\n              display: \"flex\",\r\n              height: 32,\r\n              borderBottom: `1px solid ${tokens.colors.accent.primary}20`,\r\n              position: \"sticky\",\r\n              top: 0,\r\n              zIndex: Z.trackEventHovered,\r\n              backgroundColor: isTransparentTheme\r\n                ? \"transparent\"\r\n                : tokens.colors.background.surface,\r\n              ...(isTransparentTheme && {\r\n                backdropFilter: \"blur(12px)\",\r\n                WebkitBackdropFilter: \"blur(12px)\" as const,\r\n              }),\r\n            }}\r\n          >\r\n            {/* Sticky header corner */}\r\n            <div\r\n              style={{\r\n                width: trackLabelWidth,\r\n                flexShrink: 0,\r\n                position: \"sticky\",\r\n                left: 0,\r\n                zIndex: Z.trackEventHovered + 5,\r\n                backgroundColor: isTransparentTheme\r\n                  ? \"transparent\"\r\n                  : tokens.colors.background.surface,\r\n                ...(isTransparentTheme && {\r\n                  backdropFilter: \"blur(12px)\",\r\n                  WebkitBackdropFilter: \"blur(12px)\" as const,\r\n                }),\r\n                borderRight: `1px solid ${tokens.colors.border.muted}30`,\r\n                display: \"flex\",\r\n                alignItems: \"center\",\r\n                paddingLeft: 12,\r\n                fontSize: \"0.625rem\",\r\n                fontWeight: 500, // AstroUXDS medium (was 600)\r\n                color: tokens.colors.text.tertiary,\r\n                textTransform: \"uppercase\",\r\n                letterSpacing: \"0.08em\",\r\n              }}\r\n            >\r\n              Tracks\r\n            </div>\r\n\r\n            {/* Time labels container */}\r\n            <div style={{ flex: 1, position: \"relative\" }}>\r\n              {/* Day markers */}\r\n              {showDayMarkers &&\r\n                dayMarkers.map((marker, index) => (\r\n                  <div\r\n                    key={`day-${index}`}\r\n                    style={{\r\n                      position: \"absolute\",\r\n                      left: `${marker.percent}%`,\r\n                      top: 0,\r\n                      height: \"100%\",\r\n                      display: \"flex\",\r\n                      flexDirection: \"column\",\r\n                      alignItems: \"center\",\r\n                      zIndex: Z.dayMarker,\r\n                    }}\r\n                  >\r\n                    <span\r\n                      style={{\r\n                        fontSize: \"0.5rem\",\r\n                        color: tokens.colors.status.caution,\r\n                        fontFamily: tokens.typography.fontFamily.mono,\r\n                        whiteSpace: \"nowrap\",\r\n                        backgroundColor: `${tokens.colors.status.caution}20`,\r\n                        padding: \"1px 4px\",\r\n                        borderRadius: 2,\r\n                        marginTop: 2,\r\n                      }}\r\n                    >\r\n                      {marker.time.toLocaleDateString([], {\r\n                        month: \"short\",\r\n                        day: \"numeric\",\r\n                      })}\r\n                    </span>\r\n                  </div>\r\n                ))}\r\n\r\n              {/* Time labels */}\r\n              {timeLabels.map((label, index) => (\r\n                <span\r\n                  key={index}\r\n                  style={{\r\n                    position: \"absolute\",\r\n                    left: `${label.percent}%`,\r\n                    transform: \"translateX(-50%)\",\r\n                    top: 8,\r\n                    fontSize: \"0.6875rem\",\r\n                    color: tokens.colors.text.tertiary,\r\n                    fontFamily: tokens.typography.fontFamily.mono,\r\n                    whiteSpace: \"nowrap\",\r\n                  }}\r\n                >\r\n                  {formatTime(label.time)}\r\n                </span>\r\n              ))}\r\n            </div>\r\n          </div>\r\n\r\n          {/* Tracks */}\r\n          {tracks.map((track) => (\r\n            <div\r\n              key={track.id}\r\n              aria-label={track.label}\r\n              style={{\r\n                display: \"flex\",\r\n                height: track.height || trackHeight,\r\n                borderBottom: `1px solid ${tokens.colors.accent.primary}10`,\r\n              }}\r\n            >\r\n              {/* Track label - STICKY on horizontal scroll */}\r\n              <div\r\n                style={{\r\n                  width: trackLabelWidth,\r\n                  flexShrink: 0,\r\n                  position: \"sticky\",\r\n                  left: 0,\r\n                  zIndex: Z.sticky,\r\n                  display: \"flex\",\r\n                  alignItems: \"center\",\r\n                  paddingLeft: 12,\r\n                  fontSize: \"0.6875rem\",\r\n                  fontWeight: 500, // AstroUXDS medium (was 600)\r\n                  color: tokens.colors.text.secondary,\r\n                  textTransform: \"uppercase\",\r\n                  letterSpacing: \"0.05em\",\r\n                  backgroundColor: isTransparentTheme\r\n                    ? \"transparent\"\r\n                    : tokens.colors.background.surface,\r\n                  ...(isTransparentTheme && {\r\n                    backdropFilter: \"blur(12px)\",\r\n                    WebkitBackdropFilter: \"blur(12px)\" as const,\r\n                  }),\r\n                  borderRight: `1px solid ${tokens.colors.border.muted}30`,\r\n                  boxShadow: \"2px 0 8px rgba(0,0,0,0.15)\",\r\n                }}\r\n              >\r\n                {track.label}\r\n              </div>\r\n\r\n              {/* Track events container - separate from label */}\r\n              <div\r\n                style={{\r\n                  flex: 1,\r\n                  position: \"relative\",\r\n                  height: \"100%\",\r\n                }}\r\n              >\r\n                {/* Day marker vertical lines */}\r\n                {showDayMarkers &&\r\n                  dayMarkers.map((marker, index) => (\r\n                    <div\r\n                      key={`day-line-${index}`}\r\n                      style={{\r\n                        position: \"absolute\",\r\n                        left: `${marker.percent}%`,\r\n                        top: 0,\r\n                        bottom: 0,\r\n                        width: 1,\r\n                        backgroundColor: `${tokens.colors.status.caution}25`,\r\n                        zIndex: Z.trackEvent,\r\n                        pointerEvents: \"none\",\r\n                      }}\r\n                    />\r\n                  ))}\r\n\r\n                {(eventsByTrack[track.id] || [])\r\n                  .filter(isEventVisible)\r\n                  .map((event) => {\r\n                    const { left, width } = getEventPosition(event);\r\n                    const displayStatus: TimelineEvent[\"status\"] =\r\n                      event.badgeVariant &&\r\n                      event.badgeVariant !== \"default\" &&\r\n                      event.badgeVariant !== \"primary\"\r\n                        ? event.badgeVariant\r\n                        : (event.status ?? \"normal\");\r\n                    const color = getStatusColor(displayStatus);\r\n                    const isHovered = hoveredEvent === event.id;\r\n                    const overlap = eventOverlaps[event.id];\r\n                    const hasOverlap = overlap && overlap.overlapCount > 0;\r\n                    const teamAccent = getTimelineTeamAccent(event);\r\n\r\n                    // Stack events vertically when they overlap\r\n                    const cardHeight = hasOverlap ? 30 : 38;\r\n                    const stackOffset = overlap ? overlap.stackIndex * 30 : 0;\r\n                    const baseTop =\r\n                      ((track.height || trackHeight) - cardHeight) / 2;\r\n\r\n                    return (\r\n                      <button\r\n                        key={event.id}\r\n                        type=\"button\"\r\n                        aria-label={`${event.title}${event.status ? `, status: ${event.status}` : \"\"}`}\r\n                        onClick={() => onEventClick?.(event)}\r\n                        onMouseEnter={(e) => {\r\n                          setHoveredEvent(event.id);\r\n                          const rect = e.currentTarget.getBoundingClientRect();\r\n                          setTooltipPos({\r\n                            x: rect.left + rect.width / 2,\r\n                            y: rect.top - 8,\r\n                          });\r\n                        }}\r\n                        onMouseLeave={() => {\r\n                          setHoveredEvent(null);\r\n                          setTooltipPos(null);\r\n                        }}\r\n                        onFocus={(e) => {\r\n                          /* keyboard navigation: show tooltip when event receives focus */\r\n                          setHoveredEvent(event.id);\r\n                          const rect = e.currentTarget.getBoundingClientRect();\r\n                          setTooltipPos({\r\n                            x: rect.left + rect.width / 2,\r\n                            y: rect.top - 8,\r\n                          });\r\n                        }}\r\n                        onBlur={() => {\r\n                          setHoveredEvent(null);\r\n                          setTooltipPos(null);\r\n                        }}\r\n                        className=\"zendir-timeline-region\"\r\n                        style={{\r\n                          position: \"absolute\",\r\n                          left,\r\n                          width,\r\n                          minWidth: 50,\r\n                          height: cardHeight,\r\n                          top: Math.min(\r\n                            baseTop + stackOffset,\r\n                            (track.height || trackHeight) - cardHeight - 4,\r\n                          ),\r\n                          backgroundColor: \"rgba(11, 26, 40, 0.95)\",\r\n                          border: `1px solid ${isHovered ? color : `${tokens.colors.accent.primary}30`}`,\r\n                          borderRadius: \"4px\",\r\n                          cursor: onEventClick ? \"pointer\" : \"default\",\r\n                          display: \"flex\",\r\n                          alignItems: \"center\",\r\n                          overflow: \"hidden\",\r\n                          zIndex: isHovered\r\n                            ? Z.trackEventHovered\r\n                            : Z.trackEvent,\r\n                          boxShadow: isHovered\r\n                            ? `0 8px 24px rgba(0, 0, 0, 0.5), 0 0 0 1px ${color}60`\r\n                            : \"0 2px 6px rgba(0, 0, 0, 0.25)\",\r\n                          transition: \"all 150ms cubic-bezier(0.4, 0, 0.2, 1)\",\r\n                          transform: isHovered\r\n                            ? \"translateY(-3px) scale(1.02)\"\r\n                            : \"none\",\r\n                        }}\r\n                      >\r\n                        {/* Team-only top stripe; status is not duplicated as a line (shape + border/hover carry severity). */}\r\n                        {teamAccent ? (\r\n                          <div\r\n                            style={{\r\n                              position: \"absolute\",\r\n                              top: 0,\r\n                              left: 0,\r\n                              right: 0,\r\n                              height: 2,\r\n                              backgroundColor: teamAccent.color,\r\n                              borderRadius: \"4px 4px 0 0\",\r\n                              zIndex: 1,\r\n                              pointerEvents: \"none\",\r\n                            }}\r\n                            aria-hidden\r\n                          />\r\n                        ) : null}\r\n\r\n                        {/* Content: status symbol + title */}\r\n                        <div\r\n                          style={{\r\n                            flex: 1,\r\n                            padding: `${teamAccent ? 6 : 4}px 8px 4px 8px`,\r\n                            overflow: \"hidden\",\r\n                            minWidth: 0,\r\n                            display: \"flex\",\r\n                            flexDirection: \"column\",\r\n                            justifyContent: \"center\",\r\n                          }}\r\n                        >\r\n                          <div\r\n                            style={{\r\n                              display: \"flex\",\r\n                              alignItems: \"center\",\r\n                              gap: 6,\r\n                              minWidth: 0,\r\n                            }}\r\n                          >\r\n                            <TimelineStatusMarker\r\n                              status={displayStatus}\r\n                              fillColor={color}\r\n                              size={hasOverlap ? 8 : 10}\r\n                            />\r\n                            <span\r\n                              style={{\r\n                                fontSize: \"0.6875rem\",\r\n                                fontWeight: 500, // AstroUXDS medium (was 600)\r\n                                color: \"#fff\",\r\n                                whiteSpace: \"nowrap\",\r\n                                overflow: \"hidden\",\r\n                                textOverflow: \"ellipsis\",\r\n                                minWidth: 0,\r\n                              }}\r\n                            >\r\n                              {event.title}\r\n                            </span>\r\n                          </div>\r\n\r\n                          {event.subtitle && !hasOverlap && (\r\n                            <div\r\n                              style={{\r\n                                fontSize: \"0.5625rem\",\r\n                                color: \"rgba(255, 255, 255, 0.5)\",\r\n                                whiteSpace: \"nowrap\",\r\n                                overflow: \"hidden\",\r\n                                textOverflow: \"ellipsis\",\r\n                                marginTop: 1,\r\n                                paddingLeft: 16,\r\n                              }}\r\n                            >\r\n                              {event.subtitle}\r\n                            </div>\r\n                          )}\r\n                        </div>\r\n\r\n                        {/* Overlap indicator badge */}\r\n                        {hasOverlap && overlap.stackIndex === 0 && (\r\n                          <div\r\n                            style={{\r\n                              position: \"absolute\",\r\n                              top: -6,\r\n                              right: -6,\r\n                              minWidth: 18,\r\n                              height: 18,\r\n                              backgroundColor: tokens.colors.status.caution,\r\n                              borderRadius: 9,\r\n                              display: \"flex\",\r\n                              alignItems: \"center\",\r\n                              justifyContent: \"center\",\r\n                              fontSize: \"0.625rem\",\r\n                              fontWeight: 700,\r\n                              color: \"#000\",\r\n                              boxShadow: \"0 2px 6px rgba(0, 0, 0, 0.3)\",\r\n                              zIndex: Z.sticky - 5,\r\n                            }}\r\n                            title={`${overlap.overlapCount + 1} overlapping events`}\r\n                          >\r\n                            +{overlap.overlapCount}\r\n                          </div>\r\n                        )}\r\n                      </button>\r\n                    );\r\n                  })}\r\n              </div>\r\n            </div>\r\n          ))}\r\n\r\n          {/* Current time playhead */}\r\n          {playheadPercent !== null && (\r\n            <div\r\n              data-testid=\"timeline-playhead\"\r\n              style={{\r\n                position: \"absolute\",\r\n                top: 0,\r\n                bottom: 0,\r\n                left: `calc(${trackLabelWidth}px + (100% - ${trackLabelWidth}px) * ${playheadPercent} / 100)`,\r\n                width: 2,\r\n                backgroundColor: tokens.colors.accent.primary,\r\n                boxShadow: `0 0 12px ${tokens.colors.accent.primary}`,\r\n                zIndex: Z.playhead,\r\n                pointerEvents: \"none\",\r\n                transition: playheadIsJump\r\n                  ? \"none\"\r\n                  : `left ${PLAYHEAD_GLIDE_MS}ms linear`,\r\n              }}\r\n            >\r\n              {/* Playhead arrow indicator */}\r\n              <div\r\n                style={{\r\n                  position: \"absolute\",\r\n                  top: 22,\r\n                  left: -5,\r\n                  width: 12,\r\n                  height: 12,\r\n                  backgroundColor: tokens.colors.accent.primary,\r\n                  borderRadius: 2,\r\n                  transform: \"rotate(45deg)\",\r\n                  boxShadow: `0 0 8px ${tokens.colors.accent.primary}`,\r\n                }}\r\n              />\r\n\r\n              {/* Playhead time label */}\r\n              <div\r\n                style={{\r\n                  position: \"absolute\",\r\n                  top: 4,\r\n                  left: \"50%\",\r\n                  transform: \"translateX(-50%)\",\r\n                  backgroundColor: tokens.colors.accent.primary,\r\n                  color: tokens.colors.background.base,\r\n                  fontSize: \"0.5625rem\",\r\n                  fontWeight: 500, // AstroUXDS medium (was 600)\r\n                  fontFamily: tokens.typography.fontFamily.mono,\r\n                  padding: \"2px 6px\",\r\n                  borderRadius: 3,\r\n                  whiteSpace: \"nowrap\",\r\n                  boxShadow: \"0 2px 8px rgba(0, 0, 0, 0.3)\",\r\n                }}\r\n              >\r\n                {formatTime(currentPlayheadTime, true)}\r\n              </div>\r\n            </div>\r\n          )}\r\n        </div>\r\n      </div>\r\n\r\n      {/* Rich Hover Tooltip */}\r\n      {hoveredEventData &&\r\n        tooltipPos &&\r\n        (() => {\r\n          const tooltipColor = getStatusColor(hoveredEventData.status);\r\n          const teamTip = getTimelineTeamAccent(hoveredEventData);\r\n          return (\r\n            <div\r\n              style={{\r\n                position: \"fixed\",\r\n                left: tooltipPos.x,\r\n                top: tooltipPos.y,\r\n                transform: \"translate(-50%, -100%)\",\r\n                zIndex: Z.tooltip,\r\n                pointerEvents: \"none\",\r\n                animation: \"zendir-tooltip-appear 150ms ease\",\r\n              }}\r\n            >\r\n              <div\r\n                style={{\r\n                  backgroundColor: \"rgba(15, 23, 42, 0.98)\",\r\n                  border: `1px solid ${tooltipColor}50`,\r\n                  borderRadius: tokens.borderRadius.md,\r\n                  padding: \"12px 16px\",\r\n                  minWidth: 220,\r\n                  maxWidth: 320,\r\n                  boxShadow: `0 12px 40px rgba(0, 0, 0, 0.5), 0 0 0 1px ${tooltipColor}30`,\r\n                  backdropFilter: \"blur(12px)\",\r\n                }}\r\n              >\r\n                {/* Header with status — Astro UX shape */}\r\n                <div\r\n                  style={{\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    gap: 8,\r\n                    marginBottom: 8,\r\n                  }}\r\n                >\r\n                  <TimelineStatusMarker\r\n                    status={hoveredEventData.status}\r\n                    fillColor={tooltipColor}\r\n                    size={10}\r\n                  />\r\n                  <span\r\n                    style={{\r\n                      fontSize: \"0.75rem\",\r\n                      fontWeight: 500, // AstroUXDS medium (was 600)\r\n                      color: tooltipColor,\r\n                      textTransform: \"uppercase\",\r\n                      letterSpacing: \"0.05em\",\r\n                    }}\r\n                  >\r\n                    {getStatusLabel(hoveredEventData.status)}\r\n                  </span>\r\n                  {hoveredEventData.badge && (\r\n                    <span\r\n                      style={{\r\n                        marginLeft: \"auto\",\r\n                        fontSize: \"0.625rem\",\r\n                        fontWeight: 500, // AstroUXDS medium (was 600)\r\n                        padding: \"2px 6px\",\r\n                        borderRadius: tokens.borderRadius.sm,\r\n                        backgroundColor: `${tooltipColor}20`,\r\n                        color: tooltipColor,\r\n                      }}\r\n                    >\r\n                      {hoveredEventData.badge}\r\n                    </span>\r\n                  )}\r\n                </div>\r\n\r\n                {/* Team id + accent (or legacy color-only) */}\r\n                {teamTip && (\r\n                  <div\r\n                    style={{\r\n                      display: \"flex\",\r\n                      alignItems: \"center\",\r\n                      gap: 6,\r\n                      marginBottom: 6,\r\n                    }}\r\n                  >\r\n                    <div\r\n                      style={{\r\n                        width: 8,\r\n                        height: 8,\r\n                        borderRadius: 2,\r\n                        backgroundColor: teamTip.color,\r\n                        flexShrink: 0,\r\n                      }}\r\n                    />\r\n                    <span\r\n                      style={{\r\n                        fontSize: \"0.6875rem\",\r\n                        color: teamTip.color,\r\n                        fontWeight: 500,\r\n                      }}\r\n                    >\r\n                      {getTimelineTeamDisplayLabel(hoveredEventData, teamTip)}\r\n                    </span>\r\n                  </div>\r\n                )}\r\n\r\n                {/* Title */}\r\n                <div\r\n                  style={{\r\n                    fontSize: \"0.875rem\",\r\n                    fontWeight: 500, // AstroUXDS medium (was 600)\r\n                    color: \"#fff\",\r\n                    marginBottom: 4,\r\n                  }}\r\n                >\r\n                  {hoveredEventData.title}\r\n                </div>\r\n\r\n                {/* Subtitle */}\r\n                {hoveredEventData.subtitle && (\r\n                  <div\r\n                    style={{\r\n                      fontSize: \"0.75rem\",\r\n                      color: \"rgba(255, 255, 255, 0.6)\",\r\n                      marginBottom: 12,\r\n                    }}\r\n                  >\r\n                    {hoveredEventData.subtitle}\r\n                  </div>\r\n                )}\r\n\r\n                {/* Time details */}\r\n                <div\r\n                  style={{\r\n                    display: \"grid\",\r\n                    gridTemplateColumns: \"auto 1fr\",\r\n                    gap: \"6px 12px\",\r\n                    fontSize: \"0.6875rem\",\r\n                    borderTop: `1px solid ${tokens.colors.border.muted}30`,\r\n                    paddingTop: 10,\r\n                  }}\r\n                >\r\n                  <span style={{ color: tokens.colors.text.tertiary }}>\r\n                    Start:\r\n                  </span>\r\n                  <span\r\n                    style={{\r\n                      color: tokens.colors.text.primary,\r\n                      fontFamily: tokens.typography.fontFamily.mono,\r\n                    }}\r\n                  >\r\n                    {formatTime(hoveredEventData.start, true)}\r\n                  </span>\r\n\r\n                  {hoveredEventData.end && (\r\n                    <>\r\n                      <span style={{ color: tokens.colors.text.tertiary }}>\r\n                        End:\r\n                      </span>\r\n                      <span\r\n                        style={{\r\n                          color: tokens.colors.text.primary,\r\n                          fontFamily: tokens.typography.fontFamily.mono,\r\n                        }}\r\n                      >\r\n                        {formatTime(hoveredEventData.end, true)}\r\n                      </span>\r\n\r\n                      <span style={{ color: tokens.colors.text.tertiary }}>\r\n                        Duration:\r\n                      </span>\r\n                      <span\r\n                        style={{\r\n                          color: tokens.colors.accent.secondary,\r\n                          fontWeight: 500,\r\n                        }}\r\n                      >\r\n                        {formatDuration(\r\n                          hoveredEventData.end.getTime() -\r\n                            hoveredEventData.start.getTime(),\r\n                        )}\r\n                      </span>\r\n                    </>\r\n                  )}\r\n\r\n                  <span style={{ color: tokens.colors.text.tertiary }}>\r\n                    UTC:\r\n                  </span>\r\n                  <span\r\n                    style={{\r\n                      color: tokens.colors.text.secondary,\r\n                      fontFamily: tokens.typography.fontFamily.mono,\r\n                      fontSize: \"0.625rem\",\r\n                    }}\r\n                  >\r\n                    {formatUTC(hoveredEventData.start)}\r\n                  </span>\r\n                </div>\r\n\r\n                {/* Click hint */}\r\n                {onEventClick && (\r\n                  <div\r\n                    style={{\r\n                      marginTop: 10,\r\n                      paddingTop: 8,\r\n                      borderTop: `1px solid ${tokens.colors.border.muted}20`,\r\n                      fontSize: \"0.625rem\",\r\n                      color: tokens.colors.text.tertiary,\r\n                      textAlign: \"center\",\r\n                    }}\r\n                  >\r\n                    Click for details\r\n                  </div>\r\n                )}\r\n              </div>\r\n\r\n              {/* Arrow */}\r\n              <div\r\n                style={{\r\n                  position: \"absolute\",\r\n                  bottom: -6,\r\n                  left: \"50%\",\r\n                  transform: \"translateX(-50%) rotate(45deg)\",\r\n                  width: 12,\r\n                  height: 12,\r\n                  backgroundColor: \"rgba(15, 23, 42, 0.98)\",\r\n                  borderRight: `1px solid ${tooltipColor}50`,\r\n                  borderBottom: `1px solid ${tooltipColor}50`,\r\n                }}\r\n              />\r\n            </div>\r\n          );\r\n        })()}\r\n\r\n      {/* Styles */}\r\n      <style>{`\r\n        .zendir-timeline-region:hover {\r\n          z-index: 100 !important;\r\n        }\r\n        .zendir-timeline-region:focus {\r\n          outline: 2px solid ${tokens.colors.accent.primary};\r\n          outline-offset: 2px;\r\n        }\r\n        .zendir-timeline-scroll::-webkit-scrollbar {\r\n          height: 8px;\r\n        }\r\n        .zendir-timeline-scroll::-webkit-scrollbar-track {\r\n          background: ${tokens.colors.background.elevated};\r\n          border-radius: 4px;\r\n        }\r\n        .zendir-timeline-scroll::-webkit-scrollbar-thumb {\r\n          background: ${tokens.colors.accent.primary}40;\r\n          border-radius: 4px;\r\n        }\r\n        .zendir-timeline-scroll::-webkit-scrollbar-thumb:hover {\r\n          background: ${tokens.colors.accent.primary}60;\r\n        }\r\n        @keyframes zendir-tooltip-appear {\r\n          from {\r\n            opacity: 0;\r\n            transform: translate(-50%, -100%) translateY(8px);\r\n          }\r\n          to {\r\n            opacity: 1;\r\n            transform: translate(-50%, -100%) translateY(0);\r\n          }\r\n        }\r\n      `}</style>\r\n    </div>\r\n  );\r\n});\r\n\r\n// ============================================================================\r\n// Scatter View (Dot timeline - like reference image)\r\n// ============================================================================\r\n\r\ninterface ScatterViewProps {\r\n  events: TimelineEvent[];\r\n  tracks: TimelineTrackDef[];\r\n  start: Date;\r\n  end: Date;\r\n  trackHeight: number;\r\n  onEventClick?: (event: TimelineEvent) => void;\r\n  timeFormat?: TimeFormat;\r\n  referenceTime?: Date;\r\n  zoom?: number;\r\n  showPlayhead?: boolean;\r\n  playheadTime?: Date;\r\n}\r\n\r\nconst ScatterView = memo(function ScatterView({\r\n  events,\r\n  tracks,\r\n  start,\r\n  end,\r\n  trackHeight,\r\n  onEventClick,\r\n  timeFormat = \"relative\",\r\n  referenceTime,\r\n  zoom = 1,\r\n  showPlayhead = true,\r\n  playheadTime,\r\n}: ScatterViewProps) {\r\n  const { tokens } = useTheme();\r\n  const [hoveredEvent, setHoveredEvent] = useState<string | null>(null);\r\n  const [tooltipPosition, setTooltipPosition] = useState<{\r\n    x: number;\r\n    y: number;\r\n  } | null>(null);\r\n\r\n  const totalDuration = end.getTime() - start.getTime();\r\n  const trackLabelWidth = 140;\r\n  const refTime = referenceTime || start;\r\n\r\n  // Where \"now\" sits, as a percent across the plot — the same maths the\r\n  // Gantt view uses for its own playhead, so the two views agree on where\r\n  // the reader currently is when switching between them.\r\n  const currentPlayheadTime = playheadTime || new Date();\r\n  const now = currentPlayheadTime.getTime();\r\n  const playheadPercent =\r\n    showPlayhead && now >= start.getTime() && now <= end.getTime()\r\n      ? ((now - start.getTime()) / totalDuration) * 100\r\n      : null;\r\n  const playheadIsJump = usePlayheadJump(playheadPercent === null ? null : now);\r\n\r\n  // Format time based on format setting\r\n  const formatTimeLabel = useCallback(\r\n    (date: Date) => {\r\n      if (timeFormat === \"relative\") {\r\n        const diff = date.getTime() - refTime.getTime();\r\n        const totalSeconds = Math.floor(Math.abs(diff) / 1000);\r\n        const hours = Math.floor(totalSeconds / 3600);\r\n        const minutes = Math.floor((totalSeconds % 3600) / 60);\r\n        const seconds = totalSeconds % 60;\r\n\r\n        if (hours > 0) {\r\n          return `${hours}h ${minutes}m`;\r\n        }\r\n        return `${minutes}m ${seconds}s`;\r\n      } else if (timeFormat === \"utc\") {\r\n        return date.toISOString().slice(11, 19) + \" UTC\";\r\n      }\r\n      return date.toLocaleTimeString([], {\r\n        hour: \"2-digit\",\r\n        minute: \"2-digit\",\r\n      });\r\n    },\r\n    [timeFormat, refTime],\r\n  );\r\n\r\n  // Generate time labels (tied to zoom like Chart view)\r\n  const timeLabels = useMemo(() => {\r\n    const labels: { time: Date; percent: number }[] = [];\r\n    const baseLabelCount = 8;\r\n    const labelCount = Math.round(baseLabelCount * zoom);\r\n\r\n    for (let i = 0; i <= labelCount; i++) {\r\n      const percent = (i / labelCount) * 100;\r\n      const time = new Date(start.getTime() + (totalDuration * percent) / 100);\r\n      labels.push({ time, percent });\r\n    }\r\n    return labels;\r\n  }, [start, totalDuration, zoom]);\r\n\r\n  // Group events by track\r\n  const eventsByTrack = useMemo(() => {\r\n    const grouped: Record<string, TimelineEvent[]> = {};\r\n    tracks.forEach((track) => {\r\n      grouped[track.id] = events.filter((e) => e.track === track.id);\r\n    });\r\n    const unassigned = events.filter((e) => !e.track);\r\n    if (unassigned.length > 0 && tracks.length > 0) {\r\n      grouped[tracks[0].id] = [...(grouped[tracks[0].id] || []), ...unassigned];\r\n    }\r\n    return grouped;\r\n  }, [events, tracks]);\r\n\r\n  const getEventPosition = (event: TimelineEvent) => {\r\n    const eventTime = event.start.getTime();\r\n    return ((eventTime - start.getTime()) / totalDuration) * 100;\r\n  };\r\n\r\n  const getStatusColor = (status?: string) => {\r\n    if (!status) return tokens.colors.accent.primary;\r\n    return (\r\n      tokens.colors.status[status as keyof typeof tokens.colors.status] ||\r\n      tokens.colors.accent.primary\r\n    );\r\n  };\r\n\r\n  const hoveredEventData = events.find((e) => e.id === hoveredEvent);\r\n\r\n  return (\r\n    <div style={{ position: \"relative\" }}>\r\n      <div\r\n        style={{\r\n          width: `${zoom * 100}%`,\r\n          minWidth: \"100%\",\r\n          position: \"relative\",\r\n        }}\r\n      >\r\n        {/* Time axis */}\r\n        <div\r\n          style={{\r\n            position: \"relative\",\r\n            height: 32,\r\n            marginLeft: trackLabelWidth,\r\n            borderBottom: `1px solid ${tokens.colors.accent.primary}15`,\r\n          }}\r\n        >\r\n          {timeLabels.map((label, index) => (\r\n            <span\r\n              key={index}\r\n              style={{\r\n                position: \"absolute\",\r\n                left: `${label.percent}%`,\r\n                transform: \"translateX(-50%)\",\r\n                top: 8,\r\n                fontSize: \"0.6875rem\",\r\n                color: tokens.colors.text.tertiary,\r\n                fontFamily: tokens.typography.fontFamily.mono,\r\n                whiteSpace: \"nowrap\",\r\n                fontWeight: 500,\r\n              }}\r\n            >\r\n              {formatTimeLabel(label.time)}\r\n            </span>\r\n          ))}\r\n        </div>\r\n\r\n        {/* Tracks */}\r\n        {tracks.map((track, trackIndex) => (\r\n          <div\r\n            key={track.id}\r\n            style={{\r\n              position: \"relative\",\r\n              display: \"flex\",\r\n              alignItems: \"center\",\r\n              height: track.height || trackHeight,\r\n              borderBottom:\r\n                trackIndex < tracks.length - 1\r\n                  ? `1px solid ${tokens.colors.border.muted}20`\r\n                  : \"none\",\r\n            }}\r\n          >\r\n            {/* Track label */}\r\n            <div\r\n              style={{\r\n                width: trackLabelWidth,\r\n                flexShrink: 0,\r\n                padding: \"0 16px\",\r\n                fontSize: \"0.8125rem\",\r\n                fontWeight: 500, // AstroUXDS medium (was 600)\r\n                color: tokens.colors.text.primary,\r\n              }}\r\n            >\r\n              {track.label}\r\n            </div>\r\n\r\n            {/* Track line */}\r\n            <div\r\n              style={{\r\n                flex: 1,\r\n                position: \"relative\",\r\n                height: \"100%\",\r\n                display: \"flex\",\r\n                alignItems: \"center\",\r\n              }}\r\n            >\r\n              {/* Horizontal guide line */}\r\n              <div\r\n                style={{\r\n                  position: \"absolute\",\r\n                  left: 0,\r\n                  right: 0,\r\n                  height: 1,\r\n                  backgroundColor: tokens.colors.border.muted,\r\n                  opacity: 0.3,\r\n                }}\r\n              />\r\n\r\n              {/* Event dots — Astro UX status shapes. Hitbox is always 24px (WCAG 2.5.5 minimum). */}\r\n              {(eventsByTrack[track.id] || []).map((event) => {\r\n                const leftPercent = getEventPosition(event);\r\n                const color = getStatusColor(event.status);\r\n                const isHovered = hoveredEvent === event.id;\r\n                const dotSize = isHovered ? 16 : 12;\r\n                /* Transparent padding expands the clickable hit area to ≥24×24 without growing the visible dot. */\r\n                const hitboxPad = Math.max(0, (24 - dotSize) / 2);\r\n                const effectiveStatus = event.status ?? \"normal\";\r\n                const scatterTeamAccent = getTimelineTeamAccent(event);\r\n\r\n                return (\r\n                  <button\r\n                    key={event.id}\r\n                    type=\"button\"\r\n                    aria-label={`${event.title}${event.status ? `, status: ${event.status}` : \"\"}`}\r\n                    onClick={() => onEventClick?.(event)}\r\n                    onMouseEnter={(e) => {\r\n                      setHoveredEvent(event.id);\r\n                      const rect = e.currentTarget.getBoundingClientRect();\r\n                      setTooltipPosition({\r\n                        x: rect.left + rect.width / 2,\r\n                        y: rect.top,\r\n                      });\r\n                    }}\r\n                    onMouseLeave={() => {\r\n                      setHoveredEvent(null);\r\n                      setTooltipPosition(null);\r\n                    }}\r\n                    onFocus={(e) => {\r\n                      /* keyboard navigation: show tooltip on focus */\r\n                      setHoveredEvent(event.id);\r\n                      const rect = e.currentTarget.getBoundingClientRect();\r\n                      setTooltipPosition({\r\n                        x: rect.left + rect.width / 2,\r\n                        y: rect.top,\r\n                      });\r\n                    }}\r\n                    onBlur={() => {\r\n                      setHoveredEvent(null);\r\n                      setTooltipPosition(null);\r\n                    }}\r\n                    style={{\r\n                      position: \"absolute\",\r\n                      left: `${leftPercent}%`,\r\n                      transform: \"translateX(-50%)\",\r\n                      /* visible size + transparent padding = ≥24px touch/click target */\r\n                      width: dotSize,\r\n                      height: dotSize,\r\n                      padding: hitboxPad,\r\n                      background: \"none\",\r\n                      border: \"none\",\r\n                      cursor: \"pointer\",\r\n                      transition: \"all 200ms cubic-bezier(0.34, 1.56, 0.64, 1)\",\r\n                      zIndex: isHovered ? Z.trackEventHovered : Z.trackEvent,\r\n                      lineHeight: 0,\r\n                      borderRadius: \"50%\",\r\n                      boxSizing: \"content-box\",\r\n                      boxShadow: scatterTeamAccent\r\n                        ? `0 0 0 2px ${scatterTeamAccent.color}`\r\n                        : undefined,\r\n                    }}\r\n                  >\r\n                    <TimelineStatusMarker\r\n                      status={effectiveStatus}\r\n                      fillColor={color}\r\n                      size={dotSize}\r\n                    />\r\n                  </button>\r\n                );\r\n              })}\r\n            </div>\r\n          </div>\r\n        ))}\r\n      </div>\r\n\r\n\r\n      {/* The playhead. The Gantt view beside this one has always drawn it;\r\n          this view accepted the same props and drew nothing, so switching\r\n          views made the reader's own position on the timeline vanish. Same\r\n          maths, same look, so the line does not jump when the view changes. */}\r\n      {playheadPercent !== null && (\r\n        <div\r\n          data-testid=\"timeline-playhead\"\r\n          style={{\r\n            position: \"absolute\",\r\n            top: 0,\r\n            bottom: 0,\r\n            left: `calc(${trackLabelWidth}px + (100% - ${trackLabelWidth}px) * ${playheadPercent} / 100)`,\r\n            width: 2,\r\n            backgroundColor: tokens.colors.accent.primary,\r\n            boxShadow: `0 0 12px ${tokens.colors.accent.primary}`,\r\n            zIndex: Z.playhead,\r\n            pointerEvents: \"none\",\r\n            transition: playheadIsJump\r\n              ? \"none\"\r\n              : `left ${PLAYHEAD_GLIDE_MS}ms linear`,\r\n          }}\r\n        >\r\n          <div\r\n            style={{\r\n              position: \"absolute\",\r\n              top: 22,\r\n              left: -5,\r\n              width: 12,\r\n              height: 12,\r\n              backgroundColor: tokens.colors.accent.primary,\r\n              borderRadius: 2,\r\n              transform: \"rotate(45deg)\",\r\n              boxShadow: `0 0 8px ${tokens.colors.accent.primary}`,\r\n            }}\r\n          />\r\n          <div\r\n            style={{\r\n              position: \"absolute\",\r\n              top: 4,\r\n              left: \"50%\",\r\n              transform: \"translateX(-50%)\",\r\n              backgroundColor: tokens.colors.accent.primary,\r\n              color: tokens.colors.background.base,\r\n              fontSize: \"0.5625rem\",\r\n              fontWeight: 500,\r\n              fontFamily: tokens.typography.fontFamily.mono,\r\n              padding: \"2px 6px\",\r\n              borderRadius: 3,\r\n              whiteSpace: \"nowrap\",\r\n              boxShadow: \"0 2px 8px rgba(0, 0, 0, 0.3)\",\r\n            }}\r\n          >\r\n            {formatTimeLabel(currentPlayheadTime)}\r\n          </div>\r\n        </div>\r\n      )}\r\n\r\n      {/* Floating tooltip */}\r\n      {hoveredEventData &&\r\n        tooltipPosition &&\r\n        (() => {\r\n          const scatterTipColor = getStatusColor(hoveredEventData.status);\r\n          const scatterTeamTip = getTimelineTeamAccent(hoveredEventData);\r\n          return (\r\n            <div\r\n              className=\"zendir-scatter-tooltip\"\r\n              style={{\r\n                position: \"fixed\",\r\n                left: tooltipPosition.x,\r\n                top: tooltipPosition.y - 12,\r\n                transform: \"translate(-50%, -100%)\",\r\n                backgroundColor: \"rgba(11, 26, 40, 0.98)\",\r\n                border: `1px solid ${scatterTipColor}40`,\r\n                borderRadius: tokens.borderRadius.lg,\r\n                padding: \"12px 16px\",\r\n                minWidth: 200,\r\n                maxWidth: 320,\r\n                zIndex: Z.tooltip,\r\n                boxShadow: `0 12px 40px rgba(0, 0, 0, 0.5), 0 0 0 1px ${scatterTipColor}20`,\r\n                backdropFilter: \"blur(12px)\",\r\n                animation:\r\n                  \"zendir-tooltip-in 150ms cubic-bezier(0.34, 1.56, 0.64, 1)\",\r\n              }}\r\n            >\r\n              {/* Arrow */}\r\n              <div\r\n                style={{\r\n                  position: \"absolute\",\r\n                  bottom: -6,\r\n                  left: \"50%\",\r\n                  transform: \"translateX(-50%) rotate(45deg)\",\r\n                  width: 12,\r\n                  height: 12,\r\n                  backgroundColor: \"rgba(11, 26, 40, 0.98)\",\r\n                  borderRight: `1px solid ${scatterTipColor}40`,\r\n                  borderBottom: `1px solid ${scatterTipColor}40`,\r\n                }}\r\n              />\r\n\r\n              {/* Status header — Astro UX shape */}\r\n              {hoveredEventData.status && (\r\n                <div\r\n                  style={{\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    gap: 8,\r\n                    marginBottom: 8,\r\n                  }}\r\n                >\r\n                  <TimelineStatusMarker\r\n                    status={hoveredEventData.status}\r\n                    fillColor={scatterTipColor}\r\n                    size={10}\r\n                  />\r\n                  <span\r\n                    style={{\r\n                      fontSize: \"0.75rem\",\r\n                      fontWeight: 500,\r\n                      color: scatterTipColor,\r\n                      textTransform: \"uppercase\",\r\n                      letterSpacing: \"0.05em\",\r\n                    }}\r\n                  >\r\n                    {hoveredEventData.status}\r\n                  </span>\r\n                  {hoveredEventData.badge && (\r\n                    <span\r\n                      style={{\r\n                        marginLeft: \"auto\",\r\n                        fontSize: \"0.625rem\",\r\n                        fontWeight: 500,\r\n                        padding: \"2px 6px\",\r\n                        borderRadius: tokens.borderRadius.sm,\r\n                        backgroundColor: `${scatterTipColor}20`,\r\n                        color: scatterTipColor,\r\n                      }}\r\n                    >\r\n                      {hoveredEventData.badge}\r\n                    </span>\r\n                  )}\r\n                </div>\r\n              )}\r\n\r\n              {/* Team id + accent (or legacy color-only) */}\r\n              {scatterTeamTip && (\r\n                <div\r\n                  style={{\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    gap: 6,\r\n                    marginBottom: 6,\r\n                  }}\r\n                >\r\n                  <div\r\n                    style={{\r\n                      width: 8,\r\n                      height: 8,\r\n                      borderRadius: 2,\r\n                      backgroundColor: scatterTeamTip.color,\r\n                      flexShrink: 0,\r\n                    }}\r\n                  />\r\n                  <span\r\n                    style={{\r\n                      fontSize: \"0.6875rem\",\r\n                      color: scatterTeamTip.color,\r\n                      fontWeight: 500,\r\n                    }}\r\n                  >\r\n                    {getTimelineTeamDisplayLabel(\r\n                      hoveredEventData,\r\n                      scatterTeamTip,\r\n                    )}\r\n                  </span>\r\n                </div>\r\n              )}\r\n\r\n              {/* Title */}\r\n              <div\r\n                style={{\r\n                  fontSize: \"0.875rem\",\r\n                  fontWeight: 500,\r\n                  color: \"#fff\",\r\n                  marginBottom: 8,\r\n                }}\r\n              >\r\n                {hoveredEventData.title}\r\n              </div>\r\n\r\n              {/* Details */}\r\n              <div style={{ display: \"flex\", flexDirection: \"column\", gap: 4 }}>\r\n                <div\r\n                  style={{\r\n                    display: \"flex\",\r\n                    justifyContent: \"space-between\",\r\n                    fontSize: \"0.75rem\",\r\n                  }}\r\n                >\r\n                  <span style={{ color: tokens.colors.text.tertiary }}>\r\n                    Time:\r\n                  </span>\r\n                  <span\r\n                    style={{\r\n                      color: tokens.colors.text.secondary,\r\n                      fontFamily: tokens.typography.fontFamily.mono,\r\n                    }}\r\n                  >\r\n                    {formatTimeLabel(hoveredEventData.start)}\r\n                  </span>\r\n                </div>\r\n\r\n                {hoveredEventData.badge && (\r\n                  <div\r\n                    style={{\r\n                      display: \"flex\",\r\n                      justifyContent: \"space-between\",\r\n                      fontSize: \"0.75rem\",\r\n                    }}\r\n                  >\r\n                    <span style={{ color: tokens.colors.text.tertiary }}>\r\n                      Trigger:\r\n                    </span>\r\n                    <span\r\n                      style={{\r\n                        color: safeAccentText(tokens.colors.accent.primary),\r\n                        fontWeight: 500,\r\n                      }}\r\n                    >\r\n                      {hoveredEventData.badge}\r\n                    </span>\r\n                  </div>\r\n                )}\r\n\r\n                <div\r\n                  style={{\r\n                    display: \"flex\",\r\n                    justifyContent: \"space-between\",\r\n                    fontSize: \"0.75rem\",\r\n                  }}\r\n                >\r\n                  <span style={{ color: tokens.colors.text.tertiary }}>\r\n                    UTC:\r\n                  </span>\r\n                  <span\r\n                    style={{\r\n                      color: tokens.colors.text.secondary,\r\n                      fontFamily: tokens.typography.fontFamily.mono,\r\n                    }}\r\n                  >\r\n                    {hoveredEventData.start\r\n                      .toISOString()\r\n                      .replace(\"T\", \" \")\r\n                      .slice(0, 19)}\r\n                  </span>\r\n                </div>\r\n\r\n                {hoveredEventData.subtitle && (\r\n                  <div\r\n                    style={{\r\n                      marginTop: 4,\r\n                      paddingTop: 8,\r\n                      borderTop: `1px solid ${tokens.colors.border.muted}`,\r\n                      fontSize: \"0.75rem\",\r\n                      color: tokens.colors.text.secondary,\r\n                    }}\r\n                  >\r\n                    {hoveredEventData.subtitle}\r\n                  </div>\r\n                )}\r\n              </div>\r\n            </div>\r\n          );\r\n        })()}\r\n\r\n      {/* Styles */}\r\n      <style>{`\r\n        @keyframes zendir-tooltip-in {\r\n          from {\r\n            opacity: 0;\r\n            transform: translate(-50%, -100%) scale(0.95);\r\n          }\r\n          to {\r\n            opacity: 1;\r\n            transform: translate(-50%, -100%) scale(1);\r\n          }\r\n        }\r\n        .zendir-scatter-tooltip::before {\r\n          content: '';\r\n          position: absolute;\r\n          inset: 0;\r\n          border-radius: inherit;\r\n          background: linear-gradient(135deg, ${tokens.colors.accent.primary}1a 0%, transparent 50%);\r\n          pointer-events: none;\r\n        }\r\n      `}</style>\r\n    </div>\r\n  );\r\n});\r\n\r\n// ============================================================================\r\n// Advanced filters toolbar (search, tracks, status, duration, teams)\r\n// ============================================================================\r\n\r\ninterface TimelineTeamFilterOption {\r\n  key: string;\r\n  label: string;\r\n  /** Accent swatch; empty when bucket is \"no team\" */\r\n  color: string;\r\n  isNoneBucket: boolean;\r\n}\r\n\r\nfunction buildTeamFilterOptions(\r\n  events: TimelineEvent[],\r\n  tokens: ThemeTokens,\r\n  categoryLabel: string = \"team\",\r\n): TimelineTeamFilterOption[] {\r\n  const map = new Map<string, TimelineTeamFilterOption>();\r\n  for (const event of events) {\r\n    const key = getTimelineTeamFilterKey(event);\r\n    if (map.has(key)) continue;\r\n    const accent = getTimelineTeamAccent(event);\r\n    const isNone = key === TIMELINE_FILTER_TEAM_NONE;\r\n    const isLegacy = key === TIMELINE_FILTER_TEAM_LEGACY;\r\n    const label = isNone\r\n      ? `No ${categoryLabel.toLowerCase()}`\r\n      : isLegacy\r\n        ? \"Accent only\"\r\n        : accent\r\n          ? getTimelineTeamDisplayLabel(event, accent)\r\n          : key;\r\n    const color = isNone ? \"\" : (accent?.color ?? tokens.colors.text.tertiary);\r\n    map.set(key, { key, label, color, isNoneBucket: isNone });\r\n  }\r\n  const list = [...map.values()];\r\n  list.sort((a, b) => {\r\n    if (a.isNoneBucket !== b.isNoneBucket) return a.isNoneBucket ? 1 : -1;\r\n    if (a.key === TIMELINE_FILTER_TEAM_LEGACY)\r\n      return b.key === TIMELINE_FILTER_TEAM_NONE ? -1 : 1;\r\n    if (b.key === TIMELINE_FILTER_TEAM_LEGACY)\r\n      return a.key === TIMELINE_FILTER_TEAM_NONE ? 1 : -1;\r\n    return a.label.localeCompare(b.label, undefined, { sensitivity: \"base\" });\r\n  });\r\n  return list;\r\n}\r\n\r\ninterface TimelineFiltersToolbarProps {\r\n  filter: TimelineFilter;\r\n  onFilterChange: (next: TimelineFilter) => void;\r\n  trackOptions: { id: string; label: string }[];\r\n  events: TimelineEvent[];\r\n  expanded: boolean;\r\n  /** Display label for the team/secondary-category section (defaults to \"Teams\"). */\r\n  teamLabel: string;\r\n}\r\n\r\n/** Expandable filter panel — rendered below the header when expanded. Search + toggle live in the header. */\r\nconst TimelineFiltersPanel = memo(function TimelineFiltersPanel({\r\n  filter,\r\n  onFilterChange,\r\n  trackOptions,\r\n  events,\r\n  expanded,\r\n  teamLabel,\r\n}: TimelineFiltersToolbarProps) {\r\n  const { tokens, theme } = useTheme();\r\n  const isTransparentTheme =\r\n    theme === \"transparent\" ||\r\n    theme === \"transparent-bold\" ||\r\n    theme === \"transparent-minimal\";\r\n  const accentColor = tokens.colors.accent.primary;\r\n\r\n  const teamOptions = useMemo(\r\n    () => buildTeamFilterOptions(events, tokens, teamLabel),\r\n    [events, tokens, teamLabel],\r\n  );\r\n\r\n  const patch = useCallback(\r\n    (partial: Partial<TimelineFilter>) => {\r\n      onFilterChange(normalizeTimelineFilter({ ...filter, ...partial }));\r\n    },\r\n    [filter, onFilterChange],\r\n  );\r\n\r\n  const clearAll = useCallback(() => {\r\n    onFilterChange({});\r\n  }, [onFilterChange]);\r\n\r\n  const toggleTrack = useCallback(\r\n    (id: string) => {\r\n      const cur = filter.tracks ?? [];\r\n      const next = cur.includes(id)\r\n        ? cur.filter((t) => t !== id)\r\n        : [...cur, id];\r\n      patch({ tracks: next.length ? next : undefined });\r\n    },\r\n    [filter.tracks, patch],\r\n  );\r\n\r\n  const toggleStatus = useCallback(\r\n    (st: TimelineEvent[\"status\"]) => {\r\n      const cur = filter.status ?? [];\r\n      const next = cur.includes(st)\r\n        ? cur.filter((s) => s !== st)\r\n        : [...cur, st];\r\n      patch({ status: next.length ? next : undefined });\r\n    },\r\n    [filter.status, patch],\r\n  );\r\n\r\n  const toggleTeam = useCallback(\r\n    (teamKey: string) => {\r\n      const cur = filter.teams ?? [];\r\n      const next = cur.includes(teamKey)\r\n        ? cur.filter((k) => k !== teamKey)\r\n        : [...cur, teamKey];\r\n      patch({ teams: next.length ? next : undefined });\r\n    },\r\n    [filter.teams, patch],\r\n  );\r\n\r\n  /* Astro-compliant pill: borderRadius.md, 2px 8px, uppercase xxs (10px), 500 weight, 0.06em tracking.\r\n     Active pill uses accent border + faint accent bg (mirrors LogViewer severity filter pattern). */\r\n  const pillStyle = useCallback(\r\n    (active: boolean, tintColor?: string): React.CSSProperties => {\r\n      const c = tintColor || accentColor;\r\n      return {\r\n        padding: \"2px 8px\",\r\n        borderRadius: tokens.borderRadius.md,\r\n        fontSize: tokens.typography.fontSize.xs,\r\n        fontWeight: 500,\r\n        textTransform: \"uppercase\",\r\n        letterSpacing: \"0.06em\",\r\n        lineHeight: 1.4,\r\n        border: `1px solid ${active ? `${c}66` : tokens.colors.border.muted}`,\r\n        backgroundColor: active ? `${c}22` : \"transparent\",\r\n        color: active ? c : tokens.colors.text.secondary,\r\n        cursor: \"pointer\",\r\n        transition: tokens.animation.fast,\r\n      };\r\n    },\r\n    [accentColor, tokens],\r\n  );\r\n\r\n  /* Section header: Astro DataTable column-header pattern — bold, uppercase, 10px, 0.06em tracking. */\r\n  const sectionHeader = (text: string): React.ReactElement => (\r\n    <div\r\n      style={{\r\n        fontSize: tokens.typography.fontSize.xs,\r\n        fontWeight: 700,\r\n        letterSpacing: \"0.06em\",\r\n        textTransform: \"uppercase\",\r\n        color: tokens.colors.text.tertiary,\r\n        marginBottom: 8,\r\n      }}\r\n    >\r\n      {text}\r\n    </div>\r\n  );\r\n\r\n  if (!expanded) return null;\r\n\r\n  return (\r\n    <div\r\n      id=\"zendir-timeline-filters-panel\"\r\n      style={{\r\n        padding: `${tokens.spacing.smd} ${tokens.spacing.md}`,\r\n        borderBottom: `1px solid ${tokens.colors.border.muted}`,\r\n        backgroundColor: isTransparentTheme\r\n          ? \"transparent\"\r\n          : tokens.colors.background.surface,\r\n        ...(isTransparentTheme && {\r\n          backdropFilter: \"blur(8px)\",\r\n          WebkitBackdropFilter: \"blur(8px)\" as const,\r\n        }),\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n        gap: tokens.spacing.smd,\r\n      }}\r\n    >\r\n      {/* Tracks */}\r\n      {trackOptions.length > 0 ? (\r\n        <div role=\"group\" aria-label=\"Filter by track\">\r\n          {sectionHeader(\"Tracks\")}\r\n          <div\r\n            style={{\r\n              display: \"flex\",\r\n              flexWrap: \"wrap\",\r\n              gap: tokens.spacing.xs,\r\n            }}\r\n          >\r\n            {trackOptions.map((t) => {\r\n              const active = filter.tracks?.includes(t.id) ?? false;\r\n              return (\r\n                <button\r\n                  key={t.id}\r\n                  type=\"button\"\r\n                  aria-pressed={active}\r\n                  onClick={() => toggleTrack(t.id)}\r\n                  style={pillStyle(active)}\r\n                >\r\n                  {t.label}\r\n                </button>\r\n              );\r\n            })}\r\n          </div>\r\n        </div>\r\n      ) : null}\r\n\r\n      {/* Status — pills tinted with their status color */}\r\n      <div role=\"group\" aria-label=\"Filter by status\">\r\n        {sectionHeader(\"Status\")}\r\n        <div\r\n          style={{ display: \"flex\", flexWrap: \"wrap\", gap: tokens.spacing.xs }}\r\n        >\r\n          {ALL_TIMELINE_STATUSES.map((st) => {\r\n            const active = filter.status?.includes(st) ?? false;\r\n            const statusColor = st ? tokens.colors.status[st] : accentColor;\r\n            return (\r\n              <button\r\n                key={st}\r\n                type=\"button\"\r\n                aria-pressed={active}\r\n                onClick={() => toggleStatus(st)}\r\n                style={{\r\n                  ...pillStyle(active, statusColor),\r\n                  display: \"inline-flex\",\r\n                  alignItems: \"center\",\r\n                  gap: 6,\r\n                }}\r\n              >\r\n                <span\r\n                  style={{\r\n                    width: 8,\r\n                    height: 8,\r\n                    borderRadius: \"50%\",\r\n                    backgroundColor: active ? statusColor : `${statusColor}50`,\r\n                    flexShrink: 0,\r\n                    transition: tokens.animation.fast,\r\n                  }}\r\n                />\r\n                {st}\r\n              </button>\r\n            );\r\n          })}\r\n        </div>\r\n      </div>\r\n\r\n      {/* Duration + Teams on one row where space allows */}\r\n      <div\r\n        style={{\r\n          display: \"flex\",\r\n          flexWrap: \"wrap\",\r\n          gap: `${tokens.spacing.smd} ${tokens.spacing.lg}`,\r\n          alignItems: \"flex-start\",\r\n        }}\r\n      >\r\n        <div\r\n          role=\"group\"\r\n          aria-label=\"Filter by duration\"\r\n          style={{ minWidth: 0 }}\r\n        >\r\n          {sectionHeader(\"Duration\")}\r\n          <div\r\n            style={{\r\n              display: \"flex\",\r\n              flexWrap: \"wrap\",\r\n              gap: tokens.spacing.xs,\r\n            }}\r\n          >\r\n            {([\"all\", \"point\", \"range\"] as const).map((key) => {\r\n              const active = (filter.eventShape ?? \"all\") === key;\r\n              return (\r\n                <button\r\n                  key={key}\r\n                  type=\"button\"\r\n                  aria-pressed={active}\r\n                  onClick={() => patch({ eventShape: key })}\r\n                  style={pillStyle(active)}\r\n                >\r\n                  {key === \"all\"\r\n                    ? \"All\"\r\n                    : key === \"point\"\r\n                      ? \"Instant\"\r\n                      : \"Range\"}\r\n                </button>\r\n              );\r\n            })}\r\n          </div>\r\n        </div>\r\n\r\n        {teamOptions.length > 0 ? (\r\n          <div\r\n            role=\"group\"\r\n            aria-label={`Filter by ${teamLabel.toLowerCase()}`}\r\n            style={{ flex: 1, minWidth: 180 }}\r\n          >\r\n            {sectionHeader(teamLabel)}\r\n            <div\r\n              style={{\r\n                display: \"flex\",\r\n                flexWrap: \"wrap\",\r\n                gap: tokens.spacing.xs,\r\n              }}\r\n            >\r\n              {teamOptions.map((opt) => {\r\n                const active = filter.teams?.includes(opt.key) ?? false;\r\n                return (\r\n                  <button\r\n                    key={opt.key}\r\n                    type=\"button\"\r\n                    aria-pressed={active}\r\n                    onClick={() => toggleTeam(opt.key)}\r\n                    style={{\r\n                      ...pillStyle(active, opt.color || undefined),\r\n                      display: \"inline-flex\",\r\n                      alignItems: \"center\",\r\n                      gap: 6,\r\n                      maxWidth: \"100%\",\r\n                    }}\r\n                  >\r\n                    {opt.isNoneBucket ? (\r\n                      <span\r\n                        style={{\r\n                          width: 8,\r\n                          height: 8,\r\n                          borderRadius: \"50%\",\r\n                          border: `${tokens.borders?.width?.thick ?? \"2px\"} solid ${tokens.colors.border.muted}`,\r\n                          flexShrink: 0,\r\n                          boxSizing: \"border-box\",\r\n                        }}\r\n                      />\r\n                    ) : (\r\n                      <span\r\n                        style={{\r\n                          width: 8,\r\n                          height: 8,\r\n                          borderRadius: \"50%\",\r\n                          backgroundColor: opt.color,\r\n                          flexShrink: 0,\r\n                        }}\r\n                      />\r\n                    )}\r\n                    <span\r\n                      style={{\r\n                        overflow: \"hidden\",\r\n                        textOverflow: \"ellipsis\",\r\n                        whiteSpace: \"nowrap\",\r\n                      }}\r\n                    >\r\n                      {opt.label}\r\n                    </span>\r\n                  </button>\r\n                );\r\n              })}\r\n            </div>\r\n          </div>\r\n        ) : null}\r\n      </div>\r\n\r\n      {/* Clear all — only when filters active. Uses SDK Button for consistent focus ring & a11y. */}\r\n      {isTimelineFilterActive(filter) ? (\r\n        <div style={{ display: \"flex\", justifyContent: \"flex-end\" }}>\r\n          <Button variant=\"borderless\" size=\"small\" onClick={clearAll}>\r\n            Clear all\r\n          </Button>\r\n        </div>\r\n      ) : null}\r\n    </div>\r\n  );\r\n});\r\n\r\n// ============================================================================\r\n// Main Component\r\n// ============================================================================\r\n\r\nexport const UnifiedTimeline = memo(function UnifiedTimeline({\r\n  title = \"Timeline\",\r\n  events,\r\n  tracks = [],\r\n  start: propStart,\r\n  end: propEnd,\r\n  defaultView = \"chart\",\r\n  viewMode: controlledViewMode,\r\n  onViewModeChange,\r\n  onEventClick,\r\n  showViewToggle = true,\r\n  maxHeight,\r\n  trackHeight = 56,\r\n  className = \"\",\r\n  timeFormat = \"absolute\",\r\n  zoomable = false,\r\n  initialZoom = 1,\r\n  showFilters: _showFilters = true,\r\n  filtersDefaultExpanded = false,\r\n  hideEmptyTracksWhenFiltered = true,\r\n  filter: _filter,\r\n  onFilterChange: _onFilterChange,\r\n  showCount: _showCount = true,\r\n  loading = false,\r\n  referenceTime,\r\n  showPlayhead = true,\r\n  playheadTime,\r\n  onPlayheadChange: _onPlayheadChangeTimeline,\r\n  showDayMarkers = true,\r\n  teamLabel: teamLabelProp,\r\n}: UnifiedTimelineProps) {\r\n  const { tokens, theme } = useTheme();\r\n  const isTransparentTheme =\r\n    theme === \"transparent\" ||\r\n    theme === \"transparent-bold\" ||\r\n    theme === \"transparent-minimal\";\r\n  const { isMobile } = useBreakpoint();\r\n  const categoryCtx = useCategoryPalette();\r\n  /** Explicit prop → CategoryProvider label → default \"Teams\" */\r\n  const teamLabel = teamLabelProp ?? categoryCtx?.categoryLabel ?? \"Teams\";\r\n  const [internalViewMode, setInternalViewMode] =\r\n    useState<TimelineViewMode>(defaultView);\r\n  const [zoom, setZoom] = useState(initialZoom);\r\n  const [_internalFilter, _setInternalFilter] = useState<TimelineFilter>({});\r\n  const [filtersExpanded, setFiltersExpanded] = useState(\r\n    filtersDefaultExpanded,\r\n  );\r\n  const filter = _filter !== undefined ? _filter : _internalFilter;\r\n  const filterChipCount = _showFilters ? countTimelineFilterChips(filter) : 0;\r\n\r\n  const setFilter = useCallback(\r\n    (next: TimelineFilter) => {\r\n      const n = normalizeTimelineFilter(next);\r\n      if (_filter === undefined) _setInternalFilter(n);\r\n      _onFilterChange?.(n);\r\n    },\r\n    [_filter, _onFilterChange],\r\n  );\r\n\r\n  const patchFilter = useCallback(\r\n    (partial: Partial<TimelineFilter>) => {\r\n      setFilter(normalizeTimelineFilter({ ...filter, ...partial }));\r\n    },\r\n    [filter, setFilter],\r\n  );\r\n\r\n  const viewMode = controlledViewMode ?? internalViewMode;\r\n\r\n  const handleViewModeChange = useCallback(\r\n    (mode: TimelineViewMode) => {\r\n      setInternalViewMode(mode);\r\n      onViewModeChange?.(mode);\r\n    },\r\n    [onViewModeChange],\r\n  );\r\n\r\n  // Auto-calculate time range if not provided\r\n  const { start, end } = useMemo(() => {\r\n    if (propStart && propEnd) {\r\n      return { start: propStart, end: propEnd };\r\n    }\r\n\r\n    if (events.length === 0) {\r\n      const now = new Date();\r\n      return {\r\n        start: new Date(now.getTime() - 3600000),\r\n        end: new Date(now.getTime() + 3600000),\r\n      };\r\n    }\r\n\r\n    let minTime = events[0].start.getTime();\r\n    let maxTime = events[0].start.getTime();\r\n\r\n    events.forEach((event) => {\r\n      minTime = Math.min(minTime, event.start.getTime());\r\n      maxTime = Math.max(maxTime, (event.end || event.start).getTime());\r\n    });\r\n\r\n    // Add 10% padding\r\n    const duration = maxTime - minTime;\r\n    const padding = duration * 0.1;\r\n\r\n    return {\r\n      start: new Date(minTime - padding),\r\n      end: new Date(maxTime + padding),\r\n    };\r\n  }, [events, propStart, propEnd]);\r\n\r\n  // Auto-generate tracks from events if not provided\r\n  const effectiveTracks = useMemo(() => {\r\n    if (tracks.length > 0) return tracks;\r\n\r\n    const trackSet = new Set<string>();\r\n    events.forEach((event) => {\r\n      if (event.track) trackSet.add(event.track);\r\n    });\r\n\r\n    if (trackSet.size === 0) {\r\n      return [{ id: \"default\", label: \"Events\", height: trackHeight }];\r\n    }\r\n\r\n    return Array.from(trackSet).map((id) => ({\r\n      id,\r\n      label: id,\r\n      height: trackHeight,\r\n    }));\r\n  }, [events, tracks, trackHeight]);\r\n\r\n  const filteredEvents = useMemo(\r\n    () => events.filter((e) => matchesTimelineFilter(e, filter)),\r\n    [events, filter],\r\n  );\r\n\r\n  const effectiveTracksForViews = useMemo(() => {\r\n    if (!hideEmptyTracksWhenFiltered || !isTimelineFilterActive(filter))\r\n      return effectiveTracks;\r\n    const ids = new Set(filteredEvents.map((e) => e.track || \"default\"));\r\n    return effectiveTracks.filter((t) => ids.has(t.id));\r\n  }, [effectiveTracks, filteredEvents, filter, hideEmptyTracksWhenFiltered]);\r\n\r\n  const trackOptionsForToolbar = useMemo(() => {\r\n    if (tracks.length > 0)\r\n      return tracks.map((t) => ({ id: t.id, label: t.label }));\r\n    const u = new Set<string>();\r\n    events.forEach((e) => {\r\n      if (e.track) u.add(e.track);\r\n    });\r\n    if (u.size === 0) return [{ id: \"default\", label: \"Events\" }];\r\n    return [...u].sort().map((id) => ({ id, label: id }));\r\n  }, [events, tracks]);\r\n\r\n  // Sort filtered events by start time (newest first for list view)\r\n  const sortedEvents = useMemo(() => {\r\n    return [...filteredEvents].sort(\r\n      (a, b) => b.start.getTime() - a.start.getTime(),\r\n    );\r\n  }, [filteredEvents]);\r\n\r\n  const countLabel = !_showCount\r\n    ? title\r\n    : `${title} (${filteredEvents.length}${filteredEvents.length !== events.length ? ` / ${events.length}` : \"\"})`;\r\n  // `title === null` asks for no heading at all — not \"(70)\" with the word\r\n  // itself missing, which is what building this string unconditionally gave\r\n  // whenever a caller passed null. The heading is skipped entirely instead.\r\n  const showHeading = title !== null;\r\n\r\n  return (\r\n    <div\r\n      className={classNames(\"zendir-unified-timeline\", className)}\r\n      style={{\r\n        backgroundColor: isTransparentTheme\r\n          ? \"transparent\"\r\n          : tokens.colors.background.surface,\r\n        ...(isTransparentTheme && {\r\n          backdropFilter: \"blur(12px)\",\r\n          WebkitBackdropFilter: \"blur(12px)\" as const,\r\n        }),\r\n        ...(tokens.colors.border.cardStyle ?? {\r\n          border: `1px solid ${tokens.colors.border.muted}`,\r\n        }),\r\n        borderRadius: tokens.borderRadius.lg,\r\n        overflow: \"hidden\",\r\n      }}\r\n    >\r\n      {/* Header — stacks vertically on mobile so controls don't overflow */}\r\n      <div\r\n        style={{\r\n          display: \"flex\",\r\n          flexDirection: isMobile ? \"column\" : \"row\",\r\n          alignItems: isMobile ? \"stretch\" : \"center\",\r\n          padding: `${tokens.spacing.smd} ${tokens.spacing.md}`,\r\n          gap: isMobile ? tokens.spacing.xs : tokens.spacing.sm,\r\n          borderBottom: `1px solid ${tokens.colors.border.muted}`,\r\n        }}\r\n      >\r\n        <div\r\n          style={{\r\n            display: \"flex\",\r\n            alignItems: \"center\",\r\n            gap: tokens.spacing.sm,\r\n          }}\r\n        >\r\n          {/* A caller that already frames this in a titled panel would\r\n              otherwise show the same word twice, one line apart. Suppressing\r\n              the heading leaves the controls beside it — the view toggle and\r\n              the count live in this bar too, and those stay. */}\r\n          {showHeading && (\r\n          <h3\r\n            style={{\r\n              margin: 0,\r\n              fontSize: \"1rem\",\r\n              fontWeight: 500, // AstroUXDS medium\r\n              color: tokens.colors.text.primary,\r\n              whiteSpace: \"nowrap\",\r\n              flexShrink: 0,\r\n            }}\r\n          >\r\n            {countLabel}\r\n          </h3>\r\n          )}\r\n\r\n          {/* Spacer pushes controls right (only in row/desktop layout) */}\r\n          {!isMobile && <div style={{ flex: 1 }} />}\r\n        </div>\r\n        {/* Second row on mobile, same row on desktop */}\r\n        <div\r\n          style={{\r\n            display: \"flex\",\r\n            alignItems: \"center\",\r\n            gap: tokens.spacing.sm,\r\n            flex: isMobile ? undefined : 1,\r\n            justifyContent: isMobile ? \"space-between\" : \"flex-end\",\r\n          }}\r\n        >\r\n          {/* Inline search + filter icon — left of zoom/view toggle */}\r\n          {_showFilters && (\r\n            <div\r\n              style={{\r\n                display: \"flex\",\r\n                alignItems: \"center\",\r\n                gap: tokens.spacing.xs,\r\n                flex: isMobile ? 1 : undefined,\r\n                flexShrink: 0,\r\n              }}\r\n            >\r\n              {/* Compact search: expands on mobile to fill available width */}\r\n              <div\r\n                style={{ position: \"relative\", width: isMobile ? \"100%\" : 180 }}\r\n              >\r\n                <Icon\r\n                  name=\"search\"\r\n                  size={14}\r\n                  style={{\r\n                    position: \"absolute\",\r\n                    left: 8,\r\n                    top: \"50%\",\r\n                    transform: \"translateY(-50%)\",\r\n                    color: tokens.colors.text.tertiary,\r\n                    pointerEvents: \"none\",\r\n                  }}\r\n                />\r\n                <input\r\n                  type=\"search\"\r\n                  value={filter.search ?? \"\"}\r\n                  onChange={(e) =>\r\n                    patchFilter({ search: e.target.value || undefined })\r\n                  }\r\n                  placeholder=\"Search…\"\r\n                  aria-label=\"Search timeline events\"\r\n                  style={{\r\n                    width: \"100%\",\r\n                    boxSizing: \"border-box\",\r\n                    height: tokens.elementSize.sm,\r\n                    paddingLeft: 28,\r\n                    paddingRight: 8,\r\n                    borderRadius: tokens.borderRadius.md,\r\n                    border: `1px solid ${tokens.colors.border.muted}`,\r\n                    backgroundColor: tokens.colors.background.base,\r\n                    color: tokens.colors.text.primary,\r\n                    fontSize: tokens.typography.fontSize.sm,\r\n                    fontFamily: \"inherit\",\r\n                    outline: \"none\",\r\n                    transition: \"all 200ms cubic-bezier(0.4, 0, 0.2, 1)\",\r\n                  }}\r\n                  onFocus={(e) => {\r\n                    e.target.style.borderColor = tokens.colors.accent.primary;\r\n                    e.target.style.boxShadow = `0 0 0 3px ${tokens.colors.accent.primary}50, 0 0 20px ${tokens.colors.accent.primary}15`;\r\n                  }}\r\n                  onBlur={(e) => {\r\n                    e.target.style.borderColor = tokens.colors.border.muted;\r\n                    e.target.style.boxShadow = \"none\";\r\n                  }}\r\n                />\r\n              </div>\r\n\r\n              {/* Filter panel toggle icon */}\r\n              <Tooltip\r\n                content={filtersExpanded ? \"Hide filters\" : \"Show filters\"}\r\n              >\r\n                <button\r\n                  type=\"button\"\r\n                  aria-label={filtersExpanded ? \"Hide filters\" : \"Show filters\"}\r\n                  aria-expanded={filtersExpanded}\r\n                  aria-controls=\"zendir-timeline-filters-panel\"\r\n                  onClick={() => setFiltersExpanded((v) => !v)}\r\n                  style={{\r\n                    position: \"relative\",\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    justifyContent: \"center\",\r\n                    width: 28,\r\n                    height: 28,\r\n                    border: `1px solid ${filterChipCount > 0 ? `${tokens.colors.accent.primary}80` : tokens.colors.border.muted}`,\r\n                    borderRadius: tokens.borderRadius.sm,\r\n                    backgroundColor:\r\n                      filterChipCount > 0\r\n                        ? `${tokens.colors.accent.primary}12`\r\n                        : \"transparent\",\r\n                    color:\r\n                      filterChipCount > 0\r\n                        ? tokens.colors.accent.primary\r\n                        : tokens.colors.text.secondary,\r\n                    cursor: \"pointer\",\r\n                    transition: tokens.animation.fast,\r\n                  }}\r\n                >\r\n                  <Icon name=\"filter\" size={16} />\r\n                  {filterChipCount > 0 ? (\r\n                    <span\r\n                      style={{\r\n                        position: \"absolute\",\r\n                        top: -4,\r\n                        right: -4,\r\n                        minWidth: 14,\r\n                        height: 14,\r\n                        borderRadius: \"50%\",\r\n                        backgroundColor: tokens.colors.accent.primary,\r\n                        color: \"#fff\",\r\n                        fontSize: \"0.5625rem\",\r\n                        fontWeight: 700,\r\n                        display: \"flex\",\r\n                        alignItems: \"center\",\r\n                        justifyContent: \"center\",\r\n                        lineHeight: 1,\r\n                      }}\r\n                    >\r\n                      {filterChipCount}\r\n                    </span>\r\n                  ) : null}\r\n                </button>\r\n              </Tooltip>\r\n            </div>\r\n          )}\r\n          {/* Right side controls */}\r\n          <div\r\n            style={{\r\n              display: \"flex\",\r\n              alignItems: \"center\",\r\n              gap: 12,\r\n              flexShrink: 0,\r\n            }}\r\n          >\r\n            {/* Zoom controls - chart and scatter share zoom; list has no time axis */}\r\n            {zoomable && (viewMode === \"chart\" || viewMode === \"scatter\") && (\r\n              <div\r\n                style={{\r\n                  display: \"flex\",\r\n                  alignItems: \"center\",\r\n                  gap: 4,\r\n                  paddingRight: 12,\r\n                  borderRight: `1px solid ${tokens.colors.border.muted}`,\r\n                }}\r\n              >\r\n                <Tooltip content=\"Zoom out\">\r\n                  <button\r\n                    type=\"button\"\r\n                    aria-label=\"Zoom out\"\r\n                    onClick={() => setZoom(Math.max(zoom - 0.5, 1))}\r\n                    disabled={zoom <= 1}\r\n                    style={{\r\n                      width: 28,\r\n                      height: 28,\r\n                      display: \"flex\",\r\n                      alignItems: \"center\",\r\n                      justifyContent: \"center\",\r\n                      backgroundColor:\r\n                        zoom <= 1\r\n                          ? \"transparent\"\r\n                          : tokens.colors.background.elevated,\r\n                      border: `1px solid ${tokens.colors.border.muted}`,\r\n                      borderRadius: tokens.borderRadius.sm,\r\n                      color:\r\n                        zoom <= 1\r\n                          ? tokens.colors.text.tertiary\r\n                          : tokens.colors.text.primary,\r\n                      cursor: zoom <= 1 ? \"not-allowed\" : \"pointer\",\r\n                      fontSize: \"1rem\",\r\n                      fontWeight: 500, // AstroUXDS medium (was 600)\r\n                      opacity: zoom <= 1 ? 0.5 : 1,\r\n                    }}\r\n                  >\r\n                    −\r\n                  </button>\r\n                </Tooltip>\r\n                <span\r\n                  style={{\r\n                    minWidth: 40,\r\n                    textAlign: \"center\",\r\n                    fontSize: \"0.75rem\",\r\n                    fontFamily: tokens.typography.fontFamily.mono,\r\n                    color: tokens.colors.text.secondary,\r\n                  }}\r\n                >\r\n                  {Math.round(zoom * 100)}%\r\n                </span>\r\n                <Tooltip content=\"Zoom in\">\r\n                  <button\r\n                    type=\"button\"\r\n                    aria-label=\"Zoom in\"\r\n                    onClick={() => setZoom(Math.min(zoom + 0.5, 4))}\r\n                    disabled={zoom >= 4}\r\n                    style={{\r\n                      width: 28,\r\n                      height: 28,\r\n                      display: \"flex\",\r\n                      alignItems: \"center\",\r\n                      justifyContent: \"center\",\r\n                      backgroundColor:\r\n                        zoom >= 4\r\n                          ? \"transparent\"\r\n                          : tokens.colors.background.elevated,\r\n                      border: `1px solid ${tokens.colors.border.muted}`,\r\n                      borderRadius: tokens.borderRadius.sm,\r\n                      color:\r\n                        zoom >= 4\r\n                          ? tokens.colors.text.tertiary\r\n                          : tokens.colors.text.primary,\r\n                      cursor: zoom >= 4 ? \"not-allowed\" : \"pointer\",\r\n                      fontSize: \"1rem\",\r\n                      fontWeight: 500, // AstroUXDS medium (was 600)\r\n                      opacity: zoom >= 4 ? 0.5 : 1,\r\n                    }}\r\n                  >\r\n                    +\r\n                  </button>\r\n                </Tooltip>\r\n                <Tooltip content=\"Reset zoom\">\r\n                  <button\r\n                    type=\"button\"\r\n                    aria-label=\"Reset zoom\"\r\n                    onClick={() => setZoom(1)}\r\n                    style={{\r\n                      height: 28,\r\n                      padding: \"0 10px\",\r\n                      display: \"flex\",\r\n                      alignItems: \"center\",\r\n                      justifyContent: \"center\",\r\n                      backgroundColor: tokens.colors.background.elevated,\r\n                      border: `1px solid ${tokens.colors.border.muted}`,\r\n                      borderRadius: tokens.borderRadius.sm,\r\n                      color: tokens.colors.text.secondary,\r\n                      cursor: \"pointer\",\r\n                      fontSize: \"0.6875rem\",\r\n                      fontWeight: 500,\r\n                    }}\r\n                  >\r\n                    FIT\r\n                  </button>\r\n                </Tooltip>\r\n              </div>\r\n            )}\r\n\r\n            {/* View toggle — role=group tells assistive tech these buttons share a purpose */}\r\n            {showViewToggle && (\r\n              <div\r\n                role=\"group\"\r\n                aria-label=\"View mode\"\r\n                style={{\r\n                  display: \"flex\",\r\n                  gap: \"2px\",\r\n                  backgroundColor: isTransparentTheme\r\n                    ? \"transparent\"\r\n                    : tokens.colors.background.elevated,\r\n                  ...(isTransparentTheme && {\r\n                    backdropFilter: \"blur(12px)\",\r\n                    WebkitBackdropFilter: \"blur(12px)\" as const,\r\n                  }),\r\n                  padding: \"4px\",\r\n                  borderRadius: tokens.borderRadius.lg,\r\n                }}\r\n              >\r\n                {([\"chart\", \"list\", \"compact\", \"scatter\"] as TimelineViewMode[]).map(\r\n                  (mode) => {\r\n                    const isActive = viewMode === mode;\r\n                    const icons: Record<\r\n                      TimelineViewMode,\r\n                      \"list\" | \"timeline\" | \"chart\"\r\n                    > = {\r\n                      chart: \"chart\",\r\n                      list: \"list\",\r\n                      compact: \"list\",\r\n                      scatter: \"timeline\",\r\n                    };\r\n                    const labels: Record<TimelineViewMode, string> = {\r\n                      chart: \"Gantt Chart\",\r\n                      list: \"List View\",\r\n                      compact: \"Compact List\",\r\n                      scatter: \"Scatter View\",\r\n                    };\r\n\r\n                    return (\r\n                      <Tooltip key={mode} content={labels[mode]}>\r\n                        <button\r\n                          type=\"button\"\r\n                          aria-label={labels[mode]}\r\n                          aria-pressed={isActive}\r\n                          onClick={() => handleViewModeChange(mode)}\r\n                          style={{\r\n                            display: \"flex\",\r\n                            alignItems: \"center\",\r\n                            justifyContent: \"center\",\r\n                            width: \"32px\",\r\n                            height: \"32px\",\r\n                            backgroundColor: isActive\r\n                              ? tokens.colors.accent.primary\r\n                              : \"transparent\",\r\n                            border: \"none\",\r\n                            borderRadius: tokens.borderRadius.md,\r\n                            color: isActive\r\n                              ? \"#ffffff\"\r\n                              : tokens.colors.text.secondary,\r\n                            cursor: \"pointer\",\r\n                            transition:\r\n                              \"all 200ms cubic-bezier(0.4, 0, 0.2, 1)\",\r\n                            transform: isActive ? \"scale(1)\" : \"scale(0.95)\",\r\n                            boxShadow: isActive\r\n                              ? `0 2px 8px ${tokens.colors.accent.primary}40`\r\n                              : \"none\",\r\n                          }}\r\n                          onMouseEnter={(e) => {\r\n                            if (!isActive) {\r\n                              e.currentTarget.style.backgroundColor = `${tokens.colors.accent.primary}20`;\r\n                              e.currentTarget.style.transform = \"scale(1)\";\r\n                            }\r\n                          }}\r\n                          onMouseLeave={(e) => {\r\n                            if (!isActive) {\r\n                              e.currentTarget.style.backgroundColor =\r\n                                \"transparent\";\r\n                              e.currentTarget.style.transform = \"scale(0.95)\";\r\n                            }\r\n                          }}\r\n                        >\r\n                          <Icon name={icons[mode]} size={16} />\r\n                        </button>\r\n                      </Tooltip>\r\n                    );\r\n                  },\r\n                )}\r\n              </div>\r\n            )}\r\n          </div>{\" \"}\r\n          {/* end right side controls */}\r\n        </div>{\" \"}\r\n        {/* end second-row */}\r\n      </div>{\" \"}\r\n      {/* end header */}\r\n      {_showFilters ? (\r\n        <TimelineFiltersPanel\r\n          filter={filter}\r\n          onFilterChange={setFilter}\r\n          trackOptions={trackOptionsForToolbar}\r\n          events={events}\r\n          expanded={filtersExpanded}\r\n          teamLabel={teamLabel}\r\n        />\r\n      ) : null}\r\n      {/* Loading State */}\r\n      {loading && (\r\n        <div\r\n          style={{\r\n            position: \"absolute\",\r\n            inset: 0,\r\n            display: \"flex\",\r\n            alignItems: \"center\",\r\n            justifyContent: \"center\",\r\n            backgroundColor: `${tokens.colors.background.overlay}80`,\r\n            backdropFilter: \"blur(4px)\",\r\n            zIndex: Z.loadingOverlay,\r\n          }}\r\n        >\r\n          <div\r\n            style={{\r\n              width: 40,\r\n              height: 40,\r\n              border: `3px solid ${tokens.colors.border.muted}`,\r\n              borderTopColor: tokens.colors.accent.primary,\r\n              borderRadius: \"50%\",\r\n              animation: \"zendir-spin 1s linear infinite\",\r\n            }}\r\n          />\r\n        </div>\r\n      )}\r\n      {/* Content */}\r\n      <div\r\n        style={{\r\n          padding: viewMode === \"list\" || viewMode === \"compact\" ? \"16px 20px\" : \"16px\",\r\n          maxHeight: maxHeight,\r\n          overflowY: maxHeight ? \"auto\" : undefined,\r\n          overflowX: viewMode !== \"list\" && viewMode !== \"compact\" ? \"auto\" : undefined,\r\n        }}\r\n      >\r\n        {events.length === 0 ? (\r\n          <div\r\n            style={{\r\n              display: \"flex\",\r\n              flexDirection: \"column\",\r\n              alignItems: \"center\",\r\n              justifyContent: \"center\",\r\n              padding: \"48px 0\",\r\n              color: tokens.colors.text.tertiary,\r\n              gap: \"12px\",\r\n            }}\r\n          >\r\n            <Icon name=\"clock\" size={32} />\r\n            <span style={{ fontSize: \"0.875rem\" }}>No events to display</span>\r\n          </div>\r\n        ) : filteredEvents.length === 0 ? (\r\n          <div\r\n            style={{\r\n              display: \"flex\",\r\n              flexDirection: \"column\",\r\n              alignItems: \"center\",\r\n              justifyContent: \"center\",\r\n              padding: \"48px 24px\",\r\n              color: tokens.colors.text.tertiary,\r\n              gap: 12,\r\n              textAlign: \"center\",\r\n            }}\r\n          >\r\n            <Icon name=\"search\" size={32} />\r\n            <span\r\n              style={{\r\n                fontSize: \"0.875rem\",\r\n                color: tokens.colors.text.secondary,\r\n              }}\r\n            >\r\n              No events match the current filters.\r\n            </span>\r\n            {_showFilters && isTimelineFilterActive(filter) ? (\r\n              <button\r\n                type=\"button\"\r\n                onClick={() => setFilter({})}\r\n                style={{\r\n                  marginTop: 4,\r\n                  padding: \"8px 16px\",\r\n                  borderRadius: tokens.borderRadius.md,\r\n                  border: `1px solid ${tokens.colors.accent.primary}`,\r\n                  backgroundColor: `${tokens.colors.accent.primary}18`,\r\n                  color: tokens.colors.accent.primary,\r\n                  cursor: \"pointer\",\r\n                  fontSize: \"0.8125rem\",\r\n                  fontWeight: 500,\r\n                }}\r\n              >\r\n                Clear filters\r\n              </button>\r\n            ) : null}\r\n          </div>\r\n        ) : viewMode === \"list\" ? (\r\n          // List View\r\n          sortedEvents.map((event, index) => (\r\n            <EventListItem\r\n              key={event.id}\r\n              event={event}\r\n              isLast={index === sortedEvents.length - 1}\r\n              onEventClick={onEventClick}\r\n            />\r\n          ))\r\n        ) : viewMode === \"compact\" ? (\r\n          // Compact list — one line per event, for scanning a long session\r\n          sortedEvents.map((event) => (\r\n            <CompactEventRow\r\n              key={event.id}\r\n              event={event}\r\n              current={\r\n                referenceTime\r\n                  ? event.start <= referenceTime &&\r\n                    (!event.end || event.end >= referenceTime)\r\n                  : false\r\n              }\r\n              timeFormat={timeFormat}\r\n              refTime={referenceTime || start}\r\n              onEventClick={onEventClick}\r\n            />\r\n          ))\r\n        ) : viewMode === \"scatter\" ? (\r\n          // Scatter View (Dots on timeline) - uses same zoom as chart\r\n          <ScatterView\r\n            events={filteredEvents}\r\n            tracks={effectiveTracksForViews}\r\n            start={start}\r\n            end={end}\r\n            trackHeight={trackHeight}\r\n            onEventClick={onEventClick}\r\n            timeFormat={timeFormat}\r\n            referenceTime={referenceTime || start}\r\n            zoom={zoom}\r\n            showPlayhead={showPlayhead}\r\n            playheadTime={playheadTime}\r\n          />\r\n        ) : (\r\n          // Chart View (Gantt)\r\n          <ChartView\r\n            events={filteredEvents}\r\n            tracks={effectiveTracksForViews}\r\n            start={start}\r\n            end={end}\r\n            trackHeight={trackHeight}\r\n            onEventClick={onEventClick}\r\n            zoom={zoom}\r\n            showPlayhead={showPlayhead}\r\n            playheadTime={playheadTime}\r\n            onPlayheadChange={_onPlayheadChangeTimeline}\r\n            showDayMarkers={showDayMarkers}\r\n            timeFormat={timeFormat}\r\n          />\r\n        )}\r\n      </div>\r\n      {/* Global Styles */}\r\n      <style>{`\r\n        @keyframes zendir-spin {\r\n          from { transform: rotate(0deg); }\r\n          to { transform: rotate(360deg); }\r\n        }\r\n      `}</style>\r\n    </div>\r\n  );\r\n});\r\n\r\nexport default UnifiedTimeline;\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,IAAM,IAAI;;CAER,YAAY;;CAEZ,mBAAmB;;CAEnB,QAAQ;;CAER,WAAW;;CAEX,UAAU;;CAEV,gBAAgB;;CAEhB,SAAS;AACX;;;;;;;;AASA,IAAM,oBAAoB;;;;;;;;;;;;;;;AAgB1B,IAAM,6BAA6B;;;;;;;;AASnC,SAAS,gBAAgB,KAA6B;CACpD,MAAM,UAAU,OAAsB,IAAI;CAC1C,MAAM,SACJ,QAAQ,QACR,QAAQ,YAAY,QACpB,KAAK,IAAI,MAAM,QAAQ,OAAO,IAAI;CACpC,gBAAgB;EACd,QAAQ,UAAU;CACpB,GAAG,CAAC,GAAG,CAAC;CACR,OAAO;AACT;;AAGA,IAAa,4BAA4B;;AAEzC,IAAa,8BAA8B;;AAmE3C,SAAgB,sBACd,OACgE;CAChE,MAAM,IAAI,MAAM;CAChB,IAAI,GAAG,OACL,OAAO;EAAE,OAAO,EAAE;EAAO,IAAI,EAAE;EAAI,OAAO,EAAE;CAAM;CAEpD,IAAI,MAAM,OACR,OAAO,EAAE,OAAO,MAAM,MAAM;CAE9B,OAAO;AACT;;AAGA,SAAgB,4BACd,OACA,QACQ;CACR,IAAI,OAAO,OAAO,OAAO,OAAO;CAChC,IAAI,OAAO,OAAO,KAAA,KAAa,OAAO,OAAO,IAAI,OAAO,OAAO,OAAO,EAAE;CAExE,MAAM,WADO,MAAM,WACI;CACvB,IAAI,aAAa,KAAA,KAAa,aAAa,IAAI,OAAO,OAAO,QAAQ;CACrE,OAAO,MAAM,SAAS;AACxB;;AAGA,SAAgB,yBAAyB,OAA8B;CACrE,MAAM,SAAS,sBAAsB,KAAK;CAC1C,IAAI,CAAC,QAAQ,OAAO;CACpB,IAAI,OAAO,OAAO,KAAA,KAAa,OAAO,OAAO,IAC3C,OAAO;CACT,OAAO,OAAO,OAAO,EAAE;AACzB;;;;;;;;AAoBA,SAAgB,mBACd,MACA,YACA,SACQ;CACR,IAAI,eAAe,YAAY;EAC7B,MAAM,eAAe,KAAK,MACxB,KAAK,IAAI,KAAK,QAAQ,IAAI,QAAQ,QAAQ,CAAC,IAAI,GACjD;EACA,MAAM,QAAQ,KAAK,MAAM,eAAe,IAAI;EAC5C,MAAM,UAAU,KAAK,MAAO,eAAe,OAAQ,EAAE;EACrD,MAAM,UAAU,eAAe;EAC/B,OAAO,QAAQ,IAAI,GAAG,MAAM,IAAI,QAAQ,KAAK,GAAG,QAAQ,IAAI,QAAQ;CACtE;CACA,IAAI,eAAe,OACjB,OAAO,KAAK,YAAY,CAAC,CAAC,MAAM,IAAI,EAAE,IAAI;CAE5C,OAAO,KAAK,mBAAmB,CAAC,GAAG;EAAE,MAAM;EAAW,QAAQ;CAAU,CAAC;AAC3E;AAsBA,IAAM,wBAAmD;CACvD;CACA;CACA;CACA;CACA;CACA;AACF;;AAGA,SAAgB,8BACd,OACyB;CACzB,IACE,MAAM,gBACN,MAAM,iBAAiB,aACvB,MAAM,iBAAiB,WAEvB,OAAO,MAAM;CAEf,OAAO,MAAM,UAAU;AACzB;AAEA,SAAgB,uBAAuB,QAAiC;CACtE,OAAO,QACJ,OAAO,UAAU,OAAO,OAAO,KAAK,KACpC,OAAO,UAAU,OAAO,OAAO,SAAS,KACxC,OAAO,UAAU,OAAO,OAAO,SAAS,KACxC,OAAO,cAAc,OAAO,eAAe,SAC3C,OAAO,SAAS,OAAO,MAAM,SAAS,KACvC,OAAO,eACT;AACF;AAEA,SAAS,wBAAwB,GAAmC;CAClE,MAAM,IAAoB,CAAC;CAC3B,MAAM,IAAI,EAAE,QAAQ,KAAK;CACzB,IAAI,GAAG,EAAE,SAAS;CAClB,IAAI,EAAE,QAAQ,QAAQ,EAAE,SAAS,CAAC,GAAG,EAAE,MAAM;CAC7C,IAAI,EAAE,QAAQ,QAAQ,EAAE,SAAS,CAAC,GAAG,EAAE,MAAM;CAC7C,IAAI,EAAE,cAAc,EAAE,eAAe,OAAO,EAAE,aAAa,EAAE;CAC7D,IAAI,EAAE,OAAO,QAAQ,EAAE,QAAQ,CAAC,GAAG,EAAE,KAAK;CAC1C,IAAI,EAAE,iBAAiB,EAAE,kBAAkB;CAC3C,OAAO;AACT;AAEA,SAAgB,sBACd,OACA,QACS;CACT,IAAI,CAAC,uBAAuB,MAAM,GAAG,OAAO;CAE5C,IAAI,OAAO,QAAQ,QAAQ;EACzB,MAAM,MAAM,MAAM,SAAS;EAC3B,IAAI,CAAC,OAAO,OAAO,SAAS,GAAG,GAAG,OAAO;CAC3C;CAEA,IAAI,OAAO,QAAQ,QAAQ;EACzB,MAAM,KAAK,8BAA8B,KAAK;EAC9C,IAAI,CAAC,OAAO,OAAO,SAAS,EAAE,GAAG,OAAO;CAC1C;CAEA,MAAM,IAAI,OAAO,QAAQ,KAAK,CAAC,CAAC,YAAY;CAC5C,IAAI,GAAG;EACL,MAAM,SAAS,MAAM,YACjB,OAAO,OAAO,MAAM,SAAS,CAAC,CAC3B,KAAK,MAAM,OAAO,CAAC,CAAC,CAAC,CACrB,KAAK,GAAG,IACX;EACJ,MAAM,SAAS,sBAAsB,KAAK;EAC1C,MAAM,UAAU,SACZ,CAAC,OAAO,OAAO,OAAO,OAAO,KAAA,IAAY,OAAO,OAAO,EAAE,IAAI,EAAE,CAAC,CAC7D,OAAO,OAAO,CAAC,CACf,KAAK,GAAG,IACX;EAYJ,IAAI,CAXQ;GACV,MAAM;GACN,MAAM;GACN,MAAM;GACN,MAAM;GACN;GACA;EACF,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG,CAAC,CACT,YACE,CAAA,CAAI,SAAS,CAAC,GAAG,OAAO;CAC/B;CAEA,IAAI,OAAO,eAAe,SAAS;EACjC,MAAM,OAAO,MAAM,KAAK,QAAQ;EAChC,MAAM,KAAK,MAAM,MAAM,QAAQ;EAC/B,IAAI,QAAQ,QAAQ,OAAO,IAAI,OAAO;CACxC;CACA,IAAI,OAAO,eAAe,SAAS;EACjC,MAAM,OAAO,MAAM,KAAK,QAAQ;EAChC,MAAM,KAAK,MAAM,MAAM,QAAQ;EAC/B,IAAI,QAAQ,QAAQ,QAAQ,IAAI,OAAO;CACzC;CAEA,IAAI,OAAO,OAAO,QAAQ;EACxB,MAAM,UAAU,yBAAyB,KAAK;EAC9C,IAAI,CAAC,OAAO,MAAM,SAAS,OAAO,GAAG,OAAO;CAC9C;CAEA,IACE,OAAO,mBACP,EAAE,OAAO,SAAS,OAAO,MAAM,SAAS,MACxC,CAAC,sBAAsB,KAAK,GAE5B,OAAO;CAGT,OAAO;AACT;AAEA,SAAS,yBAAyB,QAAgC;CAChE,IAAI,IAAI;CACR,IAAI,OAAO,QAAQ,KAAK,GAAG;CAC3B,IAAI,OAAO,QAAQ,QAAQ;CAC3B,IAAI,OAAO,QAAQ,QAAQ;CAC3B,IAAI,OAAO,cAAc,OAAO,eAAe,OAAO;CACtD,IAAI,OAAO,SAAS,OAAO,MAAM,SAAS,GAAG;CAC7C,IAAI,OAAO,mBAAmB,EAAE,OAAO,SAAS,OAAO,MAAM,SAAS,IAAI;CAC1E,OAAO;AACT;;AAiFA,SAAS,qBAAqB,EAC5B,QACA,WACA,OAAO,MAKc;CACrB,MAAM,kBAAkB,UAAU;CAClC,MAAM,OAAO,GAAG,UAAU;CAE1B,QAAQ,iBAAR;EACE,KAAK,OACH,OACE,oBAAC,OAAD;GACE,SAAQ;GACR,OAAO;GACP,QAAQ;GACR,OAAO;IAAE,YAAY;IAAG,QAAQ,uBAAuB,KAAK;GAAG;aAE/D,oBAAC,UAAD;IAAQ,IAAG;IAAI,IAAG;IAAI,GAAE;IAAI,MAAM;GAAY,CAAA;EAC3C,CAAA;EAET,KAAK,WACH,OACE,oBAAC,OAAD;GACE,SAAQ;GACR,OAAO;GACP,QAAQ;GACR,OAAO;IAAE,YAAY;IAAG,QAAQ,uBAAuB,KAAK;GAAG;aAE/D,oBAAC,UAAD;IACE,IAAG;IACH,IAAG;IACH,GAAE;IACF,MAAK;IACL,QAAQ;IACR,aAAY;GACb,CAAA;EACE,CAAA;EAET,KAAK,UACH,OACE,oBAAC,OAAD;GACE,SAAQ;GACR,OAAO;GACP,QAAQ;GACR,OAAO;IAAE,YAAY;IAAG,QAAQ,uBAAuB,KAAK;GAAG;aAE/D,oBAAC,UAAD;IAAQ,IAAG;IAAI,IAAG;IAAI,GAAE;IAAI,MAAM;GAAY,CAAA;EAC3C,CAAA;EAET,KAAK,WACH,OACE,oBAAC,OAAD;GACE,SAAQ;GACR,OAAO;GACP,QAAQ;GACR,OAAO;IAAE,YAAY;IAAG,QAAQ,uBAAuB,KAAK;GAAG;aAE/D,oBAAC,QAAD;IAAM,GAAE;IAAI,GAAE;IAAI,OAAM;IAAK,QAAO;IAAK,MAAM;GAAY,CAAA;EACxD,CAAA;EAET,KAAK,WACH,OACE,oBAAC,OAAD;GACE,SAAQ;GACR,OAAO;GACP,QAAQ;GACR,OAAO;IAAE,YAAY;IAAG,QAAQ,uBAAuB,KAAK;GAAG;aAE/D,oBAAC,WAAD;IAAS,QAAO;IAAoB,MAAM;GAAY,CAAA;EACnD,CAAA;EAET,KAAK,YACH,OACE,oBAAC,OAAD;GACE,SAAQ;GACR,OAAO;GACP,QAAQ;GACR,OAAO;IAAE,YAAY;IAAG,QAAQ,uBAAuB,KAAK;GAAG;aAE/D,oBAAC,WAAD;IAAS,QAAO;IAAgB,MAAM;GAAY,CAAA;EAC/C,CAAA;EAET,SACE,OACE,oBAAC,OAAD;GACE,SAAQ;GACR,OAAO;GACP,QAAQ;GACR,OAAO;IAAE,YAAY;IAAG,QAAQ,uBAAuB,KAAK;GAAG;aAE/D,oBAAC,UAAD;IAAQ,IAAG;IAAI,IAAG;IAAI,GAAE;IAAI,MAAM;GAAY,CAAA;EAC3C,CAAA;CAEX;AACF;;;;;;;;;;;;;AAsBA,IAAM,kBAAkB,KAAK,SAAS,gBAAgB,EACpD,OACA,SACA,cACA,YACA,WACuB;CACvB,MAAM,EAAE,WAAW,SAAS;CAC5B,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAC5C,MAAM,SAAS,sBAAsB,KAAK;CAC1C,MAAM,YAAY,QAAQ,YAAY;CAEtC,OACE,qBAAC,OAAD;EACE,MAAM,YAAY,WAAW,KAAA;EAC7B,UAAU,YAAY,IAAI,KAAA;EAC1B,SAAS,kBAAkB,aAAc,KAAK,IAAI,KAAA;EAClD,WACE,aACK,MAAM;GACL,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;IACtC,EAAE,eAAe;IACjB,aAAc,KAAK;GACrB;EACF,IACA,KAAA;EAEN,oBAAoB,WAAW,IAAI;EACnC,oBAAoB,WAAW,KAAK;EACpC,OAAO;GACL,SAAS;GACT,YAAY;GACZ,KAAK;GACL,SAAS;GACT,cAAc,OAAO,aAAa;GAClC,QAAQ,YAAY,YAAY;GAChC,YAAY,UACR,GAAG,OAAO,OAAO,OAAO,QAAQ,MAChC,UACE,OAAO,OAAO,WAAW,WACzB;GAGN,WAAW,UACP,mBAAmB,OAAO,OAAO,OAAO,YACxC,KAAA;EACN;YAjCF;GAmCE,oBAAC,QAAD;IACE,OAAO;KACL,YAAY;KACZ,YAAY,OAAO,WAAW,WAAW;KACzC,oBAAoB;KACpB,UAAU;KACV,OAAO,OAAO,OAAO,KAAK;IAC5B;cAEC,mBAAmB,MAAM,OAAO,YAAY,OAAO;GAChD,CAAA;GACN,oBAAC,QAAD;IACE,eAAA;IACA,OAAO;KACL,YAAY;KACZ,OAAO;KACP,QAAQ;KACR,cAAc;KACd,YACE,QAAQ,SAAS,OAAO,OAAO,OAAO,MAAM,UAAU;IAC1D;GACD,CAAA;GACD,oBAAC,QAAD;IACE,OAAO;KACL,MAAM;KACN,UAAU;KACV,UAAU;KACV,cAAc;KACd,YAAY;KACZ,UAAU;KACV,OAAO,UAAU,OAAO,OAAO,KAAK,UAAU,OAAO,OAAO,KAAK;IACnE;cAEC,MAAM;GACH,CAAA;GACL,MAAM,QACL,oBAAC,QAAD;IACE,OAAO;KACL,YAAY;KACZ,UAAU;KACV,OAAO,OAAO,OAAO,KAAK;IAC5B;cAEC,MAAM;GACH,CAAA,IACJ;EACD;;AAET,CAAC;AASD,IAAM,gBAAgB,KAAK,SAAS,cAAc,EAChD,OACA,QACA,gBACqB;CACrB,MAAM,EAAE,WAAW,SAAS;CAC5B,MAAM,CAAC,UAAU,eAAe,SAAS,KAAK;CAC9C,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAE5C,MAAM,eACJ,MAAM,aAAa,OAAO,KAAK,MAAM,SAAS,CAAC,CAAC,SAAS;CAC3D,MAAM,gBAAgB,eAAe,OAAO,KAAK,MAAM,SAAU,CAAC,CAAC,SAAS;CAG5E,MAAM,aAAa,MAAM,cAAc,CACrC;EACE,OAAO;EACP,OACE,MAAM,MAAM,YAAY,CAAC,CAAC,QAAQ,KAAK,GAAG,CAAC,CAAC,UAAU,GAAG,EAAE,IAAI;EACjE,QAAQ,MAAM;CAChB,CACF;CAGA,MAAM,gBACJ,MAAM,gBACN,MAAM,iBAAiB,aACvB,MAAM,iBAAiB,YACnB,MAAM,eACL,MAAM,UAAU;CACvB,MAAM,cAAc,OAAO,OAAO,OAAO;CACzC,MAAM,aAAa,sBAAsB,KAAK;CAE9C,OACE,qBAAC,OAAD;EAAK,OAAO;GAAE,SAAS;GAAQ,KAAK;EAAO;YAA3C,CAEE,qBAAC,OAAD;GACE,OAAO;IACL,SAAS;IACT,eAAe;IACf,YAAY;IACZ,OAAO;IACP,YAAY;GACd;aAPF,CASE,oBAAC,OAAD;IAAK,OAAO,EAAE,WAAW,MAAM;cAC7B,oBAAC,sBAAD;KACE,QAAQ;KACR,WAAW;KACX,MAAM;IACP,CAAA;GACE,CAAA,GACJ,CAAC,UACA,oBAAC,OAAD,EACE,OAAO;IACL,OAAO;IACP,MAAM;IACN,iBAAiB,GAAG,OAAO,OAAO,OAAO,QAAQ;IACjD,WAAW;GACb,EACD,CAAA,CAEA;MAGL,qBAAC,OAAD;GACE,oBAAoB,WAAW,IAAI;GACnC,oBAAoB,WAAW,KAAK;GACpC,eAAe,eAAe,KAAK;GACnC,OAAO;IACL,UAAU;IACV,MAAM;IACN,cAAc;IACd,SAAS,aAAa,wBAAwB;IAC9C,iBAAiB,OAAO,OAAO,WAAW;IAC1C,QAAQ,aAAa,UAAU,OAAO,OAAO,OAAO,UAAU,OAAO,OAAO,OAAO;IACnF,cAAc,OAAO,aAAa;IAClC,QAAQ,eAAe,YAAY;IACnC,YAAY;IACZ,UAAU;IACV,WAAW,UACP,cAAc,OAAO,OAAO,OAAO,QAAQ,gBAAgB,OAAO,OAAO,OAAO,QAAQ,MACxF;GACN;aAlBF;IAqBG,cACC,oBAAC,OAAD,EACE,OAAO;KACL,UAAU;KACV,KAAK;KACL,MAAM;KACN,OAAO;KACP,QAAQ;KACR,iBAAiB,WAAW;IAC9B,EACD,CAAA;IAIH,qBAAC,OAAD;KACE,OAAO;MACL,SAAS;MACT,YAAY;MACZ,gBAAgB;MAChB,cAAc,WAAW,SAAS,SAAS;KAC7C;eANF,CAQE,oBAAC,MAAD;MACE,OAAO;OACL,QAAQ;OACR,UAAU;OACV,YAAY;OACZ,OAAO,OAAO,OAAO,KAAK;OAC1B,eAAe;OACf,eAAe;MACjB;gBAEC,MAAM;KACL,CAAA,GACH,MAAM,SACL,oBAAC,OAAD;MACE,SACE,kBAAkB,aAAa,kBAAkB,YAC7C,WACA;MAEN,MAAK;MACL,QACE,kBAAkB,aACd,aACA,kBAAkB,YAChB,YACA,kBAAkB,YAChB,YACA,kBAAkB,WAChB,WACA,KAAA;gBAGX,MAAM;KACF,CAAA,CAEN;;IAGJ,MAAM,YACL,oBAAC,KAAD;KACE,OAAO;MACL,QAAQ;MACR,UAAU;MACV,OAAO,OAAO,OAAO,KAAK;KAC5B;eAEC,MAAM;IACN,CAAA;IAIJ,WAAW,SAAS,KACnB,oBAAC,OAAD;KAAK,OAAO;MAAE,SAAS;MAAQ,eAAe;MAAU,KAAK;KAAM;eAChE,WAAW,KAAK,IAAI,UACnB,qBAAC,OAAD;MAEE,OAAO;OACL,SAAS;OACT,YAAY;OACZ,gBAAgB;OAChB,UAAU;MACZ;gBAPF,CASE,qBAAC,QAAD;OACE,OAAO;QACL,SAAS;QACT,YAAY;QACZ,KAAK;QACL,OAAO,OAAO,OAAO,KAAK;OAC5B;iBANF,CAQE,oBAAC,sBAAD;QACE,QAAQ,GAAG,UAAU;QACrB,WACE,GAAG,SACC,OAAO,OAAO,OACZ,GAAG,UAEL,OAAO,OAAO,OAAO;QAE3B,MAAM;OACP,CAAA,GACA,GAAG,KACA;UACN,oBAAC,QAAD;OACE,OAAO;QACL,YAAY,OAAO,WAAW,WAAW;QACzC,OAAO,OAAO,OAAO,KAAK;QAC1B,YAAY;OACd;iBAEC,GAAG;MACA,CAAA,CACH;QAtCE,KAsCF,CACN;IACE,CAAA;IAIN,gBACC,qBAAA,UAAA,EAAA,UAAA,CACE,qBAAC,UAAD;KACE,MAAK;KACL,UAAU,MAAM;MACd,EAAE,gBAAgB;MAClB,YAAY,CAAC,QAAQ;KACvB;KACA,OAAO;MACL,SAAS;MACT,YAAY;MACZ,KAAK;MACL,WAAW;MACX,SAAS;MACT,YAAY;MACZ,QAAQ;MACR,OAAO,OAAO,OAAO,KAAK;MAC1B,UAAU;MACV,QAAQ;MACR,YAAY;KACd;KACA,eAAe,MACZ,EAAE,cAAc,MAAM,QAAQ,OAAO,OAAO,OAAO;KAEtD,eAAe,MACZ,EAAE,cAAc,MAAM,QAAQ,OAAO,OAAO,KAAK;eAvBtD;MA0BE,oBAAC,OAAD;OACE,OAAM;OACN,QAAO;OACP,SAAQ;OACR,MAAK;OACL,OAAO;QACL,WAAW,WAAW,kBAAkB;QACxC,YAAY;OACd;iBAEA,oBAAC,QAAD,EAAM,GAAE,gBAAiB,CAAA;MACtB,CAAA;MACJ,WAAW,SAAS;MAAO;MAAa;MAAc;KACjD;QAEP,YACC,qBAAC,OAAD;KACE,OAAO;MACL,WAAW;MACX,WAAW,aAAa,OAAO,OAAO,OAAO;MAC7C,YAAY;MACZ,WAAW;KACb;eANF,CAQE,oBAAC,SAAD,EAAA,UACG,8HACI,CAAA,GACN,OAAO,QAAQ,MAAM,SAAU,CAAC,CAAC,KAAK,CAAC,KAAK,WAC3C,qBAAC,OAAD;MAEE,OAAO;OACL,SAAS;OACT,YAAY;OACZ,gBAAgB;OAChB,SAAS;OACT,cAAc;OACd,iBAAiB,OAAO,OAAO,WAAW;OAC1C,cAAc,OAAO,aAAa;OAClC,UAAU;MACZ;gBAXF,CAaE,oBAAC,QAAD;OAAM,OAAO,EAAE,OAAO,OAAO,OAAO,KAAK,UAAU;iBAChD;MACG,CAAA,GACN,oBAAC,QAAD;OACE,OAAO;QACL,YAAY,OAAO,WAAW,WAAW;QACzC,OACE,OAAO,UAAU,YACb,QACE,OAAO,OAAO,OAAO,SACrB,OAAO,OAAO,KAAK,WACrB,OAAO,OAAO,KAAK;QACzB,YAAY;OACd;iBAEC,OAAO,KAAK;MACT,CAAA,CACH;QA7BE,GA6BF,CACN,CACE;MAEP,EAAA,CAAA;GAED;IACF;;AAET,CAAC;AAqBD,IAAM,YAAY,KAAK,SAAS,UAAU,EACxC,QACA,QACA,OACA,KACA,aACA,cACA,MACA,eAAe,MACf,cACA,kBAAkB,mBAClB,iBAAiB,MACjB,aAAa,cACI;CACjB,MAAM,EAAE,QAAQ,UAAU,SAAS;CACnC,MAAM,qBACJ,UAAU,iBACV,UAAU,sBACV,UAAU;CACZ,MAAM,CAAC,cAAc,mBAAmB,SAAwB,IAAI;CACpE,MAAM,CAAC,YAAY,iBAAiB,SAClC,IACF;CACA,MAAM,qBAAqB,OAAuB,IAAI;CAGtD,MAAM,CAAC,SAAS,cAAc,SAAS,CAAC;CAExC,MAAM,gBAAgB,IAAI,QAAQ,IAAI,MAAM,QAAQ;CACpD,MAAM,kBAAkB;CAGxB,MAAM,aAAa,cAAc;EAC/B,MAAM,SAA4C,CAAC;EAGnD,MAAM,aAAa,KAAK,MAAM,IAAiB,IAAI;EAEnD,KAAK,IAAI,IAAI,GAAG,KAAK,YAAY,KAAK;GACpC,MAAM,UAAW,IAAI,aAAc;GACnC,MAAM,OAAO,IAAI,KAAK,MAAM,QAAQ,IAAK,gBAAgB,UAAW,GAAG;GACvE,OAAO,KAAK;IAAE;IAAM;GAAQ,CAAC;EAC/B;EACA,OAAO;CACT,GAAG;EAAC;EAAO;EAAe;CAAI,CAAC;CAG/B,MAAM,gBAAgB,cAAc;EAClC,MAAM,UAA2C,CAAC;EAClD,OAAO,SAAS,UAAU;GACxB,QAAQ,MAAM,MAAM,OAAO,QAAQ,MAAM,EAAE,UAAU,MAAM,EAAE;EAC/D,CAAC;EAED,MAAM,aAAa,OAAO,QAAQ,MAAM,CAAC,EAAE,KAAK;EAChD,IAAI,WAAW,SAAS,KAAK,OAAO,SAAS,GAC3C,QAAQ,OAAO,EAAE,CAAC,MAAM,CAAC,GAAI,QAAQ,OAAO,EAAE,CAAC,OAAO,CAAC,GAAI,GAAG,UAAU;EAE1E,OAAO;CACT,GAAG,CAAC,QAAQ,MAAM,CAAC;CAGnB,MAAM,gBAAgB,cAAc;EAClC,MAAM,WAGF,CAAC;EAEL,OAAO,QAAQ,aAAa,CAAC,CAAC,SAAS,CAAC,UAAU,iBAAiB;GAEjE,MAAM,SAAS,CAAC,GAAG,WAAW,CAAC,CAAC,MAC7B,GAAG,MAAM,EAAE,MAAM,QAAQ,IAAI,EAAE,MAAM,QAAQ,CAChD;GAEA,OAAO,SAAS,UAAU;IACxB,MAAM,aAAa,MAAM,MAAM,QAAQ;IACvC,MAAM,YAAY,MAAM,OAAO,IAAI,KAAK,aAAa,GAAM,EAAA,CAAG,QAAQ;IAGtE,MAAM,cAAc,OAAO,QAAQ,UAAU;KAC3C,IAAI,MAAM,OAAO,MAAM,IAAI,OAAO;KAClC,MAAM,aAAa,MAAM,MAAM,QAAQ;KACvC,MAAM,YACJ,MAAM,OAAO,IAAI,KAAK,aAAa,GAAM,EAAA,CACzC,QAAQ;KACV,OAAO,aAAa,YAAY,WAAW;IAC7C,CAAC;IAGD,IAAI,aAAa;IACjB,IAAI,YAAY,SAAS,GAAG;KAC1B,MAAM,cAAc,YACjB,QAAQ,MAAM,SAAS,EAAE,QAAQ,KAAA,CAAS,CAAC,CAC3C,KAAK,MAAM,SAAS,EAAE,GAAG,CAAC,UAAU;KACvC,OAAO,YAAY,SAAS,UAAU,GACpC;IAEJ;IAEA,SAAS,MAAM,MAAM;KACnB;KACA,cAAc,YAAY;KAC1B,gBAAgB,YAAY,KAAK,MAAM,EAAE,EAAE;IAC7C;GACF,CAAC;EACH,CAAC;EAED,OAAO;CACT,GAAG,CAAC,aAAa,CAAC;CAGlB,MAAM,aAAa,cAAc;EAC/B,MAAM,UAA6C,CAAC;EACpD,MAAM,UAAU,IAAI,KAAK,KAAK;EAG9B,QAAQ,YAAY,GAAG,GAAG,GAAG,CAAC;EAC9B,IAAI,QAAQ,QAAQ,IAAI,MAAM,QAAQ,GACpC,QAAQ,WAAW,QAAQ,WAAW,IAAI,CAAC;EAG7C,OAAO,QAAQ,QAAQ,KAAK,IAAI,QAAQ,GAAG;GACzC,MAAM,WACF,QAAQ,QAAQ,IAAI,MAAM,QAAQ,KAAK,gBAAiB;GAC5D,IAAI,WAAW,KAAK,WAAW,KAC7B,QAAQ,KAAK;IAAE,MAAM,IAAI,KAAK,OAAO;IAAG;GAAQ,CAAC;GAEnD,QAAQ,WAAW,QAAQ,WAAW,IAAI,CAAC;EAC7C;EAEA,OAAO;CACT,GAAG;EAAC;EAAO;EAAK;CAAa,CAAC;CAG9B,MAAM,cAAc,MAAY,cAAc,UAAU;EACtD,IAAI,eAAe,OAAO;GACxB,MAAM,IAAI,OAAO,KAAK,YAAY,CAAC,CAAC,CAAC,SAAS,GAAG,GAAG;GACpD,MAAM,IAAI,OAAO,KAAK,cAAc,CAAC,CAAC,CAAC,SAAS,GAAG,GAAG;GACtD,IAAI,aAEF,OAAO,GAAG,EAAE,GAAG,EAAE,GADP,OAAO,KAAK,cAAc,CAAC,CAAC,CAAC,SAAS,GAAG,GAC/B,EAAE;GAExB,OAAO,GAAG,EAAE,GAAG,EAAE;EACnB;EACA,MAAM,UAAsC;GAC1C,MAAM;GACN,QAAQ;GACR,GAAI,eAAe,EAAE,QAAQ,UAAU;EACzC;EACA,OAAO,KAAK,mBAAmB,CAAC,GAAG,OAAO;CAC5C;CAEA,MAAM,kBAAkB,OAAe;EACrC,MAAM,eAAe,KAAK,MAAM,KAAK,GAAI;EACzC,MAAM,QAAQ,KAAK,MAAM,eAAe,IAAI;EAC5C,MAAM,UAAU,KAAK,MAAO,eAAe,OAAQ,EAAE;EACrD,MAAM,UAAU,eAAe;EAC/B,IAAI,QAAQ,GAAG,OAAO,GAAG,MAAM,IAAI,QAAQ;EAC3C,IAAI,UAAU,GAAG,OAAO,GAAG,QAAQ,IAAI,QAAQ;EAC/C,OAAO,GAAG,QAAQ;CACpB;CAEA,MAAM,aAAa,SAAe;EAChC,OAAO,KAAK,YAAY,CAAC,CAAC,QAAQ,KAAK,GAAG,CAAC,CAAC,UAAU,GAAG,EAAE,IAAI;CACjE;CAEA,MAAM,oBAAoB,UAAyB;EACjD,MAAM,aAAa,MAAM,MAAM,QAAQ;EACvC,MAAM,YAAY,MAAM,OAAO,IAAI,KAAK,aAAa,GAAM,EAAA,CAAG,QAAQ;EACtE,MAAM,eAAgB,aAAa,MAAM,QAAQ,KAAK,gBAAiB;EACvE,MAAM,gBAAiB,WAAW,cAAc,gBAAiB;EACjE,OAAO;GACL,MAAM,GAAG,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,WAAW,CAAC,EAAE;GACjD,OAAO,GAAG,KAAK,IAAI,GAAG,KAAK,IAAI,MAAM,aAAa,YAAY,CAAC,EAAE;EACnE;CACF;CAEA,MAAM,kBAAkB,WAAoB;EAC1C,IAAI,CAAC,QAAQ,OAAO,OAAO,OAAO,OAAO;EACzC,OACE,OAAO,OAAO,OAAO,WACrB,OAAO,OAAO,OAAO;CAEzB;;;;;;CAOA,MAAM,iBAAiB,aACpB,UAAkC;EACjC,MAAM,YAAY,mBAAmB;EACrC,IAAI,CAAC,WAAW,OAAO;EACvB,MAAM,gBAAgB,UAAU,cAAc;EAC9C,IAAI,iBAAiB,GAAG,OAAO;EAC/B,MAAM,aAAa,UAAU,cAAc;EAC3C,MAAM,eAAe,MAAM,MAAM,QAAQ;EACzC,MAAM,cACJ,MAAM,OAAO,IAAI,KAAK,eAAe,GAAO,EAAA,CAC5C,QAAQ;EACV,MAAM,UACF,eAAe,MAAM,QAAQ,KAAK,gBAAiB;EACvD,MAAM,WACF,aAAa,MAAM,QAAQ,KAAK,gBAAiB;EAErD,MAAM,WAAW;EACjB,OACE,WAAW,UAAU,YACrB,UAAU,UAAU,gBAAgB;CAExC,GACA;EAAC;EAAO;EAAe;EAAS;CAAe,CACjD;CAEA,MAAM,kBAAkB,WAAoB;EAS1C,OAAO;GAPL,QAAQ;GACR,SAAS;GACT,SAAS;GACT,SAAS;GACT,UAAU;GACV,KAAK;EAEA,EAAO,UAAU,OAAO;CACjC;CAGA,MAAM,sBAAsB,gCAAgB,IAAI,KAAK;CACrD,MAAM,MAAM,oBAAoB,QAAQ;CACxC,MAAM,kBACJ,gBAAgB,OAAO,MAAM,QAAQ,KAAK,OAAO,IAAI,QAAQ,KACvD,MAAM,MAAM,QAAQ,KAAK,gBAAiB,MAC5C;CACN,MAAM,iBAAiB,gBAAgB,oBAAoB,OAAO,OAAO,GAAG;CAI5E,MAAM,oBAAoB,OAAO,CAAC;CAClC,gBAAgB;EACd,IAAI,oBAAoB,MAAM;EAC9B,MAAM,YAAY,mBAAmB;EACrC,IAAI,CAAC,WAAW;EAChB,MAAM,eAAe,UAAU;EAC/B,MAAM,gBAAgB,UAAU;EAChC,IAAI,gBAAgB,eAAe;EAEnC,MAAM,uBAAuB,eAAe;EAC5C,MAAM,aACJ,kBAAmB,kBAAkB,MAAO;EAC9C,MAAM,aAAa,UAAU;EAC7B,MAAM,cAAc,aAAa;EACjC,MAAM,eAAe,aAAa;EAElC,MAAM,SAAS,gBAAgB;EAC/B,IACE,aAAa,eAAe,UAC5B,aAAa,cAAc,QAC3B;GAEA,MAAM,QAAQ,KAAK,IAAI;GACvB,IAAI,QAAQ,kBAAkB,UAAU,KAAK;GAC7C,kBAAkB,UAAU;GAC5B,MAAM,eAAe,aAAa,gBAAgB;GAClD,UAAU,SAAS;IACjB,MAAM,KAAK,IAAI,GAAG,YAAY;IAC9B,UAAU;GACZ,CAAC;EACH;CACF,GAAG,CAAC,iBAAiB,eAAe,CAAC;CAGrC,MAAM,mBAAmB,eACrB,OAAO,MAAM,MAAM,EAAE,OAAO,YAAY,IACxC;CAEJ,OACE,qBAAC,OAAD;EAAK,OAAO,EAAE,UAAU,WAAW;YAAnC;GAEE,oBAAC,OAAD;IACE,KAAK;IACL,WAAU;IACV,WAAW,MACT,WAAY,EAAE,cAAiC,UAAU;IAE3D,OAAO;KACL,WAAW;KACX,WAAW;KACX,UAAU;IACZ;cAEA,qBAAC,OAAD;KACE,OAAO;MACL,OAAO,GAAG,OAAO,IAAI;MACrB,UAAU;MACV,UAAU;KACZ;eALF;MAQE,qBAAC,OAAD;OACE,OAAO;QACL,SAAS;QACT,QAAQ;QACR,cAAc,aAAa,OAAO,OAAO,OAAO,QAAQ;QACxD,UAAU;QACV,KAAK;QACL,QAAQ,EAAE;QACV,iBAAiB,qBACb,gBACA,OAAO,OAAO,WAAW;QAC7B,GAAI,sBAAsB;SACxB,gBAAgB;SAChB,sBAAsB;QACxB;OACF;iBAfF,CAkBE,oBAAC,OAAD;QACE,OAAO;SACL,OAAO;SACP,YAAY;SACZ,UAAU;SACV,MAAM;SACN,QAAQ,EAAE,oBAAoB;SAC9B,iBAAiB,qBACb,gBACA,OAAO,OAAO,WAAW;SAC7B,GAAI,sBAAsB;UACxB,gBAAgB;UAChB,sBAAsB;SACxB;SACA,aAAa,aAAa,OAAO,OAAO,OAAO,MAAM;SACrD,SAAS;SACT,YAAY;SACZ,aAAa;SACb,UAAU;SACV,YAAY;SACZ,OAAO,OAAO,OAAO,KAAK;SAC1B,eAAe;SACf,eAAe;QACjB;kBACD;OAEI,CAAA,GAGL,qBAAC,OAAD;QAAK,OAAO;SAAE,MAAM;SAAG,UAAU;QAAW;kBAA5C,CAEG,kBACC,WAAW,KAAK,QAAQ,UACtB,oBAAC,OAAD;SAEE,OAAO;UACL,UAAU;UACV,MAAM,GAAG,OAAO,QAAQ;UACxB,KAAK;UACL,QAAQ;UACR,SAAS;UACT,eAAe;UACf,YAAY;UACZ,QAAQ,EAAE;SACZ;mBAEA,oBAAC,QAAD;UACE,OAAO;WACL,UAAU;WACV,OAAO,OAAO,OAAO,OAAO;WAC5B,YAAY,OAAO,WAAW,WAAW;WACzC,YAAY;WACZ,iBAAiB,GAAG,OAAO,OAAO,OAAO,QAAQ;WACjD,SAAS;WACT,cAAc;WACd,WAAW;UACb;oBAEC,OAAO,KAAK,mBAAmB,CAAC,GAAG;WAClC,OAAO;WACP,KAAK;UACP,CAAC;SACG,CAAA;QACH,GA7BE,OAAO,OA6BT,CACN,GAGF,WAAW,KAAK,OAAO,UACtB,oBAAC,QAAD;SAEE,OAAO;UACL,UAAU;UACV,MAAM,GAAG,MAAM,QAAQ;UACvB,WAAW;UACX,KAAK;UACL,UAAU;UACV,OAAO,OAAO,OAAO,KAAK;UAC1B,YAAY,OAAO,WAAW,WAAW;UACzC,YAAY;SACd;mBAEC,WAAW,MAAM,IAAI;QAClB,GAbC,KAaD,CACP,CACE;SACF;;MAGJ,OAAO,KAAK,UACX,qBAAC,OAAD;OAEE,cAAY,MAAM;OAClB,OAAO;QACL,SAAS;QACT,QAAQ,MAAM,UAAU;QACxB,cAAc,aAAa,OAAO,OAAO,OAAO,QAAQ;OAC1D;iBAPF,CAUE,oBAAC,OAAD;QACE,OAAO;SACL,OAAO;SACP,YAAY;SACZ,UAAU;SACV,MAAM;SACN,QAAQ,EAAE;SACV,SAAS;SACT,YAAY;SACZ,aAAa;SACb,UAAU;SACV,YAAY;SACZ,OAAO,OAAO,OAAO,KAAK;SAC1B,eAAe;SACf,eAAe;SACf,iBAAiB,qBACb,gBACA,OAAO,OAAO,WAAW;SAC7B,GAAI,sBAAsB;UACxB,gBAAgB;UAChB,sBAAsB;SACxB;SACA,aAAa,aAAa,OAAO,OAAO,OAAO,MAAM;SACrD,WAAW;QACb;kBAEC,MAAM;OACJ,CAAA,GAGL,qBAAC,OAAD;QACE,OAAO;SACL,MAAM;SACN,UAAU;SACV,QAAQ;QACV;kBALF,CAQG,kBACC,WAAW,KAAK,QAAQ,UACtB,oBAAC,OAAD,EAEE,OAAO;SACL,UAAU;SACV,MAAM,GAAG,OAAO,QAAQ;SACxB,KAAK;SACL,QAAQ;SACR,OAAO;SACP,iBAAiB,GAAG,OAAO,OAAO,OAAO,QAAQ;SACjD,QAAQ,EAAE;SACV,eAAe;QACjB,EACD,GAXM,YAAY,OAWlB,CACF,IAED,cAAc,MAAM,OAAO,CAAC,EAAA,CAC3B,OAAO,cAAc,CAAC,CACtB,KAAK,UAAU;SACd,MAAM,EAAE,MAAM,UAAU,iBAAiB,KAAK;SAC9C,MAAM,gBACJ,MAAM,gBACN,MAAM,iBAAiB,aACvB,MAAM,iBAAiB,YACnB,MAAM,eACL,MAAM,UAAU;SACvB,MAAM,QAAQ,eAAe,aAAa;SAC1C,MAAM,YAAY,iBAAiB,MAAM;SACzC,MAAM,UAAU,cAAc,MAAM;SACpC,MAAM,aAAa,WAAW,QAAQ,eAAe;SACrD,MAAM,aAAa,sBAAsB,KAAK;SAG9C,MAAM,aAAa,aAAa,KAAK;SACrC,MAAM,cAAc,UAAU,QAAQ,aAAa,KAAK;SACxD,MAAM,YACF,MAAM,UAAU,eAAe,cAAc;SAEjD,OACE,qBAAC,UAAD;UAEE,MAAK;UACL,cAAY,GAAG,MAAM,QAAQ,MAAM,SAAS,aAAa,MAAM,WAAW;UAC1E,eAAe,eAAe,KAAK;UACnC,eAAe,MAAM;WACnB,gBAAgB,MAAM,EAAE;WACxB,MAAM,OAAO,EAAE,cAAc,sBAAsB;WACnD,cAAc;YACZ,GAAG,KAAK,OAAO,KAAK,QAAQ;YAC5B,GAAG,KAAK,MAAM;WAChB,CAAC;UACH;UACA,oBAAoB;WAClB,gBAAgB,IAAI;WACpB,cAAc,IAAI;UACpB;UACA,UAAU,MAAM;WAEd,gBAAgB,MAAM,EAAE;WACxB,MAAM,OAAO,EAAE,cAAc,sBAAsB;WACnD,cAAc;YACZ,GAAG,KAAK,OAAO,KAAK,QAAQ;YAC5B,GAAG,KAAK,MAAM;WAChB,CAAC;UACH;UACA,cAAc;WACZ,gBAAgB,IAAI;WACpB,cAAc,IAAI;UACpB;UACA,WAAU;UACV,OAAO;WACL,UAAU;WACV;WACA;WACA,UAAU;WACV,QAAQ;WACR,KAAK,KAAK,IACR,UAAU,cACT,MAAM,UAAU,eAAe,aAAa,CAC/C;WACA,iBAAiB;WACjB,QAAQ,aAAa,YAAY,QAAQ,GAAG,OAAO,OAAO,OAAO,QAAQ;WACzE,cAAc;WACd,QAAQ,eAAe,YAAY;WACnC,SAAS;WACT,YAAY;WACZ,UAAU;WACV,QAAQ,YACJ,EAAE,oBACF,EAAE;WACN,WAAW,YACP,4CAA4C,MAAM,MAClD;WACJ,YAAY;WACZ,WAAW,YACP,iCACA;UACN;oBA1DF;WA6DG,aACC,oBAAC,OAAD;YACE,OAAO;aACL,UAAU;aACV,KAAK;aACL,MAAM;aACN,OAAO;aACP,QAAQ;aACR,iBAAiB,WAAW;aAC5B,cAAc;aACd,QAAQ;aACR,eAAe;YACjB;YACA,eAAA;WACD,CAAA,IACC;WAGJ,qBAAC,OAAD;YACE,OAAO;aACL,MAAM;aACN,SAAS,GAAG,aAAa,IAAI,EAAE;aAC/B,UAAU;aACV,UAAU;aACV,SAAS;aACT,eAAe;aACf,gBAAgB;YAClB;sBATF,CAWE,qBAAC,OAAD;aACE,OAAO;cACL,SAAS;cACT,YAAY;cACZ,KAAK;cACL,UAAU;aACZ;uBANF,CAQE,oBAAC,sBAAD;cACE,QAAQ;cACR,WAAW;cACX,MAAM,aAAa,IAAI;aACxB,CAAA,GACD,oBAAC,QAAD;cACE,OAAO;eACL,UAAU;eACV,YAAY;eACZ,OAAO;eACP,YAAY;eACZ,UAAU;eACV,cAAc;eACd,UAAU;cACZ;wBAEC,MAAM;aACH,CAAA,CACH;gBAEJ,MAAM,YAAY,CAAC,cAClB,oBAAC,OAAD;aACE,OAAO;cACL,UAAU;cACV,OAAO;cACP,YAAY;cACZ,UAAU;cACV,cAAc;cACd,WAAW;cACX,aAAa;aACf;uBAEC,MAAM;YACJ,CAAA,CAEJ;;WAGJ,cAAc,QAAQ,eAAe,KACpC,qBAAC,OAAD;YACE,OAAO;aACL,UAAU;aACV,KAAK;aACL,OAAO;aACP,UAAU;aACV,QAAQ;aACR,iBAAiB,OAAO,OAAO,OAAO;aACtC,cAAc;aACd,SAAS;aACT,YAAY;aACZ,gBAAgB;aAChB,UAAU;aACV,YAAY;aACZ,OAAO;aACP,WAAW;aACX,QAAQ,EAAE,SAAS;YACrB;YACA,OAAO,GAAG,QAAQ,eAAe,EAAE;sBAlBrC,CAmBC,KACG,QAAQ,YACP;;UAED;YA/JD,MAAM,EA+JL;QAEZ,CAAC,CACA;SACF;SA3PE,MAAM,EA2PR,CACN;MAGA,oBAAoB,QACnB,qBAAC,OAAD;OACE,eAAY;OACZ,OAAO;QACL,UAAU;QACV,KAAK;QACL,QAAQ;QACR,MAAM,QAAQ,gBAAgB,eAAe,gBAAgB,QAAQ,gBAAgB;QACrF,OAAO;QACP,iBAAiB,OAAO,OAAO,OAAO;QACtC,WAAW,YAAY,OAAO,OAAO,OAAO;QAC5C,QAAQ,EAAE;QACV,eAAe;QACf,YAAY,iBACR,SACA,QAAQ,kBAAkB;OAChC;iBAfF,CAkBE,oBAAC,OAAD,EACE,OAAO;QACL,UAAU;QACV,KAAK;QACL,MAAM;QACN,OAAO;QACP,QAAQ;QACR,iBAAiB,OAAO,OAAO,OAAO;QACtC,cAAc;QACd,WAAW;QACX,WAAW,WAAW,OAAO,OAAO,OAAO;OAC7C,EACD,CAAA,GAGD,oBAAC,OAAD;QACE,OAAO;SACL,UAAU;SACV,KAAK;SACL,MAAM;SACN,WAAW;SACX,iBAAiB,OAAO,OAAO,OAAO;SACtC,OAAO,OAAO,OAAO,WAAW;SAChC,UAAU;SACV,YAAY;SACZ,YAAY,OAAO,WAAW,WAAW;SACzC,SAAS;SACT,cAAc;SACd,YAAY;SACZ,WAAW;QACb;kBAEC,WAAW,qBAAqB,IAAI;OAClC,CAAA,CACF;;KAEJ;;GACF,CAAA;GAGJ,oBACC,qBACO;IACL,MAAM,eAAe,eAAe,iBAAiB,MAAM;IAC3D,MAAM,UAAU,sBAAsB,gBAAgB;IACtD,OACE,qBAAC,OAAD;KACE,OAAO;MACL,UAAU;MACV,MAAM,WAAW;MACjB,KAAK,WAAW;MAChB,WAAW;MACX,QAAQ,EAAE;MACV,eAAe;MACf,WAAW;KACb;eATF,CAWE,qBAAC,OAAD;MACE,OAAO;OACL,iBAAiB;OACjB,QAAQ,aAAa,aAAa;OAClC,cAAc,OAAO,aAAa;OAClC,SAAS;OACT,UAAU;OACV,UAAU;OACV,WAAW,6CAA6C,aAAa;OACrE,gBAAgB;MAClB;gBAVF;OAaE,qBAAC,OAAD;QACE,OAAO;SACL,SAAS;SACT,YAAY;SACZ,KAAK;SACL,cAAc;QAChB;kBANF;SAQE,oBAAC,sBAAD;UACE,QAAQ,iBAAiB;UACzB,WAAW;UACX,MAAM;SACP,CAAA;SACD,oBAAC,QAAD;UACE,OAAO;WACL,UAAU;WACV,YAAY;WACZ,OAAO;WACP,eAAe;WACf,eAAe;UACjB;oBAEC,eAAe,iBAAiB,MAAM;SACnC,CAAA;SACL,iBAAiB,SAChB,oBAAC,QAAD;UACE,OAAO;WACL,YAAY;WACZ,UAAU;WACV,YAAY;WACZ,SAAS;WACT,cAAc,OAAO,aAAa;WAClC,iBAAiB,GAAG,aAAa;WACjC,OAAO;UACT;oBAEC,iBAAiB;SACd,CAAA;QAEL;;OAGJ,WACC,qBAAC,OAAD;QACE,OAAO;SACL,SAAS;SACT,YAAY;SACZ,KAAK;SACL,cAAc;QAChB;kBANF,CAQE,oBAAC,OAAD,EACE,OAAO;SACL,OAAO;SACP,QAAQ;SACR,cAAc;SACd,iBAAiB,QAAQ;SACzB,YAAY;QACd,EACD,CAAA,GACD,oBAAC,QAAD;SACE,OAAO;UACL,UAAU;UACV,OAAO,QAAQ;UACf,YAAY;SACd;mBAEC,4BAA4B,kBAAkB,OAAO;QAClD,CAAA,CACH;;OAIP,oBAAC,OAAD;QACE,OAAO;SACL,UAAU;SACV,YAAY;SACZ,OAAO;SACP,cAAc;QAChB;kBAEC,iBAAiB;OACf,CAAA;OAGJ,iBAAiB,YAChB,oBAAC,OAAD;QACE,OAAO;SACL,UAAU;SACV,OAAO;SACP,cAAc;QAChB;kBAEC,iBAAiB;OACf,CAAA;OAIP,qBAAC,OAAD;QACE,OAAO;SACL,SAAS;SACT,qBAAqB;SACrB,KAAK;SACL,UAAU;SACV,WAAW,aAAa,OAAO,OAAO,OAAO,MAAM;SACnD,YAAY;QACd;kBARF;SAUE,oBAAC,QAAD;UAAM,OAAO,EAAE,OAAO,OAAO,OAAO,KAAK,SAAS;oBAAG;SAE/C,CAAA;SACN,oBAAC,QAAD;UACE,OAAO;WACL,OAAO,OAAO,OAAO,KAAK;WAC1B,YAAY,OAAO,WAAW,WAAW;UAC3C;oBAEC,WAAW,iBAAiB,OAAO,IAAI;SACpC,CAAA;SAEL,iBAAiB,OAChB,qBAAA,UAAA,EAAA,UAAA;UACE,oBAAC,QAAD;WAAM,OAAO,EAAE,OAAO,OAAO,OAAO,KAAK,SAAS;qBAAG;UAE/C,CAAA;UACN,oBAAC,QAAD;WACE,OAAO;YACL,OAAO,OAAO,OAAO,KAAK;YAC1B,YAAY,OAAO,WAAW,WAAW;WAC3C;qBAEC,WAAW,iBAAiB,KAAK,IAAI;UAClC,CAAA;UAEN,oBAAC,QAAD;WAAM,OAAO,EAAE,OAAO,OAAO,OAAO,KAAK,SAAS;qBAAG;UAE/C,CAAA;UACN,oBAAC,QAAD;WACE,OAAO;YACL,OAAO,OAAO,OAAO,OAAO;YAC5B,YAAY;WACd;qBAEC,eACC,iBAAiB,IAAI,QAAQ,IAC3B,iBAAiB,MAAM,QAAQ,CACnC;UACI,CAAA;SACN,EAAA,CAAA;SAGJ,oBAAC,QAAD;UAAM,OAAO,EAAE,OAAO,OAAO,OAAO,KAAK,SAAS;oBAAG;SAE/C,CAAA;SACN,oBAAC,QAAD;UACE,OAAO;WACL,OAAO,OAAO,OAAO,KAAK;WAC1B,YAAY,OAAO,WAAW,WAAW;WACzC,UAAU;UACZ;oBAEC,UAAU,iBAAiB,KAAK;SAC7B,CAAA;QACH;;OAGJ,gBACC,oBAAC,OAAD;QACE,OAAO;SACL,WAAW;SACX,YAAY;SACZ,WAAW,aAAa,OAAO,OAAO,OAAO,MAAM;SACnD,UAAU;SACV,OAAO,OAAO,OAAO,KAAK;SAC1B,WAAW;QACb;kBACD;OAEI,CAAA;MAEJ;SAGL,oBAAC,OAAD,EACE,OAAO;MACL,UAAU;MACV,QAAQ;MACR,MAAM;MACN,WAAW;MACX,OAAO;MACP,QAAQ;MACR,iBAAiB;MACjB,aAAa,aAAa,aAAa;MACvC,cAAc,aAAa,aAAa;KAC1C,EACD,CAAA,CACE;;GAET,EAAA,CAAG;GAGL,oBAAC,SAAD,EAAA,UAAQ;;;;;+BAKiB,OAAO,OAAO,OAAO,QAAQ;;;;;;;wBAOpC,OAAO,OAAO,WAAW,SAAS;;;;wBAIlC,OAAO,OAAO,OAAO,QAAQ;;;;wBAI7B,OAAO,OAAO,OAAO,QAAQ;;;;;;;;;;;;QAYtC,CAAA;EACN;;AAET,CAAC;AAoBD,IAAM,cAAc,KAAK,SAAS,YAAY,EAC5C,QACA,QACA,OACA,KACA,aACA,cACA,aAAa,YACb,eACA,OAAO,GACP,eAAe,MACf,gBACmB;CACnB,MAAM,EAAE,WAAW,SAAS;CAC5B,MAAM,CAAC,cAAc,mBAAmB,SAAwB,IAAI;CACpE,MAAM,CAAC,iBAAiB,sBAAsB,SAGpC,IAAI;CAEd,MAAM,gBAAgB,IAAI,QAAQ,IAAI,MAAM,QAAQ;CACpD,MAAM,kBAAkB;CACxB,MAAM,UAAU,iBAAiB;CAKjC,MAAM,sBAAsB,gCAAgB,IAAI,KAAK;CACrD,MAAM,MAAM,oBAAoB,QAAQ;CACxC,MAAM,kBACJ,gBAAgB,OAAO,MAAM,QAAQ,KAAK,OAAO,IAAI,QAAQ,KACvD,MAAM,MAAM,QAAQ,KAAK,gBAAiB,MAC5C;CACN,MAAM,iBAAiB,gBAAgB,oBAAoB,OAAO,OAAO,GAAG;CAG5E,MAAM,kBAAkB,aACrB,SAAe;EACd,IAAI,eAAe,YAAY;GAC7B,MAAM,OAAO,KAAK,QAAQ,IAAI,QAAQ,QAAQ;GAC9C,MAAM,eAAe,KAAK,MAAM,KAAK,IAAI,IAAI,IAAI,GAAI;GACrD,MAAM,QAAQ,KAAK,MAAM,eAAe,IAAI;GAC5C,MAAM,UAAU,KAAK,MAAO,eAAe,OAAQ,EAAE;GACrD,MAAM,UAAU,eAAe;GAE/B,IAAI,QAAQ,GACV,OAAO,GAAG,MAAM,IAAI,QAAQ;GAE9B,OAAO,GAAG,QAAQ,IAAI,QAAQ;EAChC,OAAO,IAAI,eAAe,OACxB,OAAO,KAAK,YAAY,CAAC,CAAC,MAAM,IAAI,EAAE,IAAI;EAE5C,OAAO,KAAK,mBAAmB,CAAC,GAAG;GACjC,MAAM;GACN,QAAQ;EACV,CAAC;CACH,GACA,CAAC,YAAY,OAAO,CACtB;CAGA,MAAM,aAAa,cAAc;EAC/B,MAAM,SAA4C,CAAC;EAEnD,MAAM,aAAa,KAAK,MAAM,IAAiB,IAAI;EAEnD,KAAK,IAAI,IAAI,GAAG,KAAK,YAAY,KAAK;GACpC,MAAM,UAAW,IAAI,aAAc;GACnC,MAAM,OAAO,IAAI,KAAK,MAAM,QAAQ,IAAK,gBAAgB,UAAW,GAAG;GACvE,OAAO,KAAK;IAAE;IAAM;GAAQ,CAAC;EAC/B;EACA,OAAO;CACT,GAAG;EAAC;EAAO;EAAe;CAAI,CAAC;CAG/B,MAAM,gBAAgB,cAAc;EAClC,MAAM,UAA2C,CAAC;EAClD,OAAO,SAAS,UAAU;GACxB,QAAQ,MAAM,MAAM,OAAO,QAAQ,MAAM,EAAE,UAAU,MAAM,EAAE;EAC/D,CAAC;EACD,MAAM,aAAa,OAAO,QAAQ,MAAM,CAAC,EAAE,KAAK;EAChD,IAAI,WAAW,SAAS,KAAK,OAAO,SAAS,GAC3C,QAAQ,OAAO,EAAE,CAAC,MAAM,CAAC,GAAI,QAAQ,OAAO,EAAE,CAAC,OAAO,CAAC,GAAI,GAAG,UAAU;EAE1E,OAAO;CACT,GAAG,CAAC,QAAQ,MAAM,CAAC;CAEnB,MAAM,oBAAoB,UAAyB;EAEjD,QADkB,MAAM,MAAM,QACrB,IAAY,MAAM,QAAQ,KAAK,gBAAiB;CAC3D;CAEA,MAAM,kBAAkB,WAAoB;EAC1C,IAAI,CAAC,QAAQ,OAAO,OAAO,OAAO,OAAO;EACzC,OACE,OAAO,OAAO,OAAO,WACrB,OAAO,OAAO,OAAO;CAEzB;CAEA,MAAM,mBAAmB,OAAO,MAAM,MAAM,EAAE,OAAO,YAAY;CAEjE,OACE,qBAAC,OAAD;EAAK,OAAO,EAAE,UAAU,WAAW;YAAnC;GACE,qBAAC,OAAD;IACE,OAAO;KACL,OAAO,GAAG,OAAO,IAAI;KACrB,UAAU;KACV,UAAU;IACZ;cALF,CAQE,oBAAC,OAAD;KACE,OAAO;MACL,UAAU;MACV,QAAQ;MACR,YAAY;MACZ,cAAc,aAAa,OAAO,OAAO,OAAO,QAAQ;KAC1D;eAEC,WAAW,KAAK,OAAO,UACtB,oBAAC,QAAD;MAEE,OAAO;OACL,UAAU;OACV,MAAM,GAAG,MAAM,QAAQ;OACvB,WAAW;OACX,KAAK;OACL,UAAU;OACV,OAAO,OAAO,OAAO,KAAK;OAC1B,YAAY,OAAO,WAAW,WAAW;OACzC,YAAY;OACZ,YAAY;MACd;gBAEC,gBAAgB,MAAM,IAAI;KACvB,GAdC,KAcD,CACP;IACE,CAAA,GAGJ,OAAO,KAAK,OAAO,eAClB,qBAAC,OAAD;KAEE,OAAO;MACL,UAAU;MACV,SAAS;MACT,YAAY;MACZ,QAAQ,MAAM,UAAU;MACxB,cACE,aAAa,OAAO,SAAS,IACzB,aAAa,OAAO,OAAO,OAAO,MAAM,MACxC;KACR;eAXF,CAcE,oBAAC,OAAD;MACE,OAAO;OACL,OAAO;OACP,YAAY;OACZ,SAAS;OACT,UAAU;OACV,YAAY;OACZ,OAAO,OAAO,OAAO,KAAK;MAC5B;gBAEC,MAAM;KACJ,CAAA,GAGL,qBAAC,OAAD;MACE,OAAO;OACL,MAAM;OACN,UAAU;OACV,QAAQ;OACR,SAAS;OACT,YAAY;MACd;gBAPF,CAUE,oBAAC,OAAD,EACE,OAAO;OACL,UAAU;OACV,MAAM;OACN,OAAO;OACP,QAAQ;OACR,iBAAiB,OAAO,OAAO,OAAO;OACtC,SAAS;MACX,EACD,CAAA,IAGC,cAAc,MAAM,OAAO,CAAC,EAAA,CAAG,KAAK,UAAU;OAC9C,MAAM,cAAc,iBAAiB,KAAK;OAC1C,MAAM,QAAQ,eAAe,MAAM,MAAM;OACzC,MAAM,YAAY,iBAAiB,MAAM;OACzC,MAAM,UAAU,YAAY,KAAK;OAEjC,MAAM,YAAY,KAAK,IAAI,IAAI,KAAK,WAAW,CAAC;OAChD,MAAM,kBAAkB,MAAM,UAAU;OACxC,MAAM,oBAAoB,sBAAsB,KAAK;OAErD,OACE,oBAAC,UAAD;QAEE,MAAK;QACL,cAAY,GAAG,MAAM,QAAQ,MAAM,SAAS,aAAa,MAAM,WAAW;QAC1E,eAAe,eAAe,KAAK;QACnC,eAAe,MAAM;SACnB,gBAAgB,MAAM,EAAE;SACxB,MAAM,OAAO,EAAE,cAAc,sBAAsB;SACnD,mBAAmB;UACjB,GAAG,KAAK,OAAO,KAAK,QAAQ;UAC5B,GAAG,KAAK;SACV,CAAC;QACH;QACA,oBAAoB;SAClB,gBAAgB,IAAI;SACpB,mBAAmB,IAAI;QACzB;QACA,UAAU,MAAM;SAEd,gBAAgB,MAAM,EAAE;SACxB,MAAM,OAAO,EAAE,cAAc,sBAAsB;SACnD,mBAAmB;UACjB,GAAG,KAAK,OAAO,KAAK,QAAQ;UAC5B,GAAG,KAAK;SACV,CAAC;QACH;QACA,cAAc;SACZ,gBAAgB,IAAI;SACpB,mBAAmB,IAAI;QACzB;QACA,OAAO;SACL,UAAU;SACV,MAAM,GAAG,YAAY;SACrB,WAAW;SAEX,OAAO;SACP,QAAQ;SACR,SAAS;SACT,YAAY;SACZ,QAAQ;SACR,QAAQ;SACR,YAAY;SACZ,QAAQ,YAAY,EAAE,oBAAoB,EAAE;SAC5C,YAAY;SACZ,cAAc;SACd,WAAW;SACX,WAAW,oBACP,aAAa,kBAAkB,UAC/B,KAAA;QACN;kBAEA,oBAAC,sBAAD;SACE,QAAQ;SACR,WAAW;SACX,MAAM;QACP,CAAA;OACK,GAvDD,MAAM,EAuDL;MAEZ,CAAC,CACE;OACF;OAxHE,MAAM,EAwHR,CACN,CACE;;GAOJ,oBAAoB,QACnB,qBAAC,OAAD;IACE,eAAY;IACZ,OAAO;KACL,UAAU;KACV,KAAK;KACL,QAAQ;KACR,MAAM,QAAQ,gBAAgB,eAAe,gBAAgB,QAAQ,gBAAgB;KACrF,OAAO;KACP,iBAAiB,OAAO,OAAO,OAAO;KACtC,WAAW,YAAY,OAAO,OAAO,OAAO;KAC5C,QAAQ,EAAE;KACV,eAAe;KACf,YAAY,iBACR,SACA,QAAQ,kBAAkB;IAChC;cAfF,CAiBE,oBAAC,OAAD,EACE,OAAO;KACL,UAAU;KACV,KAAK;KACL,MAAM;KACN,OAAO;KACP,QAAQ;KACR,iBAAiB,OAAO,OAAO,OAAO;KACtC,cAAc;KACd,WAAW;KACX,WAAW,WAAW,OAAO,OAAO,OAAO;IAC7C,EACD,CAAA,GACD,oBAAC,OAAD;KACE,OAAO;MACL,UAAU;MACV,KAAK;MACL,MAAM;MACN,WAAW;MACX,iBAAiB,OAAO,OAAO,OAAO;MACtC,OAAO,OAAO,OAAO,WAAW;MAChC,UAAU;MACV,YAAY;MACZ,YAAY,OAAO,WAAW,WAAW;MACzC,SAAS;MACT,cAAc;MACd,YAAY;MACZ,WAAW;KACb;eAEC,gBAAgB,mBAAmB;IACjC,CAAA,CACF;;GAIN,oBACC,0BACO;IACL,MAAM,kBAAkB,eAAe,iBAAiB,MAAM;IAC9D,MAAM,iBAAiB,sBAAsB,gBAAgB;IAC7D,OACE,qBAAC,OAAD;KACE,WAAU;KACV,OAAO;MACL,UAAU;MACV,MAAM,gBAAgB;MACtB,KAAK,gBAAgB,IAAI;MACzB,WAAW;MACX,iBAAiB;MACjB,QAAQ,aAAa,gBAAgB;MACrC,cAAc,OAAO,aAAa;MAClC,SAAS;MACT,UAAU;MACV,UAAU;MACV,QAAQ,EAAE;MACV,WAAW,6CAA6C,gBAAgB;MACxE,gBAAgB;MAChB,WACE;KACJ;eAlBF;MAqBE,oBAAC,OAAD,EACE,OAAO;OACL,UAAU;OACV,QAAQ;OACR,MAAM;OACN,WAAW;OACX,OAAO;OACP,QAAQ;OACR,iBAAiB;OACjB,aAAa,aAAa,gBAAgB;OAC1C,cAAc,aAAa,gBAAgB;MAC7C,EACD,CAAA;MAGA,iBAAiB,UAChB,qBAAC,OAAD;OACE,OAAO;QACL,SAAS;QACT,YAAY;QACZ,KAAK;QACL,cAAc;OAChB;iBANF;QAQE,oBAAC,sBAAD;SACE,QAAQ,iBAAiB;SACzB,WAAW;SACX,MAAM;QACP,CAAA;QACD,oBAAC,QAAD;SACE,OAAO;UACL,UAAU;UACV,YAAY;UACZ,OAAO;UACP,eAAe;UACf,eAAe;SACjB;mBAEC,iBAAiB;QACd,CAAA;QACL,iBAAiB,SAChB,oBAAC,QAAD;SACE,OAAO;UACL,YAAY;UACZ,UAAU;UACV,YAAY;UACZ,SAAS;UACT,cAAc,OAAO,aAAa;UAClC,iBAAiB,GAAG,gBAAgB;UACpC,OAAO;SACT;mBAEC,iBAAiB;QACd,CAAA;OAEL;;MAIN,kBACC,qBAAC,OAAD;OACE,OAAO;QACL,SAAS;QACT,YAAY;QACZ,KAAK;QACL,cAAc;OAChB;iBANF,CAQE,oBAAC,OAAD,EACE,OAAO;QACL,OAAO;QACP,QAAQ;QACR,cAAc;QACd,iBAAiB,eAAe;QAChC,YAAY;OACd,EACD,CAAA,GACD,oBAAC,QAAD;QACE,OAAO;SACL,UAAU;SACV,OAAO,eAAe;SACtB,YAAY;QACd;kBAEC,4BACC,kBACA,cACF;OACI,CAAA,CACH;;MAIP,oBAAC,OAAD;OACE,OAAO;QACL,UAAU;QACV,YAAY;QACZ,OAAO;QACP,cAAc;OAChB;iBAEC,iBAAiB;MACf,CAAA;MAGL,qBAAC,OAAD;OAAK,OAAO;QAAE,SAAS;QAAQ,eAAe;QAAU,KAAK;OAAE;iBAA/D;QACE,qBAAC,OAAD;SACE,OAAO;UACL,SAAS;UACT,gBAAgB;UAChB,UAAU;SACZ;mBALF,CAOE,oBAAC,QAAD;UAAM,OAAO,EAAE,OAAO,OAAO,OAAO,KAAK,SAAS;oBAAG;SAE/C,CAAA,GACN,oBAAC,QAAD;UACE,OAAO;WACL,OAAO,OAAO,OAAO,KAAK;WAC1B,YAAY,OAAO,WAAW,WAAW;UAC3C;oBAEC,gBAAgB,iBAAiB,KAAK;SACnC,CAAA,CACH;;QAEJ,iBAAiB,SAChB,qBAAC,OAAD;SACE,OAAO;UACL,SAAS;UACT,gBAAgB;UAChB,UAAU;SACZ;mBALF,CAOE,oBAAC,QAAD;UAAM,OAAO,EAAE,OAAO,OAAO,OAAO,KAAK,SAAS;oBAAG;SAE/C,CAAA,GACN,oBAAC,QAAD;UACE,OAAO;WACL,OAAO,eAAe,OAAO,OAAO,OAAO,OAAO;WAClD,YAAY;UACd;oBAEC,iBAAiB;SACd,CAAA,CACH;;QAGP,qBAAC,OAAD;SACE,OAAO;UACL,SAAS;UACT,gBAAgB;UAChB,UAAU;SACZ;mBALF,CAOE,oBAAC,QAAD;UAAM,OAAO,EAAE,OAAO,OAAO,OAAO,KAAK,SAAS;oBAAG;SAE/C,CAAA,GACN,oBAAC,QAAD;UACE,OAAO;WACL,OAAO,OAAO,OAAO,KAAK;WAC1B,YAAY,OAAO,WAAW,WAAW;UAC3C;oBAEC,iBAAiB,MACf,YAAY,CAAC,CACb,QAAQ,KAAK,GAAG,CAAC,CACjB,MAAM,GAAG,EAAE;SACV,CAAA,CACH;;QAEJ,iBAAiB,YAChB,oBAAC,OAAD;SACE,OAAO;UACL,WAAW;UACX,YAAY;UACZ,WAAW,aAAa,OAAO,OAAO,OAAO;UAC7C,UAAU;UACV,OAAO,OAAO,OAAO,KAAK;SAC5B;mBAEC,iBAAiB;QACf,CAAA;OAEJ;;KACF;;GAET,EAAA,CAAG;GAGL,oBAAC,SAAD,EAAA,UAAQ;;;;;;;;;;;;;;;;gDAgBkC,OAAO,OAAO,OAAO,QAAQ;;;QAG9D,CAAA;EACN;;AAET,CAAC;AAcD,SAAS,uBACP,QACA,QACA,gBAAwB,QACI;CAC5B,MAAM,sBAAM,IAAI,IAAsC;CACtD,KAAK,MAAM,SAAS,QAAQ;EAC1B,MAAM,MAAM,yBAAyB,KAAK;EAC1C,IAAI,IAAI,IAAI,GAAG,GAAG;EAClB,MAAM,SAAS,sBAAsB,KAAK;EAC1C,MAAM,SAAS,QAAQ;EAEvB,MAAM,QAAQ,SACV,MAAM,cAAc,YAAY,MAFnB,QAAA,2BAIX,gBACA,SACE,4BAA4B,OAAO,MAAM,IACzC;EACR,MAAM,QAAQ,SAAS,KAAM,QAAQ,SAAS,OAAO,OAAO,KAAK;EACjE,IAAI,IAAI,KAAK;GAAE;GAAK;GAAO;GAAO,cAAc;EAAO,CAAC;CAC1D;CACA,MAAM,OAAO,CAAC,GAAG,IAAI,OAAO,CAAC;CAC7B,KAAK,MAAM,GAAG,MAAM;EAClB,IAAI,EAAE,iBAAiB,EAAE,cAAc,OAAO,EAAE,eAAe,IAAI;EACnE,IAAI,EAAE,QAAA,0BACJ,OAAO,EAAE,QAAA,yBAAoC,KAAK;EACpD,IAAI,EAAE,QAAA,0BACJ,OAAO,EAAE,QAAA,yBAAoC,IAAI;EACnD,OAAO,EAAE,MAAM,cAAc,EAAE,OAAO,KAAA,GAAW,EAAE,aAAa,OAAO,CAAC;CAC1E,CAAC;CACD,OAAO;AACT;;AAaA,IAAM,uBAAuB,KAAK,SAAS,qBAAqB,EAC9D,QACA,gBACA,cACA,QACA,UACA,aAC8B;CAC9B,MAAM,EAAE,QAAQ,UAAU,SAAS;CACnC,MAAM,qBACJ,UAAU,iBACV,UAAU,sBACV,UAAU;CACZ,MAAM,cAAc,OAAO,OAAO,OAAO;CAEzC,MAAM,cAAc,cACZ,uBAAuB,QAAQ,QAAQ,SAAS,GACtD;EAAC;EAAQ;EAAQ;CAAS,CAC5B;CAEA,MAAM,QAAQ,aACX,YAAqC;EACpC,eAAe,wBAAwB;GAAE,GAAG;GAAQ,GAAG;EAAQ,CAAC,CAAC;CACnE,GACA,CAAC,QAAQ,cAAc,CACzB;CAEA,MAAM,WAAW,kBAAkB;EACjC,eAAe,CAAC,CAAC;CACnB,GAAG,CAAC,cAAc,CAAC;CAEnB,MAAM,cAAc,aACjB,OAAe;EACd,MAAM,MAAM,OAAO,UAAU,CAAC;EAC9B,MAAM,OAAO,IAAI,SAAS,EAAE,IACxB,IAAI,QAAQ,MAAM,MAAM,EAAE,IAC1B,CAAC,GAAG,KAAK,EAAE;EACf,MAAM,EAAE,QAAQ,KAAK,SAAS,OAAO,KAAA,EAAU,CAAC;CAClD,GACA,CAAC,OAAO,QAAQ,KAAK,CACvB;CAEA,MAAM,eAAe,aAClB,OAAgC;EAC/B,MAAM,MAAM,OAAO,UAAU,CAAC;EAC9B,MAAM,OAAO,IAAI,SAAS,EAAE,IACxB,IAAI,QAAQ,MAAM,MAAM,EAAE,IAC1B,CAAC,GAAG,KAAK,EAAE;EACf,MAAM,EAAE,QAAQ,KAAK,SAAS,OAAO,KAAA,EAAU,CAAC;CAClD,GACA,CAAC,OAAO,QAAQ,KAAK,CACvB;CAEA,MAAM,aAAa,aAChB,YAAoB;EACnB,MAAM,MAAM,OAAO,SAAS,CAAC;EAC7B,MAAM,OAAO,IAAI,SAAS,OAAO,IAC7B,IAAI,QAAQ,MAAM,MAAM,OAAO,IAC/B,CAAC,GAAG,KAAK,OAAO;EACpB,MAAM,EAAE,OAAO,KAAK,SAAS,OAAO,KAAA,EAAU,CAAC;CACjD,GACA,CAAC,OAAO,OAAO,KAAK,CACtB;CAIA,MAAM,YAAY,aACf,QAAiB,cAA4C;EAC5D,MAAM,IAAI,aAAa;EACvB,OAAO;GACL,SAAS;GACT,cAAc,OAAO,aAAa;GAClC,UAAU,OAAO,WAAW,SAAS;GACrC,YAAY;GACZ,eAAe;GACf,eAAe;GACf,YAAY;GACZ,QAAQ,aAAa,SAAS,GAAG,EAAE,MAAM,OAAO,OAAO,OAAO;GAC9D,iBAAiB,SAAS,GAAG,EAAE,MAAM;GACrC,OAAO,SAAS,IAAI,OAAO,OAAO,KAAK;GACvC,QAAQ;GACR,YAAY,OAAO,UAAU;EAC/B;CACF,GACA,CAAC,aAAa,MAAM,CACtB;CAGA,MAAM,iBAAiB,SACrB,oBAAC,OAAD;EACE,OAAO;GACL,UAAU,OAAO,WAAW,SAAS;GACrC,YAAY;GACZ,eAAe;GACf,eAAe;GACf,OAAO,OAAO,OAAO,KAAK;GAC1B,cAAc;EAChB;YAEC;CACE,CAAA;CAGP,IAAI,CAAC,UAAU,OAAO;CAEtB,OACE,qBAAC,OAAD;EACE,IAAG;EACH,OAAO;GACL,SAAS,GAAG,OAAO,QAAQ,IAAI,GAAG,OAAO,QAAQ;GACjD,cAAc,aAAa,OAAO,OAAO,OAAO;GAChD,iBAAiB,qBACb,gBACA,OAAO,OAAO,WAAW;GAC7B,GAAI,sBAAsB;IACxB,gBAAgB;IAChB,sBAAsB;GACxB;GACA,SAAS;GACT,eAAe;GACf,KAAK,OAAO,QAAQ;EACtB;YAfF;GAkBG,aAAa,SAAS,IACrB,qBAAC,OAAD;IAAK,MAAK;IAAQ,cAAW;cAA7B,CACG,cAAc,QAAQ,GACvB,oBAAC,OAAD;KACE,OAAO;MACL,SAAS;MACT,UAAU;MACV,KAAK,OAAO,QAAQ;KACtB;eAEC,aAAa,KAAK,MAAM;MACvB,MAAM,SAAS,OAAO,QAAQ,SAAS,EAAE,EAAE,KAAK;MAChD,OACE,oBAAC,UAAD;OAEE,MAAK;OACL,gBAAc;OACd,eAAe,YAAY,EAAE,EAAE;OAC/B,OAAO,UAAU,MAAM;iBAEtB,EAAE;MACG,GAPD,EAAE,EAOD;KAEZ,CAAC;IACE,CAAA,CACF;QACH;GAGJ,qBAAC,OAAD;IAAK,MAAK;IAAQ,cAAW;cAA7B,CACG,cAAc,QAAQ,GACvB,oBAAC,OAAD;KACE,OAAO;MAAE,SAAS;MAAQ,UAAU;MAAQ,KAAK,OAAO,QAAQ;KAAG;eAElE,sBAAsB,KAAK,OAAO;MACjC,MAAM,SAAS,OAAO,QAAQ,SAAS,EAAE,KAAK;MAC9C,MAAM,cAAc,KAAK,OAAO,OAAO,OAAO,MAAM;MACpD,OACE,qBAAC,UAAD;OAEE,MAAK;OACL,gBAAc;OACd,eAAe,aAAa,EAAE;OAC9B,OAAO;QACL,GAAG,UAAU,QAAQ,WAAW;QAChC,SAAS;QACT,YAAY;QACZ,KAAK;OACP;iBAVF,CAYE,oBAAC,QAAD,EACE,OAAO;QACL,OAAO;QACP,QAAQ;QACR,cAAc;QACd,iBAAiB,SAAS,cAAc,GAAG,YAAY;QACvD,YAAY;QACZ,YAAY,OAAO,UAAU;OAC/B,EACD,CAAA,GACA,EACK;SAtBD,EAsBC;KAEZ,CAAC;IACE,CAAA,CACF;;GAGL,qBAAC,OAAD;IACE,OAAO;KACL,SAAS;KACT,UAAU;KACV,KAAK,GAAG,OAAO,QAAQ,IAAI,GAAG,OAAO,QAAQ;KAC7C,YAAY;IACd;cANF,CAQE,qBAAC,OAAD;KACE,MAAK;KACL,cAAW;KACX,OAAO,EAAE,UAAU,EAAE;eAHvB,CAKG,cAAc,UAAU,GACzB,oBAAC,OAAD;MACE,OAAO;OACL,SAAS;OACT,UAAU;OACV,KAAK,OAAO,QAAQ;MACtB;gBAEE;OAAC;OAAO;OAAS;MAAO,CAAC,CAAW,KAAK,QAAQ;OACjD,MAAM,UAAU,OAAO,cAAc,WAAW;OAChD,OACE,oBAAC,UAAD;QAEE,MAAK;QACL,gBAAc;QACd,eAAe,MAAM,EAAE,YAAY,IAAI,CAAC;QACxC,OAAO,UAAU,MAAM;kBAEtB,QAAQ,QACL,QACA,QAAQ,UACN,YACA;OACA,GAXD,GAWC;MAEZ,CAAC;KACE,CAAA,CACF;QAEJ,YAAY,SAAS,IACpB,qBAAC,OAAD;KACE,MAAK;KACL,cAAY,aAAa,UAAU,YAAY;KAC/C,OAAO;MAAE,MAAM;MAAG,UAAU;KAAI;eAHlC,CAKG,cAAc,SAAS,GACxB,oBAAC,OAAD;MACE,OAAO;OACL,SAAS;OACT,UAAU;OACV,KAAK,OAAO,QAAQ;MACtB;gBAEC,YAAY,KAAK,QAAQ;OACxB,MAAM,SAAS,OAAO,OAAO,SAAS,IAAI,GAAG,KAAK;OAClD,OACE,qBAAC,UAAD;QAEE,MAAK;QACL,gBAAc;QACd,eAAe,WAAW,IAAI,GAAG;QACjC,OAAO;SACL,GAAG,UAAU,QAAQ,IAAI,SAAS,KAAA,CAAS;SAC3C,SAAS;SACT,YAAY;SACZ,KAAK;SACL,UAAU;QACZ;kBAXF,CAaG,IAAI,eACH,oBAAC,QAAD,EACE,OAAO;SACL,OAAO;SACP,QAAQ;SACR,cAAc;SACd,QAAQ,GAAG,OAAO,SAAS,OAAO,SAAS,MAAM,SAAS,OAAO,OAAO,OAAO;SAC/E,YAAY;SACZ,WAAW;QACb,EACD,CAAA,IAED,oBAAC,QAAD,EACE,OAAO;SACL,OAAO;SACP,QAAQ;SACR,cAAc;SACd,iBAAiB,IAAI;SACrB,YAAY;QACd,EACD,CAAA,GAEH,oBAAC,QAAD;SACE,OAAO;UACL,UAAU;UACV,cAAc;UACd,YAAY;SACd;mBAEC,IAAI;QACD,CAAA,CACA;UA3CD,IAAI,GA2CH;MAEZ,CAAC;KACE,CAAA,CACF;SACH,IACD;;GAGJ,uBAAuB,MAAM,IAC5B,oBAAC,OAAD;IAAK,OAAO;KAAE,SAAS;KAAQ,gBAAgB;IAAW;cACxD,oBAAC,QAAD;KAAQ,SAAQ;KAAa,MAAK;KAAQ,SAAS;eAAU;IAErD,CAAA;GACL,CAAA,IACH;EACD;;AAET,CAAC;AAMD,IAAa,kBAAkB,KAAK,SAAS,gBAAgB,EAC3D,QAAQ,YACR,QACA,SAAS,CAAC,GACV,OAAO,WACP,KAAK,SACL,cAAc,SACd,UAAU,oBACV,kBACA,cACA,iBAAiB,MACjB,WACA,cAAc,IACd,YAAY,IACZ,aAAa,YACb,WAAW,OACX,cAAc,GACd,aAAa,eAAe,MAC5B,yBAAyB,OACzB,8BAA8B,MAC9B,QAAQ,SACR,gBAAgB,iBAChB,WAAW,aAAa,MACxB,UAAU,OACV,eACA,eAAe,MACf,cACA,kBAAkB,2BAClB,iBAAiB,MACjB,WAAW,iBACY;CACvB,MAAM,EAAE,QAAQ,UAAU,SAAS;CACnC,MAAM,qBACJ,UAAU,iBACV,UAAU,sBACV,UAAU;CACZ,MAAM,EAAE,aAAa,cAAc;CACnC,MAAM,cAAc,mBAAmB;;CAEvC,MAAM,YAAY,iBAAiB,aAAa,iBAAiB;CACjE,MAAM,CAAC,kBAAkB,uBACvB,SAA2B,WAAW;CACxC,MAAM,CAAC,MAAM,WAAW,SAAS,WAAW;CAC5C,MAAM,CAAC,iBAAiB,sBAAsB,SAAyB,CAAC,CAAC;CACzE,MAAM,CAAC,iBAAiB,sBAAsB,SAC5C,sBACF;CACA,MAAM,SAAS,YAAY,KAAA,IAAY,UAAU;CACjD,MAAM,kBAAkB,eAAe,yBAAyB,MAAM,IAAI;CAE1E,MAAM,YAAY,aACf,SAAyB;EACxB,MAAM,IAAI,wBAAwB,IAAI;EACtC,IAAI,YAAY,KAAA,GAAW,mBAAmB,CAAC;EAC/C,kBAAkB,CAAC;CACrB,GACA,CAAC,SAAS,eAAe,CAC3B;CAEA,MAAM,cAAc,aACjB,YAAqC;EACpC,UAAU,wBAAwB;GAAE,GAAG;GAAQ,GAAG;EAAQ,CAAC,CAAC;CAC9D,GACA,CAAC,QAAQ,SAAS,CACpB;CAEA,MAAM,WAAW,sBAAsB;CAEvC,MAAM,uBAAuB,aAC1B,SAA2B;EAC1B,oBAAoB,IAAI;EACxB,mBAAmB,IAAI;CACzB,GACA,CAAC,gBAAgB,CACnB;CAGA,MAAM,EAAE,OAAO,QAAQ,cAAc;EACnC,IAAI,aAAa,SACf,OAAO;GAAE,OAAO;GAAW,KAAK;EAAQ;EAG1C,IAAI,OAAO,WAAW,GAAG;GACvB,MAAM,sBAAM,IAAI,KAAK;GACrB,OAAO;IACL,uBAAO,IAAI,KAAK,IAAI,QAAQ,IAAI,IAAO;IACvC,KAAK,IAAI,KAAK,IAAI,QAAQ,IAAI,IAAO;GACvC;EACF;EAEA,IAAI,UAAU,OAAO,EAAE,CAAC,MAAM,QAAQ;EACtC,IAAI,UAAU,OAAO,EAAE,CAAC,MAAM,QAAQ;EAEtC,OAAO,SAAS,UAAU;GACxB,UAAU,KAAK,IAAI,SAAS,MAAM,MAAM,QAAQ,CAAC;GACjD,UAAU,KAAK,IAAI,UAAU,MAAM,OAAO,MAAM,MAAA,CAAO,QAAQ,CAAC;EAClE,CAAC;EAID,MAAM,WADW,UAAU,WACA;EAE3B,OAAO;GACL,OAAO,IAAI,KAAK,UAAU,OAAO;GACjC,KAAK,IAAI,KAAK,UAAU,OAAO;EACjC;CACF,GAAG;EAAC;EAAQ;EAAW;CAAO,CAAC;CAG/B,MAAM,kBAAkB,cAAc;EACpC,IAAI,OAAO,SAAS,GAAG,OAAO;EAE9B,MAAM,2BAAW,IAAI,IAAY;EACjC,OAAO,SAAS,UAAU;GACxB,IAAI,MAAM,OAAO,SAAS,IAAI,MAAM,KAAK;EAC3C,CAAC;EAED,IAAI,SAAS,SAAS,GACpB,OAAO,CAAC;GAAE,IAAI;GAAW,OAAO;GAAU,QAAQ;EAAY,CAAC;EAGjE,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,KAAK,QAAQ;GACvC;GACA,OAAO;GACP,QAAQ;EACV,EAAE;CACJ,GAAG;EAAC;EAAQ;EAAQ;CAAW,CAAC;CAEhC,MAAM,iBAAiB,cACf,OAAO,QAAQ,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAC3D,CAAC,QAAQ,MAAM,CACjB;CAEA,MAAM,0BAA0B,cAAc;EAC5C,IAAI,CAAC,+BAA+B,CAAC,uBAAuB,MAAM,GAChE,OAAO;EACT,MAAM,MAAM,IAAI,IAAI,eAAe,KAAK,MAAM,EAAE,SAAS,SAAS,CAAC;EACnE,OAAO,gBAAgB,QAAQ,MAAM,IAAI,IAAI,EAAE,EAAE,CAAC;CACpD,GAAG;EAAC;EAAiB;EAAgB;EAAQ;CAA2B,CAAC;CAEzE,MAAM,yBAAyB,cAAc;EAC3C,IAAI,OAAO,SAAS,GAClB,OAAO,OAAO,KAAK,OAAO;GAAE,IAAI,EAAE;GAAI,OAAO,EAAE;EAAM,EAAE;EACzD,MAAM,oBAAI,IAAI,IAAY;EAC1B,OAAO,SAAS,MAAM;GACpB,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK;EAC5B,CAAC;EACD,IAAI,EAAE,SAAS,GAAG,OAAO,CAAC;GAAE,IAAI;GAAW,OAAO;EAAS,CAAC;EAC5D,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,QAAQ;GAAE;GAAI,OAAO;EAAG,EAAE;CACtD,GAAG,CAAC,QAAQ,MAAM,CAAC;CAGnB,MAAM,eAAe,cAAc;EACjC,OAAO,CAAC,GAAG,cAAc,CAAC,CAAC,MACxB,GAAG,MAAM,EAAE,MAAM,QAAQ,IAAI,EAAE,MAAM,QAAQ,CAChD;CACF,GAAG,CAAC,cAAc,CAAC;CAEnB,MAAM,aAAa,CAAC,aAChB,QACA,GAAG,MAAM,IAAI,eAAe,SAAS,eAAe,WAAW,OAAO,SAAS,MAAM,OAAO,WAAW,GAAG;CAI9G,MAAM,cAAc,UAAU;CAE9B,OACE,qBAAC,OAAD;EACE,WAAW,WAAW,2BAA2B,SAAS;EAC1D,OAAO;GACL,iBAAiB,qBACb,gBACA,OAAO,OAAO,WAAW;GAC7B,GAAI,sBAAsB;IACxB,gBAAgB;IAChB,sBAAsB;GACxB;GACA,GAAI,OAAO,OAAO,OAAO,aAAa,EACpC,QAAQ,aAAa,OAAO,OAAO,OAAO,QAC5C;GACA,cAAc,OAAO,aAAa;GAClC,UAAU;EACZ;YAfF;GAkBE,qBAAC,OAAD;IACE,OAAO;KACL,SAAS;KACT,eAAe,WAAW,WAAW;KACrC,YAAY,WAAW,YAAY;KACnC,SAAS,GAAG,OAAO,QAAQ,IAAI,GAAG,OAAO,QAAQ;KACjD,KAAK,WAAW,OAAO,QAAQ,KAAK,OAAO,QAAQ;KACnD,cAAc,aAAa,OAAO,OAAO,OAAO;IAClD;cARF;KAUE,qBAAC,OAAD;MACE,OAAO;OACL,SAAS;OACT,YAAY;OACZ,KAAK,OAAO,QAAQ;MACtB;gBALF,CAWG,eACD,oBAAC,MAAD;OACE,OAAO;QACL,QAAQ;QACR,UAAU;QACV,YAAY;QACZ,OAAO,OAAO,OAAO,KAAK;QAC1B,YAAY;QACZ,YAAY;OACd;iBAEC;MACC,CAAA,GAIH,CAAC,YAAY,oBAAC,OAAD,EAAK,OAAO,EAAE,MAAM,EAAE,EAAI,CAAA,CACrC;;KAEL,qBAAC,OAAD;MACE,OAAO;OACL,SAAS;OACT,YAAY;OACZ,KAAK,OAAO,QAAQ;OACpB,MAAM,WAAW,KAAA,IAAY;OAC7B,gBAAgB,WAAW,kBAAkB;MAC/C;gBAPF;OAUG,gBACC,qBAAC,OAAD;QACE,OAAO;SACL,SAAS;SACT,YAAY;SACZ,KAAK,OAAO,QAAQ;SACpB,MAAM,WAAW,IAAI,KAAA;SACrB,YAAY;QACd;kBAPF,CAUE,qBAAC,OAAD;SACE,OAAO;UAAE,UAAU;UAAY,OAAO,WAAW,SAAS;SAAI;mBADhE,CAGE,oBAAC,MAAD;UACE,MAAK;UACL,MAAM;UACN,OAAO;WACL,UAAU;WACV,MAAM;WACN,KAAK;WACL,WAAW;WACX,OAAO,OAAO,OAAO,KAAK;WAC1B,eAAe;UACjB;SACD,CAAA,GACD,oBAAC,SAAD;UACE,MAAK;UACL,OAAO,OAAO,UAAU;UACxB,WAAW,MACT,YAAY,EAAE,QAAQ,EAAE,OAAO,SAAS,KAAA,EAAU,CAAC;UAErD,aAAY;UACZ,cAAW;UACX,OAAO;WACL,OAAO;WACP,WAAW;WACX,QAAQ,OAAO,YAAY;WAC3B,aAAa;WACb,cAAc;WACd,cAAc,OAAO,aAAa;WAClC,QAAQ,aAAa,OAAO,OAAO,OAAO;WAC1C,iBAAiB,OAAO,OAAO,WAAW;WAC1C,OAAO,OAAO,OAAO,KAAK;WAC1B,UAAU,OAAO,WAAW,SAAS;WACrC,YAAY;WACZ,SAAS;WACT,YAAY;UACd;UACA,UAAU,MAAM;WACd,EAAE,OAAO,MAAM,cAAc,OAAO,OAAO,OAAO;WAClD,EAAE,OAAO,MAAM,YAAY,aAAa,OAAO,OAAO,OAAO,QAAQ,eAAe,OAAO,OAAO,OAAO,QAAQ;UACnH;UACA,SAAS,MAAM;WACb,EAAE,OAAO,MAAM,cAAc,OAAO,OAAO,OAAO;WAClD,EAAE,OAAO,MAAM,YAAY;UAC7B;SACD,CAAA,CACE;YAGL,oBAAC,SAAD;SACE,SAAS,kBAAkB,iBAAiB;mBAE5C,qBAAC,UAAD;UACE,MAAK;UACL,cAAY,kBAAkB,iBAAiB;UAC/C,iBAAe;UACf,iBAAc;UACd,eAAe,oBAAoB,MAAM,CAAC,CAAC;UAC3C,OAAO;WACL,UAAU;WACV,SAAS;WACT,YAAY;WACZ,gBAAgB;WAChB,OAAO;WACP,QAAQ;WACR,QAAQ,aAAa,kBAAkB,IAAI,GAAG,OAAO,OAAO,OAAO,QAAQ,MAAM,OAAO,OAAO,OAAO;WACtG,cAAc,OAAO,aAAa;WAClC,iBACE,kBAAkB,IACd,GAAG,OAAO,OAAO,OAAO,QAAQ,MAChC;WACN,OACE,kBAAkB,IACd,OAAO,OAAO,OAAO,UACrB,OAAO,OAAO,KAAK;WACzB,QAAQ;WACR,YAAY,OAAO,UAAU;UAC/B;oBAzBF,CA2BE,oBAAC,MAAD;WAAM,MAAK;WAAS,MAAM;UAAK,CAAA,GAC9B,kBAAkB,IACjB,oBAAC,QAAD;WACE,OAAO;YACL,UAAU;YACV,KAAK;YACL,OAAO;YACP,UAAU;YACV,QAAQ;YACR,cAAc;YACd,iBAAiB,OAAO,OAAO,OAAO;YACtC,OAAO;YACP,UAAU;YACV,YAAY;YACZ,SAAS;YACT,YAAY;YACZ,gBAAgB;YAChB,YAAY;WACd;qBAEC;UACG,CAAA,IACJ,IACE;;QACD,CAAA,CACN;;OAGP,qBAAC,OAAD;QACE,OAAO;SACL,SAAS;SACT,YAAY;SACZ,KAAK;SACL,YAAY;QACd;kBANF,CASG,aAAa,aAAa,WAAW,aAAa,cACjD,qBAAC,OAAD;SACE,OAAO;UACL,SAAS;UACT,YAAY;UACZ,KAAK;UACL,cAAc;UACd,aAAa,aAAa,OAAO,OAAO,OAAO;SACjD;mBAPF;UASE,oBAAC,SAAD;WAAS,SAAQ;qBACf,oBAAC,UAAD;YACE,MAAK;YACL,cAAW;YACX,eAAe,QAAQ,KAAK,IAAI,OAAO,IAAK,CAAC,CAAC;YAC9C,UAAU,QAAQ;YAClB,OAAO;aACL,OAAO;aACP,QAAQ;aACR,SAAS;aACT,YAAY;aACZ,gBAAgB;aAChB,iBACE,QAAQ,IACJ,gBACA,OAAO,OAAO,WAAW;aAC/B,QAAQ,aAAa,OAAO,OAAO,OAAO;aAC1C,cAAc,OAAO,aAAa;aAClC,OACE,QAAQ,IACJ,OAAO,OAAO,KAAK,WACnB,OAAO,OAAO,KAAK;aACzB,QAAQ,QAAQ,IAAI,gBAAgB;aACpC,UAAU;aACV,YAAY;aACZ,SAAS,QAAQ,IAAI,KAAM;YAC7B;sBACD;WAEO,CAAA;UACD,CAAA;UACT,qBAAC,QAAD;WACE,OAAO;YACL,UAAU;YACV,WAAW;YACX,UAAU;YACV,YAAY,OAAO,WAAW,WAAW;YACzC,OAAO,OAAO,OAAO,KAAK;WAC5B;qBAPF,CASG,KAAK,MAAM,OAAO,GAAG,GAAE,GACpB;;UACN,oBAAC,SAAD;WAAS,SAAQ;qBACf,oBAAC,UAAD;YACE,MAAK;YACL,cAAW;YACX,eAAe,QAAQ,KAAK,IAAI,OAAO,IAAK,CAAC,CAAC;YAC9C,UAAU,QAAQ;YAClB,OAAO;aACL,OAAO;aACP,QAAQ;aACR,SAAS;aACT,YAAY;aACZ,gBAAgB;aAChB,iBACE,QAAQ,IACJ,gBACA,OAAO,OAAO,WAAW;aAC/B,QAAQ,aAAa,OAAO,OAAO,OAAO;aAC1C,cAAc,OAAO,aAAa;aAClC,OACE,QAAQ,IACJ,OAAO,OAAO,KAAK,WACnB,OAAO,OAAO,KAAK;aACzB,QAAQ,QAAQ,IAAI,gBAAgB;aACpC,UAAU;aACV,YAAY;aACZ,SAAS,QAAQ,IAAI,KAAM;YAC7B;sBACD;WAEO,CAAA;UACD,CAAA;UACT,oBAAC,SAAD;WAAS,SAAQ;qBACf,oBAAC,UAAD;YACE,MAAK;YACL,cAAW;YACX,eAAe,QAAQ,CAAC;YACxB,OAAO;aACL,QAAQ;aACR,SAAS;aACT,SAAS;aACT,YAAY;aACZ,gBAAgB;aAChB,iBAAiB,OAAO,OAAO,WAAW;aAC1C,QAAQ,aAAa,OAAO,OAAO,OAAO;aAC1C,cAAc,OAAO,aAAa;aAClC,OAAO,OAAO,OAAO,KAAK;aAC1B,QAAQ;aACR,UAAU;aACV,YAAY;YACd;sBACD;WAEO,CAAA;UACD,CAAA;SACN;YAIN,kBACC,oBAAC,OAAD;SACE,MAAK;SACL,cAAW;SACX,OAAO;UACL,SAAS;UACT,KAAK;UACL,iBAAiB,qBACb,gBACA,OAAO,OAAO,WAAW;UAC7B,GAAI,sBAAsB;WACxB,gBAAgB;WAChB,sBAAsB;UACxB;UACA,SAAS;UACT,cAAc,OAAO,aAAa;SACpC;mBAEE;UAAC;UAAS;UAAQ;UAAW;SAAS,CAAC,CAAwB,KAC9D,SAAS;UACR,MAAM,WAAW,aAAa;UAC9B,MAAM,QAGF;WACF,OAAO;WACP,MAAM;WACN,SAAS;WACT,SAAS;UACX;UACA,MAAM,SAA2C;WAC/C,OAAO;WACP,MAAM;WACN,SAAS;WACT,SAAS;UACX;UAEA,OACE,oBAAC,SAAD;WAAoB,SAAS,OAAO;qBAClC,oBAAC,UAAD;YACE,MAAK;YACL,cAAY,OAAO;YACnB,gBAAc;YACd,eAAe,qBAAqB,IAAI;YACxC,OAAO;aACL,SAAS;aACT,YAAY;aACZ,gBAAgB;aAChB,OAAO;aACP,QAAQ;aACR,iBAAiB,WACb,OAAO,OAAO,OAAO,UACrB;aACJ,QAAQ;aACR,cAAc,OAAO,aAAa;aAClC,OAAO,WACH,YACA,OAAO,OAAO,KAAK;aACvB,QAAQ;aACR,YACE;aACF,WAAW,WAAW,aAAa;aACnC,WAAW,WACP,aAAa,OAAO,OAAO,OAAO,QAAQ,MAC1C;YACN;YACA,eAAe,MAAM;aACnB,IAAI,CAAC,UAAU;cACb,EAAE,cAAc,MAAM,kBAAkB,GAAG,OAAO,OAAO,OAAO,QAAQ;cACxE,EAAE,cAAc,MAAM,YAAY;aACpC;YACF;YACA,eAAe,MAAM;aACnB,IAAI,CAAC,UAAU;cACb,EAAE,cAAc,MAAM,kBACpB;cACF,EAAE,cAAc,MAAM,YAAY;aACpC;YACF;sBAEA,oBAAC,MAAD;aAAM,MAAM,MAAM;aAAO,MAAM;YAAK,CAAA;WAC9B,CAAA;UACD,GA5CK,IA4CL;SAEb,CACF;QACG,CAAA,CAEJ;;OAAE;MAEJ;;KAAE;IAEJ;;GAAE;GAEN,eACC,oBAAC,sBAAD;IACU;IACR,gBAAgB;IAChB,cAAc;IACN;IACR,UAAU;IACC;GACZ,CAAA,IACC;GAEH,WACC,oBAAC,OAAD;IACE,OAAO;KACL,UAAU;KACV,OAAO;KACP,SAAS;KACT,YAAY;KACZ,gBAAgB;KAChB,iBAAiB,GAAG,OAAO,OAAO,WAAW,QAAQ;KACrD,gBAAgB;KAChB,QAAQ,EAAE;IACZ;cAEA,oBAAC,OAAD,EACE,OAAO;KACL,OAAO;KACP,QAAQ;KACR,QAAQ,aAAa,OAAO,OAAO,OAAO;KAC1C,gBAAgB,OAAO,OAAO,OAAO;KACrC,cAAc;KACd,WAAW;IACb,EACD,CAAA;GACE,CAAA;GAGP,oBAAC,OAAD;IACE,OAAO;KACL,SAAS,aAAa,UAAU,aAAa,YAAY,cAAc;KAC5D;KACX,WAAW,YAAY,SAAS,KAAA;KAChC,WAAW,aAAa,UAAU,aAAa,YAAY,SAAS,KAAA;IACtE;cAEC,OAAO,WAAW,IACjB,qBAAC,OAAD;KACE,OAAO;MACL,SAAS;MACT,eAAe;MACf,YAAY;MACZ,gBAAgB;MAChB,SAAS;MACT,OAAO,OAAO,OAAO,KAAK;MAC1B,KAAK;KACP;eATF,CAWE,oBAAC,MAAD;MAAM,MAAK;MAAQ,MAAM;KAAK,CAAA,GAC9B,oBAAC,QAAD;MAAM,OAAO,EAAE,UAAU,WAAW;gBAAG;KAA0B,CAAA,CAC9D;SACH,eAAe,WAAW,IAC5B,qBAAC,OAAD;KACE,OAAO;MACL,SAAS;MACT,eAAe;MACf,YAAY;MACZ,gBAAgB;MAChB,SAAS;MACT,OAAO,OAAO,OAAO,KAAK;MAC1B,KAAK;MACL,WAAW;KACb;eAVF;MAYE,oBAAC,MAAD;OAAM,MAAK;OAAS,MAAM;MAAK,CAAA;MAC/B,oBAAC,QAAD;OACE,OAAO;QACL,UAAU;QACV,OAAO,OAAO,OAAO,KAAK;OAC5B;iBACD;MAEK,CAAA;MACL,gBAAgB,uBAAuB,MAAM,IAC5C,oBAAC,UAAD;OACE,MAAK;OACL,eAAe,UAAU,CAAC,CAAC;OAC3B,OAAO;QACL,WAAW;QACX,SAAS;QACT,cAAc,OAAO,aAAa;QAClC,QAAQ,aAAa,OAAO,OAAO,OAAO;QAC1C,iBAAiB,GAAG,OAAO,OAAO,OAAO,QAAQ;QACjD,OAAO,OAAO,OAAO,OAAO;QAC5B,QAAQ;QACR,UAAU;QACV,YAAY;OACd;iBACD;MAEO,CAAA,IACN;KACD;SACH,aAAa,SAEf,aAAa,KAAK,OAAO,UACvB,oBAAC,eAAD;KAES;KACP,QAAQ,UAAU,aAAa,SAAS;KAC1B;IACf,GAJM,MAAM,EAIZ,CACF,IACC,aAAa,YAEf,aAAa,KAAK,UAChB,oBAAC,iBAAD;KAES;KACP,SACE,gBACI,MAAM,SAAS,kBACd,CAAC,MAAM,OAAO,MAAM,OAAO,iBAC5B;KAEM;KACZ,SAAS,iBAAiB;KACZ;IACf,GAXM,MAAM,EAWZ,CACF,IACC,aAAa,YAEf,oBAAC,aAAD;KACE,QAAQ;KACR,QAAQ;KACD;KACF;KACQ;KACC;KACF;KACZ,eAAe,iBAAiB;KAC1B;KACQ;KACA;IACf,CAAA,IAGD,oBAAC,WAAD;KACE,QAAQ;KACR,QAAQ;KACD;KACF;KACQ;KACC;KACR;KACQ;KACA;KACd,kBAAkB;KACF;KACJ;IACb,CAAA;GAEA,CAAA;GAEL,oBAAC,SAAD,EAAA,UAAQ;;;;;QAKC,CAAA;EACN;;AAET,CAAC"}