@zendir/ui 0.3.0 → 0.3.1

package/dist/index.js

@@ -1,80 +1,80 @@
-import { ErrorBoundary, withErrorBoundary } from "./react/shared/ErrorBoundary.js";
-import { Skeleton3D, SkeletonBox, SkeletonCard, SkeletonChart, SkeletonCircle, SkeletonText } from "./react/shared/Skeleton.js";
-import { STATUS_COLORS, addAlpha, clamp, classNames, focusRingStyle, formatAltitude, formatCoordinate, formatCountdown, formatDataRate, formatDecibels, formatDegrees, formatDistance, formatDuration, formatFrequency, formatLatLon, formatNumber, formatPercentage, formatPower, formatTabular, formatTemperature, formatTime, formatUTC, formatVelocity, getStatusColor, getStatusFromValue, getStatusSeverity, getWorstStatus, isStatusLevel, isValidNumber, lerp, mapRange, normalizeStatus, safeAccentText, safeNumber, tabularNumsStyle, transitions, withNullSafety } from "./react/utils/index.js";
-import { useCompactMode } from "./react/hooks/useCompactMode.js";
-import { PLANETS, auToKm, estimateOrbitalPeriod, estimateOrbitalVelocity, getPlanet, normalizePlanetName } from "./react/types.js";
-import { ActivityPlanner } from "./react/core/widgets/ActivityPlanner.js";
-import { AppBar } from "./react/core/navigation/AppBar.js";
-import { AstroChart } from "./react/charts/unified/AstroChart.js";
-import { BREAKPOINTS, useBreakpoint } from "./react/core/layout/useBreakpoint.js";
-import { Badge } from "./react/core/display/Badge.js";
-import { Body1, Body2, Body3, Compact, DataText, Display1, Display2, FONT_FAMILY_MONO, FONT_FAMILY_PRIMARY, FONT_WEIGHTS, H1, H2, H3, H4, H5, H6, Label, Micro, Mono, Typography } from "./react/core/display/Typography.js";
-import { Box } from "./react/core/layout/Box.js";
+import { Icon, getIconNames, isValidIconName } from "./react/core/display/Icon.js";
 import { Button } from "./react/core/inputs/Button.js";
-import { CARD_ACCENT_COLORS, CardAccentProvider, SPACE_SYSTEM_COLORS, getAccentColorOptions, getSystemAccentColor, useCardAccent } from "./react/theme/cardAccent.js";
-import { CATEGORY_ICONS, CATEGORY_LABELS, PROPERTY_PRESETS, createPropertyConfig, deriveBatteryStatus, deriveStatus, formatPropertyLabel, formatPropertyValue, getPropertiesByCategory, getPropertyConfig } from "./react/core/data/propertyConfig.js";
-import { CHAT_RESPONSE_JSON_PROMPT, CHAT_RESPONSE_MCP_TOOL, CHAT_RESPONSE_TOOL_SCHEMA, CHAT_RESPONSE_YAML_PROMPT, CHAT_STATUS_RULES_PROMPT, ChatPanel, createChatResponseParser, parseChatResponse, parseMcpToolResult } from "./react/core/widgets/ChatPanel.js";
-import { Capture, loadCapturePlaceholderImage, useCapture } from "./react/core/widgets/Capture.js";
-import { CardHeader } from "./react/core/display/CardHeader.js";
-import { CategoryPalette } from "./react/utils/categoryPalette.js";
-import { CategoryProvider, useCategoryPalette, useCategoryPaletteRequired } from "./react/context/CategoryContext.js";
-import { Center } from "./react/core/layout/Center.js";
+import { Input } from "./react/core/inputs/Input.js";
+import { Select } from "./react/core/inputs/Select.js";
+import { Toggle } from "./react/core/inputs/Toggle.js";
 import { Checkbox } from "./react/core/inputs/Checkbox.js";
