@zendir/ui 0.2.21 → 0.3.0

package/dist/react/core/LogViewer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LogViewer.js","sources":["../../../src/react/core/LogViewer.tsx"],"sourcesContent":["/**\n * @zendir/ui - LogViewer Component\n * \n * Real-time log/event viewer for mission operations and system monitoring.\n * Supports severity filtering, search, auto-scroll, pause/resume,\n * and timestamped entries with color-coded severity levels.\n * \n * Features:\n * - Severity levels: debug, info, warn, error, critical\n * - Color-coded entries with Astro status colors\n * - Real-time auto-scroll with pause/resume\n * - Search/filter by text\n * - Severity filter checkboxes\n * - Timestamp display\n * - Source/component tags\n * - Export log to clipboard or file\n * - Maximum log retention (auto-prune old entries)\n * - Virtualized rendering for large logs\n * \n * @example\n * ```tsx\n * <LogViewer\n *   entries={logEntries}\n *   maxEntries={5000}\n *   showTimestamp\n *   showSource\n * />\n * ```\n */\n\nimport React, { useState, useRef, useCallback, useEffect, useMemo, memo } from 'react';\nimport { useTheme } from '../theme';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type LogSeverity = 'debug' | 'info' | 'warn' | 'error' | 'critical';\n\nexport interface LogEntry {\n  /** Unique ID */\n  id: string | number;\n  /** Timestamp (ISO string or Date) */\n  timestamp: string | Date;\n  /** Severity level */\n  severity: LogSeverity;\n  /** Log message */\n  message: string;\n  /** Source component/system */\n  source?: string;\n  /** Additional metadata */\n  metadata?: Record<string, unknown>;\n}\n\nconst DEFAULT_ESTIMATED_ROW_HEIGHT = 28;\nconst DEFAULT_OVERSCAN_COUNT = 12;\n\nexport interface LogViewerProps {\n  /** Array of log entries */\n  entries: LogEntry[];\n  /** Maximum entries to keep in memory (default: 5000). Older entries are pruned. */\n  maxEntries?: number;\n  /** Height of the viewer (default: 400) */\n  height?: number | string;\n  /** Title */\n  title?: string;\n  /** Show timestamps (default: true) */\n  showTimestamp?: boolean;\n  /** Show source column (default: true) */\n  showSource?: boolean;\n  /** Show severity filter toolbar (default: true) */\n  showFilters?: boolean;\n  /** Show search bar (default: true) */\n  showSearch?: boolean;\n  /** Initial severity filters (all enabled by default) */\n  defaultSeverities?: LogSeverity[];\n  /** Timestamp format: 'time', 'datetime', 'relative' (default: 'time') */\n  timestampFormat?: 'time' | 'datetime' | 'relative';\n  /** Called when an entry is clicked */\n  onEntryClick?: (entry: LogEntry) => void;\n  /** CSS class */\n  className?: string;\n  /** Show outer container border (default: true). Set false when embedded inside a Container/card. */\n  bordered?: boolean;\n  /** Custom style overrides for the outer container */\n  style?: React.CSSProperties;\n  /** Estimated row height in px for virtualization (default: 28). Enables smooth scroll through large logs. */\n  estimatedRowHeight?: number;\n  /** Number of rows to render above/below viewport for virtualization (default: 12). */\n  overscanCount?: number;\n  /**\n   * Enable pagination: show entries in pages with Previous/Next.\n   * Page 1 = newest entries. Use with large maxEntries so users can navigate to older pages.\n   * When set, scrolling is replaced by page navigation (better for very large logs).\n   */\n  pagination?: boolean | { pageSize?: number };\n}\n\n// =============================================================================\n// Helpers\n// =============================================================================\n\nconst SEVERITY_ORDER: LogSeverity[] = ['debug', 'info', 'warn', 'error', 'critical'];\n\nfunction formatTimestamp(ts: string | Date, format: 'time' | 'datetime' | 'relative'): string {\n  const d = typeof ts === 'string' ? new Date(ts) : ts;\n  if (isNaN(d.getTime())) return String(ts);\n  \n  if (format === 'time') {\n    return d.toLocaleTimeString('en-US', { hour12: false, hour: '2-digit', minute: '2-digit', second: '2-digit' })\n      + '.' + d.getMilliseconds().toString().padStart(3, '0');\n  }\n  if (format === 'datetime') {\n    return d.toLocaleDateString('en-US', { month: 'short', day: '2-digit' }) + ' '\n      + d.toLocaleTimeString('en-US', { hour12: false, hour: '2-digit', minute: '2-digit', second: '2-digit' });\n  }\n  // relative\n  const diff = Date.now() - d.getTime();\n  if (diff < 1000) return 'just now';\n  if (diff < 60000) return `${Math.floor(diff / 1000)}s ago`;\n  if (diff < 3600000) return `${Math.floor(diff / 60000)}m ago`;\n  return `${Math.floor(diff / 3600000)}h ago`;\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\nexport const LogViewer = memo(function LogViewer({\n  entries,\n  maxEntries = 5000,\n  height = 400,\n  title,\n  showTimestamp = true,\n  showSource = true,\n  showFilters = true,\n  showSearch = true,\n  defaultSeverities,\n  timestampFormat = 'time',\n  onEntryClick,\n  className = '',\n  bordered = true,\n  style: styleProp,\n  estimatedRowHeight = DEFAULT_ESTIMATED_ROW_HEIGHT,\n  overscanCount = DEFAULT_OVERSCAN_COUNT,\n  pagination,\n}: LogViewerProps): React.ReactElement {\n  const { tokens, theme } = useTheme();\n  const isTransparentTheme =\n    theme === 'transparent' || theme === 'transparent-bold' || theme === 'transparent-minimal';\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const [paused, setPaused] = useState(false);\n  const [searchQuery, setSearchQuery] = useState('');\n  const [severityFilter, setSeverityFilter] = useState<Set<LogSeverity>>(\n    new Set(defaultSeverities ?? SEVERITY_ORDER)\n  );\n  const [autoScroll, setAutoScroll] = useState(true);\n  const prevLengthRef = useRef(entries.length);\n  /** Scroll position and container height for virtualization */\n  const [scrollState, setScrollState] = useState({ scrollTop: 0, containerHeight: 300 });\n  const rafRef = useRef<number | null>(null);\n\n  const severityColors: Record<LogSeverity, string> = {\n    debug: tokens.colors.text.muted ?? tokens.colors.text.secondary,\n    info: tokens.colors.status.standby,\n    warn: tokens.colors.status.caution,\n    error: tokens.colors.status.serious,\n    critical: tokens.colors.status.critical,\n  };\n\n  /**\n   * Astro UX status shapes mapped to log severity levels:\n   *   debug → off (small dot ·), info → standby (ring ◯),\n   *   warn → caution (square ■), error → serious (diamond ◆),\n   *   critical → critical (triangle down ▼)\n   */\n  const severityShapes: Record<LogSeverity, string> = {\n    debug: '·',\n    info: '○',\n    warn: '■',\n    error: '◆',\n    critical: '▼',\n  };\n\n  const severityLabels: Record<LogSeverity, string> = {\n    debug: 'DBG',\n    info: 'INF',\n    warn: 'WRN',\n    error: 'ERR',\n    critical: 'CRT',\n  };\n\n  // Filter & limit entries: keep NEWEST maxEntries (entries[0] = newest)\n  const filteredEntries = useMemo(() => {\n    let filtered = entries.filter(e => severityFilter.has(e.severity));\n    if (searchQuery.trim()) {\n      const q = searchQuery.toLowerCase();\n      filtered = filtered.filter(e =>\n        e.message.toLowerCase().includes(q) ||\n        (e.source && e.source.toLowerCase().includes(q))\n      );\n    }\n    return filtered.slice(0, maxEntries);\n  }, [entries, severityFilter, searchQuery, maxEntries]);\n\n  const paginationConfig = pagination === true ? { pageSize: 200 } : (pagination || undefined);\n  const pageSize = paginationConfig?.pageSize ?? 200;\n  const totalPages = Math.max(1, Math.ceil(filteredEntries.length / pageSize));\n  const [currentPage, setCurrentPage] = useState(1);\n\n  // Clamp current page when totalPages shrinks (e.g. after filter change)\n  useEffect(() => {\n    setCurrentPage(p => Math.min(p, totalPages));\n  }, [totalPages]);\n\n  const paginationEntries = useMemo(() => {\n    if (!paginationConfig) return null;\n    const start = (currentPage - 1) * pageSize;\n    return filteredEntries.slice(start, start + pageSize);\n  }, [paginationConfig, currentPage, pageSize, filteredEntries]);\n\n  const totalHeight = filteredEntries.length * estimatedRowHeight;\n  const { scrollTop, containerHeight } = scrollState;\n  const visibleRange = useMemo(() => {\n    const start = Math.max(0, Math.floor(scrollTop / estimatedRowHeight) - overscanCount);\n    const end = Math.min(\n      filteredEntries.length,\n      Math.ceil((scrollTop + containerHeight) / estimatedRowHeight) + overscanCount\n    );\n    return { start, end };\n  }, [scrollTop, containerHeight, estimatedRowHeight, overscanCount, filteredEntries.length]);\n  const visibleEntries = useMemo(\n    () => filteredEntries.slice(visibleRange.start, visibleRange.end),\n    [filteredEntries, visibleRange.start, visibleRange.end],\n  );\n\n  const usePagination = !!paginationConfig;\n\n  const renderRow = useCallback((entry: LogEntry) => (\n    <div\n      key={entry.id}\n      role={onEntryClick ? 'button' : 'listitem'}\n      tabIndex={onEntryClick ? 0 : undefined}\n      aria-label={onEntryClick ? `${severityLabels[entry.severity]}: ${entry.message}` : undefined}\n      onClick={() => onEntryClick?.(entry)}\n      onKeyDown={onEntryClick ? (e) => (e.key === 'Enter' || e.key === ' ') && (e.preventDefault(), onEntryClick(entry)) : undefined}\n      style={{\n        display: 'flex',\n        alignItems: 'flex-start',\n        minHeight: estimatedRowHeight,\n        boxSizing: 'border-box',\n        padding: '3px 12px',\n        borderBottom: `1px solid ${tokens.colors.border.muted}11`,\n        cursor: onEntryClick ? 'pointer' : 'default',\n        transition: 'background 150ms ease',\n      }}\n      onMouseEnter={e => { (e.currentTarget as HTMLDivElement).style.background = `${tokens.colors.background.surface}`; }}\n      onMouseLeave={e => { (e.currentTarget as HTMLDivElement).style.background = 'transparent'; }}\n    >\n      <span style={{\n        color: severityColors[entry.severity],\n        fontWeight: 700,\n        fontSize: tokens.typography.fontSize.xxs,\n        minWidth: 38,\n        textAlign: 'center',\n        background: `${severityColors[entry.severity]}18`,\n        borderRadius: tokens.borderRadius.sm,\n        padding: '1px 4px',\n        marginRight: 8,\n        marginTop: 1,\n        letterSpacing: '0.3px',\n        display: 'inline-flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        gap: 3,\n      }}>\n        <span style={{ fontSize: '8px', lineHeight: 1 }}>{severityShapes[entry.severity]}</span>\n        {severityLabels[entry.severity]}\n      </span>\n      {showTimestamp && (\n        <span style={{\n          color: tokens.colors.text.muted,\n          marginRight: 8,\n          minWidth: 85,\n          fontSize: 11,\n          flexShrink: 0,\n        }}>\n          {formatTimestamp(entry.timestamp, timestampFormat)}\n        </span>\n      )}\n      {showSource && entry.source && (\n        <span style={{\n          color: tokens.colors.interactive.default,\n          marginRight: 8,\n          fontSize: 11,\n          minWidth: 70,\n          maxWidth: 100,\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n          whiteSpace: 'nowrap',\n          flexShrink: 0,\n        }}>\n          [{entry.source}]\n        </span>\n      )}\n      <span style={{\n        color: entry.severity === 'error' || entry.severity === 'critical'\n          ? severityColors[entry.severity]\n          : tokens.colors.text.primary,\n        flex: 1,\n        wordBreak: 'break-word',\n        lineHeight: 1.4,\n      }}>\n        {entry.message}\n      </span>\n    </div>\n  ), [severityColors, severityShapes, severityLabels, estimatedRowHeight, tokens, showTimestamp, showSource, timestampFormat, onEntryClick]);\n\n  // Measure scroll container height\n  useEffect(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n    const ro = new ResizeObserver(() => {\n      setScrollState(s => ({ ...s, containerHeight: el.clientHeight }));\n    });\n    ro.observe(el);\n    setScrollState(s => ({ ...s, containerHeight: el.clientHeight }));\n    return () => ro.disconnect();\n  }, []);\n\n  const handleScroll = useCallback(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n    const { scrollTop: st, scrollHeight, clientHeight } = el;\n    const atBottom = scrollHeight - st - clientHeight < 30;\n    setAutoScroll(atBottom);\n    if (rafRef.current !== null) cancelAnimationFrame(rafRef.current);\n    rafRef.current = requestAnimationFrame(() => {\n      rafRef.current = null;\n      setScrollState(prev => ({ ...prev, scrollTop: el.scrollTop }));\n    });\n  }, []);\n\n  // Auto-scroll to bottom when new entries arrive and user is at bottom (scroll mode).\n  // In pagination mode: page 1 always shows newest entries (entries are prepended) so\n  // content updates automatically — no forced jump needed. The user decides when to\n  // follow new entries by clicking \"First\" (which sets autoScroll=true).\n  useEffect(() => {\n    if (entries.length <= prevLengthRef.current) {\n      prevLengthRef.current = entries.length;\n      return;\n    }\n    if (!usePagination && !paused && autoScroll && scrollRef.current) {\n      scrollRef.current.scrollTop = scrollRef.current.scrollHeight;\n    }\n    prevLengthRef.current = entries.length;\n  }, [entries.length, paused, autoScroll, usePagination]);\n\n  useEffect(() => () => {\n    if (rafRef.current !== null) cancelAnimationFrame(rafRef.current);\n  }, []);\n\n  const toggleSeverity = useCallback((sev: LogSeverity) => {\n    setSeverityFilter(prev => {\n      const next = new Set(prev);\n      if (next.has(sev)) next.delete(sev);\n      else next.add(sev);\n      return next;\n    });\n  }, []);\n\n  const exportLog = useCallback(() => {\n    const text = filteredEntries.map(e => {\n      const ts = formatTimestamp(e.timestamp, 'datetime');\n      const src = e.source ? `[${e.source}]` : '';\n      return `${ts} [${e.severity.toUpperCase()}] ${src} ${e.message}`;\n    }).join('\\n');\n    navigator.clipboard?.writeText(text);\n  }, [filteredEntries]);\n\n  const clearFilters = useCallback(() => {\n    setSeverityFilter(new Set(SEVERITY_ORDER));\n    setSearchQuery('');\n  }, []);\n\n  // Counts by severity\n  const counts = useMemo(() => {\n    const c: Record<LogSeverity, number> = { debug: 0, info: 0, warn: 0, error: 0, critical: 0 };\n    entries.forEach(e => { c[e.severity]++; });\n    return c;\n  }, [entries]);\n\n  return (\n    <div\n      className={`log-viewer ${className}`}\n      style={{\n        height: typeof height === 'number' ? `${height}px` : height,\n        minHeight: typeof height === 'number' ? `${height}px` : height,\n        background: tokens.colors.background.base,\n        ...(bordered ? (tokens.colors.border.cardStyle ?? { border: `1px solid ${tokens.colors.border.muted}` }) : { border: 'none' }),\n        borderRadius: tokens.borderRadius.lg,\n        overflow: 'hidden',\n        display: 'flex',\n        flexDirection: 'column',\n        fontFamily: tokens.typography.fontFamily.mono,\n        ...styleProp,\n        fontSize: tokens.typography.fontSize.xs,\n        color: tokens.colors.text.primary,\n        backdropFilter: isTransparentTheme ? 'blur(10px)' : undefined,\n        WebkitBackdropFilter: isTransparentTheme ? 'blur(10px)' : undefined,\n      }}\n    >\n      {/* Header */}\n      {title && (\n        <div style={{\n          padding: '8px 12px',\n          borderBottom: `1px solid ${tokens.colors.border.muted}`,\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          background: tokens.colors.background.surface,\n          fontFamily: tokens.typography.fontFamily.primary,\n          backdropFilter: 'blur(8px)',\n        }}>\n          <span style={{ fontWeight: 600, fontSize: 13 }}>{title}</span>\n          <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>\n            <span style={{ fontSize: 11, color: tokens.colors.text.muted }}>\n              {filteredEntries.length.toLocaleString()} entries\n            </span>\n          </div>\n        </div>\n      )}\n\n      {/* Toolbar */}\n      {(showFilters || showSearch) && (\n        <div style={{\n          padding: '6px 12px',\n          borderBottom: `1px solid ${tokens.colors.border.muted}`,\n          display: 'flex',\n          alignItems: 'center',\n          gap: 8,\n          flexWrap: 'wrap',\n          background: tokens.colors.background.surface,\n          fontFamily: tokens.typography.fontFamily.primary,\n        }}>\n          {showFilters && SEVERITY_ORDER.map(sev => (\n            <button\n              key={sev}\n              onClick={() => toggleSeverity(sev)}\n              aria-pressed={severityFilter.has(sev)}\n              aria-label={`Filter ${sev} logs (${counts[sev]})`}\n              style={{\n                background: severityFilter.has(sev) ? `${severityColors[sev]}22` : 'transparent',\n                color: severityFilter.has(sev) ? severityColors[sev] : tokens.colors.text.muted,\n                border: `1px solid ${severityFilter.has(sev) ? severityColors[sev] + '66' : tokens.colors.border.muted}`,\n                borderRadius: tokens.borderRadius.md,\n                padding: `${tokens.spacing.xxs} ${tokens.spacing.sm}`,\n                fontSize: tokens.typography.fontSize.xxs,\n                fontWeight: tokens.typography.fontWeight.medium,\n                cursor: 'pointer',\n                textTransform: 'uppercase',\n                letterSpacing: '0.5px',\n                transition: 'all 150ms ease',\n              }}\n            >\n              <span aria-hidden=\"true\">{severityShapes[sev]}</span> {sev} ({counts[sev]})\n            </button>\n          ))}\n          <div style={{ flex: 1 }} />\n          {showSearch && (\n            <input\n              type=\"text\"\n              value={searchQuery}\n              onChange={e => setSearchQuery(e.target.value)}\n              placeholder=\"Filter messages...\"\n              aria-label=\"Filter log messages\"\n              style={{\n                background: tokens.colors.background.base,\n                color: tokens.colors.text.primary,\n                border: `1px solid ${tokens.colors.border.muted}`,\n                borderRadius: tokens.borderRadius.md,\n                padding: `3px ${tokens.spacing.sm}`,\n                fontSize: tokens.typography.fontSize.sm,\n                outline: 'none',\n                minWidth: 150,\n              }}\n            />\n          )}\n          <button\n            onClick={() => setPaused(p => !p)}\n            aria-label={paused ? 'Resume log stream' : 'Pause log stream'}\n            style={{\n              background: paused ? `${tokens.colors.status.caution}22` : tokens.colors.background.base,\n              color: paused ? tokens.colors.status.caution : tokens.colors.text.secondary,\n              border: `1px solid ${tokens.colors.border.muted}`,\n              borderRadius: tokens.borderRadius.md, padding: `${tokens.spacing.xxs} ${tokens.spacing.sm}`,\n              fontSize: tokens.typography.fontSize.xxs, cursor: 'pointer',\n              fontWeight: tokens.typography.fontWeight.medium,\n              transition: 'all 150ms ease',\n            }}\n          >\n            {paused ? '\\u25B6 Resume' : '\\u23F8 Pause'}\n          </button>\n          <button onClick={exportLog} aria-label=\"Copy log to clipboard\" style={{\n            background: tokens.colors.background.base,\n            color: tokens.colors.text.secondary,\n            border: `1px solid ${tokens.colors.border.muted}`,\n            borderRadius: tokens.borderRadius.md, padding: `${tokens.spacing.xxs} ${tokens.spacing.sm}`,\n            fontSize: tokens.typography.fontSize.xxs, cursor: 'pointer',\n            transition: 'all 150ms ease',\n          }}>\n            Copy\n          </button>\n          <button onClick={clearFilters} aria-label=\"Reset all filters\" style={{\n            background: tokens.colors.background.base,\n            color: tokens.colors.text.secondary,\n            border: `1px solid ${tokens.colors.border.muted}`,\n            borderRadius: tokens.borderRadius.md, padding: `${tokens.spacing.xxs} ${tokens.spacing.sm}`,\n            fontSize: tokens.typography.fontSize.xxs, cursor: 'pointer',\n            transition: 'all 150ms ease',\n          }}>\n            Reset\n          </button>\n        </div>\n      )}\n\n      {/* Log entries — minHeight: 0 so flex child can shrink and scroll */}\n      <div\n        ref={scrollRef}\n        onScroll={handleScroll}\n        className=\"zendir-log-scroll\"\n        style={{\n          flex: 1,\n          minHeight: 0,\n          overflowY: 'auto',\n          overflowX: 'hidden',\n          padding: '2px 0',\n          overscrollBehavior: 'contain',\n          WebkitOverflowScrolling: 'touch',\n        }}\n      >\n        {filteredEntries.length === 0 ? (\n          <div style={{\n            display: 'flex', alignItems: 'center', justifyContent: 'center',\n            height: '100%', color: tokens.colors.text.muted, fontSize: 13,\n            fontFamily: tokens.typography.fontFamily.primary,\n          }}>\n            {entries.length === 0 ? 'No log entries' : 'No matching entries'}\n          </div>\n        ) : usePagination ? (\n          <div style={{ padding: '2px 0' }} role=\"list\" aria-label=\"Log entries\">\n            {(paginationEntries ?? []).map(entry => renderRow(entry))}\n          </div>\n        ) : (\n          <div\n            style={{\n              height: totalHeight,\n              position: 'relative',\n              width: '100%',\n            }}\n            role=\"list\"\n            aria-label=\"Log entries\"\n          >\n            {visibleRange.start > 0 && (\n              <div\n                style={{ height: visibleRange.start * estimatedRowHeight, width: '100%' }}\n                aria-hidden\n              />\n            )}\n            {visibleEntries.map(entry => renderRow(entry))}\n            {visibleRange.end < filteredEntries.length && (\n              <div\n                style={{\n                  height: (filteredEntries.length - visibleRange.end) * estimatedRowHeight,\n                  width: '100%',\n                }}\n                aria-hidden\n              />\n            )}\n          </div>\n        )}\n      </div>\n\n      {/* Pagination footer */}\n      {usePagination && filteredEntries.length > 0 && (\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'space-between',\n            flexWrap: 'wrap',\n            gap: tokens.spacing.sm,\n            padding: `${tokens.spacing.xs} ${tokens.spacing.smd}`,\n            borderTop: `1px solid ${tokens.colors.border.muted}`,\n            background: tokens.colors.background.surface,\n            fontFamily: tokens.typography.fontFamily.primary,\n            fontSize: tokens.typography.fontSize.xs,\n            color: tokens.colors.text.secondary,\n          }}\n        >\n          <span aria-live=\"polite\">\n            Page {currentPage} of {totalPages}\n            {filteredEntries.length > 0 && (\n              <span style={{ marginLeft: tokens.spacing.sm }}>\n                ({((currentPage - 1) * pageSize + 1).toLocaleString()}–{Math.min(currentPage * pageSize, filteredEntries.length).toLocaleString()} of {filteredEntries.length.toLocaleString()})\n              </span>\n            )}\n          </span>\n          <div style={{ display: 'flex', alignItems: 'center', gap: tokens.spacing.xs }}>\n            <button\n              type=\"button\"\n              onClick={() => { setCurrentPage(1); setAutoScroll(true); }}\n              disabled={currentPage <= 1}\n              aria-label=\"First page (newest)\"\n              style={{\n                padding: `${tokens.spacing.xxs} ${tokens.spacing.sm}`,\n                border: `1px solid ${tokens.colors.border.muted}`,\n                borderRadius: tokens.borderRadius.md,\n                background: tokens.colors.background.base,\n                color: tokens.colors.text.primary,\n                fontSize: tokens.typography.fontSize.xxs,\n                cursor: currentPage <= 1 ? 'not-allowed' : 'pointer',\n                opacity: currentPage <= 1 ? 0.5 : 1,\n              }}\n            >\n              First\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => { setCurrentPage(p => Math.max(1, p - 1)); setAutoScroll(false); }}\n              disabled={currentPage <= 1}\n              aria-label=\"Previous page\"\n              style={{\n                padding: `${tokens.spacing.xxs} ${tokens.spacing.sm}`,\n                border: `1px solid ${tokens.colors.border.muted}`,\n                borderRadius: tokens.borderRadius.md,\n                background: tokens.colors.background.base,\n                color: tokens.colors.text.primary,\n                fontSize: tokens.typography.fontSize.xxs,\n                cursor: currentPage <= 1 ? 'not-allowed' : 'pointer',\n                opacity: currentPage <= 1 ? 0.5 : 1,\n              }}\n            >\n              Previous\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => { setCurrentPage(p => Math.min(totalPages, p + 1)); setAutoScroll(false); }}\n              disabled={currentPage >= totalPages}\n              aria-label=\"Next page\"\n              style={{\n                padding: `${tokens.spacing.xxs} ${tokens.spacing.sm}`,\n                border: `1px solid ${tokens.colors.border.muted}`,\n                borderRadius: tokens.borderRadius.md,\n                background: tokens.colors.background.base,\n                color: tokens.colors.text.primary,\n                fontSize: tokens.typography.fontSize.xxs,\n                cursor: currentPage >= totalPages ? 'not-allowed' : 'pointer',\n                opacity: currentPage >= totalPages ? 0.5 : 1,\n              }}\n            >\n              Next\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => { setCurrentPage(totalPages); setAutoScroll(false); }}\n              disabled={currentPage >= totalPages}\n              aria-label=\"Last page (oldest)\"\n              style={{\n                padding: `${tokens.spacing.xxs} ${tokens.spacing.sm}`,\n                border: `1px solid ${tokens.colors.border.muted}`,\n                borderRadius: tokens.borderRadius.md,\n                background: tokens.colors.background.base,\n                color: tokens.colors.text.primary,\n                fontSize: tokens.typography.fontSize.xxs,\n                cursor: currentPage >= totalPages ? 'not-allowed' : 'pointer',\n                opacity: currentPage >= totalPages ? 0.5 : 1,\n              }}\n            >\n              Last\n            </button>\n          </div>\n        </div>\n      )}\n\n      {/* Status bar */}\n      <style>{`\n        .zendir-log-scroll::-webkit-scrollbar { width: 6px; }\n        .zendir-log-scroll::-webkit-scrollbar-track { background: transparent; }\n        .zendir-log-scroll::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.15); border-radius: 3px; }\n        .zendir-log-scroll::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.25); }\n        .zendir-log-scroll { scrollbar-width: thin; scrollbar-color: rgba(255,255,255,0.15) transparent; }\n      `}</style>\n\n      {paused && (\n        <div role=\"status\" style={{\n          padding: `${tokens.spacing.xs} ${tokens.spacing.smd}`,\n          borderTop: `1px solid ${tokens.colors.border.muted}`,\n          background: `${tokens.colors.status.caution}15`,\n          color: tokens.colors.status.caution,\n          fontSize: tokens.typography.fontSize.sm,\n          textAlign: 'center',\n          fontFamily: tokens.typography.fontFamily.primary,\n          fontWeight: tokens.typography.fontWeight.medium,\n        }}>\n          Log paused — new entries are buffered\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default LogViewer;\n"],"names":["LogViewer"],"mappings":"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"}

