npm - @zendir/ui - Versions diffs - 0.2.21 → 0.3.1 - Mend

@zendir/ui 0.2.21 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (322) hide show

package/dist/react/core/widgets/HexViewer.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"HexViewer.js","sources":["../../../../src/react/core/widgets/HexViewer.tsx"],"sourcesContent":["/**\n * @zendir/ui - HexViewer Component\n * \n * Displays raw binary data in a hex viewer format for telemetry packet analysis.\n * Shows offset, hex bytes, and ASCII representation side by side.\n * \n * Features:\n * - Hex + ASCII view with configurable bytes per row (8, 16, 32)\n * - Byte highlighting with custom colors (for field boundaries, errors, etc.)\n * - Click-to-select bytes and ranges\n * - Search by hex pattern or ASCII string\n * - Offset display in hex or decimal\n * - Live data streaming support (auto-scroll)\n * - Copy selection as hex, decimal, or ASCII\n * - Byte grouping (1, 2, 4, 8)\n * - Endianness toggle for multi-byte interpretation\n * - Status bar showing cursor position, selection info, data interpretation\n * \n * Astro UX Compliance:\n * - Dark theme with monospace font\n * - Status colors for highlighting\n * - Accessible keyboard navigation\n * \n * @example\n * ```tsx\n * <HexViewer\n * data={new Uint8Array([0x48, 0x65, 0x6C, 0x6C, 0x6F])}\n * bytesPerRow={16}\n * highlights={[{ start: 0, end: 4, color: '#4CAF50', label: 'Header' }]}\n * />\n * ```\n */\n\nimport React, { useState, useRef, useCallback, useMemo, useEffect, memo } from 'react';\nimport { useTheme } from '../../theme';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface HexHighlight {\n /** Start byte offset (inclusive) */\n start: number;\n /** End byte offset (inclusive) */\n end: number;\n /** Highlight color (CSS color) */\n color: string;\n /** Optional label for the highlight region */\n label?: string;\n}\n\n/**\n * Named region for structural packet analysis (e.g., CCSDS Primary Header,\n * Secondary Header, User Data). Regions provide persistent background color\n * and a legend entry, unlike transient highlights.\n */\nexport interface HexRegion {\n /** Start byte offset (inclusive) */\n start: number;\n /** End byte offset (exclusive) */\n end: number;\n /** Region display name (e.g., \"Primary Header\") */\n label: string;\n /** Background fill color (CSS rgba recommended) */\n color: string;\n /** Border/accent color for the region */\n borderColor?: string;\n}\n\n/**\n * A decoded field within the packet payload for the fields table.\n * Enables cross-highlighting: hover a field row → highlight its bytes,\n * hover hex bytes → highlight the corresponding field row.\n */\nexport interface DecodedField {\n /** Field name */\n name: string;\n /** Decoded value (displayed via toString) */\n value: string | number | boolean | null;\n /** Engineering units (e.g., \"°C\", \"V\", \"rpm\") */\n unit?: string;\n /** Byte offset within the packet where this field starts */\n byteOffset?: number;\n /** Size in bits */\n sizeBits?: number;\n /** Optional description / tooltip */\n description?: string;\n}\n\n/**\n * Packet header key-value pairs shown in a collapsible summary panel.\n * Supports CCSDS-style primary + secondary header display.\n */\nexport interface PacketHeaderEntry {\n /** Label (e.g., \"APID\", \"Sequence Count\", \"Spacecraft ID\") */\n label: string;\n /** Value */\n value: string | number;\n /** Render value in monospace font */\n mono?: boolean;\n}\n\n/** Pre-defined region color palette for space packet headers */\nexport const REGION_COLORS = {\n primary: 'rgba(96, 165, 250, 0.15)',\n secondary: 'rgba(168, 85, 247, 0.15)',\n tertiary: 'rgba(251, 191, 36, 0.15)',\n userData: 'rgba(34, 197, 94, 0.15)',\n error: 'rgba(255, 56, 56, 0.15)',\n} as const;\n\nexport const REGION_BORDER_COLORS = {\n primary: 'rgba(96, 165, 250, 0.5)',\n secondary: 'rgba(168, 85, 247, 0.5)',\n tertiary: 'rgba(251, 191, 36, 0.5)',\n userData: 'rgba(34, 197, 94, 0.5)',\n error: 'rgba(255, 56, 56, 0.5)',\n} as const;\n\nexport type ByteGrouping = 1 | 2 | 4 | 8;\nexport type OffsetBase = 'hex' | 'decimal';\nexport type Endianness = 'big' | 'little';\n\nexport interface HexViewerProps {\n /** Binary data to display */\n data: Uint8Array | number[];\n /** Bytes per row (default: 16) */\n bytesPerRow?: 8 | 16 | 32;\n /** Byte grouping for hex display (default: 1) */\n byteGrouping?: ByteGrouping;\n /** Offset display base (default: 'hex') */\n offsetBase?: OffsetBase;\n /** Highlighted byte regions (transient, e.g., search results or field hover) */\n highlights?: HexHighlight[];\n /** Named structural regions (persistent background, e.g., Primary/Secondary Header) */\n regions?: HexRegion[];\n /** Decoded fields for the fields table (cross-highlights with hex bytes) */\n decodedFields?: DecodedField[];\n /** Packet header entries for the summary panel */\n packetHeaders?: PacketHeaderEntry[];\n /** External hover highlight range (for cross-component linking) */\n externalHighlight?: { start: number; end: number } | null;\n /** Whether to show the ASCII column (default: true) */\n showAscii?: boolean;\n /** Whether to show the offset column (default: true) */\n showOffset?: boolean;\n /** Whether to show the status/info bar (default: true) */\n showStatusBar?: boolean;\n /** Whether to show the search bar (default: true) */\n showSearch?: boolean;\n /** Whether to show the toolbar (default: true) */\n showToolbar?: boolean;\n /** Whether to show the decoded fields table (default: true if decodedFields provided) */\n showFieldsTable?: boolean;\n /** Whether to show the packet header summary (default: true if packetHeaders provided) */\n showHeaderSummary?: boolean;\n /**\n * Height of the viewer (default: 400).\n * When constrained, HexViewer enables outer scroll fallback so expanded\n * panels (headers/decoded fields) never trap lower sections.\n */\n height?: number | string;\n /** Title for the viewer */\n title?: string;\n /** Whether data is streaming (auto-scroll to bottom) */\n streaming?: boolean;\n /** Endianness for multi-byte interpretation (default: 'big') */\n endianness?: Endianness;\n /** Called when byte selection changes */\n onSelectionChange?: (start: number, end: number) => void;\n /** Called when a byte is clicked */\n onByteClick?: (offset: number, value: number) => void;\n /** Called when hovering a byte (for external cross-highlighting) */\n onByteHover?: (byteIndex: number) => void;\n /** Called when mouse leaves hex area */\n onByteLeave?: () => void;\n /** CSS class name */\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}\n\n// =============================================================================\n// Helpers\n// =============================================================================\n\nfunction toUint8Array(data: Uint8Array | number[]): Uint8Array {\n return data instanceof Uint8Array ? data : new Uint8Array(data);\n}\n\nfunction byteToHex(byte: number): string {\n return byte.toString(16).padStart(2, '0').toUpperCase();\n}\n\nfunction byteToAscii(byte: number): string {\n return byte >= 0x20 && byte <= 0x7E ? String.fromCharCode(byte) : '.';\n}\n\nfunction formatOffset(offset: number, base: OffsetBase, totalBytes: number): string {\n if (base === 'hex') {\n const width = Math.max(4, Math.ceil(Math.log2(Math.max(totalBytes, 1)) / 4) * 1);\n return offset.toString(16).padStart(Math.max(width, 4), '0').toUpperCase();\n }\n const width = Math.max(4, totalBytes.toString().length);\n return offset.toString().padStart(width, ' ');\n}\n\nfunction interpretBytes(\n data: Uint8Array,\n offset: number,\n endianness: Endianness,\n): { u8: number; i8: number; u16?: number; i16?: number; u32?: number; i32?: number; f32?: number; f64?: number } {\n const result: ReturnType<typeof interpretBytes> = {\n u8: data[offset],\n i8: data[offset] > 127 ? data[offset] - 256 : data[offset],\n };\n\n if (offset + 1 < data.length) {\n const view = new DataView(data.buffer, data.byteOffset + offset, Math.min(8, data.length - offset));\n const be = endianness === 'big';\n result.u16 = view.getUint16(0, !be);\n result.i16 = view.getInt16(0, !be);\n if (offset + 3 < data.length) {\n result.u32 = view.getUint32(0, !be);\n result.i32 = view.getInt32(0, !be);\n result.f32 = view.getFloat32(0, !be);\n }\n if (offset + 7 < data.length) {\n result.f64 = view.getFloat64(0, !be);\n }\n }\n return result;\n}\n\nconst HEX_ROW_HEIGHT = 22;\nconst HEX_OVERSCAN_ROWS = 16;\nconst MAX_RENDERED_SEARCH_HIGHLIGHTS = 400;\n\n// =============================================================================\n// Sub-components\n// =============================================================================\n\nconst HexRow = memo(function HexRow({\n offset,\n bytes,\n bytesPerRow,\n byteGrouping,\n offsetBase,\n totalBytes,\n showAscii,\n showOffset,\n highlights,\n regions,\n effectiveHighlight,\n selectedStart,\n selectedEnd,\n cursorOffset,\n onByteMouseDown,\n onByteMouseEnter,\n onByteClick,\n handleByteHoverInternal,\n handleByteLeaveInternal,\n tokens,\n}: {\n offset: number;\n bytes: Uint8Array;\n bytesPerRow: number;\n byteGrouping: ByteGrouping;\n offsetBase: OffsetBase;\n totalBytes: number;\n showAscii: boolean;\n showOffset: boolean;\n highlights: HexHighlight[];\n regions: HexRegion[];\n effectiveHighlight: { start: number; end: number } | null | undefined;\n selectedStart: number;\n selectedEnd: number;\n cursorOffset: number;\n onByteMouseDown: (idx: number) => void;\n onByteMouseEnter: (idx: number) => void;\n onByteClick: (idx: number) => void;\n handleByteHoverInternal: (idx: number) => void;\n handleByteLeaveInternal: () => void;\n tokens: ReturnType<typeof useTheme>['tokens'];\n}) {\n const hexCells: React.ReactNode[] = [];\n const asciiCells: React.ReactNode[] = [];\n\n for (let i = 0; i < bytesPerRow; i++) {\n const byteIdx = offset + i;\n const isValid = i < bytes.length;\n const byte = isValid ? bytes[i] : 0;\n\n // Determine highlight color (priority: selection > cross-highlight > search highlight > region)\n let bgColor = 'transparent';\n let fgColor = tokens.colors.text.primary;\n let borderBottom = '2px solid transparent';\n const isSelected = byteIdx >= Math.min(selectedStart, selectedEnd) && byteIdx <= Math.max(selectedStart, selectedEnd) && selectedStart >= 0;\n const isCursor = byteIdx === cursorOffset;\n\n // 1. Region background (lowest priority — always visible unless overridden)\n let regionColor: string | null = null;\n for (let r = 0; r < regions.length; r++) {\n const region = regions[r];\n if (byteIdx < region.start) break;\n if (byteIdx >= region.start && byteIdx < region.end) {\n regionColor = region.color;\n break;\n }\n }\n if (regionColor) {\n bgColor = regionColor;\n }\n\n // 2. Search highlights\n for (const h of highlights) {\n if (byteIdx >= h.start && byteIdx <= h.end) {\n bgColor = `${h.color}33`;\n fgColor = h.color;\n break;\n }\n }\n\n // 3. Cross-highlight from field hover or external\n if (effectiveHighlight && byteIdx >= effectiveHighlight.start && byteIdx < effectiveHighlight.end) {\n bgColor = `${tokens.colors.status.caution}4D`;\n borderBottom = `2px solid ${tokens.colors.status.caution}`;\n }\n\n // 4. Selection (highest priority)\n if (isSelected) {\n bgColor = `${tokens.colors.interactive.default}4D`;\n fgColor = tokens.colors.interactive.default;\n }\n\n // Add grouping space\n const needsGroupSpace = i > 0 && i % byteGrouping === 0;\n\n hexCells.push(\n <span\n key={`hex-${i}`}\n role=\"button\"\n tabIndex={isValid ? 0 : -1}\n onMouseDown={() => isValid && onByteMouseDown(byteIdx)}\n onMouseEnter={() => { isValid && onByteMouseEnter(byteIdx); isValid && handleByteHoverInternal(byteIdx); }}\n onMouseLeave={() => isValid && handleByteLeaveInternal()}\n onClick={() => isValid && onByteClick(byteIdx)}\n onKeyDown={e => { if (isValid && (e.key === 'Enter' || e.key === ' ')) { e.preventDefault(); onByteClick(byteIdx); } }}\n style={{\n padding: '0 2px',\n marginLeft: needsGroupSpace ? 6 : 0,\n background: bgColor,\n color: isValid ? fgColor : `${tokens.colors.text.muted}26`,\n cursor: isValid ? 'pointer' : 'default',\n borderBottom: isCursor ? `2px solid ${tokens.colors.status.normal}` : borderBottom,\n borderRadius: tokens.borderRadius.sm,\n userSelect: 'none',\n transition: 'background 0.1s ease',\n }}\n >\n {isValid ? byteToHex(byte) : ' '}\n </span>,\n );\n\n if (showAscii) {\n asciiCells.push(\n <span\n key={`ascii-${i}`}\n role=\"button\"\n tabIndex={isValid ? 0 : -1}\n onMouseDown={() => isValid && onByteMouseDown(byteIdx)}\n onMouseEnter={() => { isValid && onByteMouseEnter(byteIdx); isValid && handleByteHoverInternal(byteIdx); }}\n onMouseLeave={() => isValid && handleByteLeaveInternal()}\n onClick={() => isValid && onByteClick(byteIdx)}\n onKeyDown={e => { if (isValid && (e.key === 'Enter' || e.key === ' ')) { e.preventDefault(); onByteClick(byteIdx); } }}\n style={{\n background: bgColor,\n color: isValid ? (byte >= 0x20 && byte <= 0x7E ? fgColor : `${tokens.colors.text.muted}33`) : 'transparent',\n cursor: isValid ? 'pointer' : 'default',\n borderBottom: isCursor ? `2px solid ${tokens.colors.status.normal}` : borderBottom,\n borderRadius: tokens.borderRadius.sm,\n userSelect: 'none',\n width: 8,\n textAlign: 'center' as const,\n }}\n >\n {isValid ? byteToAscii(byte) : ' '}\n </span>,\n );\n }\n }\n\n return (\n <div style={{ display: 'flex', alignItems: 'center', height: HEX_ROW_HEIGHT, lineHeight: `${HEX_ROW_HEIGHT}px` }}>\n {showOffset && (\n <span style={{ color: tokens.colors.text.muted, marginRight: 12, minWidth: 60, textAlign: 'right' }}>\n {formatOffset(offset, offsetBase, totalBytes)}\n </span>\n )}\n <span style={{ display: 'flex', gap: 1, marginRight: showAscii ? 16 : 0, letterSpacing: '0.5px' }}>\n {hexCells}\n </span>\n {showAscii && (\n <>\n <span style={{ color: `${tokens.colors.border.muted}`, marginRight: 8 }}>│</span>\n <span style={{ display: 'flex', letterSpacing: '1px' }}>\n {asciiCells}\n </span>\n </>\n )}\n </div>\n );\n});\n\n// =============================================================================\n// Main Component\n// =============================================================================\n\nexport function HexViewer({\n data: rawData,\n bytesPerRow = 16,\n byteGrouping = 1,\n offsetBase = 'hex',\n highlights = [],\n regions = [],\n decodedFields,\n packetHeaders,\n externalHighlight,\n showAscii = true,\n showOffset = true,\n showStatusBar = true,\n showSearch = true,\n showToolbar = true,\n showFieldsTable,\n showHeaderSummary,\n height = 400,\n title,\n streaming = false,\n endianness = 'big',\n onSelectionChange,\n onByteClick,\n onByteHover,\n onByteLeave,\n className = '',\n bordered = true,\n style: styleProp,\n}: HexViewerProps): React.ReactElement {\n const { tokens } = useTheme();\n const data = useMemo(() => toUint8Array(rawData), [rawData]);\n const [hoveredFieldIdx, setHoveredFieldIdx] = useState<number | null>(null);\n const [fieldHighlight, setFieldHighlight] = useState<{ start: number; end: number } | null>(null);\n const [showHeaders, setShowHeaders] = useState(true);\n const [showFields, setShowFields] = useState(true);\n\n const sortedRegions = useMemo(\n () => [...regions].sort((a, b) => a.start - b.start),\n [regions],\n );\n\n // Build field byte ranges for cross-highlighting\n const fieldByteRanges = useMemo(() => {\n if (!decodedFields) return [];\n return decodedFields.map(f => ({\n start: f.byteOffset ?? 0,\n end: (f.byteOffset ?? 0) + Math.ceil((f.sizeBits ?? 0) / 8),\n name: f.name,\n }));\n }, [decodedFields]);\n\n // Cross-highlight: field hover → byte highlight\n const handleFieldHover = useCallback((fieldIdx: number) => {\n setHoveredFieldIdx(fieldIdx);\n const range = fieldByteRanges[fieldIdx];\n if (range && range.end > range.start) setFieldHighlight(range);\n }, [fieldByteRanges]);\n\n const handleFieldLeave = useCallback(() => {\n setHoveredFieldIdx(null);\n setFieldHighlight(null);\n }, []);\n\n // Cross-highlight: byte hover → field highlight\n const handleByteHoverInternal = useCallback((byteIdx: number) => {\n onByteHover?.(byteIdx);\n const fi = fieldByteRanges.findIndex(r => byteIdx >= r.start && byteIdx < r.end);\n if (fi >= 0) {\n setHoveredFieldIdx(fi);\n setFieldHighlight(fieldByteRanges[fi]);\n } else {\n setHoveredFieldIdx(null);\n setFieldHighlight({ start: byteIdx, end: byteIdx + 1 });\n }\n }, [fieldByteRanges, onByteHover]);\n\n const handleByteLeaveInternal = useCallback(() => {\n onByteLeave?.();\n setHoveredFieldIdx(null);\n setFieldHighlight(null);\n }, [onByteLeave]);\n\n // Merge field highlight + external highlight into effective highlights\n const effectiveHighlight = externalHighlight || fieldHighlight;\n\n const shouldShowFieldsTable = showFieldsTable ?? (decodedFields && decodedFields.length > 0);\n const shouldShowHeaderSummary = showHeaderSummary ?? (packetHeaders && packetHeaders.length > 0);\n const scrollRef = useRef<HTMLDivElement>(null);\n const hasConstrainedHeight = useMemo(() => {\n if (height === undefined || height === null) return false;\n if (typeof height === 'string') return height.trim().toLowerCase() !== 'auto';\n return true;\n }, [height]);\n const decodedFieldsMaxHeight = useMemo(() => {\n if (typeof height === 'number') {\n // Keep decoded fields useful but avoid starving the hex grid.\n return Math.min(220, Math.max(120, Math.floor(height * 0.32)));\n }\n return 200;\n }, [height]);\n\n const [cursorOffset, setCursorOffset] = useState(-1);\n const [selectStart, setSelectStart] = useState(-1);\n const [selectEnd, setSelectEnd] = useState(-1);\n const [isDragging, setIsDragging] = useState(false);\n const [searchQuery, setSearchQuery] = useState('');\n const [searchType, setSearchType] = useState<'hex' | 'ascii'>('hex');\n const [searchResults, setSearchResults] = useState<number[]>([]);\n const [currentSearchIdx, setCurrentSearchIdx] = useState(-1);\n const [localBytesPerRow, setLocalBytesPerRow] = useState(bytesPerRow);\n const [localGrouping, setLocalGrouping] = useState(byteGrouping);\n const [localOffsetBase, setLocalOffsetBase] = useState(offsetBase);\n const [localEndianness, setLocalEndianness] = useState(endianness);\n const [localShowAscii, setLocalShowAscii] = useState(showAscii);\n const [scrollTop, setScrollTop] = useState(0);\n const [viewportHeight, setViewportHeight] = useState(160);\n\n // Auto-scroll when streaming\n useEffect(() => {\n if (streaming && scrollRef.current) {\n scrollRef.current.scrollTop = scrollRef.current.scrollHeight;\n }\n }, [data, streaming]);\n\n useEffect(() => {\n const el = scrollRef.current;\n if (!el) return undefined;\n\n const updateViewportHeight = () => {\n setViewportHeight(Math.max(120, el.clientHeight || 160));\n };\n\n updateViewportHeight();\n if (typeof ResizeObserver !== 'undefined') {\n const observer = new ResizeObserver(updateViewportHeight);\n observer.observe(el);\n return () => observer.disconnect();\n }\n\n window.addEventListener('resize', updateViewportHeight);\n return () => window.removeEventListener('resize', updateViewportHeight);\n }, []);\n\n const totalRows = Math.max(1, Math.ceil(data.length / localBytesPerRow));\n const startRow = Math.max(0, Math.floor(scrollTop / HEX_ROW_HEIGHT) - HEX_OVERSCAN_ROWS);\n const visibleRowCount = Math.ceil(viewportHeight / HEX_ROW_HEIGHT) + HEX_OVERSCAN_ROWS * 2;\n const endRow = Math.min(totalRows, startRow + visibleRowCount);\n const virtualRows = useMemo(() => {\n const result: { offset: number; bytes: Uint8Array }[] = [];\n for (let row = startRow; row < endRow; row++) {\n const offset = row * localBytesPerRow;\n const bytes = data.subarray(offset, Math.min(data.length, offset + localBytesPerRow));\n result.push({ offset, bytes });\n }\n if (result.length === 0) {\n result.push({ offset: 0, bytes: new Uint8Array(0) });\n }\n return result;\n }, [data, localBytesPerRow, startRow, endRow]);\n\n // Search\n const doSearch = useCallback(() => {\n if (!searchQuery.trim()) {\n setSearchResults([]);\n setCurrentSearchIdx(-1);\n return;\n }\n\n const results: number[] = [];\n if (searchType === 'hex') {\n const hexStr = searchQuery.replace(/\\s+/g, '');\n if (hexStr.length % 2 !== 0 || !/^[0-9a-fA-F]+$/.test(hexStr)) return;\n const searchBytes = new Uint8Array(hexStr.length / 2);\n for (let i = 0; i < searchBytes.length; i++) {\n searchBytes[i] = parseInt(hexStr.slice(i * 2, i * 2 + 2), 16);\n }\n for (let i = 0; i <= data.length - searchBytes.length; i++) {\n let match = true;\n for (let j = 0; j < searchBytes.length; j++) {\n if (data[i + j] !== searchBytes[j]) { match = false; break; }\n }\n if (match) results.push(i);\n }\n } else {\n const encoder = new TextEncoder();\n const searchBytes = encoder.encode(searchQuery);\n for (let i = 0; i <= data.length - searchBytes.length; i++) {\n let match = true;\n for (let j = 0; j < searchBytes.length; j++) {\n if (data[i + j] !== searchBytes[j]) { match = false; break; }\n }\n if (match) results.push(i);\n }\n }\n setSearchResults(results);\n setCurrentSearchIdx(results.length > 0 ? 0 : -1);\n if (results.length > 0) {\n setCursorOffset(results[0]);\n if (scrollRef.current) {\n const rowIdx = Math.floor(results[0] / localBytesPerRow);\n scrollRef.current.scrollTop = Math.max(0, rowIdx * HEX_ROW_HEIGHT - 100);\n }\n }\n }, [searchQuery, searchType, data, localBytesPerRow]);\n\n const scrollToOffset = useCallback((offset: number) => {\n if (!scrollRef.current) return;\n const rowIdx = Math.floor(offset / localBytesPerRow);\n scrollRef.current.scrollTop = Math.max(0, rowIdx * HEX_ROW_HEIGHT - 100);\n }, [localBytesPerRow]);\n\n const handleHexScroll = useCallback((event: React.UIEvent<HTMLDivElement>) => {\n setScrollTop(event.currentTarget.scrollTop);\n }, []);\n\n const nextSearchResult = useCallback(() => {\n if (searchResults.length === 0) return;\n const nextIdx = (currentSearchIdx + 1) % searchResults.length;\n setCurrentSearchIdx(nextIdx);\n setCursorOffset(searchResults[nextIdx]);\n scrollToOffset(searchResults[nextIdx]);\n }, [searchResults, currentSearchIdx, scrollToOffset]);\n\n const prevSearchResult = useCallback(() => {\n if (searchResults.length === 0) return;\n const prevIdx = (currentSearchIdx - 1 + searchResults.length) % searchResults.length;\n setCurrentSearchIdx(prevIdx);\n setCursorOffset(searchResults[prevIdx]);\n scrollToOffset(searchResults[prevIdx]);\n }, [searchResults, currentSearchIdx, scrollToOffset]);\n\n // Selection handlers\n const handleByteMouseDown = useCallback((idx: number) => {\n setSelectStart(idx);\n setSelectEnd(idx);\n setCursorOffset(idx);\n setIsDragging(true);\n }, []);\n\n const handleByteMouseEnter = useCallback((idx: number) => {\n if (isDragging) {\n setSelectEnd(idx);\n }\n }, [isDragging]);\n\n const handleMouseUp = useCallback(() => {\n if (isDragging) {\n setIsDragging(false);\n if (onSelectionChange && selectStart >= 0 && selectEnd >= 0) {\n onSelectionChange(Math.min(selectStart, selectEnd), Math.max(selectStart, selectEnd));\n }\n }\n }, [isDragging, selectStart, selectEnd, onSelectionChange]);\n\n useEffect(() => {\n window.addEventListener('mouseup', handleMouseUp);\n return () => window.removeEventListener('mouseup', handleMouseUp);\n }, [handleMouseUp]);\n\n const handleByteClickCb = useCallback((idx: number) => {\n setCursorOffset(idx);\n if (onByteClick) {\n onByteClick(idx, data[idx]);\n }\n }, [data, onByteClick]);\n\n // Copy selection\n const copySelection = useCallback((format: 'hex' | 'decimal' | 'ascii') => {\n if (selectStart < 0 || selectEnd < 0) return;\n const start = Math.min(selectStart, selectEnd);\n const end = Math.max(selectStart, selectEnd);\n const selected = data.slice(start, end + 1);\n\n let text: string;\n if (format === 'hex') {\n text = Array.from(selected).map(b => byteToHex(b)).join(' ');\n } else if (format === 'decimal') {\n text = Array.from(selected).join(', ');\n } else {\n text = Array.from(selected).map(b => byteToAscii(b)).join('');\n }\n navigator.clipboard?.writeText(text);\n }, [data, selectStart, selectEnd]);\n\n // Interpretation of cursor byte\n const interpretation = useMemo(() => {\n if (cursorOffset < 0 || cursorOffset >= data.length) return null;\n return interpretBytes(data, cursorOffset, localEndianness);\n }, [data, cursorOffset, localEndianness]);\n\n const renderedSearchResultEntries = useMemo(() => {\n if (searchResults.length <= MAX_RENDERED_SEARCH_HIGHLIGHTS) {\n return searchResults.map((pos, idx) => ({ pos, idx }));\n }\n\n const halfWindow = Math.floor(MAX_RENDERED_SEARCH_HIGHLIGHTS / 2);\n const anchor = currentSearchIdx >= 0 ? currentSearchIdx : 0;\n const start = Math.max(0, anchor - halfWindow);\n const end = Math.min(searchResults.length, start + MAX_RENDERED_SEARCH_HIGHLIGHTS);\n const adjustedStart = Math.max(0, end - MAX_RENDERED_SEARCH_HIGHLIGHTS);\n\n return searchResults\n .slice(adjustedStart, end)\n .map((pos, i) => ({ pos, idx: adjustedStart + i }));\n }, [searchResults, currentSearchIdx]);\n\n // Search highlights\n const allHighlights = useMemo(() => {\n const h = [...highlights];\n const searchLen = searchType === 'hex' ? searchQuery.replace(/\\s+/g, '').length / 2 : searchQuery.length;\n renderedSearchResultEntries.forEach(({ pos, idx }) => {\n h.push({\n start: pos,\n end: pos + Math.max(0, searchLen - 1),\n color: idx === currentSearchIdx ? tokens.colors.status.serious : tokens.colors.status.caution,\n label: `Search match ${idx + 1}`,\n });\n });\n return h;\n }, [highlights, renderedSearchResultEntries, currentSearchIdx, searchQuery, searchType, tokens]);\n\n const containerStyle: React.CSSProperties = {\n fontFamily: tokens.typography.fontFamily.mono,\n fontSize: 13,\n lineHeight: '22px',\n background: tokens.colors.background.base,\n border: bordered ? `1px solid ${tokens.colors.border.muted}` : 'none',\n borderRadius: tokens.borderRadius.lg,\n overflowX: 'hidden',\n overflowY: hasConstrainedHeight ? 'auto' : 'visible',\n display: 'flex',\n flexDirection: 'column',\n minHeight: 0,\n height: hasConstrainedHeight ? height : undefined,\n color: tokens.colors.text.primary,\n ...styleProp,\n };\n\n return (\n <div\n className={`hex-viewer ${className}`}\n style={containerStyle}\n >\n {/* Sticky header: title bar + toolbar stay pinned while content scrolls */}\n <div style={{\n position: 'sticky',\n top: 0,\n zIndex: 10,\n background: tokens.colors.background.surface,\n flexShrink: 0,\n }}>\n {/* Title bar */}\n {title && (\n <div style={{\n padding: `${tokens.spacing.sm} ${tokens.spacing.smd}`,\n borderBottom: `1px solid ${tokens.colors.border.muted}`,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n }}>\n <span style={{ fontWeight: tokens.typography.fontWeight.medium, fontSize: tokens.typography.fontSize.base, fontFamily: tokens.typography.fontFamily.primary }}>\n {title}\n </span>\n <span style={{ fontSize: tokens.typography.fontSize.sm, color: tokens.colors.text.muted }}>\n {data.length.toLocaleString()} bytes\n </span>\n </div>\n )}\n\n {/* Toolbar */}\n {showToolbar && (\n <div role=\"toolbar\" aria-label=\"Hex viewer controls\" style={{\n padding: `${tokens.spacing.sm} ${tokens.spacing.smd}`,\n borderBottom: `1px solid ${tokens.colors.border.muted}`,\n display: 'flex',\n alignItems: 'center',\n gap: tokens.spacing.sm,\n flexWrap: 'wrap',\n fontSize: tokens.typography.fontSize.sm,\n }}>\n <label style={{ display: 'flex', alignItems: 'center', gap: 4, color: tokens.colors.text.muted }}>\n Bytes/Row:\n <select\n aria-label=\"Bytes per row\"\n value={localBytesPerRow}\n onChange={e => setLocalBytesPerRow(Number(e.target.value) as 8 | 16 | 32)}\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, padding: '2px 4px', fontSize: 11,\n }}\n >\n <option value={8}>8</option>\n <option value={16}>16</option>\n <option value={32}>32</option>\n </select>\n </label>\n <label style={{ display: 'flex', alignItems: 'center', gap: 4, color: tokens.colors.text.muted }}>\n Group:\n <select\n aria-label=\"Byte grouping\"\n value={localGrouping}\n onChange={e => setLocalGrouping(Number(e.target.value) as ByteGrouping)}\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, padding: '2px 4px', fontSize: 11,\n }}\n >\n <option value={1}>1</option>\n <option value={2}>2</option>\n <option value={4}>4</option>\n <option value={8}>8</option>\n </select>\n </label>\n <label style={{ display: 'flex', alignItems: 'center', gap: 4, color: tokens.colors.text.muted }}>\n Offset:\n <select\n aria-label=\"Offset format\"\n value={localOffsetBase}\n onChange={e => setLocalOffsetBase(e.target.value as OffsetBase)}\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, padding: '2px 4px', fontSize: 11,\n }}\n >\n <option value=\"hex\">Hex</option>\n <option value=\"decimal\">Dec</option>\n </select>\n </label>\n <label style={{ display: 'flex', alignItems: 'center', gap: 4, color: tokens.colors.text.muted }}>\n Endian:\n <select\n aria-label=\"Endianness\"\n value={localEndianness}\n onChange={e => setLocalEndianness(e.target.value as Endianness)}\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, padding: '2px 4px', fontSize: 11,\n }}\n >\n <option value=\"big\">Big</option>\n <option value=\"little\">Little</option>\n </select>\n </label>\n <label style={{ display: 'flex', alignItems: 'center', gap: 4, color: tokens.colors.text.muted, cursor: 'pointer' }}>\n <input\n type=\"checkbox\"\n checked={localShowAscii}\n onChange={e => setLocalShowAscii(e.target.checked)}\n style={{ accentColor: tokens.colors.interactive.default }}\n />\n ASCII\n </label>\n <div style={{ flex: 1 }} />\n {selectStart >= 0 && selectEnd >= 0 && (\n <div style={{ display: 'flex', gap: 4 }}>\n {(['hex', 'decimal', 'ascii'] as const).map(fmt => (\n <button\n key={fmt}\n onClick={() => copySelection(fmt)}\n 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: '2px 8px', fontSize: 10,\n cursor: 'pointer',\n }}\n >\n Copy {fmt}\n </button>\n ))}\n </div>\n )}\n </div>\n )}\n\n {/* Search bar */}\n {showSearch && (\n <div role=\"search\" style={{\n padding: `${tokens.spacing.sm} ${tokens.spacing.smd}`,\n borderBottom: `1px solid ${tokens.colors.border.muted}`,\n display: 'flex',\n alignItems: 'center',\n gap: tokens.spacing.sm,\n }}>\n <label\n htmlFor=\"hex-search-type\"\n style={{ position: 'absolute', width: 1, height: 1, padding: 0, margin: -1, overflow: 'hidden', clip: 'rect(0, 0, 0, 0)', border: 0 }}\n >\n Search type\n </label>\n <select\n id=\"hex-search-type\"\n value={searchType}\n onChange={e => setSearchType(e.target.value as 'hex' | 'ascii')}\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, padding: `${tokens.spacing.xs} ${tokens.spacing.sm}`, fontSize: tokens.typography.fontSize.sm,\n }}\n >\n <option value=\"hex\">Hex</option>\n <option value=\"ascii\">ASCII</option>\n </select>\n <input\n type=\"text\"\n value={searchQuery}\n onChange={e => setSearchQuery(e.target.value)}\n onKeyDown={e => { if (e.key === 'Enter') doSearch(); }}\n placeholder={searchType === 'hex' ? 'e.g. 48 65 6C 6C 6F' : 'Search ASCII...'}\n aria-label=\"Search hex data\"\n style={{\n flex: 1,\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, padding: `${tokens.spacing.xs} ${tokens.spacing.sm}`, fontSize: tokens.typography.fontSize.sm,\n outline: 'none',\n fontFamily: 'inherit',\n }}\n />\n <button onClick={doSearch} aria-label=\"Find matches\" style={{\n background: tokens.colors.interactive.default,\n color: tokens.colors.text.inverse, border: 'none', borderRadius: tokens.borderRadius.md,\n padding: `${tokens.spacing.xs} ${tokens.spacing.smd}`, fontSize: tokens.typography.fontSize.sm, cursor: 'pointer',\n fontWeight: tokens.typography.fontWeight.medium,\n }}>\n Find\n </button>\n {searchResults.length > 0 && (\n <>\n <span style={{ fontSize: tokens.typography.fontSize.sm, color: tokens.colors.text.muted }} aria-live=\"polite\">\n {currentSearchIdx + 1}/{searchResults.length}\n </span>\n <button onClick={prevSearchResult} aria-label=\"Previous match\" style={{ background: 'none', border: 'none', color: tokens.colors.text.secondary, cursor: 'pointer', fontSize: tokens.typography.fontSize.base, padding: tokens.spacing.xs }}>▲</button>\n <button onClick={nextSearchResult} aria-label=\"Next match\" style={{ background: 'none', border: 'none', color: tokens.colors.text.secondary, cursor: 'pointer', fontSize: tokens.typography.fontSize.base, padding: tokens.spacing.xs }}>▼</button>\n </>\n )}\n </div>\n )}\n </div>{/* end sticky header */}\n\n {/* Packet Header Summary (collapsible) */}\n {shouldShowHeaderSummary && packetHeaders && packetHeaders.length > 0 && (\n <div style={{ flexShrink: 0 }}>\n <div\n role=\"button\"\n tabIndex={0}\n aria-expanded={showHeaders}\n aria-label=\"Toggle packet headers\"\n onClick={() => setShowHeaders(!showHeaders)}\n onKeyDown={e => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); setShowHeaders(!showHeaders); } }}\n style={{\n display: 'flex',\n alignItems: 'center',\n gap: tokens.spacing.sm,\n padding: `${tokens.spacing.sm} ${tokens.spacing.smd}`,\n background: tokens.colors.background.surface,\n cursor: 'pointer',\n borderBottom: `1px solid ${tokens.colors.border.muted}`,\n userSelect: 'none',\n }}\n >\n <span aria-hidden=\"true\" style={{ fontSize: tokens.typography.fontSize.micro, color: tokens.colors.text.muted, transition: 'transform 150ms ease', transform: showHeaders ? 'rotate(0deg)' : 'rotate(-90deg)' }}>\n {'\\u25BC'}\n </span>\n <span style={{ fontSize: tokens.typography.fontSize.sm, color: tokens.colors.text.secondary, fontWeight: tokens.typography.fontWeight.medium }}>\n Packet Headers\n </span>\n </div>\n {showHeaders && (\n <div style={{\n padding: `${tokens.spacing.sm} ${tokens.spacing.smd}`,\n borderBottom: `1px solid ${tokens.colors.border.muted}`,\n background: tokens.colors.background.base,\n }}>\n <div style={{\n display: 'grid',\n gridTemplateColumns: 'auto 1fr',\n gap: `${tokens.spacing.xxs} ${tokens.spacing.md}`,\n fontSize: tokens.typography.fontSize.sm,\n lineHeight: tokens.typography.lineHeight.tight,\n }}>\n {packetHeaders.map((entry, i) => (\n <React.Fragment key={i}>\n <span style={{ color: tokens.colors.text.muted }}>{entry.label}</span>\n <span style={{\n color: tokens.colors.text.primary,\n fontWeight: tokens.typography.fontWeight.medium,\n fontFamily: entry.mono ? tokens.typography.fontFamily.mono : 'inherit',\n }}>\n {entry.value}\n </span>\n </React.Fragment>\n ))}\n </div>\n </div>\n )}\n </div>\n )}\n\n {/* Decoded Fields Table (collapsible) */}\n {shouldShowFieldsTable && decodedFields && decodedFields.length > 0 && (\n <div style={{ flexShrink: 0 }}>\n <div\n role=\"button\"\n tabIndex={0}\n aria-expanded={showFields}\n aria-label=\"Toggle decoded fields\"\n onClick={() => setShowFields(!showFields)}\n onKeyDown={e => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); setShowFields(!showFields); } }}\n style={{\n display: 'flex',\n alignItems: 'center',\n gap: tokens.spacing.sm,\n padding: `${tokens.spacing.sm} ${tokens.spacing.smd}`,\n background: tokens.colors.background.surface,\n cursor: 'pointer',\n borderBottom: `1px solid ${tokens.colors.border.muted}`,\n userSelect: 'none',\n }}\n >\n <span aria-hidden=\"true\" style={{ fontSize: tokens.typography.fontSize.micro, color: tokens.colors.text.muted, transition: 'transform 150ms ease', transform: showFields ? 'rotate(0deg)' : 'rotate(-90deg)' }}>\n {'\\u25BC'}\n </span>\n <span style={{ fontSize: tokens.typography.fontSize.sm, color: tokens.colors.text.secondary, fontWeight: tokens.typography.fontWeight.medium }}>\n Decoded Fields ({decodedFields.length})\n </span>\n </div>\n {showFields && (\n <div\n role=\"table\"\n aria-label=\"Decoded packet fields\"\n style={{\n borderBottom: `1px solid ${tokens.colors.border.muted}`,\n maxHeight: decodedFieldsMaxHeight,\n overflowY: 'auto',\n }}\n >\n {/* Fields table header */}\n <div role=\"row\" style={{\n display: 'flex',\n alignItems: 'center',\n padding: `${tokens.spacing.xs} ${tokens.spacing.smd}`,\n borderBottom: `1px solid ${tokens.colors.border.muted}`,\n gap: tokens.spacing.sm,\n position: 'sticky',\n top: 0,\n background: tokens.colors.background.surface,\n zIndex: 1,\n }}>\n <span role=\"columnheader\" style={{ flex: 2, fontSize: tokens.typography.fontSize.xxs, color: tokens.colors.text.muted, textTransform: 'uppercase', letterSpacing: '0.5px' }}>Field</span>\n <span role=\"columnheader\" style={{ flex: 2, fontSize: tokens.typography.fontSize.xxs, color: tokens.colors.text.muted, textTransform: 'uppercase', letterSpacing: '0.5px', textAlign: 'right' }}>Value</span>\n <span role=\"columnheader\" style={{ flex: 1, fontSize: tokens.typography.fontSize.xxs, color: tokens.colors.text.muted, textTransform: 'uppercase', letterSpacing: '0.5px', textAlign: 'right' }}>Unit</span>\n <span role=\"columnheader\" style={{ flex: 1, fontSize: tokens.typography.fontSize.xxs, color: tokens.colors.text.muted, textTransform: 'uppercase', letterSpacing: '0.5px', textAlign: 'right' }}>Offset</span>\n <span role=\"columnheader\" style={{ flex: 1, fontSize: tokens.typography.fontSize.xxs, color: tokens.colors.text.muted, textTransform: 'uppercase', letterSpacing: '0.5px', textAlign: 'right' }}>Size</span>\n </div>\n {/* Field rows */}\n {decodedFields.map((field, fi) => {\n const isHovered = hoveredFieldIdx === fi;\n return (\n <div\n key={fi}\n onMouseEnter={() => handleFieldHover(fi)}\n onMouseLeave={handleFieldLeave}\n title={field.description}\n style={{\n display: 'flex',\n alignItems: 'center',\n padding: `3px ${tokens.spacing.smd}`,\n gap: tokens.spacing.sm,\n background: isHovered\n ? `${tokens.colors.status.caution}14`\n : (fi % 2 === 0 ? tokens.colors.background.base : 'transparent'),\n transition: 'background 0.15s ease',\n cursor: 'default',\n minHeight: tokens.elementSize.sm,\n }}\n >\n <span role=\"cell\" style={{\n flex: 2, fontSize: tokens.typography.fontSize.sm, color: tokens.colors.text.secondary,\n overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap',\n }}>\n {field.name}\n </span>\n <span role=\"cell\" style={{\n flex: 2, fontSize: tokens.typography.fontSize.sm, color: tokens.colors.text.primary,\n fontWeight: tokens.typography.fontWeight.medium,\n fontFamily: tokens.typography.fontFamily.mono, textAlign: 'right',\n }}>\n {field.value === null || field.value === undefined ? '\\u2014' : String(field.value)}\n </span>\n <span role=\"cell\" style={{\n flex: 1, fontSize: tokens.typography.fontSize.xxs, color: tokens.colors.text.muted, textAlign: 'right',\n }}>\n {field.unit || ''}\n </span>\n <span role=\"cell\" style={{\n flex: 1, fontSize: tokens.typography.fontSize.xxs, color: tokens.colors.text.muted, textAlign: 'right',\n fontFamily: tokens.typography.fontFamily.mono,\n }}>\n {field.byteOffset !== undefined ? field.byteOffset : ''}\n </span>\n <span role=\"cell\" style={{\n flex: 1, fontSize: tokens.typography.fontSize.xxs, color: tokens.colors.text.muted, textAlign: 'right',\n fontFamily: tokens.typography.fontFamily.mono,\n }}>\n {field.sizeBits ? `${field.sizeBits}b` : ''}\n </span>\n </div>\n );\n })}\n </div>\n )}\n </div>\n )}\n\n {/* Region legend */}\n {regions.length > 0 && (\n <div\n role=\"group\"\n aria-label=\"Packet structure regions\"\n style={{\n padding: `${tokens.spacing.xs} ${tokens.spacing.smd}`,\n borderBottom: `1px solid ${tokens.colors.border.muted}`,\n display: 'flex',\n alignItems: 'center',\n gap: tokens.spacing.smd,\n flexWrap: 'wrap',\n fontSize: tokens.typography.fontSize.xxs,\n background: tokens.colors.background.surface,\n }}\n >\n {regions.map((r, i) => (\n <span key={i} style={{ display: 'inline-flex', alignItems: 'center', gap: tokens.spacing.xs }}>\n <span aria-hidden=\"true\" style={{\n display: 'inline-block',\n width: 10, height: 10,\n borderRadius: tokens.borderRadius.sm,\n background: r.color,\n border: `1px solid ${r.borderColor || 'transparent'}`,\n }} />\n <span style={{ color: tokens.colors.text.muted }}>\n {r.label} ({r.end - r.start}B)\n </span>\n </span>\n ))}\n </div>\n )}\n\n {/* Column headers */}\n <div role=\"row\" aria-label=\"Column headers\" style={{\n padding: `${tokens.spacing.xs} ${tokens.spacing.smd}`,\n borderBottom: `1px solid ${tokens.colors.border.muted}`,\n display: 'flex',\n alignItems: 'center',\n fontSize: tokens.typography.fontSize.xxs,\n color: tokens.colors.text.muted,\n textTransform: 'uppercase',\n letterSpacing: '0.5px',\n fontWeight: tokens.typography.fontWeight.medium,\n background: tokens.colors.background.surface,\n }}>\n {showOffset && <span style={{ marginRight: tokens.spacing.smd, minWidth: 60, textAlign: 'right' }}>Offset</span>}\n <span style={{ flex: 1 }}>Hex</span>\n {localShowAscii && (\n <>\n <span aria-hidden=\"true\" style={{ color: `${tokens.colors.border.muted}`, marginRight: tokens.spacing.sm }}>|</span>\n <span>ASCII</span>\n </>\n )}\n </div>\n\n {/* Hex content */}\n <div\n ref={scrollRef}\n role=\"grid\"\n aria-label=\"Hex data\"\n tabIndex={0}\n onScroll={handleHexScroll}\n style={{\n flex: '1 1 160px',\n minHeight: 160,\n overflow: 'auto',\n padding: `${tokens.spacing.xs} ${tokens.spacing.smd}`,\n }}\n >\n <div style={{ height: totalRows * HEX_ROW_HEIGHT, position: 'relative' }}>\n <div style={{ position: 'absolute', top: startRow * HEX_ROW_HEIGHT, left: 0, right: 0 }}>\n {virtualRows.map(row => (\n <HexRow\n key={row.offset}\n offset={row.offset}\n bytes={row.bytes}\n bytesPerRow={localBytesPerRow}\n byteGrouping={localGrouping}\n offsetBase={localOffsetBase}\n totalBytes={data.length}\n showAscii={localShowAscii}\n showOffset={showOffset}\n highlights={allHighlights}\n regions={sortedRegions}\n effectiveHighlight={effectiveHighlight}\n selectedStart={selectStart}\n selectedEnd={selectEnd}\n cursorOffset={cursorOffset}\n onByteMouseDown={handleByteMouseDown}\n onByteMouseEnter={handleByteMouseEnter}\n onByteClick={handleByteClickCb}\n handleByteHoverInternal={handleByteHoverInternal}\n handleByteLeaveInternal={handleByteLeaveInternal}\n tokens={tokens}\n />\n ))}\n </div>\n </div>\n </div>\n\n {/* Highlight legend */}\n {highlights.length > 0 && (\n <div role=\"group\" aria-label=\"Search highlights\" style={{\n padding: `${tokens.spacing.xs} ${tokens.spacing.smd}`,\n borderTop: `1px solid ${tokens.colors.border.muted}`,\n display: 'flex',\n alignItems: 'center',\n gap: tokens.spacing.smd,\n flexWrap: 'wrap',\n fontSize: tokens.typography.fontSize.xxs,\n background: tokens.colors.background.surface,\n }}>\n {highlights.filter(h => h.label).map((h, i) => (\n <span key={i} style={{ display: 'flex', alignItems: 'center', gap: tokens.spacing.xs }}>\n <span aria-hidden=\"true\" style={{ width: 10, height: 10, borderRadius: tokens.borderRadius.sm, background: h.color, display: 'inline-block' }} />\n <span style={{ color: tokens.colors.text.muted }}>\n {h.label} (0x{h.start.toString(16)}-0x{h.end.toString(16)})\n </span>\n </span>\n ))}\n </div>\n )}\n\n {/* Status bar */}\n {showStatusBar && (\n <div role=\"status\" aria-live=\"polite\" style={{\n padding: `${tokens.spacing.sm} ${tokens.spacing.smd}`,\n borderTop: `1px solid ${tokens.colors.border.muted}`,\n display: 'flex',\n alignItems: 'center',\n gap: tokens.spacing.md,\n fontSize: tokens.typography.fontSize.sm,\n background: tokens.colors.background.surface,\n color: tokens.colors.text.muted,\n flexWrap: 'wrap',\n }}>\n <span>Size: {data.length.toLocaleString()} bytes</span>\n {cursorOffset >= 0 && cursorOffset < data.length && (\n <>\n <span>\n Offset: 0x{cursorOffset.toString(16).toUpperCase()} ({cursorOffset})\n </span>\n <span>\n Value: 0x{byteToHex(data[cursorOffset])} ({data[cursorOffset]})\n </span>\n </>\n )}\n {selectStart >= 0 && selectEnd >= 0 && selectStart !== selectEnd && (\n <span>\n Selection: {Math.abs(selectEnd - selectStart) + 1} bytes\n (0x{Math.min(selectStart, selectEnd).toString(16).toUpperCase()}-0x{Math.max(selectStart, selectEnd).toString(16).toUpperCase()})\n </span>\n )}\n {interpretation && (\n <span style={{ display: 'flex', gap: tokens.spacing.sm, color: tokens.colors.text.secondary }}>\n <span>U8: {interpretation.u8}</span>\n <span>I8: {interpretation.i8}</span>\n {interpretation.u16 !== undefined && <span>U16: {interpretation.u16}</span>}\n {interpretation.u32 !== undefined && <span>U32: {interpretation.u32}</span>}\n {interpretation.f32 !== undefined && <span>F32: {interpretation.f32.toFixed(6)}</span>}\n </span>\n )}\n </div>\n )}\n </div>\n );\n}\n\nexport default HexViewer;\n"],"names":["width","HexRow"],"mappings":"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"}