-import { ClassificationBanner } from "./react/astro/ClassificationBanner.js";
-import { ColorPickerPanel } from "./react/core/widgets/ColorPickerPanel.js";
-import { CommandBuilder } from "./react/core/widgets/CommandBuilder.js";
-import { ConfirmDialog, ConfirmProvider, useConfirm } from "./react/core/feedback/ConfirmDialog.js";
-import { ConnectionForm } from "./react/core/widgets/ConnectionForm.js";
+import { Tooltip } from "./react/core/overlays/Tooltip.js";
+import { Dialog } from "./react/core/feedback/Dialog.js";
+import { Badge } from "./react/core/display/Badge.js";
+import { Tabs } from "./react/core/navigation/Tabs.js";
 import { Container } from "./react/core/display/Container.js";
-import { CopyButton, useCopyToClipboard } from "./react/core/display/CopyButton.js";
-import { DataTable, DataTableRowDetail } from "./react/core/data/DataTable.js";
+import { GLASS_COLOR_OVERLAYS, GlassCard } from "./react/core/display/GlassCard.js";
+import { Pagination } from "./react/core/navigation/Pagination.js";
 import { DataValue, DataValueGroup } from "./react/core/data/DataValue.js";
-import { Dialog } from "./react/core/feedback/Dialog.js";
-import { DisplaySettingsProvider, GLASS_TINTS, PRESET_COLORS, getEffectiveCompactMode, useDisplaySettings, useDisplaySettingsOptional } from "./react/context/DisplaySettingsContext.js";
-import { Divider } from "./react/core/layout/Divider.js";
-import { FileExplorer } from "./react/core/widgets/FileExplorer.js";
+import { HeaderIconWithStatus } from "./react/core/display/HeaderIconWithStatus.js";
+import { CardHeader } from "./react/core/display/CardHeader.js";
+import { CATEGORY_ICONS, CATEGORY_LABELS, PROPERTY_PRESETS, createPropertyConfig, deriveBatteryStatus, deriveStatus, formatPropertyLabel, formatPropertyValue, getPropertiesByCategory, getPropertyConfig } from "./react/core/data/propertyConfig.js";
+import { MessageStream } from "./react/core/widgets/MessageStream.js";
+import { AppBar } from "./react/core/navigation/AppBar.js";
+import { ColorPickerPanel } from "./react/core/widgets/ColorPickerPanel.js";
+import { Body1, Body2, Body3, Compact, DataText, Display1, Display2, FONT_FAMILY_MONO, FONT_FAMILY_PRIMARY, FONT_WEIGHTS, H1, H2, H3, H4, H5, H6, Label, Micro, Mono, Typography } from "./react/core/display/Typography.js";
+import { NumberInput } from "./react/core/inputs/NumberInput.js";
+import { SIDENAV_HEADER_LOGO_SLOT_HEIGHT_PX, SideNav } from "./react/core/navigation/SideNav.js";
+import { ToastProvider, useToast, useToastManager } from "./react/core/feedback/Toast.js";
+import { Menu, Popover } from "./react/core/overlays/Popover.js";
+import { Box } from "./react/core/layout/Box.js";
 import { Flex } from "./react/core/layout/Flex.js";
-import { GLASS_COLOR_OVERLAYS, GlassCard } from "./react/core/display/GlassCard.js";
-import { GlobalStatusBar } from "./react/astro/GlobalStatusBar.js";
 import { Grid } from "./react/core/layout/Grid.js";
-import { GroundTrackMap } from "./react/charts/GroundTrackMap.js";
 import { HStack, Stack, VStack } from "./react/core/layout/Stack.js";
-import { HeaderIconWithStatus } from "./react/core/display/HeaderIconWithStatus.js";
-import { HexViewer, REGION_BORDER_COLORS, REGION_COLORS } from "./react/core/widgets/HexViewer.js";
-import { Icon, getIconNames, isValidIconName } from "./react/core/display/Icon.js";
+import { Center } from "./react/core/layout/Center.js";
+import { Spacer } from "./react/core/layout/Spacer.js";
+import { Divider } from "./react/core/layout/Divider.js";
+import { BREAKPOINTS, useBreakpoint } from "./react/core/layout/useBreakpoint.js";
+import { resolveResponsive, resolveSpacing } from "./react/core/layout/responsive.js";
+import { ConfirmDialog, ConfirmProvider, useConfirm } from "./react/core/feedback/ConfirmDialog.js";
+import { PinInput } from "./react/core/inputs/PinInput.js";
+import { CopyButton, useCopyToClipboard } from "./react/core/display/CopyButton.js";
+import { DataTable, DataTableRowDetail } from "./react/core/data/DataTable.js";
 import { ImageGallery } from "./react/core/widgets/ImageGallery.js";
