@zendir/ui 0.2.20 → 0.3.0

package/dist/react/core/widgets/ImageGallery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageGallery.js","sources":["../../../../src/react/core/widgets/ImageGallery.tsx"],"sourcesContent":["/**\r\n * @zendir/ui - ImageGallery Component\r\n * \r\n * Grid of image thumbnails with lightbox, download, delete, and pagination.\r\n * Designed for spacecraft image capture galleries in operator dashboards.\r\n * \r\n * Astro UX Compliance:\r\n * - Consistent card styling with GlassCard\r\n * - Status-based border colors\r\n * - Keyboard navigation (Escape to close lightbox)\r\n * - Focus management\r\n * \r\n * @example\r\n * ```tsx\r\n * <ImageGallery\r\n *   images={[\r\n *     { id: '1', name: 'capture_001.png', src: dataUrl, timestamp: Date.now() },\r\n *     { id: '2', name: 'capture_002.png', src: dataUrl, timestamp: Date.now() },\r\n *   ]}\r\n *   columns={[2, 3, 4]}\r\n *   onDownload={(img) => saveAs(img.src, img.name)}\r\n *   onDelete={(img) => removeImage(img.id)}\r\n *   pageSize={12}\r\n * />\r\n * ```\r\n */\r\n\r\nimport React, { memo, useState, useCallback, useEffect } from 'react';\r\nimport { useTheme } from '../../theme';\r\nimport { useBreakpoint } from '../layout/useBreakpoint';\r\nimport { resolveResponsiveValue } from '../layout/useBreakpoint';\r\nimport type { ResponsiveValue } from '../layout/useBreakpoint';\r\nimport { Pagination } from '../navigation/Pagination';\r\n\r\n// ─── Types ───────────────────────────────────────────────────────────────────\r\n\r\nexport interface GalleryImage {\r\n  /** Unique identifier */\r\n  id: string;\r\n  /** Display name */\r\n  name: string;\r\n  /** Image source URL or data URL */\r\n  src: string;\r\n  /** Timestamp (ms since epoch) */\r\n  timestamp?: number;\r\n  /** Optional metadata */\r\n  metadata?: Record<string, unknown>;\r\n}\r\n\r\nexport interface ImageGalleryProps {\r\n  /** Array of images */\r\n  images: GalleryImage[];\r\n  /** Number of columns (responsive) */\r\n  columns?: ResponsiveValue<number>;\r\n  /** Images per page (0 = no pagination) */\r\n  pageSize?: number;\r\n  /** Download handler */\r\n  onDownload?: (image: GalleryImage) => void;\r\n  /** Delete handler (shows delete button when provided) */\r\n  onDelete?: (image: GalleryImage) => void;\r\n  /** Click handler */\r\n  onClick?: (image: GalleryImage) => void;\r\n  /** Show lightbox on click (default true) */\r\n  lightbox?: boolean;\r\n  /** Thumbnail height */\r\n  thumbnailHeight?: number;\r\n  /** Empty state message */\r\n  emptyMessage?: string;\r\n  /** New image badge count (shows badge on component) */\r\n  newCount?: number;\r\n  /** Custom style */\r\n  style?: React.CSSProperties;\r\n}\r\n\r\nexport const ImageGallery = memo(function ImageGallery({\r\n  images,\r\n  columns = [2, 3, 4],\r\n  pageSize = 12,\r\n  onDownload,\r\n  onDelete,\r\n  onClick,\r\n  lightbox = true,\r\n  thumbnailHeight = 140,\r\n  emptyMessage = 'No images captured',\r\n  newCount: _newCount,\r\n  style,\r\n}: ImageGalleryProps): React.ReactElement {\r\n  const { tokens } = useTheme();\r\n  const { breakpoint } = useBreakpoint();\r\n  const [currentPage, setCurrentPage] = useState(0);\r\n  const [selectedImage, setSelectedImage] = useState<GalleryImage | null>(null);\r\n  const [hoveredId, setHoveredId] = useState<string | null>(null);\r\n  \r\n  const cols = Array.isArray(columns) ? resolveResponsiveValue(columns, breakpoint) : columns;\r\n  const totalPages = pageSize > 0 ? Math.ceil(images.length / pageSize) : 1;\r\n  const pageImages = pageSize > 0\r\n    ? images.slice(currentPage * pageSize, (currentPage + 1) * pageSize)\r\n    : images;\r\n  \r\n  // Reset page if images change\r\n  useEffect(() => {\r\n    if (currentPage >= totalPages && totalPages > 0) {\r\n      setCurrentPage(totalPages - 1);\r\n    }\r\n  }, [images.length, totalPages, currentPage]);\r\n  \r\n  // Lightbox keyboard\r\n  useEffect(() => {\r\n    if (!selectedImage) return;\r\n    const handler = (e: KeyboardEvent) => {\r\n      if (e.key === 'Escape') setSelectedImage(null);\r\n    };\r\n    document.addEventListener('keydown', handler);\r\n    return () => document.removeEventListener('keydown', handler);\r\n  }, [selectedImage]);\r\n  \r\n  const handleImageClick = useCallback((img: GalleryImage) => {\r\n    onClick?.(img);\r\n    if (lightbox) setSelectedImage(img);\r\n  }, [onClick, lightbox]);\r\n  \r\n  const formatTime = (ts?: number) => {\r\n    if (!ts) return '';\r\n    const d = new Date(ts);\r\n    return d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', second: '2-digit' });\r\n  };\r\n  \r\n  // Action button helper\r\n  const ActionBtn = ({ icon, label, onClick: handler, color }: { icon: React.ReactNode; label: string; onClick: () => void; color?: string }) => (\r\n    <button\r\n      aria-label={label}\r\n      onClick={(e) => { e.stopPropagation(); handler(); }}\r\n      style={{\r\n        display: 'flex', alignItems: 'center', justifyContent: 'center',\r\n        width: 28, height: 28,\r\n        border: `1px solid ${tokens.colors.border.muted}`,\r\n        borderRadius: tokens.borderRadius.sm,\r\n        backgroundColor: `${tokens.colors.background.elevated}e0`,\r\n        color: color || tokens.colors.text.secondary,\r\n        cursor: 'pointer', transition: tokens.animation.fast,\r\n        backdropFilter: 'blur(4px)',\r\n      }}\r\n    >\r\n      {icon}\r\n    </button>\r\n  );\r\n  \r\n  // Download icon\r\n  const downloadIcon = <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"/><polyline points=\"7 10 12 15 17 10\"/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"/></svg>;\r\n  // Delete icon\r\n  const deleteIcon = <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\"><polyline points=\"3 6 5 6 21 6\"/><path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"/></svg>;\r\n  \r\n  return (\r\n    <div style={{ fontFamily: tokens.typography.fontFamily.primary, ...style }}>\r\n      {/* Empty state */}\r\n      {images.length === 0 && (\r\n        <div style={{\r\n          display: 'flex', alignItems: 'center', justifyContent: 'center',\r\n          height: 200, color: tokens.colors.text.tertiary,\r\n          fontSize: tokens.typography.fontSize.sm,\r\n          border: `1px dashed ${tokens.colors.border.muted}`,\r\n          borderRadius: tokens.borderRadius.md,\r\n        }}>\r\n          {emptyMessage}\r\n        </div>\r\n      )}\r\n      \r\n      {/* Grid */}\r\n      {pageImages.length > 0 && (\r\n        <div style={{\r\n          display: 'grid',\r\n          gridTemplateColumns: `repeat(${cols}, 1fr)`,\r\n          gap: tokens.spacing.sm,\r\n        }}>\r\n          {pageImages.map(img => {\r\n            const isHovered = hoveredId === img.id;\r\n            return (\r\n              <div\r\n                key={img.id}\r\n                role=\"button\"\r\n                tabIndex={0}\r\n                aria-label={`View image ${img.name || img.id}`}\r\n                onClick={() => handleImageClick(img)}\r\n                onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); handleImageClick(img); } }}\r\n                onMouseEnter={() => setHoveredId(img.id)}\r\n                onMouseLeave={() => setHoveredId(null)}\r\n                style={{\r\n                  position: 'relative',\r\n                  borderRadius: tokens.borderRadius.md,\r\n                  border: `1px solid ${tokens.colors.border.muted}`,\r\n                  overflow: 'hidden',\r\n                  cursor: 'pointer',\r\n                  transition: tokens.animation.fast,\r\n                  transform: isHovered ? 'translateY(-2px)' : 'none',\r\n                  boxShadow: isHovered ? tokens.shadows.md : 'none',\r\n                  backgroundColor: tokens.colors.background.surface,\r\n                }}\r\n              >\r\n                {/* Thumbnail */}\r\n                <div style={{\r\n                  height: thumbnailHeight,\r\n                  display: 'flex', alignItems: 'center', justifyContent: 'center',\r\n                  overflow: 'hidden',\r\n                  backgroundColor: tokens.colors.background.base,\r\n                }}>\r\n                  <img\r\n                    src={img.src}\r\n                    alt={img.name}\r\n                    loading=\"lazy\"\r\n                    onError={(e) => {\r\n                      const target = e.target as HTMLImageElement;\r\n                      target.style.display = 'none';\r\n                      target.parentElement!.innerHTML = `<span style=\"color:${tokens.colors.text.tertiary};font-size:${tokens.typography.fontSize.xxs}\">Image unavailable</span>`;\r\n                    }}\r\n                    style={{\r\n                      maxWidth: '100%', maxHeight: '100%',\r\n                      objectFit: 'contain',\r\n                    }}\r\n                  />\r\n                </div>\r\n                \r\n                {/* Info bar */}\r\n                <div style={{\r\n                  padding: `${tokens.spacing.xs} ${tokens.spacing.sm}`,\r\n                  borderTop: `1px solid ${tokens.colors.border.muted}`,\r\n                }}>\r\n                  <div style={{\r\n                    fontSize: tokens.typography.fontSize.xxs,\r\n                    fontWeight: tokens.typography.fontWeight.medium,\r\n                    color: tokens.colors.text.primary,\r\n                    whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis',\r\n                  }}>\r\n                    {img.name}\r\n                  </div>\r\n                  {img.timestamp && (\r\n                    <div style={{\r\n                      fontSize: tokens.typography.fontSize.micro,\r\n                      color: tokens.colors.text.tertiary,\r\n                      fontFamily: tokens.typography.fontFamily.mono,\r\n                    }}>\r\n                      {formatTime(img.timestamp)}\r\n                    </div>\r\n                  )}\r\n                </div>\r\n                \r\n                {/* Hover actions */}\r\n                {isHovered && (\r\n                  <div style={{\r\n                    position: 'absolute', top: tokens.spacing.xs, right: tokens.spacing.xs,\r\n                    display: 'flex', gap: '4px',\r\n                  }}>\r\n                    {onDownload && (\r\n                      <ActionBtn icon={downloadIcon} label=\"Download\" onClick={() => onDownload(img)} />\r\n                    )}\r\n                    {onDelete && (\r\n                      <ActionBtn icon={deleteIcon} label=\"Delete\" onClick={() => onDelete(img)} color={tokens.colors.status.critical} />\r\n                    )}\r\n                  </div>\r\n                )}\r\n              </div>\r\n            );\r\n          })}\r\n        </div>\r\n      )}\r\n      \r\n      {/* Pagination */}\r\n      {totalPages > 1 && (\r\n        <div style={{\r\n          display: 'flex',\r\n          justifyContent: 'center',\r\n          alignItems: 'center',\r\n          marginTop: tokens.spacing.md,\r\n        }}>\r\n          <Pagination\r\n            currentPage={currentPage + 1}\r\n            totalPages={totalPages}\r\n            onChange={(page) => setCurrentPage(Math.max(0, page - 1))}\r\n            showFirstLast={false}\r\n            displayMode=\"text\"\r\n            size=\"small\"\r\n          />\r\n        </div>\r\n      )}\r\n      \r\n      {/* Lightbox */}\r\n      {selectedImage && (\r\n        <>\r\n          <div\r\n            aria-hidden=\"true\"\r\n            onClick={() => setSelectedImage(null)}\r\n            style={{\r\n              position: 'fixed', inset: 0, zIndex: 9998,\r\n              backgroundColor: `${tokens.colors.background.base}e0`,\r\n              backdropFilter: 'blur(8px)',\r\n              animation: `zendir-lb-fade 200ms ${tokens.animation.easing.default}`,\r\n            }}\r\n          />\r\n          <div\r\n            role=\"dialog\"\r\n            aria-modal=\"true\"\r\n            aria-label={`Image: ${selectedImage.name}`}\r\n            onClick={() => setSelectedImage(null)}\r\n            style={{\r\n              position: 'fixed', inset: 0, zIndex: 9999,\r\n              display: 'flex', flexDirection: 'column',\r\n              alignItems: 'center', justifyContent: 'center',\r\n              padding: tokens.spacing.xl,\r\n            }}\r\n          >\r\n            <img\r\n              src={selectedImage.src}\r\n              alt={selectedImage.name}\r\n              onClick={e => e.stopPropagation()}\r\n              style={{\r\n                maxWidth: '90vw', maxHeight: '80vh',\r\n                objectFit: 'contain',\r\n                borderRadius: tokens.borderRadius.md,\r\n                boxShadow: tokens.shadows.xl,\r\n                animation: `zendir-lb-scale 250ms ${tokens.animation.easing.default}`,\r\n              }}\r\n            />\r\n            <div style={{\r\n              display: 'flex', alignItems: 'center', gap: tokens.spacing.md,\r\n              marginTop: tokens.spacing.md,\r\n            }}\r\n              onClick={e => e.stopPropagation()}\r\n            >\r\n              <span style={{\r\n                color: tokens.colors.text.primary,\r\n                fontSize: tokens.typography.fontSize.sm,\r\n                fontWeight: tokens.typography.fontWeight.medium,\r\n              }}>\r\n                {selectedImage.name}\r\n              </span>\r\n              {onDownload && (\r\n                <button\r\n                  onClick={() => onDownload(selectedImage)}\r\n                  style={{\r\n                    padding: '6px 16px', fontSize: tokens.typography.fontSize.xs,\r\n                    color: tokens.colors.text.primary, backgroundColor: `${tokens.colors.accent.primary}20`,\r\n                    border: `1px solid ${tokens.colors.accent.primary}40`,\r\n                    borderRadius: tokens.borderRadius.md, cursor: 'pointer',\r\n                    fontFamily: tokens.typography.fontFamily.primary,\r\n                  }}\r\n                >\r\n                  Download\r\n                </button>\r\n              )}\r\n              {onDelete && (\r\n                <button\r\n                  onClick={() => { onDelete(selectedImage); setSelectedImage(null); }}\r\n                  style={{\r\n                    padding: '6px 16px', fontSize: tokens.typography.fontSize.xs,\r\n                    color: tokens.colors.status.critical, backgroundColor: `${tokens.colors.status.critical}15`,\r\n                    border: `1px solid ${tokens.colors.status.critical}30`,\r\n                    borderRadius: tokens.borderRadius.md, cursor: 'pointer',\r\n                    fontFamily: tokens.typography.fontFamily.primary,\r\n                  }}\r\n                >\r\n                  Delete\r\n                </button>\r\n              )}\r\n            </div>\r\n          </div>\r\n          <style>{`\r\n            @keyframes zendir-lb-fade { from { opacity: 0; } to { opacity: 1; } }\r\n            @keyframes zendir-lb-scale { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } }\r\n          `}</style>\r\n        </>\r\n      )}\r\n    </div>\r\n  );\r\n});\r\n\r\nexport default ImageGallery;\r\n"],"names":["ImageGallery"],"mappings":"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"}

