@buoy-gg/shared-ui 7.0.40 → 7.0.42

package/lib/module/ui/gameUI/constants/macOSDesignSystemColors.js

@@ -1,219 +1 @@
-"use strict";
-
-/**
- * macOS Desktop App Design System Colors
- * Based on Apple's Human Interface Guidelines with a dark-mode-first approach
- * Single source of truth for all design decisions
- */
-
-export const macOSColors = {
-  // Background Colors
-  background: {
-    base: "#0A0A0C",
-    // Main app background, darkest layer
-    card: "#1A1A1C",
-    // Card backgrounds, elevated surfaces
-    hover: "#1D1D1F",
-    // Hover states for interactive elements
-    input: "#26262A" // Input field backgrounds, recessed areas
-  },
-  // Border Colors
-  border: {
-    default: "#2D2D2F",
-    // Main borders, dividers
-    toggle: "#3D3D3F",
-    // Toggle switch backgrounds
-    input: "#3D3D42",
-    // Input field borders
-    hover: "#4D4D4F" // Hover state borders
-  },
-  // Text Colors
-  text: {
-    primary: "#F5F5F7",
-    // Main text, headers
-    secondary: "#A1A1A6",
-    // Subtitles, secondary information
-    muted: "#8E8E93",
-    // Placeholder text, disabled states
-    disabled: "#9E9EA0",
-    // Inactive elements
-    icon: "#6D6D6F" // Icon colors, subtle graphics
-  },
-  // Semantic Colors
-  semantic: {
-    // Success
-    success: "#34C759",
-    // green-500 equivalent
-    successLight: "#52D976",
-    // green-400 equivalent
-    successLighter: "#86E29F",
-    // green-300 equivalent
-    successBackground: "rgba(52, 199, 89, 0.15)",
-    // green-900/80 equivalent
-
-    // Error
-    error: "#FF453A",
-    // red-500 equivalent
-    errorLight: "#FF6961",
-    // red-400 equivalent
-    errorLighter: "#FF887F",
-    // red-300 equivalent
-    errorBackground: "rgba(255, 69, 58, 0.15)",
-    // red-900/80 equivalent
-
-    // Warning - Using the preferred cyberpunk yellow
-    warning: "#FFEB3B",
-    // Bright cyberpunk yellow
-    warningLight: "#FFF066",
-    // Lighter variant
-    warningBackground: "rgba(255, 235, 59, 0.15)",
-    // yellow background
-
-    // Info - Using the preferred cyberpunk cyan
-    info: "#00B8E6",
-    // Bright cyberpunk cyan
-    infoLight: "#40CCFF",
-    // Lighter variant
-    infoLighter: "#70D8FF",
-    // Even lighter variant
-    infoBackground: "rgba(0, 184, 230, 0.1)",
-    // cyan background
-
-    // Debug
-    debug: "#BF5AF2" // purple-400 equivalent
-  },
-  // Platform-Specific Colors
-  platform: {
-    ios: "#E5E5EA",
-    // gray-100 equivalent
-    android: "#86E29F",
-    // green-300 equivalent
-    web: "#70B8FF",
-    // blue-300 equivalent
-    webAlt: "#5AC8FA",
-    // cyan-400 equivalent
-    tv: "#B381F0" // purple-300 equivalent
-  },
-  // Shadow System
-  shadows: {
-    sm: "0 0.5rem 1.5rem rgba(0,0,0,0.15)",
-    md: "0 0.75rem 2.5rem rgba(0,0,0,0.25)",
-    lg: "0 1rem 3rem rgba(0,0,0,0.3)",
-    xl: "0 1.5rem 3rem rgba(0,0,0,0.35)",
-    // Glow Effects
-    successGlow: "0 0 8px rgba(52, 199, 89, 0.1)",
-    errorGlow: "0 0 8px rgba(255, 69, 58, 0.1)",
-    warningGlow: "0 0 8px rgba(255, 235, 59, 0.2)",
-    infoGlow: "0 0 8px rgba(0, 184, 230, 0.2)",
-    infoGlowStrong: "0 0 10px rgba(0, 184, 230, 0.3)"
-  },
-  // Data Types (for syntax highlighting)
-  dataTypes: {
-    object: "#00B8E6",
-    // Cyan (matching preferred info color)
-    array: "#FFEB3B",
-    // Yellow (matching preferred warning color)
-    string: "#34C759",
-    // Green
-    number: "#FF9F0A",
-    // Orange
-    boolean: "#BF5AF2",
-    // Purple
-    function: "#5E5CE6",
-    // Indigo
-    undefined: "#8E8E93",
-    // Gray
-    null: "#FF453A" // Red
-  },
-  // Diff Viewer Colors
-  diff: {
-    // Line backgrounds
-    addedBackground: "rgba(52, 199, 89, 0.1)",
-    removedBackground: "rgba(255, 69, 58, 0.1)",
-    modifiedBackground: "rgba(0, 184, 230, 0.1)",
-    // Using cyan
-    unchangedBackground: "transparent",
-    contextBackground: "rgba(245, 245, 247, 0.02)",
-    // Text colors
-    addedText: "#34C759",
-    removedText: "#FF453A",
-    modifiedText: "#00B8E6",
-    // Using cyan
-    unchangedText: "#A1A1A6",
-    // Word-level highlights
-    addedWordHighlight: "rgba(52, 199, 89, 0.3)",
-    removedWordHighlight: "rgba(255, 69, 58, 0.3)",
-    // Line numbers
-    lineNumberBackground: "#0A0A0C",
-    lineNumberText: "#8E8E93",
-    lineNumberBorder: "#2D2D2F",
-    // Markers
-    markerAddedBackground: "rgba(52, 199, 89, 0.2)",
-    markerRemovedBackground: "rgba(255, 69, 58, 0.2)",
-    markerModifiedBackground: "rgba(0, 184, 230, 0.2)",
-    // Using cyan
-    markerText: "#8E8E93"
-  }
-};
-
-/* `macOSGameUIColors` is a DERIVED SNAPSHOT: every field below copies a string
- * value out of `macOSColors` at module-evaluation time, so later edits to
- * `macOSColors` do not reach it. The desktop dashboard re-tints the palette by
- * mutating `macOSColors` in place,
- * which is why the snapshot is built by a factory and can be refreshed with
- * `refreshMacOSGameUIColors()`. Nested objects (`dataTypes`, `diff`) are shared
- * REFERENCES, not copies, so those already follow a re-tint on their own. */
-const buildMacOSGameUIColors = () => ({
-  // Base backgrounds
-  background: macOSColors.background.base,
-  panel: macOSColors.background.card,
-  backdrop: "rgba(0, 0, 0, 0.85)",
-  buttonBackground: macOSColors.background.hover,
-  pureBlack: "#000000",
-  // Borders
-  border: macOSColors.border.default,
-  blackTint1: macOSColors.background.base,
-  blackTint2: macOSColors.background.card,
-  blackTint3: macOSColors.background.hover,
-  // Status Colors
-  success: macOSColors.semantic.success,
-  warning: macOSColors.semantic.warning,
-  error: macOSColors.semantic.error,
-  info: macOSColors.semantic.info,
-  critical: macOSColors.semantic.error,
-  optional: macOSColors.semantic.debug,
-  // Tool Colors
-  env: macOSColors.semantic.success,
-  storage: macOSColors.semantic.debug,
-  query: macOSColors.semantic.info,
-  debug: macOSColors.semantic.error,
-  network: macOSColors.semantic.success,
-  // Data Types
-  dataTypes: macOSColors.dataTypes,
-  // Text
-  text: macOSColors.text.primary,
-  primary: macOSColors.text.primary,
-  primaryLight: macOSColors.text.primary,
-  secondary: macOSColors.text.secondary,
-  tertiary: macOSColors.text.secondary,
-  muted: macOSColors.text.muted,
-  // Diff
-  diff: macOSColors.diff,
-  // Additional properties for compatibility
-  neonGlow: {
-    primary: macOSColors.semantic.info,
-    secondary: macOSColors.semantic.debug,
-    tertiary: macOSColors.semantic.success
-  }
-});
-
-// Create a compatible gameUIColors object for gradual migration
-export const macOSGameUIColors = buildMacOSGameUIColors();
-
-/** Re-derive the snapshot above from the current `macOSColors` values, keeping
- * the object identity so existing importers see the new colors. Only the
- * desktop dashboard's theme switcher calls this; on device the palette never
- * changes, so this is a no-op that is never invoked. */
-export const refreshMacOSGameUIColors = () => {
-  Object.assign(macOSGameUIColors, buildMacOSGameUIColors());
-};
+"use strict";export const macOSColors={background:{base:"#0A0A0C",card:"#1A1A1C",hover:"#1D1D1F",input:"#26262A"},border:{default:"#2D2D2F",toggle:"#3D3D3F",input:"#3D3D42",hover:"#4D4D4F"},text:{primary:"#F5F5F7",secondary:"#A1A1A6",muted:"#8E8E93",disabled:"#9E9EA0",icon:"#6D6D6F"},semantic:{success:"#34C759",successLight:"#52D976",successLighter:"#86E29F",successBackground:"rgba(52, 199, 89, 0.15)",error:"#FF453A",errorLight:"#FF6961",errorLighter:"#FF887F",errorBackground:"rgba(255, 69, 58, 0.15)",warning:"#FFEB3B",warningLight:"#FFF066",warningBackground:"rgba(255, 235, 59, 0.15)",info:"#00B8E6",infoLight:"#40CCFF",infoLighter:"#70D8FF",infoBackground:"rgba(0, 184, 230, 0.1)",debug:"#BF5AF2"},platform:{ios:"#E5E5EA",android:"#86E29F",web:"#70B8FF",webAlt:"#5AC8FA",tv:"#B381F0"},shadows:{sm:"0 0.5rem 1.5rem rgba(0,0,0,0.15)",md:"0 0.75rem 2.5rem rgba(0,0,0,0.25)",lg:"0 1rem 3rem rgba(0,0,0,0.3)",xl:"0 1.5rem 3rem rgba(0,0,0,0.35)",successGlow:"0 0 8px rgba(52, 199, 89, 0.1)",errorGlow:"0 0 8px rgba(255, 69, 58, 0.1)",warningGlow:"0 0 8px rgba(255, 235, 59, 0.2)",infoGlow:"0 0 8px rgba(0, 184, 230, 0.2)",infoGlowStrong:"0 0 10px rgba(0, 184, 230, 0.3)"},dataTypes:{object:"#00B8E6",array:"#FFEB3B",string:"#34C759",number:"#FF9F0A",boolean:"#BF5AF2",function:"#5E5CE6",undefined:"#8E8E93",null:"#FF453A"},diff:{addedBackground:"rgba(52, 199, 89, 0.1)",removedBackground:"rgba(255, 69, 58, 0.1)",modifiedBackground:"rgba(0, 184, 230, 0.1)",unchangedBackground:"transparent",contextBackground:"rgba(245, 245, 247, 0.02)",addedText:"#34C759",removedText:"#FF453A",modifiedText:"#00B8E6",unchangedText:"#A1A1A6",addedWordHighlight:"rgba(52, 199, 89, 0.3)",removedWordHighlight:"rgba(255, 69, 58, 0.3)",lineNumberBackground:"#0A0A0C",lineNumberText:"#8E8E93",lineNumberBorder:"#2D2D2F",markerAddedBackground:"rgba(52, 199, 89, 0.2)",markerRemovedBackground:"rgba(255, 69, 58, 0.2)",markerModifiedBackground:"rgba(0, 184, 230, 0.2)",markerText:"#8E8E93"}};const r=()=>({background:macOSColors.background.base,panel:macOSColors.background.card,backdrop:"rgba(0, 0, 0, 0.85)",buttonBackground:macOSColors.background.hover,pureBlack:"#000000",border:macOSColors.border.default,blackTint1:macOSColors.background.base,blackTint2:macOSColors.background.card,blackTint3:macOSColors.background.hover,success:macOSColors.semantic.success,warning:macOSColors.semantic.warning,error:macOSColors.semantic.error,info:macOSColors.semantic.info,critical:macOSColors.semantic.error,optional:macOSColors.semantic.debug,env:macOSColors.semantic.success,storage:macOSColors.semantic.debug,query:macOSColors.semantic.info,debug:macOSColors.semantic.error,network:macOSColors.semantic.success,dataTypes:macOSColors.dataTypes,text:macOSColors.text.primary,primary:macOSColors.text.primary,primaryLight:macOSColors.text.primary,secondary:macOSColors.text.secondary,tertiary:macOSColors.text.secondary,muted:macOSColors.text.muted,diff:macOSColors.diff,neonGlow:{primary:macOSColors.semantic.info,secondary:macOSColors.semantic.debug,tertiary:macOSColors.semantic.success}});export const macOSGameUIColors=r();export const refreshMacOSGameUIColors=()=>{Object.assign(macOSGameUIColors,r())};