-import { Input } from "./react/core/inputs/Input.js";
-import { LayerControlPanel } from "./react/panels/LayerControlPanel.js";
+import { CHAT_RESPONSE_JSON_PROMPT, CHAT_RESPONSE_MCP_TOOL, CHAT_RESPONSE_TOOL_SCHEMA, CHAT_RESPONSE_YAML_PROMPT, CHAT_STATUS_RULES_PROMPT, ChatPanel, createChatResponseParser, parseChatResponse, parseMcpToolResult } from "./react/core/widgets/ChatPanel.js";
+import { ConnectionForm } from "./react/core/widgets/ConnectionForm.js";
+import { SidePanel } from "./react/core/overlays/SidePanel.js";
+import { HexViewer, REGION_BORDER_COLORS, REGION_COLORS } from "./react/core/widgets/HexViewer.js";
 import { LimitsBar } from "./react/core/inputs/LimitsBar.js";
 import { LogViewer } from "./react/core/widgets/LogViewer.js";
-import { Menu, Popover } from "./react/core/overlays/Popover.js";
-import { MessageStream } from "./react/core/widgets/MessageStream.js";
-import { MiniSimulationControls, SimulationControls, SimulationControlsWithClock } from "./react/astro/SimulationControls.js";
+import { PacketViewer } from "./react/core/widgets/PacketViewer.js";
+import { CommandBuilder } from "./react/core/widgets/CommandBuilder.js";
+import { FileExplorer } from "./react/core/widgets/FileExplorer.js";
 import { MissionCalendar } from "./react/core/widgets/MissionCalendar.js";
+import { ActivityPlanner } from "./react/core/widgets/ActivityPlanner.js";
+import { Capture, loadCapturePlaceholderImage, useCapture } from "./react/core/widgets/Capture.js";
+import { ZenSpace3D } from "./react/3d/ZenSpace3D.js";
+import { ecefEulerXyzToHpr, ecefMetersToSdkPosition } from "./react/3d/CesiumCaptureSource.js";
+import { useSimulationScene } from "./react/hooks/useSimulationScene.js";
+import { ThemeProvider, useScrollbarStyles, useTheme, useThemeTokens } from "./react/theme/ThemeProvider.js";
+import { CARD_ACCENT_COLORS, CardAccentProvider, SPACE_SYSTEM_COLORS, getAccentColorOptions, getSystemAccentColor, useCardAccent } from "./react/theme/cardAccent.js";
+import { ErrorBoundary, withErrorBoundary } from "./react/shared/ErrorBoundary.js";
+import { Skeleton3D, SkeletonBox, SkeletonCard, SkeletonChart, SkeletonCircle, SkeletonText } from "./react/shared/Skeleton.js";
+import { STATUS_COLORS, addAlpha, clamp, classNames, focusRingStyle, formatAltitude, formatCoordinate, formatCountdown, formatDataRate, formatDecibels, formatDegrees, formatDistance, formatDuration, formatFrequency, formatLatLon, formatNumber, formatPercentage, formatPower, formatTabular, formatTemperature, formatTime, formatUTC, formatVelocity, getStatusColor, getStatusFromValue, getStatusSeverity, getWorstStatus, isStatusLevel, isValidNumber, lerp, mapRange, normalizeStatus, safeAccentText, safeNumber, tabularNumsStyle, transitions, withNullSafety } from "./react/utils/index.js";
+import { StatusIndicator } from "./react/astro/StatusIndicator.js";
+import { ClassificationBanner } from "./react/astro/ClassificationBanner.js";
+import { GlobalStatusBar } from "./react/astro/GlobalStatusBar.js";
 import { MissionClock } from "./react/astro/MissionClock.js";