package/dist/react/core/MessageStream.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageStream.js","sources":["../../../src/react/core/MessageStream.tsx"],"sourcesContent":["/**\n * @zendir/ui - MessageStream Component\n * \n * Stream/notification window for displaying messages, events, or status updates.\n * Each message card has integrated status system with dual-coding (color + shape).\n * \n * AstroUXDS Compliance:\n * - Status colors per AstroUXDS status system\n * - Dual-coding (color + shape) for accessibility\n * - Clear visual hierarchy\n * - Proper contrast ratios\n * \n * @example\n * ```tsx\n * import { MessageStream } from '@zendir/ui';\n * \n * <MessageStream\n *   title=\"Response Status\"\n *   messages={[\n *     { id: '1', text: 'Message Received', status: 'standby' },\n *     { id: '2', text: 'Confirmation Receipt', status: 'normal' },\n *     { id: '3', text: 'Failed', status: 'critical' },\n *   ]}\n * />\n * ```\n */\n\nimport React, { memo, useMemo } from 'react';\nimport { useTheme } from '../theme';\nimport { classNames, type StatusLevel } from '../utils';\nimport { type AstroIconName } from './AstroIcon';\nimport { Icon } from './Icon';\nimport { useCompactMode } from '../hooks';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface StreamMessage {\n  /** Unique identifier */\n  id: string;\n  /** Message text/label */\n  text: string;\n  /** Status level for color and shape */\n  status?: StatusLevel;\n  /** Optional timestamp */\n  timestamp?: Date | string;\n  /** Optional icon override */\n  icon?: AstroIconName;\n  /** Optional metadata/details */\n  details?: string;\n  /** Child messages (for hierarchical display) */\n  children?: StreamMessage[];\n  /** Whether this message is highlighted/active */\n  active?: boolean;\n}\n\nexport interface MessageStreamProps {\n  /** Stream title */\n  title?: string;\n  /** Subtitle or description */\n  subtitle?: string;\n  /** Array of messages to display */\n  messages: StreamMessage[];\n  /** Maximum height before scrolling */\n  maxHeight?: number | string;\n  /** Show timestamps */\n  showTimestamps?: boolean;\n  /** Time format for timestamps */\n  timeFormat?: 'relative' | 'absolute' | 'time-only';\n  /** Variant: 'list' for vertical, 'tree' for hierarchical */\n  variant?: 'list' | 'tree' | 'compact';\n  /** Custom className */\n  className?: string;\n  /** Card size */\n  size?: 'sm' | 'md' | 'lg';\n  /** On message click */\n  onMessageClick?: (message: StreamMessage) => void;\n  /** Loading state */\n  loading?: boolean;\n  /** Empty state message */\n  emptyMessage?: string;\n  /** Show connection lines (tree variant) */\n  showConnectors?: boolean;\n  /** Enable collapsible compact mode - shows condensed view that expands on hover/click */\n  collapsible?: boolean;\n  /** Start expanded when in collapsible mode (pinned state) */\n  defaultExpanded?: boolean;\n  /** Callback when pin state changes in collapsible mode */\n  onPinChange?: (isPinned: boolean) => void;\n}\n\n// =============================================================================\n// Status Shapes (same as DataValue for consistency)\n// =============================================================================\n\nconst STATUS_SHAPES: Record<StatusLevel, (size: number, color: string) => React.ReactNode> = {\n  off: (size, color) => (\n    <svg viewBox=\"0 0 12 12\" width={size} height={size} aria-hidden=\"true\">\n      <circle cx=\"6\" cy=\"6\" r=\"5\" fill={color} />\n    </svg>\n  ),\n  standby: (size, color) => (\n    <svg viewBox=\"0 0 12 12\" width={size} height={size} aria-hidden=\"true\">\n      <circle cx=\"6\" cy=\"6\" r=\"5\" fill=\"none\" stroke={color} strokeWidth=\"2\" />\n    </svg>\n  ),\n  normal: (size, color) => (\n    <svg viewBox=\"0 0 12 12\" width={size} height={size} aria-hidden=\"true\">\n      <circle cx=\"6\" cy=\"6\" r=\"5\" fill={color} />\n    </svg>\n  ),\n  caution: (size, color) => (\n    <svg viewBox=\"0 0 12 12\" width={size} height={size} aria-hidden=\"true\">\n      <rect x=\"1\" y=\"1\" width=\"10\" height=\"10\" fill={color} />\n    </svg>\n  ),\n  serious: (size, color) => (\n    <svg viewBox=\"0 0 12 12\" width={size} height={size} aria-hidden=\"true\">\n      <polygon points=\"6,1 11,6 6,11 1,6\" fill={color} />\n    </svg>\n  ),\n  critical: (size, color) => (\n    <svg viewBox=\"0 0 12 12\" width={size} height={size} aria-hidden=\"true\">\n      <polygon points=\"6,11 1,2 11,2\" fill={color} />\n    </svg>\n  ),\n};\n\n// =============================================================================\n// Helper Functions\n// =============================================================================\n\nfunction getStatusColor(status: StatusLevel | undefined, tokens: any): string {\n  switch (status) {\n    case 'normal': return tokens.colors.status.normal;\n    case 'standby': return tokens.colors.status.standby;\n    case 'caution': return tokens.colors.status.caution;\n    case 'serious': return tokens.colors.status.serious;\n    case 'critical': return tokens.colors.status.critical;\n    case 'off': return tokens.colors.status.off;\n    default: return tokens.colors.status.standby;\n  }\n}\n\nfunction formatTimestamp(\n  timestamp: Date | string | undefined,\n  format: 'relative' | 'absolute' | 'time-only'\n): string {\n  if (!timestamp) return '';\n  \n  const date = typeof timestamp === 'string' ? new Date(timestamp) : timestamp;\n  \n  if (format === 'relative') {\n    const now = new Date();\n    const diff = now.getTime() - date.getTime();\n    const seconds = Math.floor(diff / 1000);\n    const minutes = Math.floor(seconds / 60);\n    const hours = Math.floor(minutes / 60);\n    \n    if (seconds < 60) return 'Just now';\n    if (minutes < 60) return `${minutes}m ago`;\n    if (hours < 24) return `${hours}h ago`;\n    return date.toLocaleDateString();\n  }\n  \n  if (format === 'time-only') {\n    return date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', second: '2-digit' });\n  }\n  \n  return date.toLocaleString();\n}\n\n// =============================================================================\n// Message Card Component\n// =============================================================================\n\ninterface MessageCardProps {\n  message: StreamMessage;\n  tokens: any;\n  size: 'sm' | 'md' | 'lg';\n  showTimestamp: boolean;\n  timeFormat: 'relative' | 'absolute' | 'time-only';\n  onClick?: (message: StreamMessage) => void;\n  variant: 'list' | 'tree' | 'compact';\n}\n\nconst MessageCard = memo(function MessageCard({\n  message,\n  tokens,\n  size,\n  showTimestamp,\n  timeFormat,\n  onClick,\n  variant,\n}: MessageCardProps) {\n  const status = message.status || 'standby';\n  const statusColor = getStatusColor(status, tokens);\n  \n  const sizeConfig = {\n    sm: { padding: 8, fontSize: '0.75rem', fontSizeSmall: '0.625rem', iconSize: 10, gap: 6 },   // 12px / 10px in rem\n    md: { padding: 12, fontSize: '0.875rem', fontSizeSmall: '0.75rem', iconSize: 12, gap: 8 }, // 14px / 12px in rem\n    lg: { padding: 16, fontSize: '1rem', fontSizeSmall: '0.875rem', iconSize: 14, gap: 10 },    // 16px / 14px in rem\n  }[size];\n  \n  const isCompact = variant === 'compact';\n  \n  return (\n    <div\n      role=\"listitem\"\n      aria-label={`${message.text} - ${status}`}\n      onClick={() => onClick?.(message)}\n      style={{\n        display: 'flex',\n        alignItems: 'center',\n        gap: sizeConfig.gap,\n        padding: isCompact ? `${sizeConfig.padding / 2}px ${sizeConfig.padding}px` : sizeConfig.padding,\n        backgroundColor: tokens.colors.background.elevated,\n        border: `1.5px solid ${statusColor}`,\n        borderRadius: tokens.borderRadius.md,\n        cursor: onClick ? 'pointer' : 'default',\n        transition: 'all 0.15s ease',\n        ...(message.active && {\n          boxShadow: `0 0 0 2px ${statusColor}40`,\n        }),\n      }}\n      onMouseEnter={(e) => {\n        if (onClick) {\n          e.currentTarget.style.backgroundColor = tokens.colors.background.surface;\n          e.currentTarget.style.transform = 'translateY(-1px)';\n        }\n      }}\n      onMouseLeave={(e) => {\n        if (onClick) {\n          e.currentTarget.style.backgroundColor = tokens.colors.background.elevated;\n          e.currentTarget.style.transform = 'translateY(0)';\n        }\n      }}\n    >\n      {/* Status Shape */}\n      <span style={{ flexShrink: 0, display: 'flex', alignItems: 'center' }}>\n        {STATUS_SHAPES[status](sizeConfig.iconSize, statusColor)}\n      </span>\n      \n      {/* Message Text */}\n      <span\n        style={{\n          flex: 1,\n          fontSize: sizeConfig.fontSize,\n          fontWeight: 500,\n          color: tokens.colors.text.primary,\n          whiteSpace: 'nowrap',\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n        }}\n      >\n        {message.text}\n      </span>\n      \n      {/* Details (if any) */}\n      {message.details && !isCompact && (\n        <span\n          style={{\n            fontSize: sizeConfig.fontSizeSmall,\n            color: tokens.colors.text.tertiary,\n          }}\n        >\n          {message.details}\n        </span>\n      )}\n      \n      {/* Timestamp */}\n      {showTimestamp && message.timestamp && (\n        <span\n          style={{\n            fontSize: sizeConfig.fontSizeSmall,\n            color: tokens.colors.text.tertiary,\n            fontFamily: tokens.typography.fontFamily.mono,\n            whiteSpace: 'nowrap',\n          }}\n        >\n          {formatTimestamp(message.timestamp, timeFormat)}\n        </span>\n      )}\n    </div>\n  );\n});\n\n// =============================================================================\n// Tree Node Component (for hierarchical display)\n// =============================================================================\n\ninterface TreeNodeProps {\n  message: StreamMessage;\n  tokens: any;\n  size: 'sm' | 'md' | 'lg';\n  showTimestamp: boolean;\n  timeFormat: 'relative' | 'absolute' | 'time-only';\n  onClick?: (message: StreamMessage) => void;\n  depth: number;\n  showConnectors: boolean;\n  isLast: boolean;\n}\n\nconst TreeNode = memo(function TreeNode({\n  message,\n  tokens,\n  size,\n  showTimestamp,\n  timeFormat,\n  onClick,\n  depth,\n  showConnectors,\n  isLast,\n}: TreeNodeProps) {\n  const hasChildren = message.children && message.children.length > 0;\n  const indentSize = 32;\n  \n  return (\n    <div style={{ position: 'relative' }}>\n      {/* Connector Lines */}\n      {showConnectors && depth > 0 && (\n        <>\n          {/* Vertical line from parent */}\n          <div\n            style={{\n              position: 'absolute',\n              left: (depth - 1) * indentSize + 16,\n              top: 0,\n              width: 2,\n              height: isLast ? '50%' : '100%',\n              backgroundColor: tokens.colors.border.muted,\n            }}\n          />\n          {/* Horizontal line to node */}\n          <div\n            style={{\n              position: 'absolute',\n              left: (depth - 1) * indentSize + 16,\n              top: '50%',\n              width: indentSize - 8,\n              height: 2,\n              backgroundColor: tokens.colors.border.muted,\n            }}\n          />\n        </>\n      )}\n      \n      {/* Message Card */}\n      <div style={{ marginLeft: depth * indentSize }}>\n        <MessageCard\n          message={message}\n          tokens={tokens}\n          size={size}\n          showTimestamp={showTimestamp}\n          timeFormat={timeFormat}\n          onClick={onClick}\n          variant=\"tree\"\n        />\n      </div>\n      \n      {/* Render children */}\n      {hasChildren && (\n        <div style={{ marginTop: 8 }}>\n          {message.children!.map((child, index) => (\n            <div key={child.id} style={{ marginTop: index > 0 ? 8 : 0 }}>\n              <TreeNode\n                message={child}\n                tokens={tokens}\n                size={size}\n                showTimestamp={showTimestamp}\n                timeFormat={timeFormat}\n                onClick={onClick}\n                depth={depth + 1}\n                showConnectors={showConnectors}\n                isLast={index === message.children!.length - 1}\n              />\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n});\n\n// =============================================================================\n// MessageStream Component\n// =============================================================================\n\nexport const MessageStream = memo(function MessageStream({\n  title,\n  subtitle,\n  messages,\n  maxHeight,\n  showTimestamps = false,\n  timeFormat = 'relative',\n  variant = 'list',\n  className = '',\n  size = 'md',\n  onMessageClick,\n  loading = false,\n  emptyMessage = 'No messages',\n  showConnectors = true,\n  collapsible = false,\n  defaultExpanded = false,\n  onPinChange,\n}: MessageStreamProps): React.ReactElement {\n  const { tokens, theme, prefersReducedMotion } = useTheme();\n  const isTransparentTheme = theme === 'transparent' || theme === 'transparent-bold' || theme === 'transparent-minimal';\n\n  // Collapsible compact mode state management\n  const { expanded, isPinned, handlers, transitionDuration } = useCompactMode({\n    compact: collapsible,\n    defaultExpanded,\n    onPinChange,\n  });\n  \n  // Card container styles - Use transparent background with blur for transparent themes (matching Timeline)\n  const containerStyle = useMemo(() => ({\n    backgroundColor: isTransparentTheme ? 'transparent' : tokens.colors.background.surface,\n    ...(isTransparentTheme && { \n      backdropFilter: 'blur(12px)' as const, \n      WebkitBackdropFilter: 'blur(12px)' as const,\n    }),\n    ...(tokens.colors.border.cardStyle ?? { border: `1px solid ${tokens.colors.border.muted}` }),\n    borderRadius: tokens.borderRadius.lg,\n    padding: tokens.spacing.md,\n    display: 'flex',\n    flexDirection: 'column' as const,\n  }), [tokens, isTransparentTheme]);\n\n  // Count messages by status for compact view summary (must be before any conditional return for rules-of-hooks)\n  const statusCounts = useMemo(() => {\n    const counts = { normal: 0, caution: 0, critical: 0, other: 0 };\n    messages.forEach(m => {\n      if (m.status === 'normal') counts.normal++;\n      else if (m.status === 'caution') counts.caution++;\n      else if (m.status === 'critical' || m.status === 'serious') counts.critical++;\n      else counts.other++;\n    });\n    return counts;\n  }, [messages]);\n  \n  // Loading skeleton\n  if (loading) {\n    return (\n      <article\n        className={classNames('zendir-message-stream', className)}\n        style={containerStyle}\n        aria-busy=\"true\"\n        aria-label=\"Loading messages\"\n      >\n        {title && (\n          <div style={{ marginBottom: 16 }}>\n            <div style={{\n              height: 18,\n              width: 120,\n              backgroundColor: tokens.colors.background.elevated,\n              borderRadius: 4,\n              marginBottom: 8,\n            }} />\n            {subtitle && (\n              <div style={{\n                height: 14,\n                width: 200,\n                backgroundColor: tokens.colors.background.elevated,\n                borderRadius: 4,\n              }} />\n            )}\n          </div>\n        )}\n        <div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>\n          {[1, 2, 3].map((i) => (\n            <div\n              key={i}\n              style={{\n                height: 44,\n                backgroundColor: tokens.colors.background.elevated,\n                borderRadius: tokens.borderRadius.md,\n                border: `2px solid ${tokens.colors.border.muted}`,\n              }}\n            />\n          ))}\n        </div>\n      </article>\n    );\n  }\n\n  // Collapsed view - shows summary of messages\n  if (collapsible && !expanded) {\n    return (\n      <article\n        className={classNames('zendir-message-stream', 'collapsed', className)}\n        {...handlers}\n        style={{\n          ...containerStyle,\n          padding: `${tokens.spacing.sm} ${tokens.spacing.md}`,\n          cursor: 'pointer',\n          transition: `all ${transitionDuration} ease-out`,\n        }}\n        onMouseEnter={(e) => {\n          handlers.onMouseEnter();\n          if (!prefersReducedMotion) {\n            (e.currentTarget as HTMLElement).style.transform = 'scale(1.01)';\n            (e.currentTarget as HTMLElement).style.boxShadow = `0 4px 12px ${tokens.colors.accent.primary}20`;\n          }\n        }}\n        onMouseLeave={(e) => {\n          handlers.onMouseLeave();\n          (e.currentTarget as HTMLElement).style.transform = 'scale(1)';\n          (e.currentTarget as HTMLElement).style.boxShadow = '';\n        }}\n        aria-label={`${title || 'Messages'} (collapsed)`}\n      >\n        <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: tokens.spacing.md }}>\n          <div style={{ display: 'flex', alignItems: 'center', gap: tokens.spacing.sm }}>\n            <Icon name=\"message\" size={14} color={tokens.colors.accent.primary} />\n            <span style={{ fontWeight: tokens.typography.fontWeight.medium }}>\n              {title ? title.split(' ')[0] : 'Messages'}\n            </span>\n            <span style={{ color: tokens.colors.text.tertiary, fontSize: tokens.typography.fontSize.xs }}>\n              ({messages.length})\n            </span>\n          </div>\n          \n          <div style={{ display: 'flex', alignItems: 'center', gap: tokens.spacing.sm }}>\n            {statusCounts.critical > 0 && (\n              <span style={{ \n                color: tokens.colors.status.critical,\n                fontSize: tokens.typography.fontSize.xs,\n                fontWeight: tokens.typography.fontWeight.medium,\n              }}>\n                {statusCounts.critical} critical\n              </span>\n            )}\n            {statusCounts.caution > 0 && (\n              <span style={{ \n                color: tokens.colors.status.caution,\n                fontSize: tokens.typography.fontSize.xs,\n                fontWeight: tokens.typography.fontWeight.medium,\n              }}>\n                {statusCounts.caution} warn\n              </span>\n            )}\n            {isPinned && (\n              <Icon name=\"lock\" size={12} color={tokens.colors.accent.primary} />\n            )}\n          </div>\n        </div>\n      </article>\n    );\n  }\n  \n  return (\n    <div\n      className={classNames('zendir-message-stream', collapsible ? 'expanded' : '', className)}\n      {...(collapsible ? handlers : {})}\n      role={collapsible ? handlers.role : 'log'}\n      tabIndex={collapsible ? handlers.tabIndex : undefined}\n      aria-expanded={collapsible ? handlers['aria-expanded'] : undefined}\n      style={{\n        ...containerStyle,\n        cursor: collapsible ? 'pointer' : undefined,\n        transition: collapsible ? `all ${transitionDuration} ease-out` : undefined,\n      }}\n      aria-label={title || 'Message stream'}\n      aria-live=\"polite\"\n    >\n      {/* Header */}\n      {(title || subtitle) && (\n        <header style={{ marginBottom: 16 }}>\n          {title && (\n            <h3 style={{\n              fontSize: tokens.typography.fontSize.lg,\n              fontWeight: 500, // AstroUXDS medium for headers\n              color: tokens.colors.text.primary,\n              margin: 0,\n            }}>\n              {title}\n            </h3>\n          )}\n          {subtitle && (\n            <p style={{\n              fontSize: tokens.typography.fontSize.sm,\n              color: tokens.colors.text.tertiary,\n              margin: '4px 0 0 0',\n            }}>\n              {subtitle}\n            </p>\n          )}\n        </header>\n      )}\n      \n      {/* Messages Container — tabIndex for keyboard scroll access (WCAG 2.1.1) */}\n      <div\n        role=\"list\"\n        tabIndex={maxHeight ? 0 : undefined}\n        aria-label={maxHeight ? `${title || 'Messages'} scrollable list` : undefined}\n        style={{\n          display: 'flex',\n          flexDirection: 'column',\n          gap: variant === 'compact' ? 4 : 8,\n          ...(maxHeight && {\n            maxHeight,\n            overflowY: 'auto',\n            paddingRight: 8,\n          }),\n        }}\n      >\n        {messages.length === 0 ? (\n          <div\n            style={{\n              textAlign: 'center',\n              padding: 32,\n              color: tokens.colors.text.tertiary,\n              fontSize: tokens.typography.fontSize.sm,\n            }}\n          >\n            {emptyMessage}\n          </div>\n        ) : variant === 'tree' ? (\n          messages.map((message, index) => (\n            <TreeNode\n              key={message.id}\n              message={message}\n              tokens={tokens}\n              size={size}\n              showTimestamp={showTimestamps}\n              timeFormat={timeFormat}\n              onClick={onMessageClick}\n              depth={0}\n              showConnectors={showConnectors}\n              isLast={index === messages.length - 1}\n            />\n          ))\n        ) : (\n          messages.map((message) => (\n            <MessageCard\n              key={message.id}\n              message={message}\n              tokens={tokens}\n              size={size}\n              showTimestamp={showTimestamps}\n              timeFormat={timeFormat}\n              onClick={onMessageClick}\n              variant={variant}\n            />\n          ))\n        )}\n      </div>\n    </div>\n  );\n});\n\nexport default MessageStream;\n"],"names":["MessageCard","TreeNode","MessageStream"],"mappings":"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"}