package/lib/module/ui/gameUI/hooks/useGameUIAlertState.js

@@ -1,105 +1 @@
-"use strict";
-
-import { useMemo, useEffect, useRef } from "react";
-import { Animated, Easing } from "react-native";
-import { CheckCircle, AlertTriangle, AlertCircle, AlertOctagon, Activity, HelpCircle } from "../../../icons/index.js";
-import { gameUIColors } from "../constants/gameUIColors.js";
-// Standard alert states for ENV and Storage
-export const GAME_UI_ALERT_STATES = {
-  OPTIMAL: {
-    icon: CheckCircle,
-    color: gameUIColors.success,
-    label: "CONFIG OK",
-    subtitle: "All requirements met",
-    pulse: false
-  },
-  WARNING: {
-    icon: AlertTriangle,
-    color: gameUIColors.warning,
-    label: "CONFIG WARNING",
-    subtitle: "Check values and types",
-    pulse: false
-  },
-  ERROR: {
-    icon: AlertCircle,
-    color: gameUIColors.error,
-    label: "CONFIG ERROR",
-    subtitle: "Missing required data",
-    pulse: false
-  },
-  CRITICAL: {
-    icon: AlertOctagon,
-    color: gameUIColors.critical,
-    label: "CONFIG FAILURE",
-    subtitle: "Multiple critical issues",
-    pulse: false
-  },
-  LOADING: {
-    icon: Activity,
-    color: gameUIColors.info,
-    label: "LOADING",
-    subtitle: "Reading configuration...",
-    pulse: true
-  },
-  EMPTY: {
-    icon: HelpCircle,
-    color: gameUIColors.muted,
-    label: "NO DATA",
-    subtitle: "No configuration found",
-    pulse: false
-  }
-};
-/**
- * Hook to determine alert state from stats and provide animations
- * Reusable across ENV, Storage, and other validation screens
- */
-export function useGameUIAlertState(stats, customStates) {
-  // Merge custom states with defaults
-  const alertStates = useMemo(() => ({
-    ...GAME_UI_ALERT_STATES,
-    ...customStates
-  }), [customStates]);
-
-  // Determine alert state based on stats
-  const alertState = useMemo(() => {
-    if (stats.totalCount === 0) return "EMPTY";
-    if (stats.missingCount > 2 || stats.wrongTypeCount > 2) return "CRITICAL";
-    if (stats.missingCount > 0) return "ERROR";
-    if (stats.wrongValueCount > 0 || stats.wrongTypeCount > 0) return "WARNING";
-    return "OPTIMAL";
-  }, [stats]);
-  const alertConfig = alertStates[alertState];
-
-  // Animation values
-  const alertOpacity = useRef(new Animated.Value(1)).current;
-  const alertScale = useRef(new Animated.Value(1)).current;
-
-  // Animate on state change
-  useEffect(() => {
-    alertOpacity.setValue(0);
-    alertScale.setValue(0.95);
-    Animated.parallel([Animated.timing(alertOpacity, {
-      toValue: 1,
-      duration: 300,
-      useNativeDriver: true
-    }), Animated.timing(alertScale, {
-      toValue: 1,
-      duration: 300,
-      easing: Easing.out(Easing.ease),
-      useNativeDriver: true
-    })]).start();
-  }, [alertState, alertOpacity, alertScale]);
-  const alertAnimatedStyle = {
-    transform: [{
-      scale: alertScale
-    }],
-    opacity: alertOpacity
-  };
-  return {
-    alertState,
-    alertConfig,
-    alertAnimatedStyle,
-    alertOpacity,
-    alertScale
-  };
-}
+"use strict";import{useMemo as u,useEffect as C,useRef as a}from"react";import{Animated as i,Easing as s}from"react-native";import{CheckCircle as m,AlertTriangle as p,AlertCircle as I,AlertOctagon as g,Activity as R,HelpCircle as N}from"../../../icons/index.js";import{gameUIColors as t}from"../constants/gameUIColors.js";export const GAME_UI_ALERT_STATES={OPTIMAL:{icon:m,color:t.success,label:"CONFIG OK",subtitle:"All requirements met",pulse:false},WARNING:{icon:p,color:t.warning,label:"CONFIG WARNING",subtitle:"Check values and types",pulse:false},ERROR:{icon:I,color:t.error,label:"CONFIG ERROR",subtitle:"Missing required data",pulse:false},CRITICAL:{icon:g,color:t.critical,label:"CONFIG FAILURE",subtitle:"Multiple critical issues",pulse:false},LOADING:{icon:R,color:t.info,label:"LOADING",subtitle:"Reading configuration...",pulse:true},EMPTY:{icon:N,color:t.muted,label:"NO DATA",subtitle:"No configuration found",pulse:false}};export function useGameUIAlertState(e,n){const c=u(()=>({...GAME_UI_ALERT_STATES,...n}),[n]);const o=u(()=>{if(e.totalCount===0)return"EMPTY";if(e.missingCount>2||e.wrongTypeCount>2)return"CRITICAL";if(e.missingCount>0)return"ERROR";if(e.wrongValueCount>0||e.wrongTypeCount>0)return"WARNING";return"OPTIMAL"},[e]);const f=c[o];const r=a(new i.Value(1)).current;const l=a(new i.Value(1)).current;C(()=>{r.setValue(0);l.setValue(.95);i.parallel([i.timing(r,{toValue:1,duration:300,useNativeDriver:true}),i.timing(l,{toValue:1,duration:300,easing:s.out(s.ease),useNativeDriver:true})]).start()},[o,r,l]);const A={transform:[{scale:l}],opacity:r};return{alertState:o,alertConfig:f,alertAnimatedStyle:A,alertOpacity:r,alertScale:l}}