+import { MiniSimulationControls, SimulationControls, SimulationControlsWithClock } from "./react/astro/SimulationControls.js";
 import { MonitoringIcon } from "./react/astro/MonitoringIcon.js";
-import { Notification } from "./react/astro/Notification.js";
-import { NumberInput } from "./react/core/inputs/NumberInput.js";
-import { ObjectInventoryPanel, recommendedFlyDistance } from "./react/panels/ObjectInventoryPanel.js";
-import { PacketViewer } from "./react/core/widgets/PacketViewer.js";
-import { Pagination } from "./react/core/navigation/Pagination.js";
-import { PinInput } from "./react/core/inputs/PinInput.js";
 import { Progress } from "./react/astro/Progress.js";
-import { SIDENAV_HEADER_LOGO_SLOT_HEIGHT_PX, SideNav } from "./react/core/navigation/SideNav.js";
-import { Select } from "./react/core/inputs/Select.js";
-import { SidePanel } from "./react/core/overlays/SidePanel.js";
-import { Spacer } from "./react/core/layout/Spacer.js";
-import { StatusIndicator } from "./react/astro/StatusIndicator.js";
-import { Tabs } from "./react/core/navigation/Tabs.js";
-import { ThemeProvider, useScrollbarStyles, useTheme, useThemeTokens } from "./react/theme/ThemeProvider.js";
+import { Notification } from "./react/astro/Notification.js";
 import { UnifiedTimeline } from "./react/astro/UnifiedTimeline.js";
-import { ToastProvider, useToast, useToastManager } from "./react/core/feedback/Toast.js";
-import { Toggle } from "./react/core/inputs/Toggle.js";
-import { Tooltip } from "./react/core/overlays/Tooltip.js";
-import { ZenSpace3D } from "./react/3d/ZenSpace3D.js";
-import { ecefEulerXyzToHpr, ecefMetersToSdkPosition } from "./react/3d/CesiumCaptureSource.js";
-import { resolveResponsive, resolveSpacing } from "./react/core/layout/responsive.js";
-import { useSimulationScene } from "./react/hooks/useSimulationScene.js";
+import { GroundTrackMap } from "./react/charts/GroundTrackMap.js";
+import { useCompactMode } from "./react/hooks/useCompactMode.js";
+import { ObjectInventoryPanel, recommendedFlyDistance } from "./react/panels/ObjectInventoryPanel.js";
+import { LayerControlPanel } from "./react/panels/LayerControlPanel.js";
+import { PLANETS, auToKm, estimateOrbitalPeriod, estimateOrbitalVelocity, getPlanet, normalizePlanetName } from "./react/types.js";
+import { AstroChart } from "./react/charts/unified/AstroChart.js";
+import { CategoryPalette } from "./react/utils/categoryPalette.js";
+import { CategoryProvider, useCategoryPalette, useCategoryPaletteRequired } from "./react/context/CategoryContext.js";
+import { DisplaySettingsProvider, GLASS_TINTS, PRESET_COLORS, getEffectiveCompactMode, useDisplaySettings, useDisplaySettingsOptional } from "./react/context/DisplaySettingsContext.js";
 export {
   ActivityPlanner,
   AppBar,

package/dist/react/3d/ZenSpace3D.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React, { forwardRef, useState, useEffect, useRef, useMemo, useCallback, useImperativeHandle } from "react";
+import { useTheme } from "../theme/ThemeProvider.js";
 import { AstroIcon } from "../core/display/AstroIcon.js";
 import { SCENE_EARTH_RADIUS, latLonAltToCartesian, KM_TO_SCENE, easeOutCubic } from "./ZenSpace3DUtils.js";
 import atmosphereVertexShader from "../../shaders/atmosphere.vert.js";
@@ -8,7 +9,6 @@ import starsVertexShader from "../../shaders/stars.vert.js";
 import starsFragmentShader from "../../shaders/stars.frag.js";
 import { loadThree } from "./threeLoader.js";
 import { ZenSpace3DCesium } from "./ZenSpace3DCesium.js";
-import { useTheme } from "../theme/ThemeProvider.js";
 const DEFAULT_LAYERS = {
   planets: true,
   moons: true,
@@ -1248,6 +1248,7 @@ function ObjectLegend({ currentView, satellites, stations, groundStations, onObj
   ] });
 }
 export {
-  ZenSpace3D
+  ZenSpace3D,
+  ZenSpace3D as default
 };
 //# sourceMappingURL=ZenSpace3D.js.map