package/dist/react/core/{LogViewer.d.ts → widgets/LogViewer.d.ts}

@@ -4,8 +4,14 @@ export type LogSeverity = 'debug' | 'info' | 'warn' | 'error' | 'critical';
 export interface LogEntry {
     /** Unique ID */
     id: string | number;
-    /** Timestamp (ISO string or Date) */
+    /** Wall-clock timestamp (ISO string or Date) for ordering/export. */
     timestamp: string | Date;
+    /**
+     * Simulation-elapsed time in seconds (T+ format) when the event occurred.
+     * Optional. When provided AND `timestampFormat="sim-elapsed"`, this is what
+     * the timestamp column displays. Falls through to `timestamp` otherwise.
+     */
+    simTime?: number;
     /** Severity level */
     severity: LogSeverity;
     /** Log message */
@@ -34,8 +40,12 @@ export interface LogViewerProps {
     showSearch?: boolean;
     /** Initial severity filters (all enabled by default) */
     defaultSeverities?: LogSeverity[];
-    /** Timestamp format: 'time', 'datetime', 'relative' (default: 'time') */
-    timestampFormat?: 'time' | 'datetime' | 'relative';
+    /**
+     * Timestamp format. `'sim-elapsed'` displays `entry.simTime` as `T+HHH:MM:SS.s`
+     * (falls back to wall-clock formatting if simTime is absent on an entry).
+     * Default: 'time'.
+     */
+    timestampFormat?: 'time' | 'datetime' | 'relative' | 'sim-elapsed';
     /** Called when an entry is clicked */
     onEntryClick?: (entry: LogEntry) => void;
     /** CSS class */

package/dist/react/core/{LogViewer.js → widgets/LogViewer.js}

@@ -1,12 +1,29 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { memo, useRef, useState, useMemo, useEffect, useCallback } from "react";
-import { useTheme } from "../theme/ThemeProvider.js";
+import { useTheme } from "../../theme/ThemeProvider.js";
 const DEFAULT_ESTIMATED_ROW_HEIGHT = 28;
 const DEFAULT_OVERSCAN_COUNT = 12;
 const SEVERITY_ORDER = ["debug", "info", "warn", "error", "critical"];
-function formatTimestamp(ts, format) {
+function formatSimElapsed(seconds) {
+  const sign = seconds < 0 ? "-" : "+";
+  const abs = Math.abs(seconds);
+  const h = Math.floor(abs / 3600);
+  const m = Math.floor(abs % 3600 / 60);
+  const s = abs % 60;
+  const whole = Math.floor(s);
+  const tenths = Math.floor((s - whole) * 10);
+  return `T${sign}${String(h).padStart(2, "0")}:${String(m).padStart(2, "0")}:${String(whole).padStart(2, "0")}.${tenths}`;
+}
+function formatTimestamp(entry, format) {
+  if (format === "sim-elapsed" && typeof entry.simTime === "number" && Number.isFinite(entry.simTime)) {
+    return formatSimElapsed(entry.simTime);
+  }
+  const ts = entry.timestamp;
   const d = typeof ts === "string" ? new Date(ts) : ts;
   if (isNaN(d.getTime())) return String(ts);
+  if (format === "sim-elapsed") {
+    return d.toLocaleTimeString("en-US", { hour12: false, hour: "2-digit", minute: "2-digit", second: "2-digit" });
+  }
   if (format === "time") {
     return d.toLocaleTimeString("en-US", { hour12: false, hour: "2-digit", minute: "2-digit", second: "2-digit" }) + "." + d.getMilliseconds().toString().padStart(3, "0");
   }
@@ -156,10 +173,12 @@ const LogViewer = memo(function LogViewer2({
         showTimestamp && /* @__PURE__ */ jsx("span", { style: {
           color: tokens.colors.text.muted,
           marginRight: 8,
-          minWidth: 85,
+          // 'sim-elapsed' renders T+HH:MM:SS.s which is wider than the wall-clock formats.
+          minWidth: timestampFormat === "sim-elapsed" ? 110 : 85,
           fontSize: 11,
-          flexShrink: 0
-        }, children: formatTimestamp(entry.timestamp, timestampFormat) }),
+          flexShrink: 0,
+          fontFamily: tokens.typography.fontFamily.mono
+        }, children: formatTimestamp(entry, timestampFormat) }),
         showSource && entry.source && /* @__PURE__ */ jsxs("span", { style: {
           color: tokens.colors.interactive.default,
           marginRight: 8,
@@ -231,12 +250,13 @@ const LogViewer = memo(function LogViewer2({
   const exportLog = useCallback(() => {
     var _a;
     const text = filteredEntries.map((e) => {
-      const ts = formatTimestamp(e.timestamp, "datetime");
+      const wall = formatTimestamp(e, "datetime");
+      const sim = timestampFormat === "sim-elapsed" && typeof e.simTime === "number" ? ` ${formatSimElapsed(e.simTime)}` : "";
       const src = e.source ? `[${e.source}]` : "";
-      return `${ts} [${e.severity.toUpperCase()}] ${src} ${e.message}`;
+      return `${wall}${sim} [${e.severity.toUpperCase()}] ${src} ${e.message}`;
     }).join("\n");
     (_a = navigator.clipboard) == null ? void 0 : _a.writeText(text);
-  }, [filteredEntries]);
+  }, [filteredEntries, timestampFormat]);
   const clearFilters = useCallback(() => {
     setSeverityFilter(new Set(SEVERITY_ORDER));
     setSearchQuery("");

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

@@ -0,0 +1 @@
+{"version":3,"file":"LogViewer.js","sources":["../../../../src/react/core/widgets/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  /** Wall-clock timestamp (ISO string or Date) for ordering/export. */\n  timestamp: string | Date;\n  /**\n   * Simulation-elapsed time in seconds (T+ format) when the event occurred.\n   * Optional. When provided AND `timestampFormat=\"sim-elapsed\"`, this is what\n   * the timestamp column displays. Falls through to `timestamp` otherwise.\n   */\n  simTime?: number;\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  /**\n   * Timestamp format. `'sim-elapsed'` displays `entry.simTime` as `T+HHH:MM:SS.s`\n   * (falls back to wall-clock formatting if simTime is absent on an entry).\n   * Default: 'time'.\n   */\n  timestampFormat?: 'time' | 'datetime' | 'relative' | 'sim-elapsed';\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 formatSimElapsed(seconds: number): string {\n  const sign = seconds < 0 ? '-' : '+';\n  const abs = Math.abs(seconds);\n  const h = Math.floor(abs / 3600);\n  const m = Math.floor((abs % 3600) / 60);\n  const s = abs % 60;\n  const whole = Math.floor(s);\n  const tenths = Math.floor((s - whole) * 10);\n  return `T${sign}${String(h).padStart(2, '0')}:${String(m).padStart(2, '0')}:${String(whole).padStart(2, '0')}.${tenths}`;\n}\n\nfunction formatTimestamp(\n  entry: Pick<LogEntry, 'timestamp' | 'simTime'>,\n  format: 'time' | 'datetime' | 'relative' | 'sim-elapsed',\n): string {\n  if (format === 'sim-elapsed' && typeof entry.simTime === 'number' && Number.isFinite(entry.simTime)) {\n    return formatSimElapsed(entry.simTime);\n  }\n\n  const ts = entry.timestamp;\n  const d = typeof ts === 'string' ? new Date(ts) : ts;\n  if (isNaN(d.getTime())) return String(ts);\n\n  if (format === 'sim-elapsed') {\n    // Fallback when simTime missing — show wall-clock time so the row isn't blank.\n    return d.toLocaleTimeString('en-US', { hour12: false, hour: '2-digit', minute: '2-digit', second: '2-digit' });\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          // 'sim-elapsed' renders T+HH:MM:SS.s which is wider than the wall-clock formats.\n          minWidth: timestampFormat === 'sim-elapsed' ? 110 : 85,\n          fontSize: 11,\n          flexShrink: 0,\n          fontFamily: tokens.typography.fontFamily.mono,\n        }}>\n          {formatTimestamp(entry, 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 wall = formatTimestamp(e, 'datetime');\n      // When sim-elapsed is in use, include the sim T+ stamp alongside wall time so\n      // exports remain useful when correlating with sim playback.\n      const sim = timestampFormat === 'sim-elapsed' && typeof e.simTime === 'number'\n        ? ` ${formatSimElapsed(e.simTime)}`\n        : '';\n      const src = e.source ? `[${e.source}]` : '';\n      return `${wall}${sim} [${e.severity.toUpperCase()}] ${src} ${e.message}`;\n    }).join('\\n');\n    navigator.clipboard?.writeText(text);\n  }, [filteredEntries, timestampFormat]);\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.d.ts → widgets/MessageStream.d.ts}

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-import { StatusLevel } from '../utils';
-import { AstroIconName } from './AstroIcon';
+import { StatusLevel } from '../../utils';
+import { AstroIconName } from '../display/AstroIcon';
 
 export interface StreamMessage {
     /** Unique identifier */

package/dist/react/core/{MessageStream.js → widgets/MessageStream.js}

@@ -1,9 +1,9 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { memo, useMemo } from "react";
-import { classNames } from "../utils/index.js";
-import { Icon } from "./Icon.js";
-import { useTheme } from "../theme/ThemeProvider.js";
-import { useCompactMode } from "../hooks/useCompactMode.js";
+import { classNames } from "../../utils/index.js";
+import { Icon } from "../display/Icon.js";
+import { useTheme } from "../../theme/ThemeProvider.js";
+import { useCompactMode } from "../../hooks/useCompactMode.js";
 const STATUS_SHAPES = {
   off: (size, color) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 12 12", width: size, height: size, "aria-hidden": "true", children: /* @__PURE__ */ jsx("circle", { cx: "6", cy: "6", r: "5", fill: color }) }),
   standby: (size, color) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 12 12", width: size, height: size, "aria-hidden": "true", children: /* @__PURE__ */ jsx("circle", { cx: "6", cy: "6", r: "5", fill: "none", stroke: color, strokeWidth: "2" }) }),

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageStream.js","sources":["../../../../src/react/core/widgets/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 '../display/AstroIcon';\nimport { Icon } from '../display/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 → widgets/MissionCalendar.js}

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { memo, useState, useRef, useMemo, useCallback } from "react";
-import { AstroIcon } from "./AstroIcon.js";
-import { useTheme } from "../theme/ThemeProvider.js";
+import { AstroIcon } from "../display/AstroIcon.js";
+import { useTheme } from "../../theme/ThemeProvider.js";
 function getStatusColor(status, tokens) {
   if (!status) return tokens.colors.text.muted ?? tokens.colors.text.secondary;
   switch (status) {