package/lib/module/ui/gameUI/index.js

@@ -1,19 +1 @@
-"use strict";
-
-/**
- * Game UI Design System Components
- * Reusable components following cyberpunk/sci-fi aesthetic
- */
-// Components
-export { GameUICollapsibleSection } from "./components/GameUICollapsibleSection.js";
-export { GameUIStatusHeader } from "./components/GameUIStatusHeader.js";
-export { GameUICompactStats } from "./components/GameUICompactStats.js";
-export { GameUIIssuesList } from "./components/GameUIIssuesList.js";
-// GameUIDevTestMode removed - test component no longer needed
-
-// Hooks
-export { useGameUIAlertState, GAME_UI_ALERT_STATES } from "./hooks/useGameUIAlertState.js";
-// Constants
-export { gameUIColors, dialColors, buoyColors } from "./constants/gameUIColors.js";
-// Also re-export macOS design system colors for apps that want the raw palette
-export { macOSColors } from "./constants/macOSDesignSystemColors.js";
+"use strict";export{GameUICollapsibleSection}from"./components/GameUICollapsibleSection.js";export{GameUIStatusHeader}from"./components/GameUIStatusHeader.js";export{GameUICompactStats}from"./components/GameUICompactStats.js";export{GameUIIssuesList}from"./components/GameUIIssuesList.js";export{useGameUIAlertState,GAME_UI_ALERT_STATES}from"./hooks/useGameUIAlertState.js";export{gameUIColors,dialColors,buoyColors}from"./constants/gameUIColors.js";export{macOSColors}from"./constants/macOSDesignSystemColors.js";

