@buoy-gg/core 7.0.26 → 7.0.28

package/lib/module/floatingMenu/FloatingDevTools.web.js

@@ -237,7 +237,11 @@ function FloatingDevToolsInner({
     id: tool.id,
     name: tool.name || getToolLabel(tool.id),
     description: tool.description || getToolDescription(tool.id),
-    slot: tool.slot
+    slot: tool.slot,
+    // Settings rows fall back to the tool's own icon when the modal has
+    // no hardcoded glyph for it (mirrors native DialDevTools).
+    icon: tool.icon,
+    color: tool.color
   })), [tools]);
 
   // Welcome tooltip — native FloatingMenu.tsx:134-157: 1000ms after mount,

package/lib/module/floatingMenu/ToolHost.js

@@ -233,7 +233,8 @@ const styles = StyleSheet.create({
   bodyRoot: {
     flex: 1,
     minHeight: 0,
-    backgroundColor: buoyColors.base
+    // Transparent so JsModal's ToolBackground shows through (the modal paints opaque base beneath it).
+    backgroundColor: "transparent"
   },
   toast: {
     position: "absolute",

package/lib/module/floatingMenu/autoExternalSync.js

@@ -40,7 +40,6 @@ let zustandModule = null;
 let jotaiModule = null;
 let eventsModule = null;
 let consoleModule = null;
-let timeMachineModule = null;
 let envModule = null;
 let highlightUpdatesModule = null;
 let debugBordersModule = null;
@@ -104,11 +103,6 @@ try {
 } catch (e) {
   reportOptionalRequireError("@buoy-gg/console", e);
 }
-try {
-  timeMachineModule = require("@buoy-gg/time-machine");
-} catch (e) {
-  reportOptionalRequireError("@buoy-gg/time-machine", e);
-}
 try {
   envModule = require("@buoy-gg/env");
 } catch (e) {
@@ -268,8 +262,17 @@ export function AutoExternalSync({
     if (consoleModule?.consoleSyncAdapter) {
       map.console = consoleModule.consoleSyncAdapter;
     }
-    if (timeMachineModule?.timeMachineSyncAdapter) {
-      map["time-machine"] = timeMachineModule.timeMachineSyncAdapter;
+    // Lazy: time-machine imports `@buoy-gg/core` (useToolHost), and this file
+    // is loaded from core's index. Requiring it at module top-level is a
+    // require cycle (LogBox on every reload). Waiting until first render
+    // lets core finish evaluating first.
+    try {
+      const timeMachineModule = require("@buoy-gg/time-machine");
+      if (timeMachineModule?.timeMachineSyncAdapter) {
+        map["time-machine"] = timeMachineModule.timeMachineSyncAdapter;
+      }
+    } catch (e) {
+      reportOptionalRequireError("@buoy-gg/time-machine", e);
     }
     if (envModule?.createEnvSyncAdapter) {
       map.env = envModule.createEnvSyncAdapter(requiredEnvVars ?? []);

package/lib/module/floatingMenu/dial/DialDevTools.js

@@ -1,14 +1,15 @@
 "use strict";
 
 import { useEffect, useMemo, useRef, useState } from "react";
-import { Pressable, StyleSheet, View, useWindowDimensions, Text, Animated, Easing } from "react-native";
+import { Pressable, StyleSheet, TouchableOpacity, View, useWindowDimensions, Text, Animated, Easing } from "react-native";
 import { absoluteFill } from "@buoy-gg/shared-ui";
 // Icons are provided by installedApps; no direct icon imports here.
 import { DialIcon } from "./DialIcon.js";
+import { DialHyperspace } from "./DialHyperspace.js";
 import { ALL_TOOLS_REGISTRY } from "../allToolsRegistry.js";
 import { DialPagination } from "./DialPagination.js";
 import { getRankedToolIds, isDialUsageLoaded, loadDialUsage, recordToolUsage } from "./dialUsageStore.js";
-import { persistentStorage, useHintsDisabled, devToolsStorageKeys, buoyColors } from "@buoy-gg/shared-ui";
+import { persistentStorage, useHintsDisabled, devToolsStorageKeys, buoyColors, ToolBackground, useToolBackground } from "@buoy-gg/shared-ui";
 import { DevToolsSettingsModal, useDevToolsSettings } from "../DevToolsSettingsModal";
 import { useProAccess } from "@buoy-gg/license";
 import { renderAppIcon } from "../AppIcon.js";
@@ -21,6 +22,19 @@ import { getDialLayout, MAX_DIAL_SLOTS, DIAL_BUTTON_SIZE, DIAL_ICON_GLYPH_SIZE,
 // snapshot goes stale when the window resizes after load (web/desktop).
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const BUTTON_SIZE = DIAL_BUTTON_SIZE;
+
+/**
+ * The centre button's idle pulse, off by design.
+ *
+ * It is built as `Animated.loop(Animated.sequence([...]))`, and that pairing is
+ * NOT handed to the native driver even though every child sets
+ * `useNativeDriver: true` — so it ticked on the JS thread for as long as the
+ * dial stayed open, taxing every interaction launched from the dial.
+ *
+ * Re-enabling it means rewriting the loop so it genuinely runs natively;
+ * flipping this alone just puts the JS-thread cost back.
+ */
+const DIAL_IDLE_PULSE = false;
 const ONBOARDING_STORAGE_KEY = "@react_buoy_settings_tooltip_shown";
 /** A non-interactive placeholder used to fill out the last dial page. */
 const createEmptySlot = slotIndex => ({
@@ -64,6 +78,11 @@ export const DialDevTools = ({
   const circleSize = getDialLayout({
     screenWidth
   }).circleSize;
+  // The dial face shows the same backdrop the tools use (persisted shared
+  // selection). Hyperspace keeps its hand-tuned dial port below.
+  const {
+    id: backgroundId
+  } = useToolBackground();
   const sizeStyles = useMemo(() => ({
     parent: {
       width: circleSize,
@@ -150,16 +169,35 @@ export const DialDevTools = ({
     id,
     name,
     slot,
-    description
+    description,
+    icon,
+    color
   }) => ({
     id,
     name,
     slot,
-    description
+    description,
+    // Settings rows fall back to the app's own icon when the modal has no
+    // hardcoded glyph for the tool.
+    icon,
+    color
   })), [apps]);
 
   // Animation tracking refs
   const pulseAnimationRef = useRef(null);
+  const toggleSettingsModal = () => {
+    if (isSettingsModalOpen) {
+      setIsSettingsModalOpen(false);
+      return;
+    }
+    setIsSettingsModalOpen(true);
+    // Dismiss onboarding tooltip when user opens settings
+    if (showOnboardingTooltip && !onboardingDismissedRef.current) {
+      handleOnboardingDismiss();
+    }
+    // Also call external handler if provided
+    onSettingsPress?.();
+  };
 
   // Dial-eligible apps: everything except row-only tools. All of them are
   // shown — paginated across pages of MAX_DIAL_SLOTS — so there is no longer
@@ -407,6 +445,7 @@ export const DialDevTools = ({
     })]).start();
 
     // Pulse animation - only continuous effect kept for performance
+    if (!DIAL_IDLE_PULSE) return;
     pulseAnimationRef.current = Animated.loop(Animated.sequence([Animated.timing(pulseScale, {
       toValue: continuous.pulse.maxScale,
       duration: continuous.pulse.duration,
@@ -595,7 +634,9 @@ export const DialDevTools = ({
                 }]
               }]
             }, i))
-          })]
+          }), backgroundId === "hyperspace" ? /*#__PURE__*/_jsx(DialHyperspace, {
+            size: circleSize
+          }) : /*#__PURE__*/_jsx(ToolBackground, {})]
         }), allDialIcons.filter(({
           page
         }) => page === safePage).map(({
@@ -630,26 +671,14 @@ export const DialDevTools = ({
             style: styles.buttonBorder,
             children: /*#__PURE__*/_jsx(Animated.View, {
               style: [styles.button, pulseAnimatedStyle],
-              children: /*#__PURE__*/_jsx(Pressable, {
+              children: /*#__PURE__*/_jsx(TouchableOpacity, {
                 accessibilityRole: "button",
                 accessibilityLabel: isSettingsModalOpen ? "Close Settings" : "Open Dev Tools Settings",
-                onPress: () => {
-                  if (isSettingsModalOpen) {
-                    // Close settings modal
-                    setIsSettingsModalOpen(false);
-                  } else {
-                    // Open internal settings modal
-                    setIsSettingsModalOpen(true);
-                    // Dismiss onboarding tooltip when user opens settings
-                    if (showOnboardingTooltip && !onboardingDismissedRef.current) {
-                      handleOnboardingDismiss();
-                    }
-                    // Also call external handler if provided
-                    if (onSettingsPress) {
-                      onSettingsPress();
-                    }
-                  }
-                },
+                onPress: toggleSettingsModal
+                // Dims on touch-down so the press registers visually straight
+                // away, even though the panel only opens on release.
+                ,
+                activeOpacity: 0.5,
                 style: styles.buttonPressable,
                 children: isSettingsModalOpen ? /*#__PURE__*/_jsxs(_Fragment, {
                   children: [/*#__PURE__*/_jsx(Text, {

package/lib/module/floatingMenu/dial/DialHyperspace.js

@@ -0,0 +1,173 @@
+"use strict";
+
+/**
+ * DialHyperspace — the Hyperspace backdrop's lightspeed starfield, scaled
+ * down to live inside the open dial's face. Replaces DialSnow (kept next
+ * door for an easy swap back) so the dial matches the tool background.
+ *
+ * Same construction as the full preset (shared-ui
+ * `backgrounds/variants/hyperspace.tsx`, see its header for the derivation):
+ * the Skia original's per-frame `screen = plane/z` projection becomes scale
+ * keyframes on phase-offset shells — a layer scaled by 1/z moves every star
+ * outward on the true hyperbolic curve — with each shell's wrap snap hidden
+ * inside the fade the original applies to the first/last 6% of a star's
+ * life. Dial tuning: fewer stars, a slightly gentler cycle and lower alpha
+ * so the field reads behind the icons instead of competing with them.
+ * Stars are round crisp points, as in the original — never streaks.
+ *
+ * Cost while the dial is open: 1 animated node, ~48 static views — the same
+ * budget DialSnow ran. The dial is fixed-size (never user-resized), so
+ * sizing geometry from the passed circle size is correct here, and the
+ * circle's `overflow: "hidden"` clips the streaks.
+ */
+
+import { memo } from "react";
+import { Animated, View } from "react-native";
+import { RasterLayer, scatter, useLoop, withBgAlpha } from "@buoy-gg/shared-ui";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+const Z_SPAN = 0.94;
+const MAX_SCALE = 6;
+const CYCLE_MS = 2400;
+const SHELLS = 3;
+const STARS_PER_SHELL = 16;
+/** Stride 4: angle, radius, size jitter, palette pick — fixed seeds so the
+ * field is identical every open. */
+const SHELL_TABLES = Array.from({
+  length: SHELLS
+}, (_, k) => scatter(0x5747 ^ k * 0x9e37, STARS_PER_SHELL * 4));
+const STAR_COLORS = ["#FFFFFF", "#B3D9FF", "#8CB3FF"];
+
+/** The dial face draws 6 grid spokes, one every 60° starting at 0°. Star
+ * motion is radial (uniform scale about the centre), so a star whose angle
+ * sits near a spoke rides that line for its entire life. Remap the uniform
+ * angle pick into the clear wedge between spokes, leaving `SPOKE_GAP` of
+ * clearance centred on each line. */
+const SPOKE_STEP = Math.PI / 3;
+const SPOKE_GAP = 14 * Math.PI / 180;
+function spokeClearAngle(u) {
+  const sector = Math.min(5, Math.floor(u * 6));
+  const t = u * 6 - sector;
+  return sector * SPOKE_STEP + SPOKE_GAP / 2 + t * (SPOKE_STEP - SPOKE_GAP);
+}
+function scaleAt(p) {
+  return Math.min(MAX_SCALE, 1 / (1 - p * Z_SPAN));
+}
+function opacityAt(p) {
+  let bright = 0.15 + 0.85 * p * p;
+  // The original's 6% fade at both ends of a star's life.
+  if (p < 0.06) bright *= p / 0.06;else if (p > 0.94) bright *= (1 - p) / 0.06;
+  // Dial tuning: never brighter than 0.7 — the icons own the foreground.
+  return Math.min(0.7, bright);
+}
+
+/** Interpolate stops for shell k (phase = (v + k/K) mod 1), the wrap point
+ * double-sampled 1e-4 apart inside the zero-opacity sliver. */
+function shellStops(k) {
+  const offset = k / SHELLS;
+  const vs = [];
+  const SEGMENTS = 12;
+  for (let i = 0; i <= SEGMENTS; i++) vs.push(i / SEGMENTS);
+  const vWrap = (1 - offset) % 1;
+  if (vWrap > 1e-3 && vWrap < 1 - 1e-3) vs.push(vWrap - 1e-4, vWrap + 1e-4);
+  vs.sort((a, b) => a - b);
+  const input = [];
+  const scale = [];
+  const opacity = [];
+  for (const v of vs) {
+    // At the loop boundary the offset-0 shell's phase must read as END of
+    // life (p=1, max scale, zero opacity), not wrap to 0 — otherwise the
+    // last segment lerps scale 6→1 at visible opacity and the stars
+    // retract to the centre once per cycle.
+    const p = offset === 0 && v === 1 ? 1 : (v + offset) % 1;
+    input.push(v);
+    scale.push(scaleAt(p));
+    opacity.push(opacityAt(p));
+  }
+  return {
+    input,
+    scale,
+    opacity
+  };
+}
+const SHELL_STOPS = Array.from({
+  length: SHELLS
+}, (_, k) => shellStops(k));
+export const DialHyperspace = /*#__PURE__*/memo(function DialHyperspace({
+  size
+}) {
+  const drive = useLoop(CYCLE_MS);
+  const c = size / 2;
+  const shells = [];
+  for (let k = 0; k < SHELLS; k++) {
+    const table = SHELL_TABLES[k];
+    const stops = SHELL_STOPS[k];
+    const stars = [];
+    for (let i = 0; i < STARS_PER_SHELL; i++) {
+      const ang = spokeClearAngle(table[i * 4]);
+      // sqrt-biased outward, inner 15% clear of the vanishing point. Offsets
+      // scale with the HALF-extent, as in the original's projection.
+      const rad = (0.15 + 0.85 * Math.sqrt(table[i * 4 + 1])) * 0.5 * c;
+      const color = STAR_COLORS[Math.floor(table[i * 4 + 3] * STAR_COLORS.length) % 3];
+      const x = c + Math.cos(ang) * rad;
+      const y = c + Math.sin(ang) * rad;
+      // Round crisp points, as in the original — the visible star is the
+      // sprite's lit core (~12.5% of the stamp), so it starts sub-pixel and
+      // only reaches ~2-3px before the fade-out kills it. A soft halo disc
+      // at α0.3 stands in for the sprite's blur.
+      const core = 0.6;
+      const halo = core * 2.4;
+      stars.push(/*#__PURE__*/_jsx(View, {
+        style: {
+          position: "absolute",
+          left: x - halo / 2,
+          top: y - halo / 2,
+          width: halo,
+          height: halo,
+          borderRadius: halo / 2,
+          backgroundColor: withBgAlpha(color, 0.3)
+        }
+      }, `${i}-h`), /*#__PURE__*/_jsx(View, {
+        style: {
+          position: "absolute",
+          left: x - core / 2,
+          top: y - core / 2,
+          width: core,
+          height: core,
+          borderRadius: core / 2,
+          backgroundColor: color
+        }
+      }, i));
+    }
+    shells.push(/*#__PURE__*/_jsx(Animated.View, {
+      style: {
+        position: "absolute",
+        left: 0,
+        top: 0,
+        width: size,
+        height: size,
+        opacity: drive.interpolate({
+          inputRange: stops.input,
+          outputRange: stops.opacity
+        }),
+        transform: [{
+          scale: drive.interpolate({
+            inputRange: stops.input,
+            outputRange: stops.scale
+          })
+        }]
+      },
+      pointerEvents: "none",
+      children: /*#__PURE__*/_jsx(RasterLayer, {
+        style: {
+          width: size,
+          height: size
+        },
+        raster: false,
+        children: stars
+      })
+    }, k));
+  }
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: shells
+  });
+});

package/lib/module/floatingMenu/dial/DialIcon.js

@@ -4,9 +4,38 @@ import { useMemo, useRef } from "react";
 import { StyleSheet, Pressable, View, Text, useWindowDimensions, Animated } from "react-native";
 import { getDialLayout, getIconPosition, getIconStaggerInputRange, DIAL_START_ANGLE, DIAL_ICON_SIZE, DIAL_ICON_GLYPH_SIZE, dialColors, dialStyles, dialAnimationConfig, floatingToolsColors } from "@buoy-gg/floating-tools-core";
 
+/** Full names agents wait for (`waitFor: "Network"`), not the truncated glyph. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DIAL_A11Y = {
+  network: "Network",
+  images: "Images",
+  "image-overlay": "Image Overlay",
+  assets: "Assets",
+  query: "React Query",
+  storage: "Storage",
+  env: "Env",
+  console: "Console",
+  events: "Events",
+  redux: "Redux",
+  zustand: "Zustand",
+  jotai: "Jotai",
+  "route-events": "Routes",
+  "time-machine": "Time Machine",
+  "highlight-updates": "Highlight Updates",
+  "debug-borders": "Debug Borders",
+  "perf-monitor": "Perf Monitor",
+  "js-top": "JS Top",
+  "js-top-modal": "JS Top",
+  impersonate: "Impersonate",
+  "perf-monitor-modal": "Perf Monitor"
+};
+function dialAccessibilityLabel(id, name) {
+  if (id && DIAL_A11Y[id]) return DIAL_A11Y[id];
+  return name;
+}
+
 // The circle radius depends on the live window width and is computed inside
 // the component (must match DialDevTools' circle, which does the same).
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const VIEW_SIZE = DIAL_ICON_SIZE;
 export const DialIcon = ({
   index,
@@ -188,6 +217,9 @@ export const DialIcon = ({
       onPressIn: handlePressIn,
       onPressOut: handlePressOut,
       style: styles.pressable,
+      testID: icon.id ? `buoy-dial-${icon.id}` : undefined,
+      accessibilityLabel: dialAccessibilityLabel(icon.id, icon.name),
+      accessibilityRole: "button",
       children: [/*#__PURE__*/_jsx(View, {
         style: [styles.iconGradientBg, {
           backgroundColor: "rgba(0, 0, 0, 0.2)"

package/lib/module/floatingMenu/dial/DialSnow.js

@@ -0,0 +1,90 @@
+"use strict";
+
+/**
+ * DialSnow — pale particles drifting down inside the open dial's face, built
+ * from the shared background primitives (packages/shared/src/ui/backgrounds).
+ *
+ * Same performance contract as the backgrounds: the loop is native-driven
+ * (useLoop hands the whole animation to the UI thread once — zero JS work per
+ * frame), the flakes are one rasterized texture, and the scatter table is
+ * generated at module load. Cost while the dial is open: 1 animated node and
+ * ~24 static views, mounted only for the dial's lifetime.
+ *
+ * Rendered inside the circle's `overflow: "hidden"` background. The dial is
+ * fixed-size (never user-resized), so sizing geometry from the passed circle
+ * size is correct here.
+ */
+
+import { memo } from "react";
+import { Animated, View } from "react-native";
+import { RasterLayer, scatter, useLoop, withBgAlpha } from "@buoy-gg/shared-ui";
+
+/** Pale mint-ice flake tint — sits quietly on the dial's dark face. */
+import { jsx as _jsx } from "react/jsx-runtime";
+const SNOW_COLOR = "#A8E0D2";
+
+/** Stride 3: x, y, size — fixed seed so the flurry is identical every open. */
+const SNOW_COUNT = 12;
+const SNOW_TABLE = scatter(0x5ea1, SNOW_COUNT * 3);
+
+/**
+ * The two-copy tiling trick from the backdrops: everything drawn twice one
+ * height apart, translated a full height per loop, so the seam never shows.
+ * Sway is keyframed onto the SAME loop value.
+ */
+export const DialSnow = /*#__PURE__*/memo(function DialSnow({
+  size
+}) {
+  const t = useLoop(26000);
+  const translateY = t.interpolate({
+    inputRange: [0, 1],
+    outputRange: [0, size]
+  });
+  const translateX = t.interpolate({
+    inputRange: [0, 0.25, 0.5, 0.75, 1],
+    outputRange: [0, 5, 0, -5, 0]
+  });
+  const flakes = [];
+  for (let i = 0; i < SNOW_COUNT; i++) {
+    const x = SNOW_TABLE[i * 3] * size;
+    const y = SNOW_TABLE[i * 3 + 1] * size;
+    // Bigger flakes read nearer, so they get more alpha too.
+    const dia = 1.4 + SNOW_TABLE[i * 3 + 2] * 1.2;
+    const alpha = 0.28 + SNOW_TABLE[i * 3 + 2] * 0.18;
+    for (let copy = 0; copy < 2; copy++) {
+      flakes.push(/*#__PURE__*/_jsx(View, {
+        style: {
+          position: "absolute",
+          left: x - dia / 2,
+          top: y + copy * size - dia / 2,
+          width: dia,
+          height: dia,
+          borderRadius: dia / 2,
+          backgroundColor: withBgAlpha(SNOW_COLOR, alpha)
+        }
+      }, `${i}-${copy}`));
+    }
+  }
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: {
+      position: "absolute",
+      left: 0,
+      top: -size,
+      width: size,
+      height: size * 2,
+      transform: [{
+        translateY
+      }, {
+        translateX
+      }]
+    },
+    pointerEvents: "none",
+    children: /*#__PURE__*/_jsx(RasterLayer, {
+      style: {
+        width: size,
+        height: size * 2
+      },
+      children: flakes
+    })
+  });
+});

package/lib/module/version.js

@@ -11,4 +11,4 @@
  * Drift is prevented by a test that fails when this disagrees with
  * package.json, so a version bump that forgets this file cannot ship.
  */
-export const SDK_VERSION = "7.0.26";
+export const SDK_VERSION = "7.0.28";

package/lib/typescript/commonjs/floatingMenu/DevToolsSettingsModal.d.ts

@@ -1,4 +1,5 @@
 import { FC } from "react";
+import type { InstalledApp } from "./types";
 /**
  * Global settings that apply to all dev tools.
  * These settings override individual tool configurations.
@@ -30,30 +31,35 @@ export interface DevToolsSettings {
     /** Global settings that apply to all dev tools */
     globalSettings?: GlobalDevToolsSettings;
 }
+/**
+ * The subset of InstalledApp the settings modal needs per tool. `icon`/`color`
+ * let rows fall back to the tool's own glyph when getToolIcon() has no
+ * night-tuned override for it.
+ */
+interface SettingsToolInfo {
+    id: string;
+    name: string;
+    description?: string;
+    slot?: "dial" | "row" | "both";
+    icon?: InstalledApp["icon"];
+    color?: string;
+}
 interface DevToolsSettingsModalProps {
     visible: boolean;
     onClose: () => void;
     onSettingsChange?: (settings: DevToolsSettings) => void;
     initialSettings?: DevToolsSettings;
-    availableApps?: {
-        id: string;
-        name: string;
-        description?: string;
-        slot?: "dial" | "row" | "both";
-    }[];
+    availableApps?: SettingsToolInfo[];
 }
 /**
  * Configurable modal surface that lets engineers pick which dev tools appear in the dial and
  * floating row. Persists preferences and enforces slot limits for a consistent UX.
- */
-export declare const DevToolsSettingsModal: FC<DevToolsSettingsModalProps>;
-/**
- * Convenience hook for accessing persisted dev tools settings. Subscribes to the internal
- * event bus so all surfaces stay in sync when the modal saves new preferences.
  *
- * When no saved settings exist, the hook uses the default configuration from
- * the DefaultConfigProvider (if available) to determine initial tool states.
+ * Styled in the "night" language (Everlights port — see shared-ui's
+ * ui/night): section labels outside near-black cards, hairline-separated
+ * rows, real switches, and a transparent header the star field runs through.
  */
+export declare const DevToolsSettingsModal: FC<DevToolsSettingsModalProps>;
 export declare const useDevToolsSettings: () => {
     settings: DevToolsSettings;
     refreshSettings: () => void;

package/lib/typescript/commonjs/floatingMenu/DevToolsSettingsModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DevToolsSettingsModal.d.ts","sourceRoot":"","sources":["../../../../src/floatingMenu/DevToolsSettingsModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6C,EAAE,EAAE,MAAM,OAAO,CAAC;AAuJtE;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC;;;;OAIG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC;;;OAGG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,4EAA4E;IAC5E,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,uFAAuF;IACvF,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;QACvC,WAAW,EAAE,OAAO,CAAC;KACtB,CAAC;IACF,kDAAkD;IAClD,cAAc,CAAC,EAAE,sBAAsB,CAAC;CACzC;AAED,UAAU,0BAA0B;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACxD,eAAe,CAAC,EAAE,gBAAgB,CAAC;IACnC,aAAa,CAAC,EAAE;QACd,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;KAChC,EAAE,CAAC;CACL;AA2DD;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAwiChE,CAAC;AAwDF;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB;;;CAuD/B,CAAC"}
+{"version":3,"file":"DevToolsSettingsModal.d.ts","sourceRoot":"","sources":["../../../../src/floatingMenu/DevToolsSettingsModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6C,EAAE,EAAa,MAAM,OAAO,CAAC;AA0CjF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AA6G5C;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC;;;;OAIG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC;;;OAGG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,4EAA4E;IAC5E,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,uFAAuF;IACvF,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;QACvC,WAAW,EAAE,OAAO,CAAC;KACtB,CAAC;IACF,kDAAkD;IAClD,cAAc,CAAC,EAAE,sBAAsB,CAAC;CACzC;AAED;;;;GAIG;AACH,UAAU,gBAAgB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;IAC/B,IAAI,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,0BAA0B;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACxD,eAAe,CAAC,EAAE,gBAAgB,CAAC;IACnC,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;CACpC;AAsDD;;;;;;;GAOG;AACH,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAwxBhE,CAAC;AA8FF,eAAO,MAAM,mBAAmB;;;CAuD/B,CAAC"}

package/lib/typescript/commonjs/floatingMenu/DevToolsSettingsModal.web.d.ts

@@ -6,9 +6,9 @@
  *
  * VISUAL PARITY: styled 1:1 against the native reference
  * (devtools-floating-menu/src/floatingMenu/DevToolsSettingsModal.tsx, which
- * renders inside JsModal + ModalHeader + TabSelector from @buoy-gg/shared-ui).
- * shared-ui is RN-only, so its buoyColors palette and the native-only style
- * values are inlined below with provenance comments.
+ * renders in the "night" language — shared-ui's ui/night Everlights port —
+ * inside JsModal variant="night"). shared-ui is RN-only, so the night tokens
+ * and primitive styles are inlined below with provenance comments.
  *
  * @platform React DOM Web (Vite, CRA, Next.js, Electron)
  */

package/lib/typescript/commonjs/floatingMenu/DevToolsSettingsModal.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DevToolsSettingsModal.web.d.ts","sourceRoot":"","sources":["../../../../src/floatingMenu/DevToolsSettingsModal.web.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAGH,OAAO,EAaL,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EAEpB,MAAM,+BAA+B,CAAC;AA6DvC,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACvC,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACzD;AAqdD,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,OAAO,EACP,cAAmB,EACnB,oBAAoB,EACpB,gBAAgB,EAChB,OAA2B,EAC3B,gBAAgB,GACjB,EAAE,kBAAkB,sCAoapB"}
+{"version":3,"file":"DevToolsSettingsModal.web.d.ts","sourceRoot":"","sources":["../../../../src/floatingMenu/DevToolsSettingsModal.web.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAGH,OAAO,EAWL,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EAEpB,MAAM,+BAA+B,CAAC;AAyEvC,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACvC,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACzD;AAshBD,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,OAAO,EACP,cAAmB,EACnB,oBAAoB,EACpB,gBAAgB,EAChB,OAA2B,EAC3B,gBAAgB,GACjB,EAAE,kBAAkB,sCAkXpB"}

package/lib/typescript/commonjs/floatingMenu/FloatingDevTools.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingDevTools.web.d.ts","sourceRoot":"","sources":["../../../../src/floatingMenu/FloatingDevTools.web.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAIH,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,QAAQ,EAId,MAAM,+BAA+B,CAAC;AA+BvC,MAAM,WAAW,qBAAqB;IAEpC,0DAA0D;IAC1D,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,gDAAgD;IAChD,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,2CAA2C;IAC3C,qBAAqB,CAAC,EAAE,WAAW,EAAE,CAAC;IACtC,4CAA4C;IAC5C,mBAAmB,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;IAGjD,gEAAgE;IAChE,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC;IAEvB,kCAAkC;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAmCD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,+BAQ5D;AAiWD,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"FloatingDevTools.web.d.ts","sourceRoot":"","sources":["../../../../src/floatingMenu/FloatingDevTools.web.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAIH,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,QAAQ,EAId,MAAM,+BAA+B,CAAC;AA+BvC,MAAM,WAAW,qBAAqB;IAEpC,0DAA0D;IAC1D,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,gDAAgD;IAChD,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,2CAA2C;IAC3C,qBAAqB,CAAC,EAAE,WAAW,EAAE,CAAC;IACtC,4CAA4C;IAC5C,mBAAmB,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;IAGjD,gEAAgE;IAChE,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC;IAEvB,kCAAkC;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAmCD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,+BAQ5D;AAqWD,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC"}

package/lib/typescript/commonjs/floatingMenu/autoExternalSync.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autoExternalSync.d.ts","sourceRoot":"","sources":["../../../../src/floatingMenu/autoExternalSync.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AA4IjD,iFAAiF;AACjF,wBAAgB,uBAAuB,IAAI,OAAO,CAEjD;AAED,MAAM,WAAW,mBAAmB;IAClC;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;;;;;;;;;;;OAiBG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qBAAqB;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAuBD,UAAU,qBAAqB;IAC7B,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,6EAA6E;IAC7E,eAAe,CAAC,EAAE,YAAY,EAAE,CAAC;IACjC,8EAA8E;IAC9E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B;;;;OAIG;IACH,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;CAC7B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,eAAe,EACf,KAAK,EACL,IAAI,EACJ,UAAU,EACV,UAAU,GACX,EAAE,qBAAqB,QAsIvB"}
+{"version":3,"file":"autoExternalSync.d.ts","sourceRoot":"","sources":["../../../../src/floatingMenu/autoExternalSync.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAsIjD,iFAAiF;AACjF,wBAAgB,uBAAuB,IAAI,OAAO,CAEjD;AAED,MAAM,WAAW,mBAAmB;IAClC;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;;;;;;;;;;;OAiBG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qBAAqB;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAuBD,UAAU,qBAAqB;IAC7B,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,6EAA6E;IAC7E,eAAe,CAAC,EAAE,YAAY,EAAE,CAAC;IACjC,8EAA8E;IAC9E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B;;;;OAIG;IACH,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;CAC7B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,eAAe,EACf,KAAK,EACL,IAAI,EACJ,UAAU,EACV,UAAU,GACX,EAAE,qBAAqB,QA+IvB"}

package/lib/typescript/commonjs/floatingMenu/dial/DialDevTools.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialDevTools.d.ts","sourceRoot":"","sources":["../../../../../src/floatingMenu/dial/DialDevTools.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwC,SAAS,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAgC5E,OAAO,KAAK,EACV,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,UAAU,CAAC;AAsBlB,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,SAAS,CAAC;IAChB;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,iBAAiB,CAAC;QAAC,OAAO,CAAC,EAAE,mBAAmB,CAAA;KAAE,KAAK,SAAS,CAAC;IAC/H,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAWF,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,OAAO,CAAC,EAAE,mBAAmB,CAAC;CAC/B;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAgsB9C,CAAC"}
+{"version":3,"file":"DialDevTools.d.ts","sourceRoot":"","sources":["../../../../../src/floatingMenu/dial/DialDevTools.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwC,SAAS,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAoC5E,OAAO,KAAK,EACV,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,UAAU,CAAC;AAmClB,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,SAAS,CAAC;IAChB;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,iBAAiB,CAAC;QAAC,OAAO,CAAC,EAAE,mBAAmB,CAAA;KAAE,KAAK,SAAS,CAAC;IAC/H,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAWF,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,OAAO,CAAC,EAAE,mBAAmB,CAAC;CAC/B;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAitB9C,CAAC"}

package/lib/typescript/commonjs/floatingMenu/dial/DialHyperspace.d.ts

@@ -0,0 +1,24 @@
+/**
+ * DialHyperspace — the Hyperspace backdrop's lightspeed starfield, scaled
+ * down to live inside the open dial's face. Replaces DialSnow (kept next
+ * door for an easy swap back) so the dial matches the tool background.
+ *
+ * Same construction as the full preset (shared-ui
+ * `backgrounds/variants/hyperspace.tsx`, see its header for the derivation):
+ * the Skia original's per-frame `screen = plane/z` projection becomes scale
+ * keyframes on phase-offset shells — a layer scaled by 1/z moves every star
+ * outward on the true hyperbolic curve — with each shell's wrap snap hidden
+ * inside the fade the original applies to the first/last 6% of a star's
+ * life. Dial tuning: fewer stars, a slightly gentler cycle and lower alpha
+ * so the field reads behind the icons instead of competing with them.
+ * Stars are round crisp points, as in the original — never streaks.
+ *
+ * Cost while the dial is open: 1 animated node, ~48 static views — the same
+ * budget DialSnow ran. The dial is fixed-size (never user-resized), so
+ * sizing geometry from the passed circle size is correct here, and the
+ * circle's `overflow: "hidden"` clips the streaks.
+ */
+export declare const DialHyperspace: import("react").NamedExoticComponent<{
+    size: number;
+}>;
+//# sourceMappingURL=DialHyperspace.d.ts.map

package/lib/typescript/commonjs/floatingMenu/dial/DialHyperspace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialHyperspace.d.ts","sourceRoot":"","sources":["../../../../../src/floatingMenu/dial/DialHyperspace.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AA4EH,eAAO,MAAM,cAAc;UAAkD,MAAM;EAqFjF,CAAC"}