package/dist/react/core/{ImageGallery.d.ts → widgets/ImageGallery.d.ts} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ResponsiveValue } from './layout/useBreakpoint';
+import { ResponsiveValue } from '../layout/useBreakpoint';
 export interface GalleryImage {
     /** Unique identifier */

package/dist/react/core/{ImageGallery.js → widgets/ImageGallery.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { memo, useState, useEffect, useCallback } from "react";
-import { useBreakpoint, resolveResponsiveValue } from "./layout/useBreakpoint.js";
-import { Pagination } from "./Pagination.js";
-import { useTheme } from "../theme/ThemeProvider.js";
+import { useTheme } from "../../theme/ThemeProvider.js";
+import { useBreakpoint, resolveResponsiveValue } from "../layout/useBreakpoint.js";
+import { Pagination } from "../navigation/Pagination.js";
 const ImageGallery = memo(function ImageGallery2({
   images,
   columns = [2, 3, 4],

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

@@ -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} RENAMED Viewed

@@ -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} RENAMED Viewed

@@ -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 ADDED Viewed

@@ -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} RENAMED Viewed

@@ -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} RENAMED Viewed

@@ -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 { useTheme } from "../../theme/ThemeProvider.js";
+import { classNames } from "../../utils/index.js";
+import { Icon } from "../display/Icon.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" }) }),