package/lib/module/ui/index.js

@@ -1,31 +1 @@
-"use strict";
-
-// Re-export UI surface: components, console, gameUI
-
-// Components
-export * from "./components/index.js";
-
-// Animated/static tool backdrops (+ the review switcher)
-export * from "./backgrounds/index.js";
-
-// Semantic design tokens for tool surfaces
-export { toolTheme } from "./toolTheme.js";
-
-// The monospace family, per platform — never write `fontFamily: monoFont`.
-export { monoFont } from "./fonts.js";
-
-// Console UI bits
-export { CyberpunkSectionButton } from "./console/CyberpunkSectionButton.js";
-
-// Game UI (colors, hooks, components)
-export * from "./gameUI/index.js";
-
-// Otto — the Buoy mascot (see OTTO_PLACEMENT_PLAN.md for where he belongs)
-export * from "./otto/index.js";
-
-// FlatList presets (tuned window/batch values + the E2E clipping guard)
-export { EVENT_LIST_PRESET, LOG_LIST_PRESET, CLIP_OFFSCREEN_CELLS } from "./listPresets.js";
-export { FloatingTool, getBubbleAnchorPosition, Divider as FloatingToolDivider, UserStatus as FloatingToolUserStatus } from "./floating/FloatingTool";
-export { ARROW_BOTTOM_OFFSET, ARROW_HEIGHT, SPACING_GAP, getScreenCenterY, calculateTooltipPosition, calculateTargetPosition } from "./floating/onboardingConstants";
-export { FloatingToolHost } from "./floating/FloatingToolHost";
-export { openFloatingTool, dismissFloatingTool, registerPersistentFloatingTool, getFloatingTools, subscribeFloatingTools } from "../stores/floatingToolStore.js";
+"use strict";export*from"./components/index.js";export*from"./backgrounds/index.js";export{toolTheme}from"./toolTheme.js";export{monoFont}from"./fonts.js";export{CyberpunkSectionButton}from"./console/CyberpunkSectionButton.js";export*from"./gameUI/index.js";export*from"./otto/index.js";export{EVENT_LIST_PRESET,LOG_LIST_PRESET,CLIP_OFFSCREEN_CELLS}from"./listPresets.js";export{FloatingTool,getBubbleAnchorPosition,Divider as FloatingToolDivider,UserStatus as FloatingToolUserStatus}from"./floating/FloatingTool";export{ARROW_BOTTOM_OFFSET,ARROW_HEIGHT,SPACING_GAP,getScreenCenterY,calculateTooltipPosition,calculateTargetPosition}from"./floating/onboardingConstants";export{FloatingToolHost}from"./floating/FloatingToolHost";export{openFloatingTool,dismissFloatingTool,registerPersistentFloatingTool,getFloatingTools,subscribeFloatingTools}from"../stores/floatingToolStore.js";