package/dist/react/core/MissionCalendar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MissionCalendar.js","sources":["../../../src/react/core/MissionCalendar.tsx"],"sourcesContent":["/**\n * @zendir/ui - MissionCalendar Component\n * \n * Full-featured calendar for mission planning and scheduling with 5 views:\n * Month, Week (time-grid), Day (time-grid), Gantt, and List.\n * \n * Includes a mini calendar sidebar for quick date navigation, timeline\n * and event type filtering, right-click to create at time slots, week\n * number display, and DOY (Day of Year) in the header.\n * \n * Features (matching/exceeding OpenC3 Calendar):\n * - Day / Week / Month / Gantt / List views\n * - Time-grid with 30-min rows for Week and Day views\n * - Mini calendar sidebar with event type + timeline filters\n * - Activity scheduling with command/script/reserve execution types\n * - Metadata recording (key-value pairs, start time only)\n * - Notes with start + end time\n * - Status-colored events per Astro UX (circle, square, triangle down)\n * - Activity lifecycle (created, started, completed, paused, stopped, error, etc.)\n * - Multi-timeline support (overlapping prevention per timeline)\n * - Right-click context menu to create events at specific time slots\n * - Week number + DOY display\n * - Contact window / eclipse / pass event types (beyond OpenC3)\n * - weekStartsMonday option (Sunday-Saturday or Monday-Sunday)\n * - Integration with Timeline component via onDayDrillDown\n * \n * @example\n * ```tsx\n * <MissionCalendar\n *   events={missionEvents}\n *   timelines={[{ id: 'ops', name: 'OPS-1', color: '#2dccff' }]}\n *   onEventCreate={(e) => console.log('New event:', e)}\n *   onEventClick={(e) => console.log('Clicked:', e)}\n * />\n * ```\n */\n\nimport React, { useState, useMemo, useCallback, memo, useRef } from 'react';\nimport { useTheme } from '../theme';\nimport { AstroIcon, type AstroIconName } from './AstroIcon';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type CalendarViewMode = 'month' | 'week' | 'day' | 'gantt' | 'list';\n\nexport type ActivityStatus =\n  | 'created' | 'scheduled' | 'started' | 'completed'\n  | 'paused' | 'stopped' | 'disabled'\n  | 'error' | 'failed' | 'crashed';\n\nexport type ActivityType = 'command' | 'script' | 'reserve' | 'metadata' | 'note' | 'contact' | 'eclipse' | 'pass';\n\nexport interface CalendarEvent {\n  /** Unique identifier */\n  id: string;\n  /** Event title */\n  title: string;\n  /** Start time */\n  start: Date;\n  /** End time (optional for metadata/point events) */\n  end?: Date;\n  /** Activity type */\n  type: ActivityType;\n  /** Execution status */\n  status?: ActivityStatus;\n  /** Timeline this event belongs to */\n  timeline?: string;\n  /** Description / notes */\n  description?: string;\n  /** Command string (for command type) */\n  command?: string;\n  /** Script path (for script type) */\n  script?: string;\n  /** Metadata key-value pairs */\n  metadata?: Record<string, string | number | boolean>;\n  /** Whether this event is recurring */\n  recurring?: boolean;\n  /** Recurrence pattern */\n  recurrenceRule?: string;\n  /** Color override */\n  color?: string;\n  /** Whether the event is editable */\n  editable?: boolean;\n}\n\nexport interface CalendarTimeline {\n  /** Unique timeline ID */\n  id: string;\n  /** Display name */\n  name: string;\n  /** Color for this timeline */\n  color?: string;\n  /** Whether the timeline is active */\n  active?: boolean;\n}\n\nexport interface MissionCalendarProps {\n  /** Calendar events */\n  events: CalendarEvent[];\n  /** Available timelines */\n  timelines?: CalendarTimeline[];\n  /** Initial view mode (default: 'month') */\n  defaultView?: CalendarViewMode;\n  /** Initial date to display */\n  initialDate?: Date;\n  /** Height (default: 600) */\n  height?: number | string;\n  /** Title */\n  title?: string;\n  /** Show mini calendar sidebar (default: true) */\n  showSidebar?: boolean;\n  /** Show timeline selector (default: true) */\n  showTimelines?: boolean;\n  /** Show event type filter (default: true) */\n  showFilters?: boolean;\n  /** Show create button (default: true) */\n  showCreate?: boolean;\n  /** Week starts on Monday (default: true for ops) */\n  weekStartsMonday?: boolean;\n  /** Called when an event is clicked */\n  onEventClick?: (event: CalendarEvent) => void;\n  /** Called when creating a new event */\n  onEventCreate?: (event: Partial<CalendarEvent>) => void;\n  /** Called when navigating to a day (e.g., to open Timeline Gantt view) */\n  onDayDrillDown?: (date: Date, events: CalendarEvent[]) => void;\n  /** CSS class */\n  className?: string;\n}\n\n// =============================================================================\n// Helpers\n// =============================================================================\n\nfunction getStatusColor(status: ActivityStatus | undefined, tokens: ReturnType<typeof useTheme>['tokens']): string {\n  if (!status) return tokens.colors.text.muted ?? tokens.colors.text.secondary;\n  switch (status) {\n    case 'created': case 'scheduled': return tokens.colors.status.standby;\n    case 'started': return tokens.colors.status.normal;\n    case 'completed': return tokens.colors.status.normal;\n    case 'paused': case 'stopped': case 'disabled': return tokens.colors.status.caution;\n    case 'error': case 'failed': case 'crashed': return tokens.colors.status.critical;\n  }\n}\n\n/**\n * Return Astro UX status shape per status level.\n *   off → small dot, standby → ring ◯, normal → filled circle ●,\n *   caution → square ■, serious → diamond ◆, critical → triangle down ▼\n */\nfunction getStatusShape(status: ActivityStatus | undefined): string {\n  if (!status) return '●';\n  switch (status) {\n    case 'created': case 'scheduled': return '◯';\n    case 'started': case 'completed': return '●';\n    case 'paused': case 'stopped': case 'disabled': return '■';\n    case 'error': case 'failed': case 'crashed': return '▼';\n  }\n}\n\nconst TYPE_ICON_ASTRO: ActivityType[] = ['contact', 'eclipse', 'pass'];\n\nfunction getTypeIcon(type: ActivityType): string {\n  switch (type) {\n    case 'command': return '⌘';\n    case 'script': return '▶';\n    case 'reserve': return '▒';\n    case 'metadata': return '◆';\n    case 'note': return '✎';\n    case 'contact': return 'antenna';\n    case 'eclipse': return 'brightness-2';\n    case 'pass': return 'satellite';\n  }\n}\n\nfunction getDaysInMonth(year: number, month: number): number {\n  return new Date(year, month + 1, 0).getDate();\n}\n\nfunction getFirstDayOfMonth(year: number, month: number, mondayStart: boolean): number {\n  const day = new Date(year, month, 1).getDay();\n  if (mondayStart) return day === 0 ? 6 : day - 1;\n  return day;\n}\n\nfunction isSameDay(a: Date, b: Date): boolean {\n  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();\n}\n\nfunction formatTime(d: Date): string {\n  return d.toLocaleTimeString('en-US', { hour12: false, hour: '2-digit', minute: '2-digit' });\n}\n\nfunction getWeekDates(date: Date, mondayStart: boolean): Date[] {\n  const d = new Date(date);\n  const day = d.getDay();\n  const diff = mondayStart ? (day === 0 ? -6 : 1 - day) : -day;\n  const start = new Date(d);\n  start.setDate(start.getDate() + diff);\n  return Array.from({ length: 7 }, (_, i) => {\n    const dt = new Date(start);\n    dt.setDate(dt.getDate() + i);\n    return dt;\n  });\n}\n\n/** ISO week number */\nfunction getWeekNumber(d: Date): number {\n  const date = new Date(d.getTime());\n  date.setHours(0, 0, 0, 0);\n  date.setDate(date.getDate() + 3 - ((date.getDay() + 6) % 7));\n  const week1 = new Date(date.getFullYear(), 0, 4);\n  return 1 + Math.round(((date.getTime() - week1.getTime()) / 86400000 - 3 + ((week1.getDay() + 6) % 7)) / 7);\n}\n\n/** Day of year (1-366) */\nfunction getDayOfYear(d: Date): number {\n  const start = new Date(d.getFullYear(), 0, 0);\n  const diff = d.getTime() - start.getTime();\n  return Math.floor(diff / 86400000);\n}\n\n/** 30-minute time slots for the time-grid views */\nconst TIME_SLOTS: string[] = [];\nfor (let h = 0; h < 24; h++) {\n  TIME_SLOTS.push(`${String(h).padStart(2, '0')}:00`);\n  TIME_SLOTS.push(`${String(h).padStart(2, '0')}:30`);\n}\n\n// Row height for time-grid slots (px)\nconst SLOT_HEIGHT = 28;\n\n// =============================================================================\n// Sub-components\n// =============================================================================\n\nconst CalendarEventChip = memo(function CalendarEventChip({\n  event, tokens, compact, onClick,\n}: {\n  event: CalendarEvent;\n  tokens: ReturnType<typeof useTheme>['tokens'];\n  compact?: boolean;\n  onClick?: () => void;\n}) {\n  const color = event.color || getStatusColor(event.status, tokens);\n  return (\n    <div\n      onClick={e => { e.stopPropagation(); onClick?.(); }}\n      title={`${event.title}\\n${formatTime(event.start)}${event.end ? ' – ' + formatTime(event.end) : ''}\\n${event.description || ''}`}\n      style={{\n        background: `${color}22`,\n        color: tokens.colors.text.primary,\n        padding: compact ? '1px 4px' : '2px 6px',\n        borderRadius: tokens.borderRadius.sm,\n        fontSize: compact ? tokens.typography.fontSize.micro : tokens.typography.fontSize.xxs,\n        lineHeight: compact ? '14px' : '16px',\n        cursor: 'pointer',\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        whiteSpace: 'nowrap',\n        display: 'flex',\n        alignItems: 'center',\n        gap: 3,\n        transition: 'background 150ms ease',\n        marginBottom: 1,\n      }}\n    >\n      <span style={{ fontSize: tokens.typography.fontSize.micro, opacity: 0.7 }}>\n        {TYPE_ICON_ASTRO.includes(event.type) ? (\n          <AstroIcon name={getTypeIcon(event.type) as AstroIconName} size=\"extra-small\" label=\"\" />\n        ) : (\n          getTypeIcon(event.type)\n        )}\n      </span>\n      {!compact && <span style={{ color, fontSize: tokens.typography.fontSize.micro }}>{getStatusShape(event.status)}</span>}\n      <span style={{ overflow: 'hidden', textOverflow: 'ellipsis' }}>{event.title}</span>\n    </div>\n  );\n});\n\n/** Mini calendar for sidebar */\nconst MiniCalendar = memo(function MiniCalendar({\n  currentDate, tokens, weekStartsMonday, onDateSelect, getEventsForDay,\n}: {\n  currentDate: Date;\n  tokens: ReturnType<typeof useTheme>['tokens'];\n  weekStartsMonday: boolean;\n  onDateSelect: (d: Date) => void;\n  getEventsForDay: (d: Date) => CalendarEvent[];\n}) {\n  const [miniDate, setMiniDate] = useState(new Date(currentDate));\n  const year = miniDate.getFullYear();\n  const month = miniDate.getMonth();\n  const today = new Date();\n\n  const dayLabels = weekStartsMonday\n    ? ['M', 'T', 'W', 'T', 'F', 'S', 'S']\n    : ['S', 'M', 'T', 'W', 'T', 'F', 'S'];\n\n  const grid = useMemo(() => {\n    const firstDay = getFirstDayOfMonth(year, month, weekStartsMonday);\n    const daysInMonth = getDaysInMonth(year, month);\n    const daysInPrevMonth = getDaysInMonth(year, month === 0 ? 11 : month - 1);\n    const cells: { date: Date; isCurrentMonth: boolean }[] = [];\n    for (let i = firstDay - 1; i >= 0; i--) {\n      cells.push({ date: new Date(year, month - 1, daysInPrevMonth - i), isCurrentMonth: false });\n    }\n    for (let i = 1; i <= daysInMonth; i++) {\n      cells.push({ date: new Date(year, month, i), isCurrentMonth: true });\n    }\n    while (cells.length < 42) {\n      cells.push({ date: new Date(year, month + 1, cells.length - firstDay - daysInMonth + 1), isCurrentMonth: false });\n    }\n    return cells;\n  }, [year, month, weekStartsMonday]);\n\n  return (\n    <div>\n      <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: 6 }}>\n        <button onClick={() => setMiniDate(new Date(year, month - 1))} style={{ background: 'none', border: 'none', color: tokens.colors.text.muted, cursor: 'pointer', fontSize: 12, padding: '2px 6px' }}>◀</button>\n        <span style={{ fontWeight: 500, fontSize: 11 }}>\n          {miniDate.toLocaleDateString('en-US', { month: 'short', year: 'numeric' })}\n        </span>\n        <button onClick={() => setMiniDate(new Date(year, month + 1))} style={{ background: 'none', border: 'none', color: tokens.colors.text.muted, cursor: 'pointer', fontSize: 12, padding: '2px 6px' }}>▶</button>\n      </div>\n      <div style={{ display: 'grid', gridTemplateColumns: 'repeat(7, 1fr)', gap: 0 }}>\n        {dayLabels.map((d, i) => (\n          <div key={i} style={{ textAlign: 'center', fontSize: 9, color: tokens.colors.text.muted, fontWeight: 500, padding: '2px 0' }}>{d}</div>\n        ))}\n        {grid.map(({ date, isCurrentMonth }, idx) => {\n          const isToday = isSameDay(date, today);\n          const isSelected = isSameDay(date, currentDate);\n          const hasEvents = getEventsForDay(date).length > 0;\n          return (\n            <div\n              key={idx}\n              onClick={() => onDateSelect(date)}\n              style={{\n                textAlign: 'center', fontSize: 10, padding: '3px 0', cursor: 'pointer',\n                color: isSelected ? tokens.colors.text.inverse : isCurrentMonth ? tokens.colors.text.primary : tokens.colors.text.muted + '55',\n                fontWeight: isToday || isSelected ? 700 : 400,\n                background: isSelected ? tokens.colors.interactive.default : isToday ? `${tokens.colors.interactive.default}20` : 'transparent',\n                borderRadius: isSelected || isToday ? tokens.borderRadius.full : 0,\n                position: 'relative',\n              }}\n            >\n              {date.getDate()}\n              {hasEvents && !isSelected && (\n                <span style={{\n                  position: 'absolute', bottom: 0, left: '50%', transform: 'translateX(-50%)',\n                  width: 3, height: 3, borderRadius: '50%',\n                  background: tokens.colors.interactive.default,\n                }} />\n              )}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n});\n\n// =============================================================================\n// Main Component\n// =============================================================================\n\nexport const MissionCalendar = memo(function MissionCalendar({\n  events,\n  timelines = [],\n  defaultView = 'month',\n  initialDate,\n  height = 600,\n  title,\n  showSidebar = true,\n  showTimelines = true,\n  showFilters = true,\n  showCreate = true,\n  weekStartsMonday = true,\n  onEventClick,\n  onEventCreate,\n  onDayDrillDown,\n  className = '',\n}: MissionCalendarProps): React.ReactElement {\n  const { tokens, theme } = useTheme();\n  const isTransparentTheme =\n    theme === 'transparent' || theme === 'transparent-bold' || theme === 'transparent-minimal';\n  const [viewMode, setViewMode] = useState<CalendarViewMode>(defaultView);\n  const [currentDate, setCurrentDate] = useState(initialDate || new Date());\n  const [selectedTimelines, setSelectedTimelines] = useState<Set<string>>(\n    new Set(timelines.map(t => t.id))\n  );\n  const [typeFilter, setTypeFilter] = useState<Set<ActivityType>>(\n    new Set(['command', 'script', 'reserve', 'metadata', 'note', 'contact', 'eclipse', 'pass'])\n  );\n  const [contextMenu, setContextMenu] = useState<{ x: number; y: number; date: Date } | null>(null);\n  const bodyRef = useRef<HTMLDivElement>(null);\n\n  const year = currentDate.getFullYear();\n  const month = currentDate.getMonth();\n\n  // Filter events\n  const filteredEvents = useMemo(() =>\n    events.filter(e =>\n      typeFilter.has(e.type) &&\n      (selectedTimelines.size === 0 || !e.timeline || selectedTimelines.has(e.timeline))\n    ),\n  [events, typeFilter, selectedTimelines]);\n\n  // Events by day\n  const eventsByDay = useMemo(() => {\n    const map = new Map<string, CalendarEvent[]>();\n    filteredEvents.forEach(e => {\n      const key = `${e.start.getFullYear()}-${e.start.getMonth()}-${e.start.getDate()}`;\n      if (!map.has(key)) map.set(key, []);\n      map.get(key)!.push(e);\n      if (e.end) {\n        const days = Math.ceil((e.end.getTime() - e.start.getTime()) / 86400000);\n        for (let d = 1; d <= days && d < 30; d++) {\n          const next = new Date(e.start);\n          next.setDate(next.getDate() + d);\n          const nk = `${next.getFullYear()}-${next.getMonth()}-${next.getDate()}`;\n          if (!map.has(nk)) map.set(nk, []);\n          map.get(nk)!.push(e);\n        }\n      }\n    });\n    return map;\n  }, [filteredEvents]);\n\n  const getEventsForDay = useCallback((d: Date) => {\n    const key = `${d.getFullYear()}-${d.getMonth()}-${d.getDate()}`;\n    return eventsByDay.get(key) || [];\n  }, [eventsByDay]);\n\n  // Navigation\n  const navigate = useCallback((dir: -1 | 0 | 1) => {\n    if (dir === 0) { setCurrentDate(new Date()); return; }\n    const d = new Date(currentDate);\n    if (viewMode === 'month') d.setMonth(d.getMonth() + dir);\n    else if (viewMode === 'week' || viewMode === 'gantt') d.setDate(d.getDate() + dir * 7);\n    else d.setDate(d.getDate() + dir);\n    setCurrentDate(d);\n  }, [currentDate, viewMode]);\n\n  const toggleTimeline = useCallback((id: string) => {\n    setSelectedTimelines(prev => {\n      const next = new Set(prev);\n      if (next.has(id)) next.delete(id); else next.add(id);\n      return next;\n    });\n  }, []);\n\n  const toggleType = useCallback((type: ActivityType) => {\n    setTypeFilter(prev => {\n      const next = new Set(prev);\n      if (next.has(type)) next.delete(type); else next.add(type);\n      return next;\n    });\n  }, []);\n\n  const dayNames = weekStartsMonday\n    ? ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']\n    : ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];\n\n  const monthLabel = currentDate.toLocaleDateString('en-US', { month: 'long', year: 'numeric' });\n  const today = new Date();\n  const weekNum = getWeekNumber(currentDate);\n  const doy = getDayOfYear(currentDate);\n\n  // Month view grid\n  const monthGrid = useMemo(() => {\n    const firstDay = getFirstDayOfMonth(year, month, weekStartsMonday);\n    const daysInMonth = getDaysInMonth(year, month);\n    const daysInPrevMonth = getDaysInMonth(year, month === 0 ? 11 : month - 1);\n    const cells: { date: Date; isCurrentMonth: boolean }[] = [];\n    for (let i = firstDay - 1; i >= 0; i--) {\n      cells.push({ date: new Date(year, month - 1, daysInPrevMonth - i), isCurrentMonth: false });\n    }\n    for (let i = 1; i <= daysInMonth; i++) {\n      cells.push({ date: new Date(year, month, i), isCurrentMonth: true });\n    }\n    while (cells.length < 42) {\n      cells.push({ date: new Date(year, month + 1, cells.length - firstDay - daysInMonth + 1), isCurrentMonth: false });\n    }\n    return cells;\n  }, [year, month, weekStartsMonday]);\n\n  // Week view dates\n  const weekDates = useMemo(() => getWeekDates(currentDate, weekStartsMonday), [currentDate, weekStartsMonday]);\n\n  // Day events sorted by time\n  const dayEvents = useMemo(() => {\n    const evts = getEventsForDay(currentDate);\n    return [...evts].sort((a, b) => a.start.getTime() - b.start.getTime());\n  }, [currentDate, getEventsForDay]);\n\n  // List view\n  const listEvents = useMemo(() => {\n    const now = new Date();\n    const end = new Date(now);\n    end.setDate(end.getDate() + 7);\n    return filteredEvents\n      .filter(e => e.start >= now && e.start <= end)\n      .sort((a, b) => a.start.getTime() - b.start.getTime());\n  }, [filteredEvents]);\n\n  // Gantt: events in the selected week, grouped by timeline\n  const ganttData = useMemo(() => {\n    const weekStart = new Date(weekDates[0]);\n    weekStart.setHours(0, 0, 0, 0);\n    const weekEnd = new Date(weekDates[6]);\n    weekEnd.setHours(23, 59, 59, 999);\n    const weekEvents = filteredEvents.filter(e =>\n      e.start <= weekEnd && (e.end || e.start) >= weekStart\n    );\n    const tlMap = new Map<string, CalendarEvent[]>();\n    const noTl: CalendarEvent[] = [];\n    weekEvents.forEach(e => {\n      const tlId = e.timeline || '';\n      if (!tlId) { noTl.push(e); return; }\n      if (!tlMap.has(tlId)) tlMap.set(tlId, []);\n      tlMap.get(tlId)!.push(e);\n    });\n    const rows: { label: string; color: string; events: CalendarEvent[] }[] = [];\n    timelines.forEach(tl => {\n      if (tlMap.has(tl.id)) {\n        rows.push({ label: tl.name, color: tl.color || tokens.colors.interactive.default, events: tlMap.get(tl.id)! });\n      }\n    });\n    if (noTl.length > 0) rows.push({ label: 'Unassigned', color: tokens.colors.text.muted ?? tokens.colors.text.secondary, events: noTl });\n    return { rows, weekStart, weekEnd };\n  }, [filteredEvents, weekDates, timelines, tokens]);\n\n  // Right-click handler for time-grid\n  const handleContextMenu = useCallback((e: React.MouseEvent, date: Date, slotTime?: string) => {\n    e.preventDefault();\n    if (!onEventCreate) return;\n    const d = new Date(date);\n    if (slotTime) {\n      const [h, m] = slotTime.split(':').map(Number);\n      d.setHours(h, m, 0, 0);\n    }\n    setContextMenu({ x: e.clientX, y: e.clientY, date: d });\n  }, [onEventCreate]);\n\n  // Header text\n  const headerLabel = useMemo(() => {\n    if (viewMode === 'month') return monthLabel;\n    if (viewMode === 'week' || viewMode === 'gantt') {\n      return `${weekDates[0].toLocaleDateString('en-US', { month: 'short', day: 'numeric' })} – ${weekDates[6].toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' })}  Week ${weekNum}`;\n    }\n    return currentDate.toLocaleDateString('en-US', { weekday: 'long', month: 'long', day: 'numeric', year: 'numeric' });\n  }, [viewMode, monthLabel, weekDates, weekNum, currentDate]);\n\n  // Sidebar content\n  const renderSidebar = () => (\n    <div style={{\n      width: 190, minWidth: 190, borderRight: `1px solid ${tokens.colors.border.muted}`,\n      background: tokens.colors.background.surface, padding: '8px 10px',\n      display: 'flex', flexDirection: 'column', gap: 12, overflow: 'auto',\n    }}>\n      <MiniCalendar\n        currentDate={currentDate}\n        tokens={tokens}\n        weekStartsMonday={weekStartsMonday}\n        onDateSelect={(d) => { setCurrentDate(d); if (viewMode === 'month') setViewMode('day'); }}\n        getEventsForDay={getEventsForDay}\n      />\n\n      {/* Event type filters */}\n      {showFilters && (\n        <div>\n          <div style={{ fontSize: 10, fontWeight: 500, color: tokens.colors.text.muted, textTransform: 'uppercase', letterSpacing: 0.5, marginBottom: 4 }}>\n            Event Types\n          </div>\n          {(['command', 'script', 'reserve', 'metadata', 'note', 'contact'] as ActivityType[]).map(type => (\n            <label key={type} style={{\n              display: 'flex', alignItems: 'center', gap: 6, padding: '2px 0', cursor: 'pointer', fontSize: 11,\n              color: typeFilter.has(type) ? tokens.colors.text.primary : tokens.colors.text.muted + '66',\n            }}>\n              <input\n                type=\"checkbox\"\n                checked={typeFilter.has(type)}\n                onChange={() => toggleType(type)}\n                style={{ accentColor: tokens.colors.interactive.default, width: 12, height: 12 }}\n              />\n              {TYPE_ICON_ASTRO.includes(type) ? (\n                <AstroIcon name={getTypeIcon(type) as AstroIconName} size=\"extra-small\" label=\"\" style={{ opacity: 0.7 }} />\n              ) : (\n                <span style={{ opacity: 0.7, fontSize: 10 }}>{getTypeIcon(type)}</span>\n              )}\n              <span style={{ textTransform: 'capitalize' }}>{type}</span>\n            </label>\n          ))}\n        </div>\n      )}\n\n      {/* Timeline filters */}\n      {showTimelines && timelines.length > 0 && (\n        <div>\n          <div style={{ fontSize: 10, fontWeight: 500, color: tokens.colors.text.muted, textTransform: 'uppercase', letterSpacing: 0.5, marginBottom: 4 }}>\n            Timelines\n          </div>\n          {timelines.map(tl => (\n            <label key={tl.id} style={{\n              display: 'flex', alignItems: 'center', gap: 6, padding: '3px 0', cursor: 'pointer', fontSize: 11,\n              color: selectedTimelines.has(tl.id) ? tokens.colors.text.primary : tokens.colors.text.muted + '66',\n            }}>\n              <input\n                type=\"checkbox\"\n                checked={selectedTimelines.has(tl.id)}\n                onChange={() => toggleTimeline(tl.id)}\n                style={{ accentColor: tl.color || tokens.colors.interactive.default, width: 12, height: 12 }}\n              />\n              <span style={{ width: 8, height: 8, borderRadius: '50%', background: tl.color || tokens.colors.interactive.default, flexShrink: 0 }} />\n              <span>{tl.name}</span>\n            </label>\n          ))}\n        </div>\n      )}\n\n      {/* Quick info */}\n      <div style={{\n        marginTop: 'auto', fontSize: 10, color: tokens.colors.text.muted,\n        borderTop: `1px solid ${tokens.colors.border.muted}`, paddingTop: 8,\n      }}>\n        <div>DOY: <span style={{ fontFamily: tokens.typography.fontFamily.mono, color: tokens.colors.text.secondary }}>{doy}</span></div>\n        <div>Week: <span style={{ fontFamily: tokens.typography.fontFamily.mono, color: tokens.colors.text.secondary }}>{weekNum}</span></div>\n        <div>UTC: <span style={{ fontFamily: tokens.typography.fontFamily.mono, color: tokens.colors.text.secondary }}>{today.toISOString().slice(11, 19)}</span></div>\n      </div>\n    </div>\n  );\n\n  return (\n    <div\n      className={`mission-calendar ${className}`}\n      onClick={() => setContextMenu(null)}\n      style={{\n        height: typeof height === 'number' ? height : undefined,\n        background: tokens.colors.background.base,\n        ...(tokens.colors.border.cardStyle ?? { border: `1px solid ${tokens.colors.border.muted}` }),\n        borderRadius: tokens.borderRadius.lg,\n        overflow: 'hidden',\n        display: 'flex',\n        flexDirection: 'column',\n        fontFamily: tokens.typography.fontFamily.primary,\n        color: tokens.colors.text.primary,\n        backdropFilter: isTransparentTheme ? 'blur(10px)' : undefined,\n        WebkitBackdropFilter: isTransparentTheme ? 'blur(10px)' : undefined,\n      }}\n    >\n      {/* Header */}\n      <div style={{\n        padding: '8px 14px',\n        borderBottom: `1px solid ${tokens.colors.border.muted}`,\n        background: tokens.colors.background.surface,\n        backdropFilter: 'blur(8px)',\n        display: 'flex', alignItems: 'center', justifyContent: 'space-between',\n        flexWrap: 'wrap', gap: 8,\n      }}>\n        <div style={{ display: 'flex', alignItems: 'center', gap: 10 }}>\n          {title && <span style={{ fontWeight: 500, fontSize: tokens.typography.fontSize.sm }}>{title}</span>}\n          <div style={{ display: 'flex', gap: 2 }}>\n            <button onClick={() => navigate(-1)} style={navBtnStyle(tokens)}>◀</button>\n            <button onClick={() => navigate(0)} style={{ ...navBtnStyle(tokens), padding: '3px 10px', fontSize: tokens.typography.fontSize.xs }}>Today</button>\n            <button onClick={() => navigate(1)} style={navBtnStyle(tokens)}>▶</button>\n          </div>\n          <span style={{ fontWeight: 500, fontSize: tokens.typography.fontSize.sm }}>\n            {headerLabel}\n          </span>\n          {/* DOY badge */}\n          <span style={{\n            fontSize: 9, fontFamily: tokens.typography.fontFamily.mono, color: tokens.colors.text.muted,\n            background: `${tokens.colors.text.muted}15`, padding: '1px 6px', borderRadius: tokens.borderRadius.sm,\n          }}>\n            DOY {doy}\n          </span>\n        </div>\n        <div style={{ display: 'flex', alignItems: 'center', gap: 6 }}>\n          {showCreate && (\n            <button\n              onClick={() => onEventCreate?.({ start: currentDate, type: 'reserve' })}\n              style={{\n                background: tokens.colors.interactive.default,\n                color: tokens.colors.text.inverse, border: 'none', borderRadius: tokens.borderRadius.md,\n                padding: '4px 12px', fontSize: tokens.typography.fontSize.xs, fontWeight: 500, cursor: 'pointer',\n              }}\n            >\n              + Activity\n            </button>\n          )}\n          <div style={{\n            display: 'flex', borderRadius: tokens.borderRadius.md, overflow: 'hidden',\n            border: `1px solid ${tokens.colors.border.muted}`,\n          }}>\n            {(['month', 'week', 'day', 'gantt', 'list'] as CalendarViewMode[]).map(v => (\n              <button\n                key={v}\n                onClick={() => setViewMode(v)}\n                style={{\n                  background: viewMode === v ? tokens.colors.interactive.default : tokens.colors.background.base,\n                  color: viewMode === v ? tokens.colors.text.inverse : tokens.colors.text.secondary,\n                  border: 'none', padding: '3px 10px', fontSize: tokens.typography.fontSize.xxs,\n                  fontWeight: 500, cursor: 'pointer', textTransform: 'capitalize',\n                }}\n              >\n                {v}\n              </button>\n            ))}\n          </div>\n        </div>\n      </div>\n\n      {/* Body: sidebar + calendar area */}\n      <div style={{ flex: 1, display: 'flex', overflow: 'hidden' }}>\n        {/* Sidebar */}\n        {showSidebar && renderSidebar()}\n\n        {/* Main calendar content */}\n        <div ref={bodyRef} style={{ flex: 1, overflow: 'auto' }}>\n          {/* MONTH VIEW */}\n          {viewMode === 'month' && (\n            <div style={{ display: 'flex', flexDirection: 'column', height: '100%' }}>\n              <div style={{\n                display: 'grid', gridTemplateColumns: 'repeat(7, 1fr)',\n                borderBottom: `1px solid ${tokens.colors.border.muted}`,\n                background: tokens.colors.background.surface,\n              }}>\n                {dayNames.map(d => (\n                  <div key={d} style={{\n                    padding: '4px 6px', textAlign: 'center', fontSize: tokens.typography.fontSize.xxs,\n                    fontWeight: 500, color: tokens.colors.text.muted, textTransform: 'uppercase',\n                  }}>{d}</div>\n                ))}\n              </div>\n              <div style={{\n                display: 'grid', gridTemplateColumns: 'repeat(7, 1fr)',\n                gridTemplateRows: 'repeat(6, 1fr)', flex: 1,\n              }}>\n                {monthGrid.map(({ date, isCurrentMonth }, idx) => {\n                  const dayEvts = getEventsForDay(date);\n                  const isToday = isSameDay(date, today);\n                  return (\n                    <div\n                      key={idx}\n                      onClick={() => {\n                        setCurrentDate(date);\n                        if (onDayDrillDown) onDayDrillDown(date, dayEvts);\n                        else setViewMode('day');\n                      }}\n                      onContextMenu={(e) => handleContextMenu(e, date)}\n                      style={{\n                        borderRight: `1px solid ${tokens.colors.border.muted}11`,\n                        borderBottom: `1px solid ${tokens.colors.border.muted}11`,\n                        padding: 3, cursor: 'pointer',\n                        background: isToday ? `${tokens.colors.interactive.default}08` : 'transparent',\n                        opacity: isCurrentMonth ? 1 : 0.35,\n                        overflow: 'hidden', minHeight: 70,\n                      }}\n                    >\n                      <div style={{\n                        fontSize: tokens.typography.fontSize.xs, fontWeight: isToday ? 700 : 400,\n                        color: isToday ? tokens.colors.interactive.default : tokens.colors.text.primary,\n                        marginBottom: 2, textAlign: 'right', paddingRight: 2,\n                      }}>\n                        {isToday ? (\n                          <span style={{\n                            background: tokens.colors.interactive.default,\n                            color: tokens.colors.text.inverse, borderRadius: tokens.borderRadius.full,\n                            width: 20, height: 20, display: 'inline-flex',\n                            alignItems: 'center', justifyContent: 'center', fontSize: tokens.typography.fontSize.xxs,\n                          }}>{date.getDate()}</span>\n                        ) : date.getDate()}\n                      </div>\n                      {dayEvts.slice(0, 3).map(e => (\n                        <CalendarEventChip key={e.id} event={e} tokens={tokens} compact onClick={() => onEventClick?.(e)} />\n                      ))}\n                      {dayEvts.length > 3 && (\n                        <div style={{ fontSize: tokens.typography.fontSize.micro, color: tokens.colors.text.muted, textAlign: 'center' }}>\n                          +{dayEvts.length - 3} more\n                        </div>\n                      )}\n                    </div>\n                  );\n                })}\n              </div>\n            </div>\n          )}\n\n          {/* WEEK VIEW — Time-grid with 30-minute rows */}\n          {viewMode === 'week' && (\n            <div style={{ display: 'flex', flexDirection: 'column', height: '100%' }}>\n              {/* Day column headers */}\n              <div style={{\n                display: 'grid', gridTemplateColumns: `50px repeat(7, 1fr)`,\n                borderBottom: `1px solid ${tokens.colors.border.muted}`,\n                background: tokens.colors.background.surface, position: 'sticky', top: 0, zIndex: 2,\n              }}>\n                <div style={{ borderRight: `1px solid ${tokens.colors.border.muted}22` }} />\n                {weekDates.map((d, i) => {\n                  const isToday = isSameDay(d, today);\n                  return (\n                    <div key={i} style={{\n                      padding: '4px 4px', textAlign: 'center',\n                      background: isToday ? `${tokens.colors.interactive.default}10` : 'transparent',\n                      borderRight: `1px solid ${tokens.colors.border.muted}11`,\n                    }}>\n                      <div style={{ fontSize: 9, color: tokens.colors.text.muted, textTransform: 'uppercase' }}>{dayNames[i]}</div>\n                      <div style={{\n                        fontSize: 16, fontWeight: isToday ? 700 : 400,\n                        color: isToday ? tokens.colors.interactive.default : tokens.colors.text.primary,\n                      }}>\n                        {isToday ? (\n                          <span style={{\n                            background: tokens.colors.interactive.default, color: tokens.colors.text.inverse,\n                            borderRadius: tokens.borderRadius.full, width: 24, height: 24, display: 'inline-flex',\n                            alignItems: 'center', justifyContent: 'center', fontSize: 13,\n                          }}>{d.getDate()}</span>\n                        ) : d.getDate()}\n                      </div>\n                    </div>\n                  );\n                })}\n              </div>\n              {/* Time-grid rows */}\n              <div style={{ flex: 1, overflow: 'auto' }}>\n                {TIME_SLOTS.map((slot, _si) => {\n                  const isHour = slot.endsWith(':00');\n                  return (\n                    <div key={slot} style={{\n                      display: 'grid', gridTemplateColumns: `50px repeat(7, 1fr)`,\n                      height: SLOT_HEIGHT,\n                      borderBottom: `1px solid ${tokens.colors.border.muted}${isHour ? '22' : '0A'}`,\n                    }}>\n                      {/* Time label */}\n                      <div style={{\n                        fontSize: 9, color: tokens.colors.text.muted, textAlign: 'right', paddingRight: 6,\n                        fontFamily: tokens.typography.fontFamily.mono,\n                        borderRight: `1px solid ${tokens.colors.border.muted}22`,\n                        lineHeight: `${SLOT_HEIGHT}px`,\n                        visibility: isHour ? 'visible' : 'hidden',\n                      }}>\n                        {slot}\n                      </div>\n                      {/* Day columns */}\n                      {weekDates.map((d, di) => {\n                        const slotStart = new Date(d); slotStart.setHours(parseInt(slot), slot.endsWith(':30') ? 30 : 0, 0, 0);\n                        const slotEvents = getEventsForDay(d).filter(e => {\n                          const eStart = e.start.getHours() * 60 + e.start.getMinutes();\n                          const sStart = parseInt(slot) * 60 + (slot.endsWith(':30') ? 30 : 0);\n                          return eStart >= sStart && eStart < sStart + 30;\n                        });\n                        return (\n                          <div\n                            key={di}\n                            onClick={() => { setCurrentDate(d); setViewMode('day'); }}\n                            onContextMenu={(e) => handleContextMenu(e, d, slot)}\n                            style={{\n                              borderRight: `1px solid ${tokens.colors.border.muted}0A`,\n                              padding: '0 2px', cursor: 'pointer', overflow: 'hidden',\n                              background: isSameDay(d, today) ? `${tokens.colors.interactive.default}04` : 'transparent',\n                            }}\n                          >\n                            {slotEvents.map(e => (\n                              <CalendarEventChip key={e.id} event={e} tokens={tokens} compact onClick={() => onEventClick?.(e)} />\n                            ))}\n                          </div>\n                        );\n                      })}\n                    </div>\n                  );\n                })}\n              </div>\n            </div>\n          )}\n\n          {/* DAY VIEW — Time-grid with 30-minute rows */}\n          {viewMode === 'day' && (\n            <div style={{ display: 'flex', flexDirection: 'column', height: '100%' }}>\n              <div style={{ flex: 1, overflow: 'auto' }}>\n                {TIME_SLOTS.map((slot) => {\n                  const isHour = slot.endsWith(':00');\n                  const slotEvents = dayEvents.filter(e => {\n                    const eStart = e.start.getHours() * 60 + e.start.getMinutes();\n                    const sStart = parseInt(slot) * 60 + (slot.endsWith(':30') ? 30 : 0);\n                    return eStart >= sStart && eStart < sStart + 30;\n                  });\n                  return (\n                    <div\n                      key={slot}\n                      onContextMenu={(e) => handleContextMenu(e, currentDate, slot)}\n                      style={{\n                        display: 'grid', gridTemplateColumns: '50px 1fr',\n                        minHeight: slotEvents.length > 0 ? Math.max(SLOT_HEIGHT, slotEvents.length * 24 + 4) : SLOT_HEIGHT,\n                        borderBottom: `1px solid ${tokens.colors.border.muted}${isHour ? '22' : '0A'}`,\n                      }}\n                    >\n                      <div style={{\n                        fontSize: 10, color: tokens.colors.text.muted, textAlign: 'right', paddingRight: 8,\n                        fontFamily: tokens.typography.fontFamily.mono,\n                        borderRight: `1px solid ${tokens.colors.border.muted}22`,\n                        lineHeight: `${SLOT_HEIGHT}px`,\n                        visibility: isHour ? 'visible' : 'hidden',\n                      }}>\n                        {slot}\n                      </div>\n                      <div style={{ padding: '1px 6px', cursor: 'pointer' }}>\n                        {slotEvents.map(e => {\n                          const color = e.color || getStatusColor(e.status, tokens);\n                          return (\n                            <div\n                              key={e.id}\n                              onClick={() => onEventClick?.(e)}\n                              style={{\n                                background: `${color}18`,\n                                borderRadius: tokens.borderRadius.sm, padding: '3px 8px', marginBottom: 2,\n                                cursor: 'pointer', display: 'flex', alignItems: 'center', gap: 6,\n                                fontSize: tokens.typography.fontSize.xxs,\n                              }}\n                            >\n                              {TYPE_ICON_ASTRO.includes(e.type) ? (\n                                <AstroIcon name={getTypeIcon(e.type) as AstroIconName} size=\"extra-small\" label=\"\" style={{ opacity: 0.7 }} />\n                              ) : (\n                                <span style={{ opacity: 0.7 }}>{getTypeIcon(e.type)}</span>\n                              )}\n                              <span style={{ color, fontSize: tokens.typography.fontSize.micro }}>{getStatusShape(e.status)}</span>\n                              <span style={{ fontWeight: 500 }}>{e.title}</span>\n                              <span style={{ color: tokens.colors.text.muted, fontFamily: tokens.typography.fontFamily.mono, fontSize: tokens.typography.fontSize.micro, marginLeft: 'auto' }}>\n                                {formatTime(e.start)}{e.end ? `–${formatTime(e.end)}` : ''}\n                              </span>\n                              {e.status && (\n                                <span style={{ fontSize: tokens.typography.fontSize.micro, color, fontWeight: 500, textTransform: 'uppercase' }}>\n                                  {e.status}\n                                </span>\n                              )}\n                            </div>\n                          );\n                        })}\n                      </div>\n                    </div>\n                  );\n                })}\n              </div>\n            </div>\n          )}\n\n          {/* GANTT VIEW — Timeline rows with horizontal bars */}\n          {viewMode === 'gantt' && (\n            <div style={{ display: 'flex', flexDirection: 'column', height: '100%' }}>\n              {/* Day headers */}\n              <div style={{\n                display: 'grid', gridTemplateColumns: `120px repeat(7, 1fr)`,\n                borderBottom: `1px solid ${tokens.colors.border.muted}`,\n                background: tokens.colors.background.surface, position: 'sticky', top: 0, zIndex: 2,\n              }}>\n                <div style={{ padding: '6px 8px', fontSize: 10, fontWeight: 500, color: tokens.colors.text.muted, borderRight: `1px solid ${tokens.colors.border.muted}22` }}>\n                  Timeline\n                </div>\n                {weekDates.map((d, i) => {\n                  const isToday = isSameDay(d, today);\n                  return (\n                    <div key={i} style={{\n                      padding: '4px 4px', textAlign: 'center',\n                      background: isToday ? `${tokens.colors.interactive.default}10` : 'transparent',\n                      borderRight: `1px solid ${tokens.colors.border.muted}11`,\n                      fontSize: 10,\n                    }}>\n                      <span style={{ color: tokens.colors.text.muted }}>{dayNames[i]} </span>\n                      <span style={{ fontWeight: isToday ? 700 : 400, color: isToday ? tokens.colors.interactive.default : tokens.colors.text.primary }}>\n                        {d.getDate()}\n                      </span>\n                    </div>\n                  );\n                })}\n              </div>\n              {/* Gantt rows */}\n              <div style={{ flex: 1, overflow: 'auto' }}>\n                {ganttData.rows.length === 0 ? (\n                  <div style={{ textAlign: 'center', color: tokens.colors.text.muted, padding: 40, fontSize: 12 }}>\n                    No activities this week\n                  </div>\n                ) : ganttData.rows.map((row, ri) => (\n                  <div key={ri} style={{\n                    display: 'grid', gridTemplateColumns: `120px repeat(7, 1fr)`,\n                    borderBottom: `1px solid ${tokens.colors.border.muted}15`,\n                    minHeight: 36,\n                  }}>\n                    {/* Timeline label */}\n                    <div style={{\n                      padding: '6px 8px', fontSize: 11, fontWeight: 500,\n                      borderRight: `1px solid ${tokens.colors.border.muted}22`,\n                      display: 'flex', alignItems: 'center', gap: 6,\n                      color: tokens.colors.text.primary,\n                    }}>\n                      <span style={{ width: 6, height: 6, borderRadius: '50%', background: row.color, flexShrink: 0 }} />\n                      {row.label}\n                    </div>\n                    {/* Day cells with event bars */}\n                    {weekDates.map((d, di) => {\n                      const cellEvents = row.events.filter(e => {\n                        const eDay = new Date(e.start); eDay.setHours(0, 0, 0, 0);\n                        const cellDay = new Date(d); cellDay.setHours(0, 0, 0, 0);\n                        if (e.end) {\n                          const eEnd = new Date(e.end); eEnd.setHours(23, 59, 59, 999);\n                          return cellDay >= eDay && cellDay <= eEnd;\n                        }\n                        return eDay.getTime() === cellDay.getTime();\n                      });\n                      return (\n                        <div\n                          key={di}\n                          onContextMenu={(e) => handleContextMenu(e, d)}\n                          style={{\n                            borderRight: `1px solid ${tokens.colors.border.muted}0A`,\n                            padding: '2px 2px', display: 'flex', flexDirection: 'column', gap: 2,\n                            background: isSameDay(d, today) ? `${tokens.colors.interactive.default}04` : 'transparent',\n                          }}\n                        >\n                          {cellEvents.map(e => {\n                            const color = e.color || getStatusColor(e.status, tokens);\n                            return (\n                              <div\n                                key={e.id}\n                                onClick={() => onEventClick?.(e)}\n                                style={{\n                                  background: `${color}33`,\n                                  borderRadius: 3, padding: '2px 4px',\n                                  fontSize: 9, fontWeight: 500,\n                                  color: tokens.colors.text.primary,\n                                  cursor: 'pointer',\n                                  whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis',\n                                }}\n                                title={`${e.title}\\n${formatTime(e.start)}${e.end ? ' – ' + formatTime(e.end) : ''}`}\n                              >\n                                <span style={{ opacity: 0.7, marginRight: 3 }}>{getStatusShape(e.status)}</span>\n                                {e.title}\n                              </div>\n                            );\n                          })}\n                        </div>\n                      );\n                    })}\n                  </div>\n                ))}\n              </div>\n            </div>\n          )}\n\n          {/* LIST VIEW */}\n          {viewMode === 'list' && (\n            <div style={{ padding: 12 }}>\n              <div style={{ fontSize: tokens.typography.fontSize.xs, color: tokens.colors.text.muted, marginBottom: 8 }}>\n                Upcoming 7 days — {listEvents.length} activities\n              </div>\n              {listEvents.length === 0 ? (\n                <div style={{ textAlign: 'center', color: tokens.colors.text.muted, padding: 40, fontSize: tokens.typography.fontSize.sm }}>\n                  No upcoming activities\n                </div>\n              ) : (\n                <div style={{ display: 'flex', flexDirection: 'column', gap: 4 }}>\n                  {listEvents.map(e => {\n                    const color = e.color || getStatusColor(e.status, tokens);\n                    return (\n                      <div\n                        key={e.id}\n                        onClick={() => onEventClick?.(e)}\n                        style={{\n                          display: 'grid', gridTemplateColumns: '100px 1fr auto',\n                          padding: '6px 10px', borderRadius: tokens.borderRadius.md,\n                          background: `${color}08`,\n                          cursor: 'pointer', alignItems: 'center', gap: 10,\n                          fontSize: tokens.typography.fontSize.xs,\n                        }}\n                      >\n                        <span style={{ fontFamily: tokens.typography.fontFamily.mono, fontSize: tokens.typography.fontSize.xxs, color: tokens.colors.text.muted }}>\n                          {e.start.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })} {formatTime(e.start)}\n                        </span>\n                        <span style={{ display: 'flex', alignItems: 'center', gap: 6 }}>\n                          {TYPE_ICON_ASTRO.includes(e.type) ? (\n                            <AstroIcon name={getTypeIcon(e.type) as AstroIconName} size=\"extra-small\" label=\"\" />\n                          ) : (\n                            <span>{getTypeIcon(e.type)}</span>\n                          )}\n                          <span style={{ fontWeight: 500 }}>{e.title}</span>\n                        </span>\n                        {e.status && (\n                          <span style={{ fontSize: tokens.typography.fontSize.micro, color, fontWeight: 500 }}>\n                            {getStatusShape(e.status)} {e.status}\n                          </span>\n                        )}\n                      </div>\n                    );\n                  })}\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Footer status */}\n      <div style={{\n        padding: '4px 14px',\n        borderTop: `1px solid ${tokens.colors.border.muted}`,\n        background: tokens.colors.background.surface,\n        fontSize: tokens.typography.fontSize.xxs, color: tokens.colors.text.muted,\n        display: 'flex', justifyContent: 'space-between',\n      }}>\n        <span>{filteredEvents.length} activities | DOY {doy} | Week {weekNum}</span>\n        <span>\n          {events.filter(e => e.status === 'error' || e.status === 'failed' || e.status === 'crashed').length > 0\n            ? `⚠ ${events.filter(e => e.status === 'error' || e.status === 'failed' || e.status === 'crashed').length} errors`\n            : '✓ All nominal'}\n        </span>\n      </div>\n\n      {/* Right-click context menu */}\n      {contextMenu && (\n        <div\n          style={{\n            position: 'fixed', left: contextMenu.x, top: contextMenu.y, zIndex: 1000,\n            background: tokens.colors.background.surface, backdropFilter: 'blur(8px)',\n            border: `1px solid ${tokens.colors.border.muted}`, borderRadius: tokens.borderRadius.md,\n            boxShadow: '0 4px 16px rgba(0,0,0,0.4)', padding: 4, minWidth: 160,\n          }}\n        >\n          <div style={{ fontSize: 9, color: tokens.colors.text.muted, padding: '4px 8px', fontFamily: tokens.typography.fontFamily.mono }}>\n            {contextMenu.date.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })} {formatTime(contextMenu.date)}\n          </div>\n          {(['command', 'script', 'reserve', 'metadata', 'note'] as ActivityType[]).map(type => (\n            <button\n              key={type}\n              onClick={() => { onEventCreate?.({ start: contextMenu.date, type }); setContextMenu(null); }}\n              style={{\n                display: 'block', width: '100%', textAlign: 'left', background: 'none', border: 'none',\n                color: tokens.colors.text.primary, padding: '5px 8px', fontSize: 11, cursor: 'pointer',\n                borderRadius: tokens.borderRadius.sm,\n              }}\n              onMouseEnter={e => { (e.currentTarget as HTMLButtonElement).style.background = `${tokens.colors.interactive.default}22`; }}\n              onMouseLeave={e => { (e.currentTarget as HTMLButtonElement).style.background = 'none'; }}\n            >\n              {getTypeIcon(type)} Create {type.charAt(0).toUpperCase() + type.slice(1)}\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n});\n\nfunction navBtnStyle(tokens: ReturnType<typeof useTheme>['tokens']): React.CSSProperties {\n  return {\n    background: tokens.colors.background.base,\n    color: tokens.colors.text.secondary,\n    border: `1px solid ${tokens.colors.border.muted}`,\n    borderRadius: tokens.borderRadius.sm, padding: '3px 8px', fontSize: tokens.typography.fontSize.xs, cursor: 'pointer',\n    lineHeight: 1,\n  };\n}\n\nexport default MissionCalendar;\n"],"names":["CalendarEventChip","MiniCalendar","MissionCalendar"],"mappings":";;;;AAuIA,SAAS,eAAe,QAAoC,QAAuD;AACjH,MAAI,CAAC,OAAQ,QAAO,OAAO,OAAO,KAAK,SAAS,OAAO,OAAO,KAAK;AACnE,UAAQ,QAAA;AAAA,IACN,KAAK;AAAA,IAAW,KAAK;AAAa,aAAO,OAAO,OAAO,OAAO;AAAA,IAC9D,KAAK;AAAW,aAAO,OAAO,OAAO,OAAO;AAAA,IAC5C,KAAK;AAAa,aAAO,OAAO,OAAO,OAAO;AAAA,IAC9C,KAAK;AAAA,IAAU,KAAK;AAAA,IAAW,KAAK;AAAY,aAAO,OAAO,OAAO,OAAO;AAAA,IAC5E,KAAK;AAAA,IAAS,KAAK;AAAA,IAAU,KAAK;AAAW,aAAO,OAAO,OAAO,OAAO;AAAA,EAAA;AAE7E;AAOA,SAAS,eAAe,QAA4C;AAClE,MAAI,CAAC,OAAQ,QAAO;AACpB,UAAQ,QAAA;AAAA,IACN,KAAK;AAAA,IAAW,KAAK;AAAa,aAAO;AAAA,IACzC,KAAK;AAAA,IAAW,KAAK;AAAa,aAAO;AAAA,IACzC,KAAK;AAAA,IAAU,KAAK;AAAA,IAAW,KAAK;AAAY,aAAO;AAAA,IACvD,KAAK;AAAA,IAAS,KAAK;AAAA,IAAU,KAAK;AAAW,aAAO;AAAA,EAAA;AAExD;AAEA,MAAM,kBAAkC,CAAC,WAAW,WAAW,MAAM;AAErE,SAAS,YAAY,MAA4B;AAC/C,UAAQ,MAAA;AAAA,IACN,KAAK;AAAW,aAAO;AAAA,IACvB,KAAK;AAAU,aAAO;AAAA,IACtB,KAAK;AAAW,aAAO;AAAA,IACvB,KAAK;AAAY,aAAO;AAAA,IACxB,KAAK;AAAQ,aAAO;AAAA,IACpB,KAAK;AAAW,aAAO;AAAA,IACvB,KAAK;AAAW,aAAO;AAAA,IACvB,KAAK;AAAQ,aAAO;AAAA,EAAA;AAExB;AAEA,SAAS,eAAe,MAAc,OAAuB;AAC3D,SAAO,IAAI,KAAK,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAA;AACtC;AAEA,SAAS,mBAAmB,MAAc,OAAe,aAA8B;AACrF,QAAM,MAAM,IAAI,KAAK,MAAM,OAAO,CAAC,EAAE,OAAA;AACrC,MAAI,YAAa,QAAO,QAAQ,IAAI,IAAI,MAAM;AAC9C,SAAO;AACT;AAEA,SAAS,UAAU,GAAS,GAAkB;AAC5C,SAAO,EAAE,YAAA,MAAkB,EAAE,YAAA,KAAiB,EAAE,SAAA,MAAe,EAAE,cAAc,EAAE,QAAA,MAAc,EAAE,QAAA;AACnG;AAEA,SAAS,WAAW,GAAiB;AACnC,SAAO,EAAE,mBAAmB,SAAS,EAAE,QAAQ,OAAO,MAAM,WAAW,QAAQ,WAAW;AAC5F;AAEA,SAAS,aAAa,MAAY,aAA8B;AAC9D,QAAM,IAAI,IAAI,KAAK,IAAI;AACvB,QAAM,MAAM,EAAE,OAAA;AACd,QAAM,OAAO,cAAe,QAAQ,IAAI,KAAK,IAAI,MAAO,CAAC;AACzD,QAAM,QAAQ,IAAI,KAAK,CAAC;AACxB,QAAM,QAAQ,MAAM,QAAA,IAAY,IAAI;AACpC,SAAO,MAAM,KAAK,EAAE,QAAQ,KAAK,CAAC,GAAG,MAAM;AACzC,UAAM,KAAK,IAAI,KAAK,KAAK;AACzB,OAAG,QAAQ,GAAG,QAAA,IAAY,CAAC;AAC3B,WAAO;AAAA,EACT,CAAC;AACH;AAGA,SAAS,cAAc,GAAiB;AACtC,QAAM,OAAO,IAAI,KAAK,EAAE,SAAS;AACjC,OAAK,SAAS,GAAG,GAAG,GAAG,CAAC;AACxB,OAAK,QAAQ,KAAK,YAAY,KAAM,KAAK,OAAA,IAAW,KAAK,CAAE;AAC3D,QAAM,QAAQ,IAAI,KAAK,KAAK,YAAA,GAAe,GAAG,CAAC;AAC/C,SAAO,IAAI,KAAK,QAAQ,KAAK,QAAA,IAAY,MAAM,QAAA,KAAa,QAAW,KAAM,MAAM,OAAA,IAAW,KAAK,KAAM,CAAC;AAC5G;AAGA,SAAS,aAAa,GAAiB;AACrC,QAAM,QAAQ,IAAI,KAAK,EAAE,YAAA,GAAe,GAAG,CAAC;AAC5C,QAAM,OAAO,EAAE,QAAA,IAAY,MAAM,QAAA;AACjC,SAAO,KAAK,MAAM,OAAO,KAAQ;AACnC;AAGA,MAAM,aAAuB,CAAA;AAC7B,SAAS,IAAI,GAAG,IAAI,IAAI,KAAK;AAC3B,aAAW,KAAK,GAAG,OAAO,CAAC,EAAE,SAAS,GAAG,GAAG,CAAC,KAAK;AAClD,aAAW,KAAK,GAAG,OAAO,CAAC,EAAE,SAAS,GAAG,GAAG,CAAC,KAAK;AACpD;AAGA,MAAM,cAAc;AAMpB,MAAM,oBAAoB,KAAK,SAASA,mBAAkB;AAAA,EACxD;AAAA,EAAO;AAAA,EAAQ;AAAA,EAAS;AAC1B,GAKG;AACD,QAAM,QAAQ,MAAM,SAAS,eAAe,MAAM,QAAQ,MAAM;AAChE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,CAAA,MAAK;AAAE,UAAE,gBAAA;AAAmB;AAAA,MAAa;AAAA,MAClD,OAAO,GAAG,MAAM,KAAK;AAAA,EAAK,WAAW,MAAM,KAAK,CAAC,GAAG,MAAM,MAAM,QAAQ,WAAW,MAAM,GAAG,IAAI,EAAE;AAAA,EAAK,MAAM,eAAe,EAAE;AAAA,MAC9H,OAAO;AAAA,QACL,YAAY,GAAG,KAAK;AAAA,QACpB,OAAO,OAAO,OAAO,KAAK;AAAA,QAC1B,SAAS,UAAU,YAAY;AAAA,QAC/B,cAAc,OAAO,aAAa;AAAA,QAClC,UAAU,UAAU,OAAO,WAAW,SAAS,QAAQ,OAAO,WAAW,SAAS;AAAA,QAClF,YAAY,UAAU,SAAS;AAAA,QAC/B,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,KAAK;AAAA,QACL,YAAY;AAAA,QACZ,cAAc;AAAA,MAAA;AAAA,MAGhB,UAAA;AAAA,QAAA,oBAAC,QAAA,EAAK,OAAO,EAAE,UAAU,OAAO,WAAW,SAAS,OAAO,SAAS,IAAA,GACjE,UAAA,gBAAgB,SAAS,MAAM,IAAI,IAClC,oBAAC,WAAA,EAAU,MAAM,YAAY,MAAM,IAAI,GAAoB,MAAK,eAAc,OAAM,IAAG,IAEvF,YAAY,MAAM,IAAI,GAE1B;AAAA,QACC,CAAC,WAAW,oBAAC,QAAA,EAAK,OAAO,EAAE,OAAO,UAAU,OAAO,WAAW,SAAS,SAAU,UAAA,eAAe,MAAM,MAAM,GAAE;AAAA,QAC/G,oBAAC,QAAA,EAAK,OAAO,EAAE,UAAU,UAAU,cAAc,WAAA,GAAe,UAAA,MAAM,MAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlF,CAAC;AAGD,MAAM,eAAe,KAAK,SAASC,cAAa;AAAA,EAC9C;AAAA,EAAa;AAAA,EAAQ;AAAA,EAAkB;AAAA,EAAc;AACvD,GAMG;AACD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,IAAI,KAAK,WAAW,CAAC;AAC9D,QAAM,OAAO,SAAS,YAAA;AACtB,QAAM,QAAQ,SAAS,SAAA;AACvB,QAAM,4BAAY,KAAA;AAElB,QAAM,YAAY,mBACd,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG,IAClC,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AAEtC,QAAM,OAAO,QAAQ,MAAM;AACzB,UAAM,WAAW,mBAAmB,MAAM,OAAO,gBAAgB;AACjE,UAAM,cAAc,eAAe,MAAM,KAAK;AAC9C,UAAM,kBAAkB,eAAe,MAAM,UAAU,IAAI,KAAK,QAAQ,CAAC;AACzE,UAAM,QAAmD,CAAA;AACzD,aAAS,IAAI,WAAW,GAAG,KAAK,GAAG,KAAK;AACtC,YAAM,KAAK,EAAE,MAAM,IAAI,KAAK,MAAM,QAAQ,GAAG,kBAAkB,CAAC,GAAG,gBAAgB,OAAO;AAAA,IAC5F;AACA,aAAS,IAAI,GAAG,KAAK,aAAa,KAAK;AACrC,YAAM,KAAK,EAAE,MAAM,IAAI,KAAK,MAAM,OAAO,CAAC,GAAG,gBAAgB,KAAA,CAAM;AAAA,IACrE;AACA,WAAO,MAAM,SAAS,IAAI;AACxB,YAAM,KAAK,EAAE,MAAM,IAAI,KAAK,MAAM,QAAQ,GAAG,MAAM,SAAS,WAAW,cAAc,CAAC,GAAG,gBAAgB,OAAO;AAAA,IAClH;AACA,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,OAAO,gBAAgB,CAAC;AAElC,8BACG,OAAA,EACC,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,YAAY,UAAU,gBAAgB,iBAAiB,cAAc,EAAA,GAClG,UAAA;AAAA,MAAA,oBAAC,UAAA,EAAO,SAAS,MAAM,YAAY,IAAI,KAAK,MAAM,QAAQ,CAAC,CAAC,GAAG,OAAO,EAAE,YAAY,QAAQ,QAAQ,QAAQ,OAAO,OAAO,OAAO,KAAK,OAAO,QAAQ,WAAW,UAAU,IAAI,SAAS,UAAA,GAAa,UAAA,IAAA,CAAC;AAAA,0BACpM,QAAA,EAAK,OAAO,EAAE,YAAY,KAAK,UAAU,MACvC,UAAA,SAAS,mBAAmB,SAAS,EAAE,OAAO,SAAS,MAAM,UAAA,CAAW,GAC3E;AAAA,MACA,oBAAC,UAAA,EAAO,SAAS,MAAM,YAAY,IAAI,KAAK,MAAM,QAAQ,CAAC,CAAC,GAAG,OAAO,EAAE,YAAY,QAAQ,QAAQ,QAAQ,OAAO,OAAO,OAAO,KAAK,OAAO,QAAQ,WAAW,UAAU,IAAI,SAAS,UAAA,GAAa,UAAA,IAAA,CAAC;AAAA,IAAA,GACvM;AAAA,IACA,qBAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,qBAAqB,kBAAkB,KAAK,EAAA,GACxE,UAAA;AAAA,MAAA,UAAU,IAAI,CAAC,GAAG,MACjB,oBAAC,SAAY,OAAO,EAAE,WAAW,UAAU,UAAU,GAAG,OAAO,OAAO,OAAO,KAAK,OAAO,YAAY,KAAK,SAAS,QAAA,GAAY,UAAA,EAAA,GAArH,CAAuH,CAClI;AAAA,MACA,KAAK,IAAI,CAAC,EAAE,MAAM,eAAA,GAAkB,QAAQ;AAC3C,cAAM,UAAU,UAAU,MAAM,KAAK;AACrC,cAAM,aAAa,UAAU,MAAM,WAAW;AAC9C,cAAM,YAAY,gBAAgB,IAAI,EAAE,SAAS;AACjD,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,SAAS,MAAM,aAAa,IAAI;AAAA,YAChC,OAAO;AAAA,cACL,WAAW;AAAA,cAAU,UAAU;AAAA,cAAI,SAAS;AAAA,cAAS,QAAQ;AAAA,cAC7D,OAAO,aAAa,OAAO,OAAO,KAAK,UAAU,iBAAiB,OAAO,OAAO,KAAK,UAAU,OAAO,OAAO,KAAK,QAAQ;AAAA,cAC1H,YAAY,WAAW,aAAa,MAAM;AAAA,cAC1C,YAAY,aAAa,OAAO,OAAO,YAAY,UAAU,UAAU,GAAG,OAAO,OAAO,YAAY,OAAO,OAAO;AAAA,cAClH,cAAc,cAAc,UAAU,OAAO,aAAa,OAAO;AAAA,cACjE,UAAU;AAAA,YAAA;AAAA,YAGX,UAAA;AAAA,cAAA,KAAK,QAAA;AAAA,cACL,aAAa,CAAC,cACb,oBAAC,UAAK,OAAO;AAAA,gBACX,UAAU;AAAA,gBAAY,QAAQ;AAAA,gBAAG,MAAM;AAAA,gBAAO,WAAW;AAAA,gBACzD,OAAO;AAAA,gBAAG,QAAQ;AAAA,gBAAG,cAAc;AAAA,gBACnC,YAAY,OAAO,OAAO,YAAY;AAAA,cAAA,EACxC,CAAG;AAAA,YAAA;AAAA,UAAA;AAAA,UAjBA;AAAA,QAAA;AAAA,MAqBX,CAAC;AAAA,IAAA,EAAA,CACH;AAAA,EAAA,GACF;AAEJ,CAAC;AAMM,MAAM,kBAAkB,KAAK,SAASC,iBAAgB;AAAA,EAC3D;AAAA,EACA,YAAY,CAAA;AAAA,EACZ,cAAc;AAAA,EACd;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AACd,GAA6C;AAC3C,QAAM,EAAE,QAAQ,MAAA,IAAU,SAAA;AAC1B,QAAM,qBACJ,UAAU,iBAAiB,UAAU,sBAAsB,UAAU;AACvE,QAAM,CAAC,UAAU,WAAW,IAAI,SAA2B,WAAW;AACtE,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,eAAe,oBAAI,MAAM;AACxE,QAAM,CAAC,mBAAmB,oBAAoB,IAAI;AAAA,IAChD,IAAI,IAAI,UAAU,IAAI,CAAA,MAAK,EAAE,EAAE,CAAC;AAAA,EAAA;AAElC,QAAM,CAAC,YAAY,aAAa,IAAI;AAAA,IAClC,oBAAI,IAAI,CAAC,WAAW,UAAU,WAAW,YAAY,QAAQ,WAAW,WAAW,MAAM,CAAC;AAAA,EAAA;AAE5F,QAAM,CAAC,aAAa,cAAc,IAAI,SAAsD,IAAI;AAChG,QAAM,UAAU,OAAuB,IAAI;AAE3C,QAAM,OAAO,YAAY,YAAA;AACzB,QAAM,QAAQ,YAAY,SAAA;AAG1B,QAAM,iBAAiB;AAAA,IAAQ,MAC7B,OAAO;AAAA,MAAO,CAAA,MACZ,WAAW,IAAI,EAAE,IAAI,MACpB,kBAAkB,SAAS,KAAK,CAAC,EAAE,YAAY,kBAAkB,IAAI,EAAE,QAAQ;AAAA,IAAA;AAAA,IAEpF,CAAC,QAAQ,YAAY,iBAAiB;AAAA,EAAA;AAGtC,QAAM,cAAc,QAAQ,MAAM;AAChC,UAAM,0BAAU,IAAA;AAChB,mBAAe,QAAQ,CAAA,MAAK;AAC1B,YAAM,MAAM,GAAG,EAAE,MAAM,aAAa,IAAI,EAAE,MAAM,UAAU,IAAI,EAAE,MAAM,SAAS;AAC/E,UAAI,CAAC,IAAI,IAAI,GAAG,EAAG,KAAI,IAAI,KAAK,EAAE;AAClC,UAAI,IAAI,GAAG,EAAG,KAAK,CAAC;AACpB,UAAI,EAAE,KAAK;AACT,cAAM,OAAO,KAAK,MAAM,EAAE,IAAI,QAAA,IAAY,EAAE,MAAM,QAAA,KAAa,KAAQ;AACvE,iBAAS,IAAI,GAAG,KAAK,QAAQ,IAAI,IAAI,KAAK;AACxC,gBAAM,OAAO,IAAI,KAAK,EAAE,KAAK;AAC7B,eAAK,QAAQ,KAAK,QAAA,IAAY,CAAC;AAC/B,gBAAM,KAAK,GAAG,KAAK,YAAA,CAAa,IAAI,KAAK,SAAA,CAAU,IAAI,KAAK,QAAA,CAAS;AACrE,cAAI,CAAC,IAAI,IAAI,EAAE,EAAG,KAAI,IAAI,IAAI,EAAE;AAChC,cAAI,IAAI,EAAE,EAAG,KAAK,CAAC;AAAA,QACrB;AAAA,MACF;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,cAAc,CAAC;AAEnB,QAAM,kBAAkB,YAAY,CAAC,MAAY;AAC/C,UAAM,MAAM,GAAG,EAAE,YAAA,CAAa,IAAI,EAAE,SAAA,CAAU,IAAI,EAAE,QAAA,CAAS;AAC7D,WAAO,YAAY,IAAI,GAAG,KAAK,CAAA;AAAA,EACjC,GAAG,CAAC,WAAW,CAAC;AAGhB,QAAM,WAAW,YAAY,CAAC,QAAoB;AAChD,QAAI,QAAQ,GAAG;AAAE,qBAAe,oBAAI,MAAM;AAAG;AAAA,IAAQ;AACrD,UAAM,IAAI,IAAI,KAAK,WAAW;AAC9B,QAAI,aAAa,QAAS,GAAE,SAAS,EAAE,SAAA,IAAa,GAAG;AAAA,aAC9C,aAAa,UAAU,aAAa,QAAS,GAAE,QAAQ,EAAE,YAAY,MAAM,CAAC;AAAA,QAChF,GAAE,QAAQ,EAAE,QAAA,IAAY,GAAG;AAChC,mBAAe,CAAC;AAAA,EAClB,GAAG,CAAC,aAAa,QAAQ,CAAC;AAE1B,QAAM,iBAAiB,YAAY,CAAC,OAAe;AACjD,yBAAqB,CAAA,SAAQ;AAC3B,YAAM,OAAO,IAAI,IAAI,IAAI;AACzB,UAAI,KAAK,IAAI,EAAE,EAAG,MAAK,OAAO,EAAE;AAAA,UAAQ,MAAK,IAAI,EAAE;AACnD,aAAO;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAA,CAAE;AAEL,QAAM,aAAa,YAAY,CAAC,SAAuB;AACrD,kBAAc,CAAA,SAAQ;AACpB,YAAM,OAAO,IAAI,IAAI,IAAI;AACzB,UAAI,KAAK,IAAI,IAAI,EAAG,MAAK,OAAO,IAAI;AAAA,UAAQ,MAAK,IAAI,IAAI;AACzD,aAAO;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAA,CAAE;AAEL,QAAM,WAAW,mBACb,CAAC,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK,IAChD,CAAC,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;AAEpD,QAAM,aAAa,YAAY,mBAAmB,SAAS,EAAE,OAAO,QAAQ,MAAM,WAAW;AAC7F,QAAM,4BAAY,KAAA;AAClB,QAAM,UAAU,cAAc,WAAW;AACzC,QAAM,MAAM,aAAa,WAAW;AAGpC,QAAM,YAAY,QAAQ,MAAM;AAC9B,UAAM,WAAW,mBAAmB,MAAM,OAAO,gBAAgB;AACjE,UAAM,cAAc,eAAe,MAAM,KAAK;AAC9C,UAAM,kBAAkB,eAAe,MAAM,UAAU,IAAI,KAAK,QAAQ,CAAC;AACzE,UAAM,QAAmD,CAAA;AACzD,aAAS,IAAI,WAAW,GAAG,KAAK,GAAG,KAAK;AACtC,YAAM,KAAK,EAAE,MAAM,IAAI,KAAK,MAAM,QAAQ,GAAG,kBAAkB,CAAC,GAAG,gBAAgB,OAAO;AAAA,IAC5F;AACA,aAAS,IAAI,GAAG,KAAK,aAAa,KAAK;AACrC,YAAM,KAAK,EAAE,MAAM,IAAI,KAAK,MAAM,OAAO,CAAC,GAAG,gBAAgB,KAAA,CAAM;AAAA,IACrE;AACA,WAAO,MAAM,SAAS,IAAI;AACxB,YAAM,KAAK,EAAE,MAAM,IAAI,KAAK,MAAM,QAAQ,GAAG,MAAM,SAAS,WAAW,cAAc,CAAC,GAAG,gBAAgB,OAAO;AAAA,IAClH;AACA,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,OAAO,gBAAgB,CAAC;AAGlC,QAAM,YAAY,QAAQ,MAAM,aAAa,aAAa,gBAAgB,GAAG,CAAC,aAAa,gBAAgB,CAAC;AAG5G,QAAM,YAAY,QAAQ,MAAM;AAC9B,UAAM,OAAO,gBAAgB,WAAW;AACxC,WAAO,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,MAAM,EAAE,MAAM,QAAA,IAAY,EAAE,MAAM,SAAS;AAAA,EACvE,GAAG,CAAC,aAAa,eAAe,CAAC;AAGjC,QAAM,aAAa,QAAQ,MAAM;AAC/B,UAAM,0BAAU,KAAA;AAChB,UAAM,MAAM,IAAI,KAAK,GAAG;AACxB,QAAI,QAAQ,IAAI,QAAA,IAAY,CAAC;AAC7B,WAAO,eACJ,OAAO,CAAA,MAAK,EAAE,SAAS,OAAO,EAAE,SAAS,GAAG,EAC5C,KAAK,CAAC,GAAG,MAAM,EAAE,MAAM,YAAY,EAAE,MAAM,SAAS;AAAA,EACzD,GAAG,CAAC,cAAc,CAAC;AAGnB,QAAM,YAAY,QAAQ,MAAM;AAC9B,UAAM,YAAY,IAAI,KAAK,UAAU,CAAC,CAAC;AACvC,cAAU,SAAS,GAAG,GAAG,GAAG,CAAC;AAC7B,UAAM,UAAU,IAAI,KAAK,UAAU,CAAC,CAAC;AACrC,YAAQ,SAAS,IAAI,IAAI,IAAI,GAAG;AAChC,UAAM,aAAa,eAAe;AAAA,MAAO,OACvC,EAAE,SAAS,YAAY,EAAE,OAAO,EAAE,UAAU;AAAA,IAAA;AAE9C,UAAM,4BAAY,IAAA;AAClB,UAAM,OAAwB,CAAA;AAC9B,eAAW,QAAQ,CAAA,MAAK;AACtB,YAAM,OAAO,EAAE,YAAY;AAC3B,UAAI,CAAC,MAAM;AAAE,aAAK,KAAK,CAAC;AAAG;AAAA,MAAQ;AACnC,UAAI,CAAC,MAAM,IAAI,IAAI,EAAG,OAAM,IAAI,MAAM,EAAE;AACxC,YAAM,IAAI,IAAI,EAAG,KAAK,CAAC;AAAA,IACzB,CAAC;AACD,UAAM,OAAoE,CAAA;AAC1E,cAAU,QAAQ,CAAA,OAAM;AACtB,UAAI,MAAM,IAAI,GAAG,EAAE,GAAG;AACpB,aAAK,KAAK,EAAE,OAAO,GAAG,MAAM,OAAO,GAAG,SAAS,OAAO,OAAO,YAAY,SAAS,QAAQ,MAAM,IAAI,GAAG,EAAE,GAAI;AAAA,MAC/G;AAAA,IACF,CAAC;AACD,QAAI,KAAK,SAAS,QAAQ,KAAK,EAAE,OAAO,cAAc,OAAO,OAAO,OAAO,KAAK,SAAS,OAAO,OAAO,KAAK,WAAW,QAAQ,MAAM;AACrI,WAAO,EAAE,MAAM,WAAW,QAAA;AAAA,EAC5B,GAAG,CAAC,gBAAgB,WAAW,WAAW,MAAM,CAAC;AAGjD,QAAM,oBAAoB,YAAY,CAAC,GAAqB,MAAY,aAAsB;AAC5F,MAAE,eAAA;AACF,QAAI,CAAC,cAAe;AACpB,UAAM,IAAI,IAAI,KAAK,IAAI;AACvB,QAAI,UAAU;AACZ,YAAM,CAAC,GAAG,CAAC,IAAI,SAAS,MAAM,GAAG,EAAE,IAAI,MAAM;AAC7C,QAAE,SAAS,GAAG,GAAG,GAAG,CAAC;AAAA,IACvB;AACA,mBAAe,EAAE,GAAG,EAAE,SAAS,GAAG,EAAE,SAAS,MAAM,GAAG;AAAA,EACxD,GAAG,CAAC,aAAa,CAAC;AAGlB,QAAM,cAAc,QAAQ,MAAM;AAChC,QAAI,aAAa,QAAS,QAAO;AACjC,QAAI,aAAa,UAAU,aAAa,SAAS;AAC/C,aAAO,GAAG,UAAU,CAAC,EAAE,mBAAmB,SAAS,EAAE,OAAO,SAAS,KAAK,UAAA,CAAW,CAAC,MAAM,UAAU,CAAC,EAAE,mBAAmB,SAAS,EAAE,OAAO,SAAS,KAAK,WAAW,MAAM,UAAA,CAAW,CAAC,UAAU,OAAO;AAAA,IAC5M;AACA,WAAO,YAAY,mBAAmB,SAAS,EAAE,SAAS,QAAQ,OAAO,QAAQ,KAAK,WAAW,MAAM,UAAA,CAAW;AAAA,EACpH,GAAG,CAAC,UAAU,YAAY,WAAW,SAAS,WAAW,CAAC;AAG1D,QAAM,gBAAgB,MACpB,qBAAC,OAAA,EAAI,OAAO;AAAA,IACV,OAAO;AAAA,IAAK,UAAU;AAAA,IAAK,aAAa,aAAa,OAAO,OAAO,OAAO,KAAK;AAAA,IAC/E,YAAY,OAAO,OAAO,WAAW;AAAA,IAAS,SAAS;AAAA,IACvD,SAAS;AAAA,IAAQ,eAAe;AAAA,IAAU,KAAK;AAAA,IAAI,UAAU;AAAA,EAAA,GAE7D,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,cAAc,CAAC,MAAM;AAAE,yBAAe,CAAC;AAAG,cAAI,aAAa,QAAS,aAAY,KAAK;AAAA,QAAG;AAAA,QACxF;AAAA,MAAA;AAAA,IAAA;AAAA,IAID,oCACE,OAAA,EACC,UAAA;AAAA,MAAA,oBAAC,SAAI,OAAO,EAAE,UAAU,IAAI,YAAY,KAAK,OAAO,OAAO,OAAO,KAAK,OAAO,eAAe,aAAa,eAAe,KAAK,cAAc,EAAA,GAAK,UAAA,eAEjJ;AAAA,MACE,CAAC,WAAW,UAAU,WAAW,YAAY,QAAQ,SAAS,EAAqB,IAAI,CAAA,SACvF,qBAAC,SAAA,EAAiB,OAAO;AAAA,QACvB,SAAS;AAAA,QAAQ,YAAY;AAAA,QAAU,KAAK;AAAA,QAAG,SAAS;AAAA,QAAS,QAAQ;AAAA,QAAW,UAAU;AAAA,QAC9F,OAAO,WAAW,IAAI,IAAI,IAAI,OAAO,OAAO,KAAK,UAAU,OAAO,OAAO,KAAK,QAAQ;AAAA,MAAA,GAEtF,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS,WAAW,IAAI,IAAI;AAAA,YAC5B,UAAU,MAAM,WAAW,IAAI;AAAA,YAC/B,OAAO,EAAE,aAAa,OAAO,OAAO,YAAY,SAAS,OAAO,IAAI,QAAQ,GAAA;AAAA,UAAG;AAAA,QAAA;AAAA,QAEhF,gBAAgB,SAAS,IAAI,IAC5B,oBAAC,WAAA,EAAU,MAAM,YAAY,IAAI,GAAoB,MAAK,eAAc,OAAM,IAAG,OAAO,EAAE,SAAS,IAAA,EAAI,CAAG,IAE1G,oBAAC,UAAK,OAAO,EAAE,SAAS,KAAK,UAAU,GAAA,GAAO,UAAA,YAAY,IAAI,GAAE;AAAA,4BAEjE,QAAA,EAAK,OAAO,EAAE,eAAe,aAAA,GAAiB,UAAA,KAAA,CAAK;AAAA,MAAA,EAAA,GAf1C,IAgBZ,CACD;AAAA,IAAA,GACH;AAAA,IAID,iBAAiB,UAAU,SAAS,0BAClC,OAAA,EACC,UAAA;AAAA,MAAA,oBAAC,SAAI,OAAO,EAAE,UAAU,IAAI,YAAY,KAAK,OAAO,OAAO,OAAO,KAAK,OAAO,eAAe,aAAa,eAAe,KAAK,cAAc,EAAA,GAAK,UAAA,aAEjJ;AAAA,MACC,UAAU,IAAI,CAAA,OACb,qBAAC,WAAkB,OAAO;AAAA,QACxB,SAAS;AAAA,QAAQ,YAAY;AAAA,QAAU,KAAK;AAAA,QAAG,SAAS;AAAA,QAAS,QAAQ;AAAA,QAAW,UAAU;AAAA,QAC9F,OAAO,kBAAkB,IAAI,GAAG,EAAE,IAAI,OAAO,OAAO,KAAK,UAAU,OAAO,OAAO,KAAK,QAAQ;AAAA,MAAA,GAE9F,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS,kBAAkB,IAAI,GAAG,EAAE;AAAA,YACpC,UAAU,MAAM,eAAe,GAAG,EAAE;AAAA,YACpC,OAAO,EAAE,aAAa,GAAG,SAAS,OAAO,OAAO,YAAY,SAAS,OAAO,IAAI,QAAQ,GAAA;AAAA,UAAG;AAAA,QAAA;AAAA,4BAE5F,QAAA,EAAK,OAAO,EAAE,OAAO,GAAG,QAAQ,GAAG,cAAc,OAAO,YAAY,GAAG,SAAS,OAAO,OAAO,YAAY,SAAS,YAAY,KAAK;AAAA,QACrI,oBAAC,QAAA,EAAM,UAAA,GAAG,KAAA,CAAK;AAAA,MAAA,EAAA,GAXL,GAAG,EAYf,CACD;AAAA,IAAA,GACH;AAAA,IAIF,qBAAC,SAAI,OAAO;AAAA,MACV,WAAW;AAAA,MAAQ,UAAU;AAAA,MAAI,OAAO,OAAO,OAAO,KAAK;AAAA,MAC3D,WAAW,aAAa,OAAO,OAAO,OAAO,KAAK;AAAA,MAAI,YAAY;AAAA,IAAA,GAElE,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,UAAA;AAAA,QAAA;AAAA,QAAK,oBAAC,QAAA,EAAK,OAAO,EAAE,YAAY,OAAO,WAAW,WAAW,MAAM,OAAO,OAAO,OAAO,KAAK,UAAA,GAAc,UAAA,IAAA,CAAI;AAAA,MAAA,GAAO;AAAA,2BAC1H,OAAA,EAAI,UAAA;AAAA,QAAA;AAAA,QAAM,oBAAC,QAAA,EAAK,OAAO,EAAE,YAAY,OAAO,WAAW,WAAW,MAAM,OAAO,OAAO,OAAO,KAAK,UAAA,GAAc,UAAA,QAAA,CAAQ;AAAA,MAAA,GAAO;AAAA,2BAC/H,OAAA,EAAI,UAAA;AAAA,QAAA;AAAA,QAAK,oBAAC,UAAK,OAAO,EAAE,YAAY,OAAO,WAAW,WAAW,MAAM,OAAO,OAAO,OAAO,KAAK,aAAc,UAAA,MAAM,cAAc,MAAM,IAAI,EAAE,EAAA,CAAE;AAAA,MAAA,EAAA,CAAO;AAAA,IAAA,EAAA,CAC3J;AAAA,EAAA,GACF;AAGF,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,oBAAoB,SAAS;AAAA,MACxC,SAAS,MAAM,eAAe,IAAI;AAAA,MAClC,OAAO;AAAA,QACL,QAAQ,OAAO,WAAW,WAAW,SAAS;AAAA,QAC9C,YAAY,OAAO,OAAO,WAAW;AAAA,QACrC,GAAI,OAAO,OAAO,OAAO,aAAa,EAAE,QAAQ,aAAa,OAAO,OAAO,OAAO,KAAK,GAAA;AAAA,QACvF,cAAc,OAAO,aAAa;AAAA,QAClC,UAAU;AAAA,QACV,SAAS;AAAA,QACT,eAAe;AAAA,QACf,YAAY,OAAO,WAAW,WAAW;AAAA,QACzC,OAAO,OAAO,OAAO,KAAK;AAAA,QAC1B,gBAAgB,qBAAqB,eAAe;AAAA,QACpD,sBAAsB,qBAAqB,eAAe;AAAA,MAAA;AAAA,MAI5D,UAAA;AAAA,QAAA,qBAAC,SAAI,OAAO;AAAA,UACV,SAAS;AAAA,UACT,cAAc,aAAa,OAAO,OAAO,OAAO,KAAK;AAAA,UACrD,YAAY,OAAO,OAAO,WAAW;AAAA,UACrC,gBAAgB;AAAA,UAChB,SAAS;AAAA,UAAQ,YAAY;AAAA,UAAU,gBAAgB;AAAA,UACvD,UAAU;AAAA,UAAQ,KAAK;AAAA,QAAA,GAEvB,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,GAAA,GACvD,UAAA;AAAA,YAAA,SAAS,oBAAC,QAAA,EAAK,OAAO,EAAE,YAAY,KAAK,UAAU,OAAO,WAAW,SAAS,GAAA,GAAO,UAAA,OAAM;AAAA,YAC5F,qBAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,KAAK,KAClC,UAAA;AAAA,cAAA,oBAAC,UAAA,EAAO,SAAS,MAAM,SAAS,EAAE,GAAG,OAAO,YAAY,MAAM,GAAG,UAAA,IAAA,CAAC;AAAA,cAClE,oBAAC,YAAO,SAAS,MAAM,SAAS,CAAC,GAAG,OAAO,EAAE,GAAG,YAAY,MAAM,GAAG,SAAS,YAAY,UAAU,OAAO,WAAW,SAAS,GAAA,GAAM,UAAA,SAAK;AAAA,cAC1I,oBAAC,UAAA,EAAO,SAAS,MAAM,SAAS,CAAC,GAAG,OAAO,YAAY,MAAM,GAAG,UAAA,IAAA,CAAC;AAAA,YAAA,GACnE;AAAA,YACA,oBAAC,QAAA,EAAK,OAAO,EAAE,YAAY,KAAK,UAAU,OAAO,WAAW,SAAS,GAAA,GAClE,UAAA,YAAA,CACH;AAAA,YAEA,qBAAC,UAAK,OAAO;AAAA,cACX,UAAU;AAAA,cAAG,YAAY,OAAO,WAAW,WAAW;AAAA,cAAM,OAAO,OAAO,OAAO,KAAK;AAAA,cACtF,YAAY,GAAG,OAAO,OAAO,KAAK,KAAK;AAAA,cAAM,SAAS;AAAA,cAAW,cAAc,OAAO,aAAa;AAAA,YAAA,GAClG,UAAA;AAAA,cAAA;AAAA,cACI;AAAA,YAAA,EAAA,CACP;AAAA,UAAA,GACF;AAAA,UACA,qBAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,EAAA,GACvD,UAAA;AAAA,YAAA,cACC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,SAAS,MAAM,+CAAgB,EAAE,OAAO,aAAa,MAAM;gBAC3D,OAAO;AAAA,kBACL,YAAY,OAAO,OAAO,YAAY;AAAA,kBACtC,OAAO,OAAO,OAAO,KAAK;AAAA,kBAAS,QAAQ;AAAA,kBAAQ,cAAc,OAAO,aAAa;AAAA,kBACrF,SAAS;AAAA,kBAAY,UAAU,OAAO,WAAW,SAAS;AAAA,kBAAI,YAAY;AAAA,kBAAK,QAAQ;AAAA,gBAAA;AAAA,gBAE1F,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAIH,oBAAC,SAAI,OAAO;AAAA,cACV,SAAS;AAAA,cAAQ,cAAc,OAAO,aAAa;AAAA,cAAI,UAAU;AAAA,cACjE,QAAQ,aAAa,OAAO,OAAO,OAAO,KAAK;AAAA,YAAA,GAE7C,WAAC,SAAS,QAAQ,OAAO,SAAS,MAAM,EAAyB,IAAI,CAAA,MACrE;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,SAAS,MAAM,YAAY,CAAC;AAAA,gBAC5B,OAAO;AAAA,kBACL,YAAY,aAAa,IAAI,OAAO,OAAO,YAAY,UAAU,OAAO,OAAO,WAAW;AAAA,kBAC1F,OAAO,aAAa,IAAI,OAAO,OAAO,KAAK,UAAU,OAAO,OAAO,KAAK;AAAA,kBACxE,QAAQ;AAAA,kBAAQ,SAAS;AAAA,kBAAY,UAAU,OAAO,WAAW,SAAS;AAAA,kBAC1E,YAAY;AAAA,kBAAK,QAAQ;AAAA,kBAAW,eAAe;AAAA,gBAAA;AAAA,gBAGpD,UAAA;AAAA,cAAA;AAAA,cATI;AAAA,YAAA,CAWR,EAAA,CACH;AAAA,UAAA,EAAA,CACF;AAAA,QAAA,GACF;AAAA,QAGA,qBAAC,OAAA,EAAI,OAAO,EAAE,MAAM,GAAG,SAAS,QAAQ,UAAU,SAAA,GAE/C,UAAA;AAAA,UAAA,eAAe,cAAA;AAAA,UAGhB,qBAAC,OAAA,EAAI,KAAK,SAAS,OAAO,EAAE,MAAM,GAAG,UAAU,OAAA,GAE5C,UAAA;AAAA,YAAA,aAAa,WACZ,qBAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,UAAU,QAAQ,OAAA,GAC9D,UAAA;AAAA,cAAA,oBAAC,SAAI,OAAO;AAAA,gBACV,SAAS;AAAA,gBAAQ,qBAAqB;AAAA,gBACtC,cAAc,aAAa,OAAO,OAAO,OAAO,KAAK;AAAA,gBACrD,YAAY,OAAO,OAAO,WAAW;AAAA,cAAA,GAEpC,UAAA,SAAS,IAAI,CAAA,MACZ,oBAAC,SAAY,OAAO;AAAA,gBAClB,SAAS;AAAA,gBAAW,WAAW;AAAA,gBAAU,UAAU,OAAO,WAAW,SAAS;AAAA,gBAC9E,YAAY;AAAA,gBAAK,OAAO,OAAO,OAAO,KAAK;AAAA,gBAAO,eAAe;AAAA,cAAA,GAC/D,UAAA,EAAA,GAHM,CAGJ,CACP,EAAA,CACH;AAAA,cACA,oBAAC,SAAI,OAAO;AAAA,gBACV,SAAS;AAAA,gBAAQ,qBAAqB;AAAA,gBACtC,kBAAkB;AAAA,gBAAkB,MAAM;AAAA,cAAA,GAEzC,oBAAU,IAAI,CAAC,EAAE,MAAM,eAAA,GAAkB,QAAQ;AAChD,sBAAM,UAAU,gBAAgB,IAAI;AACpC,sBAAM,UAAU,UAAU,MAAM,KAAK;AACrC,uBACE;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEC,SAAS,MAAM;AACb,qCAAe,IAAI;AACnB,0BAAI,eAAgB,gBAAe,MAAM,OAAO;AAAA,uCAC/B,KAAK;AAAA,oBACxB;AAAA,oBACA,eAAe,CAAC,MAAM,kBAAkB,GAAG,IAAI;AAAA,oBAC/C,OAAO;AAAA,sBACL,aAAa,aAAa,OAAO,OAAO,OAAO,KAAK;AAAA,sBACpD,cAAc,aAAa,OAAO,OAAO,OAAO,KAAK;AAAA,sBACrD,SAAS;AAAA,sBAAG,QAAQ;AAAA,sBACpB,YAAY,UAAU,GAAG,OAAO,OAAO,YAAY,OAAO,OAAO;AAAA,sBACjE,SAAS,iBAAiB,IAAI;AAAA,sBAC9B,UAAU;AAAA,sBAAU,WAAW;AAAA,oBAAA;AAAA,oBAGjC,UAAA;AAAA,sBAAA,oBAAC,SAAI,OAAO;AAAA,wBACV,UAAU,OAAO,WAAW,SAAS;AAAA,wBAAI,YAAY,UAAU,MAAM;AAAA,wBACrE,OAAO,UAAU,OAAO,OAAO,YAAY,UAAU,OAAO,OAAO,KAAK;AAAA,wBACxE,cAAc;AAAA,wBAAG,WAAW;AAAA,wBAAS,cAAc;AAAA,sBAAA,GAElD,UAAA,UACC,oBAAC,QAAA,EAAK,OAAO;AAAA,wBACX,YAAY,OAAO,OAAO,YAAY;AAAA,wBACtC,OAAO,OAAO,OAAO,KAAK;AAAA,wBAAS,cAAc,OAAO,aAAa;AAAA,wBACrE,OAAO;AAAA,wBAAI,QAAQ;AAAA,wBAAI,SAAS;AAAA,wBAChC,YAAY;AAAA,wBAAU,gBAAgB;AAAA,wBAAU,UAAU,OAAO,WAAW,SAAS;AAAA,sBAAA,GACnF,UAAA,KAAK,QAAA,GAAU,IACjB,KAAK,WACX;AAAA,sBACC,QAAQ,MAAM,GAAG,CAAC,EAAE,IAAI,CAAA,0BACtB,mBAAA,EAA6B,OAAO,GAAG,QAAgB,SAAO,MAAC,SAAS,MAAM,6CAAe,GAAC,GAAvE,EAAE,EAAwE,CACnG;AAAA,sBACA,QAAQ,SAAS,0BACf,OAAA,EAAI,OAAO,EAAE,UAAU,OAAO,WAAW,SAAS,OAAO,OAAO,OAAO,OAAO,KAAK,OAAO,WAAW,YAAY,UAAA;AAAA,wBAAA;AAAA,wBAC9G,QAAQ,SAAS;AAAA,wBAAE;AAAA,sBAAA,EAAA,CACvB;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBApCG;AAAA,gBAAA;AAAA,cAwCX,CAAC,EAAA,CACH;AAAA,YAAA,GACF;AAAA,YAID,aAAa,UACZ,qBAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,UAAU,QAAQ,OAAA,GAE9D,UAAA;AAAA,cAAA,qBAAC,SAAI,OAAO;AAAA,gBACV,SAAS;AAAA,gBAAQ,qBAAqB;AAAA,gBACtC,cAAc,aAAa,OAAO,OAAO,OAAO,KAAK;AAAA,gBACrD,YAAY,OAAO,OAAO,WAAW;AAAA,gBAAS,UAAU;AAAA,gBAAU,KAAK;AAAA,gBAAG,QAAQ;AAAA,cAAA,GAElF,UAAA;AAAA,gBAAA,oBAAC,OAAA,EAAI,OAAO,EAAE,aAAa,aAAa,OAAO,OAAO,OAAO,KAAK,KAAA,EAAK,CAAG;AAAA,gBACzE,UAAU,IAAI,CAAC,GAAG,MAAM;AACvB,wBAAM,UAAU,UAAU,GAAG,KAAK;AAClC,yBACE,qBAAC,SAAY,OAAO;AAAA,oBAClB,SAAS;AAAA,oBAAW,WAAW;AAAA,oBAC/B,YAAY,UAAU,GAAG,OAAO,OAAO,YAAY,OAAO,OAAO;AAAA,oBACjE,aAAa,aAAa,OAAO,OAAO,OAAO,KAAK;AAAA,kBAAA,GAEpD,UAAA;AAAA,oBAAA,oBAAC,OAAA,EAAI,OAAO,EAAE,UAAU,GAAG,OAAO,OAAO,OAAO,KAAK,OAAO,eAAe,YAAA,GAAgB,UAAA,SAAS,CAAC,GAAE;AAAA,oBACvG,oBAAC,SAAI,OAAO;AAAA,sBACV,UAAU;AAAA,sBAAI,YAAY,UAAU,MAAM;AAAA,sBAC1C,OAAO,UAAU,OAAO,OAAO,YAAY,UAAU,OAAO,OAAO,KAAK;AAAA,oBAAA,GAEvE,UAAA,UACC,oBAAC,QAAA,EAAK,OAAO;AAAA,sBACX,YAAY,OAAO,OAAO,YAAY;AAAA,sBAAS,OAAO,OAAO,OAAO,KAAK;AAAA,sBACzE,cAAc,OAAO,aAAa;AAAA,sBAAM,OAAO;AAAA,sBAAI,QAAQ;AAAA,sBAAI,SAAS;AAAA,sBACxE,YAAY;AAAA,sBAAU,gBAAgB;AAAA,sBAAU,UAAU;AAAA,oBAAA,GACxD,UAAA,EAAE,QAAA,GAAU,IACd,EAAE,UAAQ,CAChB;AAAA,kBAAA,EAAA,GAjBQ,CAkBV;AAAA,gBAEJ,CAAC;AAAA,cAAA,GACH;AAAA,cAEA,oBAAC,OAAA,EAAI,OAAO,EAAE,MAAM,GAAG,UAAU,OAAA,GAC9B,UAAA,WAAW,IAAI,CAAC,MAAM,QAAQ;AAC7B,sBAAM,SAAS,KAAK,SAAS,KAAK;AAClC,uBACE,qBAAC,SAAe,OAAO;AAAA,kBACrB,SAAS;AAAA,kBAAQ,qBAAqB;AAAA,kBACtC,QAAQ;AAAA,kBACR,cAAc,aAAa,OAAO,OAAO,OAAO,KAAK,GAAG,SAAS,OAAO,IAAI;AAAA,gBAAA,GAG5E,UAAA;AAAA,kBAAA,oBAAC,SAAI,OAAO;AAAA,oBACV,UAAU;AAAA,oBAAG,OAAO,OAAO,OAAO,KAAK;AAAA,oBAAO,WAAW;AAAA,oBAAS,cAAc;AAAA,oBAChF,YAAY,OAAO,WAAW,WAAW;AAAA,oBACzC,aAAa,aAAa,OAAO,OAAO,OAAO,KAAK;AAAA,oBACpD,YAAY,GAAG,WAAW;AAAA,oBAC1B,YAAY,SAAS,YAAY;AAAA,kBAAA,GAEhC,UAAA,MACH;AAAA,kBAEC,UAAU,IAAI,CAAC,GAAG,OAAO;AACxB,0BAAM,YAAY,IAAI,KAAK,CAAC;AAAG,8BAAU,SAAS,SAAS,IAAI,GAAG,KAAK,SAAS,KAAK,IAAI,KAAK,GAAG,GAAG,CAAC;AACrG,0BAAM,aAAa,gBAAgB,CAAC,EAAE,OAAO,CAAA,MAAK;AAChD,4BAAM,SAAS,EAAE,MAAM,SAAA,IAAa,KAAK,EAAE,MAAM,WAAA;AACjD,4BAAM,SAAS,SAAS,IAAI,IAAI,MAAM,KAAK,SAAS,KAAK,IAAI,KAAK;AAClE,6BAAO,UAAU,UAAU,SAAS,SAAS;AAAA,oBAC/C,CAAC;AACD,2BACE;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBAEC,SAAS,MAAM;AAAE,yCAAe,CAAC;AAAG,sCAAY,KAAK;AAAA,wBAAG;AAAA,wBACxD,eAAe,CAAC,MAAM,kBAAkB,GAAG,GAAG,IAAI;AAAA,wBAClD,OAAO;AAAA,0BACL,aAAa,aAAa,OAAO,OAAO,OAAO,KAAK;AAAA,0BACpD,SAAS;AAAA,0BAAS,QAAQ;AAAA,0BAAW,UAAU;AAAA,0BAC/C,YAAY,UAAU,GAAG,KAAK,IAAI,GAAG,OAAO,OAAO,YAAY,OAAO,OAAO;AAAA,wBAAA;AAAA,wBAG9E,qBAAW,IAAI,CAAA,MACd,oBAAC,mBAAA,EAA6B,OAAO,GAAG,QAAgB,SAAO,MAAC,SAAS,MAAM,6CAAe,GAAC,GAAvE,EAAE,EAAwE,CACnG;AAAA,sBAAA;AAAA,sBAXI;AAAA,oBAAA;AAAA,kBAcX,CAAC;AAAA,gBAAA,EAAA,GAvCO,IAwCV;AAAA,cAEJ,CAAC,EAAA,CACH;AAAA,YAAA,GACF;AAAA,YAID,aAAa,SACZ,oBAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,UAAU,QAAQ,OAAA,GAC9D,UAAA,oBAAC,OAAA,EAAI,OAAO,EAAE,MAAM,GAAG,UAAU,OAAA,GAC9B,UAAA,WAAW,IAAI,CAAC,SAAS;AACxB,oBAAM,SAAS,KAAK,SAAS,KAAK;AAClC,oBAAM,aAAa,UAAU,OAAO,CAAA,MAAK;AACvC,sBAAM,SAAS,EAAE,MAAM,SAAA,IAAa,KAAK,EAAE,MAAM,WAAA;AACjD,sBAAM,SAAS,SAAS,IAAI,IAAI,MAAM,KAAK,SAAS,KAAK,IAAI,KAAK;AAClE,uBAAO,UAAU,UAAU,SAAS,SAAS;AAAA,cAC/C,CAAC;AACD,qBACE;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,eAAe,CAAC,MAAM,kBAAkB,GAAG,aAAa,IAAI;AAAA,kBAC5D,OAAO;AAAA,oBACL,SAAS;AAAA,oBAAQ,qBAAqB;AAAA,oBACtC,WAAW,WAAW,SAAS,IAAI,KAAK,IAAI,aAAa,WAAW,SAAS,KAAK,CAAC,IAAI;AAAA,oBACvF,cAAc,aAAa,OAAO,OAAO,OAAO,KAAK,GAAG,SAAS,OAAO,IAAI;AAAA,kBAAA;AAAA,kBAG9E,UAAA;AAAA,oBAAA,oBAAC,SAAI,OAAO;AAAA,sBACV,UAAU;AAAA,sBAAI,OAAO,OAAO,OAAO,KAAK;AAAA,sBAAO,WAAW;AAAA,sBAAS,cAAc;AAAA,sBACjF,YAAY,OAAO,WAAW,WAAW;AAAA,sBACzC,aAAa,aAAa,OAAO,OAAO,OAAO,KAAK;AAAA,sBACpD,YAAY,GAAG,WAAW;AAAA,sBAC1B,YAAY,SAAS,YAAY;AAAA,oBAAA,GAEhC,UAAA,MACH;AAAA,oBACA,oBAAC,OAAA,EAAI,OAAO,EAAE,SAAS,WAAW,QAAQ,UAAA,GACvC,UAAA,WAAW,IAAI,CAAA,MAAK;AACnB,4BAAM,QAAQ,EAAE,SAAS,eAAe,EAAE,QAAQ,MAAM;AACxD,6BACE;AAAA,wBAAC;AAAA,wBAAA;AAAA,0BAEC,SAAS,MAAM,6CAAe;AAAA,0BAC9B,OAAO;AAAA,4BACL,YAAY,GAAG,KAAK;AAAA,4BACpB,cAAc,OAAO,aAAa;AAAA,4BAAI,SAAS;AAAA,4BAAW,cAAc;AAAA,4BACxE,QAAQ;AAAA,4BAAW,SAAS;AAAA,4BAAQ,YAAY;AAAA,4BAAU,KAAK;AAAA,4BAC/D,UAAU,OAAO,WAAW,SAAS;AAAA,0BAAA;AAAA,0BAGtC,UAAA;AAAA,4BAAA,gBAAgB,SAAS,EAAE,IAAI,IAC9B,oBAAC,WAAA,EAAU,MAAM,YAAY,EAAE,IAAI,GAAoB,MAAK,eAAc,OAAM,IAAG,OAAO,EAAE,SAAS,IAAA,EAAI,CAAG,wBAE3G,QAAA,EAAK,OAAO,EAAE,SAAS,IAAA,GAAQ,UAAA,YAAY,EAAE,IAAI,GAAE;AAAA,4BAEtD,oBAAC,QAAA,EAAK,OAAO,EAAE,OAAO,UAAU,OAAO,WAAW,SAAS,MAAA,GAAU,UAAA,eAAe,EAAE,MAAM,GAAE;AAAA,4BAC9F,oBAAC,UAAK,OAAO,EAAE,YAAY,IAAA,GAAQ,YAAE,OAAM;AAAA,4BAC3C,qBAAC,UAAK,OAAO,EAAE,OAAO,OAAO,OAAO,KAAK,OAAO,YAAY,OAAO,WAAW,WAAW,MAAM,UAAU,OAAO,WAAW,SAAS,OAAO,YAAY,OAAA,GACpJ,UAAA;AAAA,8BAAA,WAAW,EAAE,KAAK;AAAA,8BAAG,EAAE,MAAM,IAAI,WAAW,EAAE,GAAG,CAAC,KAAK;AAAA,4BAAA,GAC1D;AAAA,4BACC,EAAE,UACD,oBAAC,UAAK,OAAO,EAAE,UAAU,OAAO,WAAW,SAAS,OAAO,OAAO,YAAY,KAAK,eAAe,eAC/F,YAAE,OAAA,CACL;AAAA,0BAAA;AAAA,wBAAA;AAAA,wBAtBG,EAAE;AAAA,sBAAA;AAAA,oBA0Bb,CAAC,EAAA,CACH;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAjDK;AAAA,cAAA;AAAA,YAoDX,CAAC,GACH,GACF;AAAA,YAID,aAAa,WACZ,qBAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,UAAU,QAAQ,OAAA,GAE9D,UAAA;AAAA,cAAA,qBAAC,SAAI,OAAO;AAAA,gBACV,SAAS;AAAA,gBAAQ,qBAAqB;AAAA,gBACtC,cAAc,aAAa,OAAO,OAAO,OAAO,KAAK;AAAA,gBACrD,YAAY,OAAO,OAAO,WAAW;AAAA,gBAAS,UAAU;AAAA,gBAAU,KAAK;AAAA,gBAAG,QAAQ;AAAA,cAAA,GAElF,UAAA;AAAA,gBAAA,oBAAC,OAAA,EAAI,OAAO,EAAE,SAAS,WAAW,UAAU,IAAI,YAAY,KAAK,OAAO,OAAO,OAAO,KAAK,OAAO,aAAa,aAAa,OAAO,OAAO,OAAO,KAAK,KAAA,GAAQ,UAAA,WAAA,CAE9J;AAAA,gBACC,UAAU,IAAI,CAAC,GAAG,MAAM;AACvB,wBAAM,UAAU,UAAU,GAAG,KAAK;AAClC,yBACE,qBAAC,SAAY,OAAO;AAAA,oBAClB,SAAS;AAAA,oBAAW,WAAW;AAAA,oBAC/B,YAAY,UAAU,GAAG,OAAO,OAAO,YAAY,OAAO,OAAO;AAAA,oBACjE,aAAa,aAAa,OAAO,OAAO,OAAO,KAAK;AAAA,oBACpD,UAAU;AAAA,kBAAA,GAEV,UAAA;AAAA,oBAAA,qBAAC,QAAA,EAAK,OAAO,EAAE,OAAO,OAAO,OAAO,KAAK,SAAU,UAAA;AAAA,sBAAA,SAAS,CAAC;AAAA,sBAAE;AAAA,oBAAA,GAAC;AAAA,oBAChE,oBAAC,UAAK,OAAO,EAAE,YAAY,UAAU,MAAM,KAAK,OAAO,UAAU,OAAO,OAAO,YAAY,UAAU,OAAO,OAAO,KAAK,QAAA,GACrH,UAAA,EAAE,UAAQ,CACb;AAAA,kBAAA,EAAA,GATQ,CAUV;AAAA,gBAEJ,CAAC;AAAA,cAAA,GACH;AAAA,kCAEC,OAAA,EAAI,OAAO,EAAE,MAAM,GAAG,UAAU,OAAA,GAC9B,UAAA,UAAU,KAAK,WAAW,wBACxB,OAAA,EAAI,OAAO,EAAE,WAAW,UAAU,OAAO,OAAO,OAAO,KAAK,OAAO,SAAS,IAAI,UAAU,MAAM,UAAA,0BAAA,CAEjG,IACE,UAAU,KAAK,IAAI,CAAC,KAAK,OAC3B,qBAAC,SAAa,OAAO;AAAA,gBACnB,SAAS;AAAA,gBAAQ,qBAAqB;AAAA,gBACtC,cAAc,aAAa,OAAO,OAAO,OAAO,KAAK;AAAA,gBACrD,WAAW;AAAA,cAAA,GAGX,UAAA;AAAA,gBAAA,qBAAC,SAAI,OAAO;AAAA,kBACV,SAAS;AAAA,kBAAW,UAAU;AAAA,kBAAI,YAAY;AAAA,kBAC9C,aAAa,aAAa,OAAO,OAAO,OAAO,KAAK;AAAA,kBACpD,SAAS;AAAA,kBAAQ,YAAY;AAAA,kBAAU,KAAK;AAAA,kBAC5C,OAAO,OAAO,OAAO,KAAK;AAAA,gBAAA,GAE1B,UAAA;AAAA,kBAAA,oBAAC,QAAA,EAAK,OAAO,EAAE,OAAO,GAAG,QAAQ,GAAG,cAAc,OAAO,YAAY,IAAI,OAAO,YAAY,KAAK;AAAA,kBAChG,IAAI;AAAA,gBAAA,GACP;AAAA,gBAEC,UAAU,IAAI,CAAC,GAAG,OAAO;AACxB,wBAAM,aAAa,IAAI,OAAO,OAAO,CAAA,MAAK;AACxC,0BAAM,OAAO,IAAI,KAAK,EAAE,KAAK;AAAG,yBAAK,SAAS,GAAG,GAAG,GAAG,CAAC;AACxD,0BAAM,UAAU,IAAI,KAAK,CAAC;AAAG,4BAAQ,SAAS,GAAG,GAAG,GAAG,CAAC;AACxD,wBAAI,EAAE,KAAK;AACT,4BAAM,OAAO,IAAI,KAAK,EAAE,GAAG;AAAG,2BAAK,SAAS,IAAI,IAAI,IAAI,GAAG;AAC3D,6BAAO,WAAW,QAAQ,WAAW;AAAA,oBACvC;AACA,2BAAO,KAAK,cAAc,QAAQ,QAAA;AAAA,kBACpC,CAAC;AACD,yBACE;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBAEC,eAAe,CAAC,MAAM,kBAAkB,GAAG,CAAC;AAAA,sBAC5C,OAAO;AAAA,wBACL,aAAa,aAAa,OAAO,OAAO,OAAO,KAAK;AAAA,wBACpD,SAAS;AAAA,wBAAW,SAAS;AAAA,wBAAQ,eAAe;AAAA,wBAAU,KAAK;AAAA,wBACnE,YAAY,UAAU,GAAG,KAAK,IAAI,GAAG,OAAO,OAAO,YAAY,OAAO,OAAO;AAAA,sBAAA;AAAA,sBAG9E,UAAA,WAAW,IAAI,CAAA,MAAK;AACnB,8BAAM,QAAQ,EAAE,SAAS,eAAe,EAAE,QAAQ,MAAM;AACxD,+BACE;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BAEC,SAAS,MAAM,6CAAe;AAAA,4BAC9B,OAAO;AAAA,8BACL,YAAY,GAAG,KAAK;AAAA,8BACpB,cAAc;AAAA,8BAAG,SAAS;AAAA,8BAC1B,UAAU;AAAA,8BAAG,YAAY;AAAA,8BACzB,OAAO,OAAO,OAAO,KAAK;AAAA,8BAC1B,QAAQ;AAAA,8BACR,YAAY;AAAA,8BAAU,UAAU;AAAA,8BAAU,cAAc;AAAA,4BAAA;AAAA,4BAE1D,OAAO,GAAG,EAAE,KAAK;AAAA,EAAK,WAAW,EAAE,KAAK,CAAC,GAAG,EAAE,MAAM,QAAQ,WAAW,EAAE,GAAG,IAAI,EAAE;AAAA,4BAElF,UAAA;AAAA,8BAAA,oBAAC,QAAA,EAAK,OAAO,EAAE,SAAS,KAAK,aAAa,EAAA,GAAM,UAAA,eAAe,EAAE,MAAM,EAAA,CAAE;AAAA,8BACxE,EAAE;AAAA,4BAAA;AAAA,0BAAA;AAAA,0BAbE,EAAE;AAAA,wBAAA;AAAA,sBAgBb,CAAC;AAAA,oBAAA;AAAA,oBA5BI;AAAA,kBAAA;AAAA,gBA+BX,CAAC;AAAA,cAAA,EAAA,GA3DO,EA4DV,CACD,EAAA,CACH;AAAA,YAAA,GACF;AAAA,YAID,aAAa,UACZ,qBAAC,OAAA,EAAI,OAAO,EAAE,SAAS,MACrB,UAAA;AAAA,cAAA,qBAAC,OAAA,EAAI,OAAO,EAAE,UAAU,OAAO,WAAW,SAAS,IAAI,OAAO,OAAO,OAAO,KAAK,OAAO,cAAc,KAAK,UAAA;AAAA,gBAAA;AAAA,gBACtF,WAAW;AAAA,gBAAO;AAAA,cAAA,GACvC;AAAA,cACC,WAAW,WAAW,IACrB,oBAAC,OAAA,EAAI,OAAO,EAAE,WAAW,UAAU,OAAO,OAAO,OAAO,KAAK,OAAO,SAAS,IAAI,UAAU,OAAO,WAAW,SAAS,MAAM,UAAA,0BAE5H,IAEA,oBAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,UAAU,KAAK,KAC1D,UAAA,WAAW,IAAI,CAAA,MAAK;AACnB,sBAAM,QAAQ,EAAE,SAAS,eAAe,EAAE,QAAQ,MAAM;AACxD,uBACE;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEC,SAAS,MAAM,6CAAe;AAAA,oBAC9B,OAAO;AAAA,sBACL,SAAS;AAAA,sBAAQ,qBAAqB;AAAA,sBACtC,SAAS;AAAA,sBAAY,cAAc,OAAO,aAAa;AAAA,sBACvD,YAAY,GAAG,KAAK;AAAA,sBACpB,QAAQ;AAAA,sBAAW,YAAY;AAAA,sBAAU,KAAK;AAAA,sBAC9C,UAAU,OAAO,WAAW,SAAS;AAAA,oBAAA;AAAA,oBAGvC,UAAA;AAAA,sBAAA,qBAAC,UAAK,OAAO,EAAE,YAAY,OAAO,WAAW,WAAW,MAAM,UAAU,OAAO,WAAW,SAAS,KAAK,OAAO,OAAO,OAAO,KAAK,SAC/H,UAAA;AAAA,wBAAA,EAAE,MAAM,mBAAmB,SAAS,EAAE,OAAO,SAAS,KAAK,WAAW;AAAA,wBAAE;AAAA,wBAAE,WAAW,EAAE,KAAK;AAAA,sBAAA,GAC/F;AAAA,sBACA,qBAAC,QAAA,EAAK,OAAO,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,EAAA,GACxD,UAAA;AAAA,wBAAA,gBAAgB,SAAS,EAAE,IAAI,wBAC7B,WAAA,EAAU,MAAM,YAAY,EAAE,IAAI,GAAoB,MAAK,eAAc,OAAM,GAAA,CAAG,wBAElF,QAAA,EAAM,UAAA,YAAY,EAAE,IAAI,EAAA,CAAE;AAAA,wBAE7B,oBAAC,UAAK,OAAO,EAAE,YAAY,OAAQ,YAAE,MAAA,CAAM;AAAA,sBAAA,GAC7C;AAAA,sBACC,EAAE,UACD,qBAAC,QAAA,EAAK,OAAO,EAAE,UAAU,OAAO,WAAW,SAAS,OAAO,OAAO,YAAY,OAC3E,UAAA;AAAA,wBAAA,eAAe,EAAE,MAAM;AAAA,wBAAE;AAAA,wBAAE,EAAE;AAAA,sBAAA,EAAA,CAChC;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAxBG,EAAE;AAAA,gBAAA;AAAA,cA4Bb,CAAC,EAAA,CACH;AAAA,YAAA,EAAA,CAEJ;AAAA,UAAA,EAAA,CAEJ;AAAA,QAAA,GACF;AAAA,QAGA,qBAAC,SAAI,OAAO;AAAA,UACV,SAAS;AAAA,UACT,WAAW,aAAa,OAAO,OAAO,OAAO,KAAK;AAAA,UAClD,YAAY,OAAO,OAAO,WAAW;AAAA,UACrC,UAAU,OAAO,WAAW,SAAS;AAAA,UAAK,OAAO,OAAO,OAAO,KAAK;AAAA,UACpE,SAAS;AAAA,UAAQ,gBAAgB;AAAA,QAAA,GAEjC,UAAA;AAAA,UAAA,qBAAC,QAAA,EAAM,UAAA;AAAA,YAAA,eAAe;AAAA,YAAO;AAAA,YAAmB;AAAA,YAAI;AAAA,YAAS;AAAA,UAAA,GAAQ;AAAA,UACrE,oBAAC,QAAA,EACE,UAAA,OAAO,OAAO,OAAK,EAAE,WAAW,WAAW,EAAE,WAAW,YAAY,EAAE,WAAW,SAAS,EAAE,SAAS,IAClG,KAAK,OAAO,OAAO,CAAA,MAAK,EAAE,WAAW,WAAW,EAAE,WAAW,YAAY,EAAE,WAAW,SAAS,EAAE,MAAM,YACvG,gBAAA,CACN;AAAA,QAAA,GACF;AAAA,QAGC,eACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,UAAU;AAAA,cAAS,MAAM,YAAY;AAAA,cAAG,KAAK,YAAY;AAAA,cAAG,QAAQ;AAAA,cACpE,YAAY,OAAO,OAAO,WAAW;AAAA,cAAS,gBAAgB;AAAA,cAC9D,QAAQ,aAAa,OAAO,OAAO,OAAO,KAAK;AAAA,cAAI,cAAc,OAAO,aAAa;AAAA,cACrF,WAAW;AAAA,cAA8B,SAAS;AAAA,cAAG,UAAU;AAAA,YAAA;AAAA,YAGjE,UAAA;AAAA,cAAA,qBAAC,SAAI,OAAO,EAAE,UAAU,GAAG,OAAO,OAAO,OAAO,KAAK,OAAO,SAAS,WAAW,YAAY,OAAO,WAAW,WAAW,QACtH,UAAA;AAAA,gBAAA,YAAY,KAAK,mBAAmB,SAAS,EAAE,OAAO,SAAS,KAAK,WAAW;AAAA,gBAAE;AAAA,gBAAE,WAAW,YAAY,IAAI;AAAA,cAAA,GACjH;AAAA,cACE,CAAC,WAAW,UAAU,WAAW,YAAY,MAAM,EAAqB,IAAI,CAAA,SAC5E;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,SAAS,MAAM;AAAE,mEAAgB,EAAE,OAAO,YAAY,MAAM;AAAS,mCAAe,IAAI;AAAA,kBAAG;AAAA,kBAC3F,OAAO;AAAA,oBACL,SAAS;AAAA,oBAAS,OAAO;AAAA,oBAAQ,WAAW;AAAA,oBAAQ,YAAY;AAAA,oBAAQ,QAAQ;AAAA,oBAChF,OAAO,OAAO,OAAO,KAAK;AAAA,oBAAS,SAAS;AAAA,oBAAW,UAAU;AAAA,oBAAI,QAAQ;AAAA,oBAC7E,cAAc,OAAO,aAAa;AAAA,kBAAA;AAAA,kBAEpC,cAAc,CAAA,MAAK;AAAG,sBAAE,cAAoC,MAAM,aAAa,GAAG,OAAO,OAAO,YAAY,OAAO;AAAA,kBAAM;AAAA,kBACzH,cAAc,CAAA,MAAK;AAAG,sBAAE,cAAoC,MAAM,aAAa;AAAA,kBAAQ;AAAA,kBAEtF,UAAA;AAAA,oBAAA,YAAY,IAAI;AAAA,oBAAE;AAAA,oBAAS,KAAK,OAAO,CAAC,EAAE,gBAAgB,KAAK,MAAM,CAAC;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAVlE;AAAA,cAAA,CAYR;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;AAED,SAAS,YAAY,QAAoE;AACvF,SAAO;AAAA,IACL,YAAY,OAAO,OAAO,WAAW;AAAA,IACrC,OAAO,OAAO,OAAO,KAAK;AAAA,IAC1B,QAAQ,aAAa,OAAO,OAAO,OAAO,KAAK;AAAA,IAC/C,cAAc,OAAO,aAAa;AAAA,IAAI,SAAS;AAAA,IAAW,UAAU,OAAO,WAAW,SAAS;AAAA,IAAI,QAAQ;AAAA,IAC3G,YAAY;AAAA,EAAA;AAEhB;"}