package/dist/react/3d/ZenSpace3DShaders.js

@@ -0,0 +1,478 @@
+const atmosphereVertexShader = `
+varying vec3 vNormal;
+varying vec3 vPosition;
+varying float vIntensity;
+
+void main() {
+  vNormal = normalize(normalMatrix * normal);
+  vPosition = position;
+  
+  // Calculate intensity based on view angle
+  vec4 worldPosition = modelMatrix * vec4(position, 1.0);
+  vec3 viewDirection = normalize(cameraPosition - worldPosition.xyz);
+  vIntensity = pow(0.65 - dot(vNormal, viewDirection), 2.0);
+  
+  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+}
+`;
+const atmosphereFragmentShader = `
+varying vec3 vNormal;
+varying vec3 vPosition;
+varying float vIntensity;
+
+uniform vec3 glowColor;
+uniform float glowIntensity;
+
+void main() {
+  // Fresnel-based glow
+  float intensity = vIntensity * glowIntensity;
+  
+  // Add subtle color variation
+  vec3 color = glowColor * intensity;
+  
+  // Fade at edges for smoother blending
+  float alpha = intensity * 0.8;
+  
+  gl_FragColor = vec4(color, alpha);
+}
+`;
+const starsVertexShader = `
+attribute float opacity;
+attribute float size;
+attribute vec3 customColor;
+
+varying float vOpacity;
+varying vec3 vColor;
+
+uniform float time;
+uniform float pointSize;
+
+void main() {
+  vOpacity = opacity;
+  vColor = customColor;
+  
+  // Twinkle effect
+  float twinkle = sin(time * (0.5 + opacity * 2.0) + opacity * 100.0) * 0.5 + 0.5;
+  vOpacity = opacity * (0.6 + twinkle * 0.4);
+  
+  vec4 mvPosition = modelViewMatrix * vec4(position, 1.0);
+  
+  // Size attenuation
+  float sizeMultiplier = size > 0.0 ? size : 1.0;
+  gl_PointSize = pointSize * sizeMultiplier * (300.0 / -mvPosition.z);
+  gl_PointSize = clamp(gl_PointSize, 0.5, 8.0);
+  
+  gl_Position = projectionMatrix * mvPosition;
+}
+`;
+const starsFragmentShader = `
+varying float vOpacity;
+varying vec3 vColor;
+
+void main() {
+  // Circular point with soft edge
+  vec2 center = gl_PointCoord - vec2(0.5);
+  float dist = length(center);
+  
+  if (dist > 0.5) discard;
+  
+  // Soft glow falloff
+  float alpha = smoothstep(0.5, 0.0, dist) * vOpacity;
+  
+  // Apply color
+  vec3 color = vColor.r > 0.0 ? vColor : vec3(1.0, 1.0, 1.0);
+  
+  gl_FragColor = vec4(color, alpha);
+}
+`;
+const coverageVertexShader = `
+varying vec2 vUv;
+varying vec3 vNormal;
+varying vec3 vPosition;
+
+void main() {
+  vUv = uv;
+  vNormal = normalize(normalMatrix * normal);
+  vPosition = (modelMatrix * vec4(position, 1.0)).xyz;
+  
+  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+}
+`;
+const coverageFragmentShader = `
+uniform sampler2D coverageMap;
+uniform vec3 lowColor;
+uniform vec3 highColor;
+uniform float opacity;
+uniform float time;
+
+varying vec2 vUv;
+varying vec3 vNormal;
+varying vec3 vPosition;
+
+void main() {
+  // Sample coverage value
+  float coverage = texture2D(coverageMap, vUv).r;
+  
+  // Animated pulse for active areas
+  float pulse = sin(time * 2.0) * 0.1 + 0.9;
+  coverage *= coverage > 0.5 ? pulse : 1.0;
+  
+  // Color gradient
+  vec3 color = mix(lowColor, highColor, coverage);
+  
+  // Fresnel edge highlight
+  vec3 viewDir = normalize(cameraPosition - vPosition);
+  float fresnel = pow(1.0 - dot(vNormal, viewDir), 2.0);
+  color += vec3(0.1, 0.3, 0.5) * fresnel * coverage;
+  
+  // Hexagon pattern overlay (subtle)
+  float hexPattern = fract(vUv.x * 20.0 + vUv.y * 10.0);
+  color *= 0.95 + hexPattern * 0.05;
+  
+  gl_FragColor = vec4(color, coverage * opacity);
+}
+`;
+const visibilityConeVertexShader = `
+varying vec3 vPosition;
+varying vec3 vNormal;
+varying float vDistFromApex;
+
+uniform vec3 apexPosition;
+
+void main() {
+  vPosition = (modelMatrix * vec4(position, 1.0)).xyz;
+  vNormal = normalize(normalMatrix * normal);
+  vDistFromApex = distance(position, apexPosition);
+  
+  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+}
+`;
+const visibilityConeFragmentShader = `
+uniform vec3 coneColor;
+uniform float coneOpacity;
+uniform float time;
+
+varying vec3 vPosition;
+varying vec3 vNormal;
+varying float vDistFromApex;
+
+void main() {
+  // Fresnel effect for edge visibility
+  vec3 viewDir = normalize(cameraPosition - vPosition);
+  float fresnel = pow(1.0 - abs(dot(vNormal, viewDir)), 2.0);
+  
+  // Animated scan line effect
+  float scan = fract(vDistFromApex * 0.001 - time * 0.5);
+  scan = smoothstep(0.0, 0.1, scan) * smoothstep(0.2, 0.1, scan);
+  
+  // Distance-based opacity (fade towards apex)
+  float distFade = smoothstep(0.0, 500.0, vDistFromApex);
+  
+  // Combine effects
+  float alpha = (fresnel * 0.3 + 0.1 + scan * 0.2) * coneOpacity * distFade;
+  
+  gl_FragColor = vec4(coneColor, alpha);
+}
+`;
+const orbitLineVertexShader = `
+attribute float lineDistance;
+varying float vLineDistance;
+varying float vOpacity;
+
+uniform float totalLength;
+uniform float time;
+uniform float dashScale;
+
+void main() {
+  vLineDistance = lineDistance;
+  
+  // Animated dash effect
+  float animOffset = mod(time * 0.5, 1.0) * totalLength;
+  float dashPos = mod(lineDistance + animOffset, dashScale);
+  vOpacity = smoothstep(0.0, dashScale * 0.3, dashPos) * 
+             smoothstep(dashScale, dashScale * 0.7, dashPos);
+  
+  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+}
+`;
+const orbitLineFragmentShader = `
+uniform vec3 lineColor;
+uniform float lineOpacity;
+
+varying float vLineDistance;
+varying float vOpacity;
+
+void main() {
+  gl_FragColor = vec4(lineColor, lineOpacity * vOpacity);
+}
+`;
+const objectGlowVertexShader = `
+varying vec3 vNormal;
+varying vec3 vViewPosition;
+
+void main() {
+  vNormal = normalize(normalMatrix * normal);
+  vec4 mvPosition = modelViewMatrix * vec4(position, 1.0);
+  vViewPosition = -mvPosition.xyz;
+  
+  gl_Position = projectionMatrix * mvPosition;
+}
+`;
+const objectGlowFragmentShader = `
+uniform vec3 glowColor;
+uniform float glowIntensity;
+uniform float glowPower;
+
+varying vec3 vNormal;
+varying vec3 vViewPosition;
+
+void main() {
+  vec3 viewDir = normalize(vViewPosition);
+  float fresnel = pow(1.0 - abs(dot(vNormal, viewDir)), glowPower);
+  
+  vec3 color = glowColor * glowIntensity * fresnel;
+  float alpha = fresnel * glowIntensity;
+  
+  gl_FragColor = vec4(color, alpha);
+}
+`;
+const selectionRingVertexShader = `
+varying vec2 vUv;
+
+void main() {
+  vUv = uv;
+  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+}
+`;
+const selectionRingFragmentShader = `
+uniform vec3 ringColor;
+uniform float time;
+uniform float ringWidth;
+uniform float ringRadius;
+
+varying vec2 vUv;
+
+void main() {
+  vec2 center = vUv - vec2(0.5);
+  float dist = length(center);
+  
+  // Ring shape
+  float ring = smoothstep(ringRadius - ringWidth, ringRadius, dist) *
+               smoothstep(ringRadius + ringWidth, ringRadius, dist);
+  
+  // Animated rotation
+  float angle = atan(center.y, center.x);
+  float rotatingDash = sin(angle * 8.0 - time * 3.0) * 0.5 + 0.5;
+  
+  // Pulse effect
+  float pulse = sin(time * 2.0) * 0.2 + 0.8;
+  
+  float alpha = ring * rotatingDash * pulse;
+  
+  gl_FragColor = vec4(ringColor, alpha);
+}
+`;
+const terminatorVertexShader = `
+varying vec3 vWorldPosition;
+varying vec3 vNormal;
+
+void main() {
+  vWorldPosition = (modelMatrix * vec4(position, 1.0)).xyz;
+  vNormal = normalize(normalMatrix * normal);
+  
+  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+}
+`;
+const terminatorFragmentShader = `
+uniform vec3 sunDirection;
+uniform sampler2D dayTexture;
+uniform sampler2D nightTexture;
+
+varying vec3 vWorldPosition;
+varying vec3 vNormal;
+
+void main() {
+  // Calculate sun illumination
+  float sunDot = dot(vNormal, sunDirection);
+  
+  // Smooth transition at terminator
+  float dayFactor = smoothstep(-0.1, 0.2, sunDot);
+  
+  // Sample textures (simplified - using world position for UV)
+  vec2 uv = vec2(
+    atan(vWorldPosition.z, vWorldPosition.x) / (2.0 * 3.14159) + 0.5,
+    asin(vWorldPosition.y / length(vWorldPosition)) / 3.14159 + 0.5
+  );
+  
+  vec4 dayColor = texture2D(dayTexture, uv);
+  vec4 nightColor = texture2D(nightTexture, uv);
+  
+  // Blend day and night
+  vec4 color = mix(nightColor, dayColor, dayFactor);
+  
+  // Add city lights glow on night side
+  float nightGlow = (1.0 - dayFactor) * nightColor.r * 0.5;
+  color.rgb += vec3(1.0, 0.9, 0.7) * nightGlow;
+  
+  gl_FragColor = color;
+}
+`;
+const gridVertexShader = `
+varying vec3 vPosition;
+
+void main() {
+  vPosition = position;
+  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+}
+`;
+const gridFragmentShader = `
+uniform vec3 gridColor;
+uniform float gridOpacity;
+uniform float gridSpacing;
+uniform float lineWidth;
+
+varying vec3 vPosition;
+
+void main() {
+  // Convert position to lat/lon
+  float lat = asin(vPosition.y / length(vPosition)) * 57.2958; // rad to deg
+  float lon = atan(vPosition.z, vPosition.x) * 57.2958;
+  
+  // Create grid lines
+  float latLine = abs(mod(lat + 90.0, gridSpacing) - gridSpacing * 0.5);
+  float lonLine = abs(mod(lon + 180.0, gridSpacing) - gridSpacing * 0.5);
+  
+  float line = min(latLine, lonLine);
+  float alpha = smoothstep(lineWidth, 0.0, line) * gridOpacity;
+  
+  // Highlight equator and prime meridian
+  float equator = smoothstep(1.0, 0.0, abs(lat));
+  float primeMeridian = smoothstep(1.0, 0.0, abs(lon));
+  alpha += (equator + primeMeridian) * 0.3;
+  
+  gl_FragColor = vec4(gridColor, alpha);
+}
+`;
+const planetRingVertexShader = `
+varying vec2 vUv;
+varying vec3 vWorldPosition;
+
+void main() {
+  vUv = uv;
+  vWorldPosition = (modelMatrix * vec4(position, 1.0)).xyz;
+  
+  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+}
+`;
+const planetRingFragmentShader = `
+uniform vec3 ringColor;
+uniform float innerRadius;
+uniform float outerRadius;
+uniform float ringOpacity;
+uniform vec3 sunDirection;
+
+varying vec2 vUv;
+varying vec3 vWorldPosition;
+
+void main() {
+  vec2 center = vUv - vec2(0.5);
+  float dist = length(center) * 2.0;
+  
+  // Ring bands
+  float normalizedDist = (dist - innerRadius) / (outerRadius - innerRadius);
+  
+  if (normalizedDist < 0.0 || normalizedDist > 1.0) discard;
+  
+  // Create ring bands pattern
+  float bands = sin(normalizedDist * 50.0) * 0.3 + 0.7;
+  float gaps = step(0.3, fract(normalizedDist * 5.0));
+  
+  // Simple shadow from planet
+  float shadow = smoothstep(0.3, 0.5, dist);
+  
+  float alpha = bands * gaps * ringOpacity * shadow;
+  
+  gl_FragColor = vec4(ringColor, alpha);
+}
+`;
+const debrisVertexShader = `
+attribute vec3 instancePosition;
+attribute float instanceSize;
+attribute vec3 instanceColor;
+
+varying vec3 vColor;
+varying float vSize;
+
+uniform float time;
+
+void main() {
+  vColor = instanceColor;
+  vSize = instanceSize;
+  
+  // Apply instance transform
+  vec3 transformed = position * instanceSize + instancePosition;
+  
+  // Slight rotation animation
+  float angle = time * 0.5 + instancePosition.x * 0.01;
+  mat2 rot = mat2(cos(angle), -sin(angle), sin(angle), cos(angle));
+  transformed.xz = rot * transformed.xz;
+  
+  gl_Position = projectionMatrix * modelViewMatrix * vec4(transformed, 1.0);
+}
+`;
+const debrisFragmentShader = `
+varying vec3 vColor;
+varying float vSize;
+
+void main() {
+  gl_FragColor = vec4(vColor, 1.0);
+}
+`;
+function createAtmosphereUniforms(color = [0.3, 0.6, 1], intensity = 1.5) {
+  return {
+    glowColor: { value: color },
+    glowIntensity: { value: intensity }
+  };
+}
+function createStarsUniforms(pointSize = 2) {
+  return {
+    time: { value: 0 },
+    pointSize: { value: pointSize }
+  };
+}
+function createVisibilityConeUniforms(color = [0.2, 0.8, 0.9], opacity = 0.3) {
+  return {
+    coneColor: { value: color },
+    coneOpacity: { value: opacity },
+    time: { value: 0 },
+    apexPosition: { value: [0, 0, 0] }
+  };
+}
+export {
+  atmosphereFragmentShader,
+  atmosphereVertexShader,
+  coverageFragmentShader,
+  coverageVertexShader,
+  createAtmosphereUniforms,
+  createStarsUniforms,
+  createVisibilityConeUniforms,
+  debrisFragmentShader,
+  debrisVertexShader,
+  gridFragmentShader,
+  gridVertexShader,
+  objectGlowFragmentShader,
+  objectGlowVertexShader,
+  orbitLineFragmentShader,
+  orbitLineVertexShader,
+  planetRingFragmentShader,
+  planetRingVertexShader,
+  selectionRingFragmentShader,
+  selectionRingVertexShader,
+  starsFragmentShader,
+  starsVertexShader,
+  terminatorFragmentShader,
+  terminatorVertexShader,
+  visibilityConeFragmentShader,
+  visibilityConeVertexShader
+};
+//# sourceMappingURL=ZenSpace3DShaders.js.map