package/lib/module/ui/listPresets.js

@@ -1,39 +1 @@
-"use strict";
-
-/**
- * FlatList presets for tool lists — the tuned window/batch values and the
- * E2E clipping guard that eleven list sites carried as copy-pasted props.
- *
- * Spread them onto a FlatList: `<FlatList {...EVENT_LIST_PRESET} … />`.
- * A tool that later moves to FlashList changes this file, not eleven.
- */
-
-/**
- * `removeClippedSubviews` is off in E2E bundles: clipped rows leave the
- * hierarchy entirely, so a row past the fold reads to the test as "the tool
- * stopped capturing".
- */
-export const CLIP_OFFSCREEN_CELLS = !(typeof process !== "undefined" && process.env?.EXPO_PUBLIC_E2E);
-/**
- * Event / change / request lists: rows are tall-ish and arrive in bursts.
- * Window and batch values are the "tuned" winner of the buoy-optimize
- * batch run on the network tool (2026-07-06, batch-1783396983529-6l7w).
- */
-export const EVENT_LIST_PRESET = {
-  initialNumToRender: 12,
-  maxToRenderPerBatch: 8,
-  windowSize: 5,
-  updateCellsBatchingPeriod: 50,
-  removeClippedSubviews: CLIP_OFFSCREEN_CELLS
-};
-
-/**
- * Log tails (console, sentry): rows are short single lines, the list is
- * read from the bottom, and a scroll-to-end must not land on blank cells.
- */
-export const LOG_LIST_PRESET = {
-  initialNumToRender: 30,
-  maxToRenderPerBatch: 30,
-  windowSize: 21,
-  removeClippedSubviews: CLIP_OFFSCREEN_CELLS
-};
+"use strict";export const CLIP_OFFSCREEN_CELLS=!(typeof process!=="undefined"&&process.env?.EXPO_PUBLIC_E2E);export const EVENT_LIST_PRESET={initialNumToRender:12,maxToRenderPerBatch:8,windowSize:5,updateCellsBatchingPeriod:50,removeClippedSubviews:CLIP_OFFSCREEN_CELLS};export const LOG_LIST_PRESET={initialNumToRender:30,maxToRenderPerBatch:30,windowSize:21,removeClippedSubviews:CLIP_OFFSCREEN_CELLS};