package/dist/react/core/NumberInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NumberInput.js","sources":["../../../src/react/core/NumberInput.tsx"],"sourcesContent":["/**\n * @zendir/ui - NumberInput Component\n * \n * Numeric input with optional slider, min/max bounds, step, precision,\n * and unit display. Essential for operator dashboards (frequency, power,\n * aperture, field of view, etc.).\n * \n * Astro UX Compliance:\n * - Consistent sizing with Input component (small/medium/large)\n * - Focus ring for accessibility (WCAG 2.1 AA)\n * - Status-based border colors\n * - Tabular numbers for value alignment\n * \n * @example\n * ```tsx\n * // Each instance can set precision (decimal places); default is 2\n * <NumberInput value={500} onChange={setFreq} min={300} max={900} unit=\"MHz\" label=\"Frequency\" />\n * <NumberInput value={45.2} onChange={setPower} min={0.1} max={100} step={0.1} precision={1} unit=\"W\" slider />\n * <NumberInput value={1024} onChange={setRes} min={128} max={2048} step={128} precision={0} unit=\"px\" label=\"Resolution\" slider />\n * // Status mode with automatic threshold-based coloring:\n * <NumberInput value={temp} onChange={setTemp} min={0} max={100} unit=\"°C\" slider\n *   statusMode statusThresholds={{ critical: 90, serious: 75, caution: 50, normal: 20, standby: 0 }} />\n * ```\n */\n\nimport React, { memo, forwardRef, useState, useCallback, useRef, useEffect, useId, useMemo } from 'react';\nimport { useTheme } from '../theme';\nimport type { LabelPlacement } from './Input';\nimport type { StatusLevel } from '../utils';\nimport type { StatusThresholds } from './propertyConfig';\nimport { deriveStatus } from './propertyConfig';\nimport { StatusIndicator } from '../astro/StatusIndicator';\n\nexport type NumberInputSize = 'small' | 'medium' | 'large';\n\n/**\n * Re-export SliderStatus as an alias for StatusLevel for convenience.\n * Includes: 'normal' | 'standby' | 'caution' | 'serious' | 'critical' | 'off'\n */\nexport type SliderStatus = StatusLevel;\n\n/** Default decimal places when precision is not specified: 0 = integer display. Set precision (e.g. 2) to show decimals. */\nconst DEFAULT_DECIMAL_PLACES = 0;\n\nexport interface NumberInputProps {\n  /** Current value */\n  value: number;\n  /** Change handler */\n  onChange: (value: number) => void;\n  /** Minimum value */\n  min?: number;\n  /** Maximum value */\n  max?: number;\n  /** Step increment */\n  step?: number;\n  /** Number of decimal places to show and round to. Omit or 0 = integer. Use 2 (or any positive number) to show decimals; 2 is typical when decimals are needed. */\n  precision?: number;\n  /** Unit label displayed after the input (e.g., \"MHz\", \"W\", \"°C\") */\n  unit?: string;\n  /** Label text or ReactNode (supports rich content like tooltip icons) */\n  label?: React.ReactNode;\n  /** Helper text below the input */\n  helperText?: string;\n  /** Error state / message */\n  error?: boolean | string;\n  /** Show slider below the input */\n  slider?: boolean;\n  /** Size variant */\n  size?: NumberInputSize;\n  /** Disabled state */\n  disabled?: boolean;\n  /** Full width */\n  fullWidth?: boolean;\n  /** Custom width */\n  width?: string | number;\n  /** ID for accessibility */\n  id?: string;\n  /** Custom className */\n  className?: string;\n  /** Custom style */\n  style?: React.CSSProperties;\n  /** Text alignment inside the input field */\n  textAlign?: 'left' | 'center' | 'right';\n  /**\n   * Label placement style.\n   * - `'outlined'` — label sits on the input border (notched/Material-style). **Default.**\n   * - `'above'`    — label sits above the input with a gap (classic stack).\n   */\n  labelPlacement?: LabelPlacement;\n  /** Required indicator */\n  required?: boolean;\n\n  // ── Status Mode ──────────────────────────────────────────────────────\n  /**\n   * Enable status-based coloring on the slider track, thumb, and glow.\n   * When enabled, the slider color reflects the current status instead of\n   * the default accent color.\n   */\n  statusMode?: boolean;\n  /**\n   * Manual status override. When provided, this status is used directly\n   * instead of computing from thresholds.\n   */\n  status?: SliderStatus;\n  /**\n   * Threshold map for automatic status resolution based on current value.\n   * Supports both high thresholds (critical, serious, caution) and low\n   * thresholds (criticalLow, seriousLow, cautionLow) from the shared\n   * Astro UX StatusThresholds type.\n   * Requires `statusMode` to be enabled.\n   */\n  statusThresholds?: StatusThresholds;\n  /**\n   * Callback fired whenever the computed/resolved status changes.\n   * Useful for parent components to react to status transitions.\n   */\n  onStatusChange?: (status: SliderStatus) => void;\n}\n\n// Status resolution is delegated to the shared deriveStatus() utility from propertyConfig.\n\nexport const NumberInput = memo(forwardRef<HTMLInputElement, NumberInputProps>(function NumberInput(\n  {\n    value,\n    onChange,\n    min,\n    max,\n    step = 1,\n    precision,\n    unit,\n    label,\n    helperText,\n    error,\n    slider = false,\n    size = 'medium',\n    disabled = false,\n    fullWidth = false,\n    width,\n    id,\n    className,\n    style,\n    textAlign = 'right',\n    labelPlacement = 'outlined',\n    required,\n    statusMode = false,\n    status: statusOverride,\n    statusThresholds,\n    onStatusChange,\n  },\n  ref\n): React.ReactElement {\n  const { tokens, theme } = useTheme();\n  const isTransparentTheme = theme === 'transparent' || theme === 'transparent-bold' || theme === 'transparent-minimal';\n  const isOutlined = labelPlacement === 'outlined';\n  const decimalPlaces = precision ?? DEFAULT_DECIMAL_PLACES;\n  const [isFocused, setIsFocused] = useState(false);\n  const [isHovered, setIsHovered] = useState(false);\n  const [isSliderActive, setIsSliderActive] = useState(false);\n  const [localValue, setLocalValue] = useState(() => value.toFixed(decimalPlaces));\n  const inputRef = useRef<HTMLInputElement>(null);\n  const sliderContainerRef = useRef<HTMLDivElement>(null);\n  const sliderId = useId().replace(/:/g, '');\n  \n  // ── Status resolution ──────────────────────────────────────────────────\n  const resolvedStatus: SliderStatus | undefined = useMemo(() => {\n    if (!statusMode) return undefined;\n    if (statusOverride) return statusOverride;\n    return deriveStatus(value, statusThresholds);\n  }, [statusMode, statusOverride, statusThresholds, value]);\n\n  // Fire onStatusChange when status changes\n  const prevStatusRef = useRef<SliderStatus | undefined>(undefined);\n  useEffect(() => {\n    if (resolvedStatus !== undefined && resolvedStatus !== prevStatusRef.current) {\n      prevStatusRef.current = resolvedStatus;\n      onStatusChange?.(resolvedStatus);\n    }\n  }, [resolvedStatus, onStatusChange]);\n\n  /** Resolve the active color: status color or accent */\n  const activeColor = useMemo(() => {\n    if (resolvedStatus && tokens.colors.status[resolvedStatus]) {\n      return tokens.colors.status[resolvedStatus];\n    }\n    return tokens.colors.accent.primary;\n  }, [resolvedStatus, tokens.colors.status, tokens.colors.accent.primary]);\n\n  // Sync external value to local state\n  useEffect(() => {\n    if (!isFocused) {\n      setLocalValue(value.toFixed(decimalPlaces));\n    }\n  }, [value, decimalPlaces, isFocused]);\n  \n  const clamp = useCallback((v: number): number => {\n    let result = v;\n    if (min !== undefined) result = Math.max(min, result);\n    if (max !== undefined) result = Math.min(max, result);\n    result = Number(result.toFixed(decimalPlaces));\n    return result;\n  }, [min, max, decimalPlaces]);\n  \n  const handleInputChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    const raw = e.target.value;\n    setLocalValue(raw);\n    \n    const parsed = parseFloat(raw);\n    if (!isNaN(parsed)) {\n      onChange(clamp(parsed));\n    }\n  }, [onChange, clamp]);\n  \n  const handleBlur = useCallback(() => {\n    setIsFocused(false);\n    const parsed = parseFloat(localValue);\n    if (isNaN(parsed)) {\n      setLocalValue(value.toFixed(decimalPlaces));\n    } else {\n      const clamped = clamp(parsed);\n      onChange(clamped);\n      setLocalValue(clamped.toFixed(decimalPlaces));\n    }\n  }, [localValue, value, onChange, clamp, decimalPlaces]);\n  \n  const handleSliderChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    const parsed = parseFloat(e.target.value);\n    const clamped = clamp(parsed);\n    onChange(clamped);\n    setLocalValue(clamped.toFixed(decimalPlaces));\n  }, [onChange, clamp, decimalPlaces]);\n  \n  const handleKeyDown = useCallback((e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'ArrowUp') {\n      e.preventDefault();\n      onChange(clamp(value + step));\n    } else if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      onChange(clamp(value - step));\n    }\n  }, [value, step, onChange, clamp]);\n  \n  // Wheel handler: scroll on slider or input changes value\n  const handleWheel = useCallback((e: WheelEvent) => {\n    if (disabled || min === undefined || max === undefined) return;\n    e.preventDefault();\n    const direction = e.deltaY < 0 ? 1 : -1;\n    onChange(clamp(value + step * direction));\n  }, [value, step, onChange, clamp, disabled, min, max]);\n  \n  // Attach wheel listener to slider container AND input element\n  useEffect(() => {\n    const sliderContainer = sliderContainerRef.current;\n    const inputElement = inputRef.current;\n    \n    // Always attach to input if min/max defined, regardless of slider prop\n    if (min !== undefined && max !== undefined) {\n      if (slider && sliderContainer) {\n        sliderContainer.addEventListener('wheel', handleWheel, { passive: false });\n      }\n      if (inputElement) {\n        inputElement.addEventListener('wheel', handleWheel, { passive: false });\n      }\n    }\n    \n    return () => {\n      if (sliderContainer) sliderContainer.removeEventListener('wheel', handleWheel);\n      if (inputElement) inputElement.removeEventListener('wheel', handleWheel);\n    };\n  }, [handleWheel, slider, min, max]);\n  \n  // Release slider active state when mouse is released anywhere\n  useEffect(() => {\n    if (!isSliderActive) return;\n    const handleUp = () => setIsSliderActive(false);\n    window.addEventListener('mouseup', handleUp);\n    window.addEventListener('touchend', handleUp);\n    return () => {\n      window.removeEventListener('mouseup', handleUp);\n      window.removeEventListener('touchend', handleUp);\n    };\n  }, [isSliderActive]);\n\n  const [isUnitDragging, setIsUnitDragging] = useState(false);\n  const dragStartValueRef = useRef<number>(0);\n  const dragStartYRef = useRef<number>(0);\n  const unitRef = useRef<HTMLSpanElement>(null);\n\n  // Unit Drag Handler\n  const handleUnitMouseDown = useCallback((e: React.MouseEvent) => {\n    if (disabled) return;\n    \n    e.preventDefault();\n    setIsUnitDragging(true);\n    dragStartValueRef.current = value;\n    dragStartYRef.current = e.clientY;\n    \n    // Lock cursor if supported for infinite drag\n    if (document.body.requestPointerLock) {\n      document.body.requestPointerLock();\n    }\n  }, [value, disabled]);\n\n  const handleUnitMouseMove = useCallback((e: MouseEvent) => {\n    if (!isUnitDragging) return;\n    \n    // Use movementY if pointer is locked (infinite drag), otherwise fallback to delta\n    // Invert Y because dragging UP (negative Y) should INCREASE value\n    const deltaY = document.pointerLockElement \n      ? -e.movementY \n      : (dragStartYRef.current - e.clientY);\n      \n    if (deltaY === 0) return;\n\n    // Velocity / Precision Logic\n    // Shift key = Precision mode (0.1x speed)\n    // Ctrl/Cmd key = Fast mode (10x speed)\n    let speedMultiplier = 1;\n    if (e.shiftKey) speedMultiplier = 0.1;\n    else if (e.ctrlKey || e.metaKey) speedMultiplier = 10;\n    \n    // Scale sensitivity: 1 pixel = 1 step * multiplier\n    // For non-locked pointer, we might want to dampen it slightly to 0.5 step per pixel\n    const sensitivity = document.pointerLockElement ? 1 : 0.5;\n    \n    const change = deltaY * sensitivity * (step || 1) * speedMultiplier;\n    \n    // If pointer is NOT locked, we update reference to prevent jumpiness\n    if (!document.pointerLockElement) {\n        dragStartYRef.current = e.clientY;\n        dragStartValueRef.current = clamp(value + change);\n        onChange(clamp(value + change));\n    } else {\n        // For locked pointer, we accumulate on the start value or current value\n        // Better to accumulate on current value to handle continuous flow\n        onChange(clamp(value + change));\n    }\n    \n  }, [isUnitDragging, value, step, onChange, clamp]);\n\n  const handleUnitMouseUp = useCallback(() => {\n    if (isUnitDragging) {\n      setIsUnitDragging(false);\n      if (document.exitPointerLock) {\n        document.exitPointerLock();\n      }\n    }\n  }, [isUnitDragging]);\n\n  // Global mouse listeners for drag\n  useEffect(() => {\n    if (isUnitDragging) {\n      window.addEventListener('mousemove', handleUnitMouseMove);\n      window.addEventListener('mouseup', handleUnitMouseUp);\n    }\n    return () => {\n      window.removeEventListener('mousemove', handleUnitMouseMove);\n      window.removeEventListener('mouseup', handleUnitMouseUp);\n    };\n  }, [isUnitDragging, handleUnitMouseMove, handleUnitMouseUp]);\n\n  // Attach wheel listener to unit element too\n  useEffect(() => {\n    const unitEl = unitRef.current;\n    if (unitEl && !disabled) {\n      unitEl.addEventListener('wheel', handleWheel, { passive: false });\n    }\n    return () => {\n      if (unitEl) unitEl.removeEventListener('wheel', handleWheel);\n    };\n  }, [handleWheel, disabled]);\n  \n  // Size config — heights match Input & Select via elementSize tokens\n  const sizeConfig = {\n    small: { height: tokens.elementSize.sm, fontSize: tokens.typography.fontSize.xs, padding: `${tokens.spacing.xs} ${tokens.spacing.sm}`, sliderHeight: 3, inputPaddingLeft: 8 },\n    medium: { height: tokens.elementSize.md, fontSize: tokens.typography.fontSize.sm, padding: `${tokens.spacing.xs} ${tokens.spacing.smd}`, sliderHeight: 4, inputPaddingLeft: 12 },\n    large: { height: tokens.elementSize.lg, fontSize: tokens.typography.fontSize.base, padding: `${tokens.spacing.sm} ${tokens.spacing.md}`, sliderHeight: 5, inputPaddingLeft: 16 },\n  };\n  const config = sizeConfig[size];\n  \n  const hasError = !!error;\n  const errorMessage = typeof error === 'string' ? error : undefined;\n  \n  const computedBorder = hasError\n    ? tokens.borders.input.error\n    : isFocused\n      ? tokens.borders.input.focus\n      : isHovered\n        ? tokens.borders.input.hover\n        : tokens.borders.input.default;\n  \n  const inputBg = isTransparentTheme\n    ? (tokens.colors.interactive.transparentInputBg || 'rgba(139, 92, 246, 0.08)')\n    : tokens.colors.background.surface;\n\n  // Slider track gradient (filled portion)\n  const sliderPercent = (min !== undefined && max !== undefined)\n    ? ((value - min) / (max - min)) * 100\n    : 50;\n\n  const inputId = id || (typeof label === 'string' ? `zendir-number-${label.replace(/\\s+/g, '-').toLowerCase()}` : undefined);\n\n  // ── Thumb dimensions ─────────────────────────────────────────────────\n  const thumbWidth = 24;\n  const thumbHeight = config.sliderHeight + 8;\n  const trackH = config.sliderHeight;\n\n  return (\n    <div\n      className={className}\n      style={{\n        display: 'inline-flex',\n        flexDirection: 'column',\n        // No gap when slider is present — slider sits flush on the input bottom edge\n        gap: slider ? 0 : tokens.spacing.xs,\n        width: fullWidth ? '100%' : (typeof width === 'number' ? `${width}px` : width),\n        fontFamily: tokens.typography.fontFamily.primary,\n        ...style,\n      }}\n    >\n      {/* Label: 'above' variant */}\n      {label && !isOutlined && (\n        <label\n          htmlFor={inputId}\n          style={{\n            fontSize: tokens.typography.fontSize.xs,\n            fontWeight: tokens.typography.fontWeight.medium,\n            color: tokens.colors.text.secondary,\n            letterSpacing: tokens.typography.letterSpacing.wide,\n          }}\n        >\n          {label}\n          {required && (\n            <span style={{ color: tokens.colors.status.critical, marginLeft: '2px' }}>*</span>\n          )}\n        </label>\n      )}\n      \n      {/* Input row */}\n      <div\n        style={{\n          position: 'relative',\n          display: 'flex',\n          alignItems: 'center',\n          height: config.height,\n          backgroundColor: inputBg,\n          border: computedBorder,\n          borderRadius: tokens.borderRadius.md,\n          transition: tokens.animation.fast,\n          opacity: disabled ? 0.5 : 1,\n          overflow: isOutlined ? 'visible' : 'hidden',\n        }}\n        onMouseEnter={() => !disabled && setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n      >\n        {/* Label: 'outlined' variant — positioned on the input row border */}\n        {label && isOutlined && (\n          <label\n            htmlFor={inputId}\n            style={{\n              position: 'absolute',\n              top: 0,\n              left: `${config.inputPaddingLeft - 6}px`,\n              transform: 'translateY(-50%)',\n              backgroundColor: isTransparentTheme\n                ? tokens.colors.background.base\n                : tokens.colors.background.surface,\n              padding: '0 6px',\n              fontSize: { small: '0.625rem', medium: '0.6875rem', large: '0.75rem' }[size],\n              fontWeight: tokens.typography.fontWeight.medium,\n              color: isFocused\n                ? (hasError ? tokens.colors.status.critical : tokens.colors.accent.primary)\n                : hasError\n                  ? tokens.colors.status.critical\n                  : tokens.colors.text.secondary,\n              letterSpacing: tokens.typography.letterSpacing.wide,\n              zIndex: 1,\n              pointerEvents: 'none',\n              transition: tokens.animation.fast,\n              lineHeight: 1.2,\n              whiteSpace: 'nowrap',\n            }}\n          >\n            {label}\n            {required && (\n              <span style={{ color: tokens.colors.status.critical, marginLeft: '2px' }}>*</span>\n            )}\n          </label>\n        )}\n        <input\n          ref={ref || inputRef}\n          id={inputId}\n          type=\"text\"\n          inputMode=\"decimal\"\n          value={localValue}\n          onChange={handleInputChange}\n          onFocus={() => setIsFocused(true)}\n          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n          disabled={disabled}\n          aria-invalid={hasError}\n          aria-describedby={errorMessage ? `${inputId}-error` : helperText ? `${inputId}-helper` : undefined}\n          style={{\n            flex: 1,\n            height: '100%',\n            padding: config.padding,\n            fontSize: config.fontSize,\n            fontWeight: tokens.typography.fontWeight.medium,\n            fontFamily: tokens.typography.fontFamily.mono,\n            fontVariantNumeric: 'tabular-nums',\n            color: tokens.colors.text.primary,\n            backgroundColor: 'transparent',\n            border: 'none',\n            outline: 'none',\n            minWidth: 0,\n            textAlign,\n          }}\n        />\n        \n        {/* Unit */}\n        {unit && (\n          <span\n            ref={unitRef}\n            onMouseDown={handleUnitMouseDown}\n            style={{\n              padding: `0 ${tokens.spacing.sm}`,\n              fontSize: tokens.typography.fontSize.xs,\n              fontWeight: tokens.typography.fontWeight.medium,\n              color: isUnitDragging ? activeColor : tokens.colors.text.tertiary,\n              fontFamily: tokens.typography.fontFamily.primary,\n              flexShrink: 0,\n              borderLeft: tokens.borders.separator,\n              height: '100%',\n              display: 'flex',\n              alignItems: 'center',\n              backgroundColor: isTransparentTheme\n                ? 'rgba(139, 92, 246, 0.04)'\n                : 'rgba(0, 0, 0, 0.15)',\n              cursor: disabled ? 'not-allowed' : 'ns-resize',\n              userSelect: 'none',\n              transition: 'color 0.2s ease',\n            }}\n            title={disabled ? undefined : \"Drag to adjust value\"}\n          >\n            {unit}\n          </span>\n        )}\n      </div>\n      \n      {/* Slider — directly below input with no gap */}\n      {slider && min !== undefined && max !== undefined && (() => {\n        const sliderH = thumbHeight;\n        const cy = sliderH / 2;\n        const pct = sliderPercent / 100; // 0..1\n\n        // Thumb left-edge position: maps 0% → 0px, 100% → (containerWidth - thumbWidth)\n        // CSS calc: pct * (100% - thumbWidth)\n        const thumbLeftCalc = `calc(${pct} * (100% - ${thumbWidth}px))`;\n\n        // Filled track width = thumb left edge + 1px overlap for seamless join\n        const filledWidthCalc = `calc(${pct} * (100% - ${thumbWidth}px) + 1px)`;\n\n        return (\n          <div\n            ref={sliderContainerRef}\n            style={{\n              position: 'relative',\n              height: `${sliderH}px`,\n              marginTop:  `-${sliderH / 1.42}px`,\n            }}\n          >\n            {/* Unfilled track */}\n            <div style={{\n              position: 'absolute',\n              top: `${cy}px`,\n              left: 0,\n              right: 0,\n              height: `${trackH}px`,\n              transform: 'translateY(-50%)',\n              borderRadius: `${trackH / 2}px`,\n              backgroundColor: `${tokens.colors.border.muted}60`,\n            }} />\n            {/* Filled track — flat right edge for flush join with thumb */}\n            <div style={{\n              position: 'absolute',\n              top: `${cy}px`,\n              left: 0,\n              width: filledWidthCalc,\n              height: `${trackH}px`,\n              transform: 'translateY(-50%)',\n              borderRadius: `${trackH / 2}px 0 0 ${trackH / 2}px`,\n              background: activeColor,\n              transition: 'background 300ms ease',\n            }} />\n            {/* Invisible range input */}\n            <input\n              type=\"range\"\n              className={`zendir-slider-${sliderId}`}\n              min={min}\n              max={max}\n              step={step}\n              value={value}\n              onChange={handleSliderChange}\n              onMouseDown={() => setIsSliderActive(true)}\n              onMouseUp={() => setIsSliderActive(false)}\n              onTouchStart={() => setIsSliderActive(true)}\n              onTouchEnd={() => setIsSliderActive(false)}\n              disabled={disabled}\n              aria-label={typeof label === 'string' ? label : 'Value slider'}\n              style={{\n                position: 'absolute',\n                top: 0,\n                left: 0,\n                width: '100%',\n                height: '100%',\n                margin: 0,\n                padding: 0,\n                opacity: 0,\n                cursor: disabled ? 'not-allowed' : 'pointer',\n                zIndex: 2,\n              }}\n            />\n            {/* Smooth-blob thumb — left edge flush with filled track end */}\n            <div\n              style={{\n                position: 'absolute',\n                top: `${cy}px`,\n                left: thumbLeftCalc,\n                width: `${thumbWidth}px`,\n                height: `${thumbHeight}px`,\n                transform: 'translateY(-50%)',\n                pointerEvents: 'none',\n                zIndex: 1,\n              }}\n            >\n              <svg\n                width={thumbWidth}\n                height={thumbHeight}\n                viewBox={`0 0 ${thumbWidth} ${thumbHeight}`}\n                xmlns=\"http://www.w3.org/2000/svg\"\n                style={{ display: 'block', overflow: 'visible' }}\n              >\n                {(() => {\n                  const w = thumbWidth;\n                  const h = thumbHeight;\n                  const svgCy = h / 2;\n                  const trackHalf = trackH / 2;\n                  const r = 2;\n\n                  const ltop = svgCy - trackHalf;\n                  const lbot = svgCy + trackHalf;\n                  const rtop = r;\n                  const rbot = h - r;\n\n                  const cp1x = w * 0.28;\n                  const cp2x = w * 0.48;\n\n                  const d = [\n                    `M 0 ${ltop}`,\n                    `C ${cp1x} ${ltop}, ${cp2x} ${rtop}, ${w - r} ${rtop}`,\n                    `A ${r} ${r} 0 0 1 ${w} ${rtop + r}`,\n                    `L ${w} ${rbot - r}`,\n                    `A ${r} ${r} 0 0 1 ${w - r} ${rbot}`,\n                    `C ${cp2x} ${rbot}, ${cp1x} ${lbot}, 0 ${lbot}`,\n                    `Z`,\n                  ].join(' ');\n\n                  return <path d={d} fill={activeColor} />;\n                })()}\n              </svg>\n            </div>\n\n            {/* Astro UXDS status symbol (shape-coded: circle/square/diamond/triangle) */}\n            {statusMode && resolvedStatus && (\n              <div\n                style={{\n                  position: 'absolute',\n                  bottom: `-${size === 'large' ? 10 : 8}px`,\n                  left: `calc(${pct} * (100% - ${thumbWidth}px) + ${thumbWidth / 2}px)`,\n                  transform: 'translateX(-50%)',\n                  zIndex: 1,\n                  lineHeight: 0,\n                }}\n              >\n                <StatusIndicator\n                  status={resolvedStatus}\n                  small\n                />\n              </div>\n            )}\n          </div>\n        );\n      })()}\n      \n      {/* Helper / Error text */}\n      {(helperText || errorMessage) && (\n        <div\n          id={errorMessage ? `${inputId}-error` : `${inputId}-helper`}\n          role={errorMessage ? 'alert' : undefined}\n          style={{\n            fontSize: tokens.typography.fontSize.xs,\n            color: hasError ? tokens.colors.status.critical : tokens.colors.text.tertiary,\n          }}\n        >\n          {errorMessage || helperText}\n        </div>\n      )}\n    </div>\n  );\n}));\n\nexport default NumberInput;\n"],"names":["NumberInput"],"mappings":"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"}