package/lib/module/ui/night/nightTheme.js

@@ -1,126 +1 @@
-"use strict";
-
-/**
- * "Night" design tokens — the Everlights surface language, ported.
- *
- * A near-black, smooth, borderless-feeling system built to sit ON TOP of the
- * shared ToolBackground star field: one `#050505` sheet the field shows
- * through, `#0C0C0C` cards with hairline `#1A1A1C` borders, `#161618` rows
- * inside them, uppercase section labels OUTSIDE the cards, and a single green
- * accent that takes dark ink.
- *
- * Values are lifted 1:1 from the Everlights app's `constants/theme.ts`
- * (`Palette` + `DarkColors`) and its modal tokens — that app is the design
- * reference, so when in doubt match it, don't invent.
- *
- * THE ACCENT IS ONE SEAM: everything green reads `night.color.accent*`. The
- * family is Buoy's brand green (`buoyColors.primary`, #20C997 — kept as
- * literals so this module stays import-free); swapping it is a seven-line
- * change here and nowhere else. `onAccent` stays black — this green wants
- * dark ink.
- *
- * SCOPE: piloted on the dial menu's settings modal (JsModal `variant="night"`
- * + DevToolsSettingsModal). If it sticks, convert the other tools to it.
- */
-
-export const night = {
-  color: {
-    /** The sheet itself — also the inset track of a segmented control. */
-    bg: "#050505",
-    /** A card. */
-    surface: "#0C0C0C",
-    /** A row or control inside a card. */
-    surfaceElevated: "#161618",
-    /** Hairline card border. */
-    border: "#1A1A1C",
-    /** Hairline between rows inside a card. */
-    separator: "rgba(255, 255, 255, 0.08)",
-    /**
-     * Glass variants of the surfaces above, for screens that sit on a living
-     * ToolBackground and want it to leak through (the dial settings). Same
-     * family as the dial hub's `hubFill` — black at a fraction, never a tint —
-     * with a white-alpha lift for rows and a white-alpha hairline so no dark
-     * ring appears when the field behind is bright.
-     */
-    glass: "rgba(5, 5, 5, 0.50)",
-    glassElevated: "rgba(255, 255, 255, 0.06)",
-    glassBorder: "rgba(255, 255, 255, 0.07)",
-    /** Neutral fills, lightest → strongest. */
-    fill: "rgba(255, 255, 255, 0.06)",
-    fillSecondary: "rgba(255, 255, 255, 0.08)",
-    fillTertiary: "rgba(255, 255, 255, 0.12)",
-    /** Chip resting fill — dark glass, readable over the star field. */
-    buttonSurface: "rgba(8, 10, 14, 0.85)",
-    /** Secondary/destructive button plate. */
-    button: "#1C1C1C",
-    buttonPressed: "#2C2C2E",
-    text: "#ECEDEE",
-    textSecondary: "#9BA1A6",
-    textTertiary: "#636366",
-    /** Drag handles, input placeholders. */
-    placeholder: "rgba(255, 255, 255, 0.30)",
-    /** The one accent (Buoy brand green). See the header note — one seam. */
-    accent: "#20C997",
-    accentPressed: "#1BAB80",
-    accentSoft: "rgba(32, 201, 151, 0.12)",
-    accentFill: "rgba(32, 201, 151, 0.18)",
-    accentBorder: "rgba(32, 201, 151, 0.20)",
-    accentBorderStrong: "rgba(32, 201, 151, 0.35)",
-    /** Ink on a filled accent surface — the accent takes DARK ink. */
-    onAccent: "#000000",
-    danger: "#FF3B30",
-    dangerSoft: "rgba(255, 59, 48, 0.10)",
-    warning: "#FF8329",
-    warningSoft: "rgba(255, 131, 41, 0.12)",
-    info: "#1E6DFF",
-    infoSoft: "rgba(30, 109, 255, 0.12)",
-    /** Switch thumb at rest (Everlights moon gray). */
-    knob: "#D4D8DC"
-  },
-  radius: {
-    /** Sheets and dialogs. */
-    sheet: 16,
-    /** Cards. */
-    card: 14,
-    /** Inputs and code blocks. */
-    input: 12,
-    /** Rows and inner controls; also the segmented-control track. */
-    row: 10,
-    /** Segment thumb inside a radius-10 track. */
-    segment: 8,
-    /** Small badges. */
-    badge: 6,
-    /** Zone-style chips. */
-    chip: 20,
-    /** Fully rounded pills (buttons use height/2 instead). */
-    pill: 999
-  },
-  /** Screen/sheet horizontal margin. */
-  gutter: 16,
-  /** Section labels sit 4pt in from the card edge. */
-  labelInset: 4,
-  /** Vertical rhythm between labeled card groups. */
-  groupGap: 24,
-  /** Card interior padding. */
-  cardPad: 14,
-  /** Row padding inside an edge-to-edge card. */
-  rowPadH: 16,
-  rowPadV: 14,
-  font: {
-    /** Sheet/modal titles. */
-    title: 17,
-    /** Row labels and values. */
-    row: 15,
-    /** Body copy, chip labels. */
-    body: 14,
-    /** Segmented-control labels, captions, footnotes. */
-    caption: 13,
-    /** Uppercase section labels. */
-    label: 12,
-    /** Uppercase micro labels (START/END style). */
-    micro: 11
-  }
-};
-
-/** Section labels track wide open, Everlights-style. */
-export const NIGHT_LABEL_TRACKING = 0.8;
+"use strict";export const night={color:{bg:"#050505",surface:"#0C0C0C",surfaceElevated:"#161618",border:"#1A1A1C",separator:"rgba(255, 255, 255, 0.08)",glass:"rgba(5, 5, 5, 0.50)",glassElevated:"rgba(255, 255, 255, 0.06)",glassBorder:"rgba(255, 255, 255, 0.07)",fill:"rgba(255, 255, 255, 0.06)",fillSecondary:"rgba(255, 255, 255, 0.08)",fillTertiary:"rgba(255, 255, 255, 0.12)",buttonSurface:"rgba(8, 10, 14, 0.85)",button:"#1C1C1C",buttonPressed:"#2C2C2E",text:"#ECEDEE",textSecondary:"#9BA1A6",textTertiary:"#636366",placeholder:"rgba(255, 255, 255, 0.30)",accent:"#20C997",accentPressed:"#1BAB80",accentSoft:"rgba(32, 201, 151, 0.12)",accentFill:"rgba(32, 201, 151, 0.18)",accentBorder:"rgba(32, 201, 151, 0.20)",accentBorderStrong:"rgba(32, 201, 151, 0.35)",onAccent:"#000000",danger:"#FF3B30",dangerSoft:"rgba(255, 59, 48, 0.10)",warning:"#FF8329",warningSoft:"rgba(255, 131, 41, 0.12)",info:"#1E6DFF",infoSoft:"rgba(30, 109, 255, 0.12)",knob:"#D4D8DC"},radius:{sheet:16,card:14,input:12,row:10,segment:8,badge:6,chip:20,pill:999},gutter:16,labelInset:4,groupGap:24,cardPad:14,rowPadH:16,rowPadV:14,font:{title:17,row:15,body:14,caption:13,label:12,micro:11}};export const NIGHT_LABEL_TRACKING=.8;