@buoy-gg/core 7.0.41 → 7.0.43

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

@@ -1,90 +1 @@
-"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
-    })
-  });
-});
+"use strict";import{memo as f}from"react";import{Animated as d,View as g}from"react-native";import{RasterLayer as w,scatter as R,useLoop as y,withBgAlpha as O}from"@buoy-gg/shared-ui";import{jsx as a}from"react/jsx-runtime";const x="#A8E0D2";const l=12;const r=R(24225,l*3);export const DialSnow=f(function S({size:t}){const s=y(26e3);const p=s.interpolate({inputRange:[0,1],outputRange:[0,t]});const c=s.interpolate({inputRange:[0,.25,.5,.75,1],outputRange:[0,5,0,-5,0]});const i=[];for(let o=0;o<l;o++){const h=r[o*3]*t;const u=r[o*3+1]*t;const n=1.4+r[o*3+2]*1.2;const m=.28+r[o*3+2]*.18;for(let e=0;e<2;e++){i.push(a(g,{style:{position:"absolute",left:h-n/2,top:u+e*t-n/2,width:n,height:n,borderRadius:n/2,backgroundColor:O(x,m)}},`${o}-${e}`))}}return a(d.View,{style:{position:"absolute",left:0,top:-t,width:t,height:t*2,transform:[{translateY:p},{translateX:c}]},pointerEvents:"none",children:a(w,{style:{width:t,height:t*2},children:i})})});

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

@@ -1,240 +1 @@
-"use strict";
-
-import { useEffect, useRef } from "react";
-import { Animated, Pressable, StyleSheet, Text, View, Easing } from "react-native";
-import { absoluteFill, monoFont } from "@buoy-gg/shared-ui";
-// dialColors comes from floating-tools-core — the shared-ui export of the same
-// name is a stale legacy copy and must not be used here.
-import { dialColors } from "@buoy-gg/floating-tools-core";
-import { calculateTooltipPosition, ARROW_BOTTOM_OFFSET, ARROW_HEIGHT } from "./onboardingConstants";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const OnboardingTooltip = ({
-  visible,
-  onDismiss,
-  title = "Welcome to Buoy!",
-  message = "Tap the center button to configure and add tools to your dial menu."
-}) => {
-  const fadeAnim = useRef(new Animated.Value(0)).current;
-  const scaleAnim = useRef(new Animated.Value(0.8)).current;
-  const pulseAnim = useRef(new Animated.Value(1)).current;
-  const arrowBounceAnim = useRef(new Animated.Value(0)).current;
-  useEffect(() => {
-    if (visible) {
-      // Entrance animation
-      Animated.parallel([Animated.timing(fadeAnim, {
-        toValue: 1,
-        duration: 300,
-        easing: Easing.out(Easing.ease),
-        useNativeDriver: true
-      }), Animated.spring(scaleAnim, {
-        toValue: 1,
-        damping: 12,
-        stiffness: 150,
-        useNativeDriver: true
-      })]).start();
-
-      // Continuous pulse animation for the tooltip
-      Animated.loop(Animated.sequence([Animated.timing(pulseAnim, {
-        toValue: 1.02,
-        duration: 1500,
-        easing: Easing.inOut(Easing.ease),
-        useNativeDriver: true
-      }), Animated.timing(pulseAnim, {
-        toValue: 1,
-        duration: 1500,
-        easing: Easing.inOut(Easing.ease),
-        useNativeDriver: true
-      })])).start();
-
-      // Bouncing arrow animation
-      Animated.loop(Animated.sequence([Animated.timing(arrowBounceAnim, {
-        toValue: -8,
-        duration: 800,
-        easing: Easing.inOut(Easing.ease),
-        useNativeDriver: true
-      }), Animated.timing(arrowBounceAnim, {
-        toValue: 0,
-        duration: 800,
-        easing: Easing.inOut(Easing.ease),
-        useNativeDriver: true
-      })])).start();
-    } else {
-      // Exit animation
-      Animated.parallel([Animated.timing(fadeAnim, {
-        toValue: 0,
-        duration: 200,
-        easing: Easing.in(Easing.ease),
-        useNativeDriver: true
-      }), Animated.timing(scaleAnim, {
-        toValue: 0.8,
-        duration: 200,
-        easing: Easing.in(Easing.ease),
-        useNativeDriver: true
-      })]).start();
-    }
-  }, [visible]);
-  if (!visible) {
-    return null;
-  }
-  return /*#__PURE__*/_jsx(Animated.View, {
-    style: [styles.container, {
-      opacity: fadeAnim,
-      transform: [{
-        scale: scaleAnim
-      }]
-    }],
-    pointerEvents: "box-none",
-    children: /*#__PURE__*/_jsx(Animated.View, {
-      style: [styles.tooltipContainer, {
-        transform: [{
-          scale: pulseAnim
-        }]
-      }],
-      children: /*#__PURE__*/_jsxs(View, {
-        style: styles.tooltip,
-        children: [/*#__PURE__*/_jsx(View, {
-          style: styles.glowEffect
-        }), /*#__PURE__*/_jsxs(View, {
-          style: styles.content,
-          children: [/*#__PURE__*/_jsx(Text, {
-            style: styles.title,
-            children: title
-          }), /*#__PURE__*/_jsx(Text, {
-            style: styles.message,
-            children: message
-          }), /*#__PURE__*/_jsx(Pressable, {
-            onPress: onDismiss,
-            style: ({
-              pressed
-            }) => [styles.button, pressed && styles.buttonPressed],
-            children: /*#__PURE__*/_jsx(View, {
-              style: styles.buttonGradient,
-              children: /*#__PURE__*/_jsx(Text, {
-                style: styles.buttonText,
-                children: "Got it!"
-              })
-            })
-          })]
-        }), /*#__PURE__*/_jsx(Animated.View, {
-          style: [styles.arrowContainer, {
-            transform: [{
-              translateY: arrowBounceAnim
-            }]
-          }],
-          children: /*#__PURE__*/_jsx(View, {
-            style: styles.arrow
-          })
-        })]
-      })
-    })
-  });
-};
-const styles = StyleSheet.create({
-  container: {
-    ...absoluteFill,
-    alignItems: "center",
-    justifyContent: "center",
-    pointerEvents: "box-none"
-  },
-  tooltipContainer: {
-    position: "absolute",
-    bottom: calculateTooltipPosition(),
-    alignItems: "center",
-    maxWidth: 280
-  },
-  tooltip: {
-    backgroundColor: dialColors.dialBackground,
-    borderRadius: 16,
-    borderWidth: 1,
-    borderColor: dialColors.dialBorder,
-    padding: 20,
-    shadowColor: dialColors.dialShadow,
-    shadowOffset: {
-      width: 0,
-      height: 0
-    },
-    shadowOpacity: 0.6,
-    shadowRadius: 20,
-    elevation: 10
-  },
-  glowEffect: {
-    position: "absolute",
-    top: -4,
-    left: -4,
-    right: -4,
-    bottom: -4,
-    borderRadius: 18,
-    backgroundColor: "#FFFFFF",
-    opacity: 0.06
-  },
-  content: {
-    alignItems: "center",
-    gap: 12
-  },
-  title: {
-    color: dialColors.accent,
-    fontSize: 16,
-    fontWeight: "900",
-    fontFamily: monoFont,
-    letterSpacing: 1,
-    textAlign: "center",
-    textTransform: "uppercase"
-  },
-  message: {
-    color: dialColors.centerText,
-    fontSize: 13,
-    lineHeight: 20,
-    textAlign: "center",
-    fontFamily: monoFont
-  },
-  button: {
-    marginTop: 8,
-    borderRadius: 8,
-    overflow: "hidden"
-  },
-  buttonPressed: {
-    opacity: 0.7,
-    transform: [{
-      scale: 0.96
-    }]
-  },
-  // Night primary button — accent fill takes dark ink.
-  buttonGradient: {
-    backgroundColor: dialColors.accent,
-    paddingHorizontal: 24,
-    paddingVertical: 10,
-    alignItems: "center"
-  },
-  buttonText: {
-    color: "#000000",
-    fontSize: 14,
-    fontWeight: "900",
-    fontFamily: monoFont,
-    letterSpacing: 1.5,
-    textTransform: "uppercase"
-  },
-  arrowContainer: {
-    position: "absolute",
-    bottom: ARROW_BOTTOM_OFFSET,
-    left: 0,
-    right: 0,
-    alignItems: "center"
-  },
-  arrow: {
-    width: 0,
-    height: 0,
-    borderLeftWidth: 12,
-    borderRightWidth: 12,
-    borderTopWidth: ARROW_HEIGHT,
-    borderLeftColor: "transparent",
-    borderRightColor: "transparent",
-    borderTopColor: dialColors.accent,
-    shadowColor: dialColors.dialShadow,
-    shadowOffset: {
-      width: 0,
-      height: 0
-    },
-    shadowOpacity: 0.5,
-    shadowRadius: 10
-  }
-});
+"use strict";import{useEffect as y,useRef as a}from"react";import{Animated as e,Pressable as v,StyleSheet as V,Text as g,View as i,Easing as t}from"react-native";import{absoluteFill as x,monoFont as m}from"@buoy-gg/shared-ui";import{dialColors as n}from"@buoy-gg/floating-tools-core";import{calculateTooltipPosition as T,ARROW_BOTTOM_OFFSET as C,ARROW_HEIGHT as O}from"./onboardingConstants";import{jsx as r,jsxs as p}from"react/jsx-runtime";export const OnboardingTooltip=({visible:s,onDismiss:h,title:f="Welcome to Buoy!",message:b="Tap the center button to configure and add tools to your dial menu."})=>{const l=a(new e.Value(0)).current;const u=a(new e.Value(.8)).current;const d=a(new e.Value(1)).current;const c=a(new e.Value(0)).current;y(()=>{if(s){e.parallel([e.timing(l,{toValue:1,duration:300,easing:t.out(t.ease),useNativeDriver:true}),e.spring(u,{toValue:1,damping:12,stiffness:150,useNativeDriver:true})]).start();e.loop(e.sequence([e.timing(d,{toValue:1.02,duration:1500,easing:t.inOut(t.ease),useNativeDriver:true}),e.timing(d,{toValue:1,duration:1500,easing:t.inOut(t.ease),useNativeDriver:true})])).start();e.loop(e.sequence([e.timing(c,{toValue:-8,duration:800,easing:t.inOut(t.ease),useNativeDriver:true}),e.timing(c,{toValue:0,duration:800,easing:t.inOut(t.ease),useNativeDriver:true})])).start()}else{e.parallel([e.timing(l,{toValue:0,duration:200,easing:t.in(t.ease),useNativeDriver:true}),e.timing(u,{toValue:.8,duration:200,easing:t.in(t.ease),useNativeDriver:true})]).start()}},[s]);if(!s){return null}return r(e.View,{style:[o.container,{opacity:l,transform:[{scale:u}]}],pointerEvents:"box-none",children:r(e.View,{style:[o.tooltipContainer,{transform:[{scale:d}]}],children:p(i,{style:o.tooltip,children:[r(i,{style:o.glowEffect}),p(i,{style:o.content,children:[r(g,{style:o.title,children:f}),r(g,{style:o.message,children:b}),r(v,{onPress:h,style:({pressed:w})=>[o.button,w&&o.buttonPressed],children:r(i,{style:o.buttonGradient,children:r(g,{style:o.buttonText,children:"Got it!"})})})]}),r(e.View,{style:[o.arrowContainer,{transform:[{translateY:c}]}],children:r(i,{style:o.arrow})})]})})})};const o=V.create({container:{...x,alignItems:"center",justifyContent:"center",pointerEvents:"box-none"},tooltipContainer:{position:"absolute",bottom:T(),alignItems:"center",maxWidth:280},tooltip:{backgroundColor:n.dialBackground,borderRadius:16,borderWidth:1,borderColor:n.dialBorder,padding:20,shadowColor:n.dialShadow,shadowOffset:{width:0,height:0},shadowOpacity:.6,shadowRadius:20,elevation:10},glowEffect:{position:"absolute",top:-4,left:-4,right:-4,bottom:-4,borderRadius:18,backgroundColor:"#FFFFFF",opacity:.06},content:{alignItems:"center",gap:12},title:{color:n.accent,fontSize:16,fontWeight:"900",fontFamily:m,letterSpacing:1,textAlign:"center",textTransform:"uppercase"},message:{color:n.centerText,fontSize:13,lineHeight:20,textAlign:"center",fontFamily:m},button:{marginTop:8,borderRadius:8,overflow:"hidden"},buttonPressed:{opacity:.7,transform:[{scale:.96}]},buttonGradient:{backgroundColor:n.accent,paddingHorizontal:24,paddingVertical:10,alignItems:"center"},buttonText:{color:"#000000",fontSize:14,fontWeight:"900",fontFamily:m,letterSpacing:1.5,textTransform:"uppercase"},arrowContainer:{position:"absolute",bottom:C,left:0,right:0,alignItems:"center"},arrow:{width:0,height:0,borderLeftWidth:12,borderRightWidth:12,borderTopWidth:O,borderLeftColor:"transparent",borderRightColor:"transparent",borderTopColor:n.accent,shadowColor:n.dialShadow,shadowOffset:{width:0,height:0},shadowOpacity:.5,shadowRadius:10}});

package/lib/module/floatingMenu/dial/OnboardingTooltip.web.js

@@ -1,21 +1,4 @@
-"use strict";
-
-/**
- * OnboardingTooltip — Web twin of OnboardingTooltip.tsx.
- * Centered glowing card with a down-pointing arrow, pulse loop, bouncing
- * arrow, and a "Got it!" button. Rendered over a dark backdrop by callers.
- * All values annotated with the native tokens they mirror.
- */
-import { useEffect, useState } from 'react';
-import { dialColors, withAlpha } from '@buoy-gg/floating-tools-react';
-import { ARROW_BOTTOM_OFFSET, ARROW_HEIGHT, calculateTooltipPosition } from "./onboardingConstants.web.js";
-import { monoFont } from "@buoy-gg/shared-ui";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-let onboardingKeyframesInjected = false;
-function injectOnboardingKeyframes() {
-  if (onboardingKeyframesInjected || typeof document === 'undefined') return;
-  const style = document.createElement('style');
-  style.textContent = `
+"use strict";import{useEffect as g,useState as l}from"react";import{dialColors as e,withAlpha as d}from"@buoy-gg/floating-tools-react";import{ARROW_BOTTOM_OFFSET as h,ARROW_HEIGHT as F,calculateTooltipPosition as O}from"./onboardingConstants.web.js";import{monoFont as c}from"@buoy-gg/shared-ui";import{jsx as t,jsxs as p}from"react/jsx-runtime";let f=false;function A(){if(f||typeof document==="undefined")return;const o=document.createElement("style");o.textContent=`
     @keyframes buoyOnboardPulse {
       0%, 100% { transform: scale(1); }
       50% { transform: scale(1.02); }
@@ -24,127 +7,4 @@ function injectOnboardingKeyframes() {
       0%, 100% { transform: translateY(0); }
       50% { transform: translateY(-8px); }
     }
-  `;
-  document.head.appendChild(style);
-  onboardingKeyframesInjected = true;
-}
-
-// The single brand accent (night accent, #20C997)
-const PRIMARY = dialColors.accent;
-export function OnboardingTooltip({
-  title,
-  message,
-  onDismiss,
-  showArrow = true
-}) {
-  const [entered, setEntered] = useState(false);
-  const [buttonPressed, setButtonPressed] = useState(false);
-  useEffect(() => {
-    injectOnboardingKeyframes();
-    const raf = requestAnimationFrame(() => setEntered(true));
-    return () => cancelAnimationFrame(raf);
-  }, []);
-  const monoLabel = {
-    fontFamily: monoFont,
-    textTransform: 'uppercase'
-  };
-  return /*#__PURE__*/_jsx("div", {
-    style: {
-      position: 'fixed',
-      left: '50%',
-      bottom: calculateTooltipPosition(),
-      transform: `translateX(-50%) scale(${entered ? 1 : 0.8})`,
-      opacity: entered ? 1 : 0,
-      // native: fade 300ms + spring scale .8→1
-      transition: 'transform 300ms cubic-bezier(0.34, 1.3, 0.64, 1), opacity 300ms ease',
-      zIndex: 10002,
-      pointerEvents: 'auto'
-    },
-    children: /*#__PURE__*/_jsxs("div", {
-      style: {
-        position: 'relative',
-        animation: entered ? 'buoyOnboardPulse 3s ease-in-out infinite' : 'none'
-      },
-      children: [/*#__PURE__*/_jsx("div", {
-        style: {
-          position: 'absolute',
-          inset: -4,
-          borderRadius: 18,
-          backgroundColor: '#FFFFFF',
-          opacity: 0.06
-        }
-      }), /*#__PURE__*/_jsxs("div", {
-        style: {
-          position: 'relative',
-          maxWidth: 280,
-          backgroundColor: dialColors.dialBackground,
-          borderRadius: 16,
-          border: `1px solid ${dialColors.dialBorder}`,
-          padding: 20,
-          boxShadow: `0 0 20px ${withAlpha(dialColors.dialShadow, 0.6)}`,
-          display: 'flex',
-          flexDirection: 'column',
-          alignItems: 'center',
-          gap: 8
-        },
-        children: [/*#__PURE__*/_jsx("span", {
-          style: {
-            ...monoLabel,
-            fontSize: 16,
-            fontWeight: 900,
-            letterSpacing: 1,
-            color: PRIMARY,
-            textAlign: 'center'
-          },
-          children: title
-        }), /*#__PURE__*/_jsx("span", {
-          style: {
-            fontFamily: monoFont,
-            fontSize: 13,
-            lineHeight: '20px',
-            color: dialColors.centerText,
-            textAlign: 'center'
-          },
-          children: message
-        }), /*#__PURE__*/_jsx("button", {
-          onClick: onDismiss,
-          onMouseDown: () => setButtonPressed(true),
-          onMouseUp: () => setButtonPressed(false),
-          onMouseLeave: () => setButtonPressed(false),
-          style: {
-            ...monoLabel,
-            marginTop: 8,
-            borderRadius: 8,
-            // night primary button — accent fill takes dark ink
-            border: 'none',
-            backgroundColor: PRIMARY,
-            padding: '10px 24px',
-            fontSize: 14,
-            fontWeight: 900,
-            letterSpacing: 1.5,
-            color: '#000000',
-            cursor: 'pointer',
-            opacity: buttonPressed ? 0.7 : 1,
-            transform: buttonPressed ? 'scale(0.96)' : 'scale(1)',
-            transition: 'transform 100ms ease, opacity 100ms ease'
-          },
-          children: "Got it!"
-        })]
-      }), showArrow && /*#__PURE__*/_jsx("div", {
-        style: {
-          position: 'absolute',
-          left: '50%',
-          bottom: ARROW_BOTTOM_OFFSET,
-          marginLeft: -12,
-          width: 0,
-          height: 0,
-          borderLeft: '12px solid transparent',
-          borderRight: '12px solid transparent',
-          borderTop: `${ARROW_HEIGHT}px solid ${PRIMARY}`,
-          filter: `drop-shadow(0 0 10px ${withAlpha(dialColors.dialShadow, 0.5)})`,
-          animation: entered ? 'buoyOnboardArrowBounce 1.6s ease-in-out infinite' : 'none'
-        }
-      })]
-    })
-  });
-}
+  `;document.head.appendChild(o);f=true}const i=e.accent;export function OnboardingTooltip({title:o,message:m,onDismiss:u,showArrow:b=true}){const[n,y]=l(false);const[a,r]=l(false);g(()=>{A();const x=requestAnimationFrame(()=>y(true));return()=>cancelAnimationFrame(x)},[]);const s={fontFamily:c,textTransform:"uppercase"};return t("div",{style:{position:"fixed",left:"50%",bottom:O(),transform:`translateX(-50%) scale(${n?1:.8})`,opacity:n?1:0,transition:"transform 300ms cubic-bezier(0.34, 1.3, 0.64, 1), opacity 300ms ease",zIndex:10002,pointerEvents:"auto"},children:p("div",{style:{position:"relative",animation:n?"buoyOnboardPulse 3s ease-in-out infinite":"none"},children:[t("div",{style:{position:"absolute",inset:-4,borderRadius:18,backgroundColor:"#FFFFFF",opacity:.06}}),p("div",{style:{position:"relative",maxWidth:280,backgroundColor:e.dialBackground,borderRadius:16,border:`1px solid ${e.dialBorder}`,padding:20,boxShadow:`0 0 20px ${d(e.dialShadow,.6)}`,display:"flex",flexDirection:"column",alignItems:"center",gap:8},children:[t("span",{style:{...s,fontSize:16,fontWeight:900,letterSpacing:1,color:i,textAlign:"center"},children:o}),t("span",{style:{fontFamily:c,fontSize:13,lineHeight:"20px",color:e.centerText,textAlign:"center"},children:m}),t("button",{onClick:u,onMouseDown:()=>r(true),onMouseUp:()=>r(false),onMouseLeave:()=>r(false),style:{...s,marginTop:8,borderRadius:8,border:"none",backgroundColor:i,padding:"10px 24px",fontSize:14,fontWeight:900,letterSpacing:1.5,color:"#000000",cursor:"pointer",opacity:a?.7:1,transform:a?"scale(0.96)":"scale(1)",transition:"transform 100ms ease, opacity 100ms ease"},children:"Got it!"})]}),b&&t("div",{style:{position:"absolute",left:"50%",bottom:h,marginLeft:-12,width:0,height:0,borderLeft:"12px solid transparent",borderRight:"12px solid transparent",borderTop:`${F}px solid ${i}`,filter:`drop-shadow(0 0 10px ${d(e.dialShadow,.5)})`,animation:n?"buoyOnboardArrowBounce 1.6s ease-in-out infinite":"none"}})]})})}

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

@@ -1,85 +1 @@
-"use strict";
-
-/**
- * Persists dial usage and orders tools by their last launch.
- * The cache loads on import so opening the dial can rank tools synchronously.
- */
-
-import { persistentStorage, devToolsStorageKeys } from "@buoy-gg/shared-ui";
-import { recordUsage, pruneUsage } from "@buoy-gg/floating-tools-core";
-const STORAGE_KEY = devToolsStorageKeys.dial.usage();
-let cache = {};
-let loaded = false;
-let loadPromise = null;
-
-/**
- * Load persisted usage data into the in-memory cache. Safe to call multiple
- * times — the underlying read happens only once.
- */
-export function loadDialUsage() {
-  if (loadPromise) return loadPromise;
-  loadPromise = (async () => {
-    try {
-      const raw = await persistentStorage.getItem(STORAGE_KEY);
-      if (raw) {
-        const parsed = JSON.parse(raw);
-        if (parsed && typeof parsed === "object") {
-          cache = parsed;
-        }
-      }
-    } catch {
-      // Ignore — start with an empty usage map.
-    } finally {
-      loaded = true;
-    }
-  })();
-  return loadPromise;
-}
-
-// Kick off the load as soon as this module is imported.
-void loadDialUsage();
-
-/** Whether the usage cache has finished loading from storage. */
-export function isDialUsageLoaded() {
-  return loaded;
-}
-
-/** Most recently opened first; unused tools keep registration order. */
-export function getRankedToolIds(orderedIds) {
-  return orderedIds.map((id, index) => ({
-    id,
-    index,
-    lastUsed: cache[id]?.lastUsed ?? 0
-  })).sort((a, b) => b.lastUsed - a.lastUsed || a.index - b.index).map(({
-    id
-  }) => id);
-}
-
-/**
- * Record a single press of a tool and persist the updated usage map.
- *
- * @param id - Tool id that was pressed
- */
-export async function recordToolUsage(id) {
-  if (!id) return;
-  if (!loaded) await loadDialUsage();
-
-  // Preserve launch order even when presses share a timestamp or the clock moves back.
-  const now = Math.max(Date.now(), ...Object.values(cache).map(entry => entry.lastUsed + 1));
-  cache = pruneUsage(recordUsage(cache, id, now), now);
-  try {
-    await persistentStorage.setItem(STORAGE_KEY, JSON.stringify(cache));
-  } catch {
-    // Ignore persistence failure — the in-memory cache is still updated.
-  }
-}
-
-/** Clear all usage data (in-memory and persisted). */
-export async function resetDialUsage() {
-  cache = {};
-  try {
-    await persistentStorage.removeItem(STORAGE_KEY);
-  } catch {
-    // Ignore — the in-memory cache is already cleared.
-  }
-}
+"use strict";import{persistentStorage as r,devToolsStorageKeys as c}from"@buoy-gg/shared-ui";import{recordUsage as l,pruneUsage as d}from"@buoy-gg/floating-tools-core";const n=c.dial.usage();let a={};let i=false;let o=null;export function loadDialUsage(){if(o)return o;o=(async()=>{try{const t=await r.getItem(n);if(t){const e=JSON.parse(t);if(e&&typeof e==="object"){a=e}}}catch{}finally{i=true}})();return o}void loadDialUsage();export function isDialUsageLoaded(){return i}export function getRankedToolIds(t){return t.map((e,s)=>({id:e,index:s,lastUsed:a[e]?.lastUsed??0})).sort((e,s)=>s.lastUsed-e.lastUsed||e.index-s.index).map(({id:e})=>e)}export async function recordToolUsage(t){if(!t)return;if(!i)await loadDialUsage();const e=Math.max(Date.now(),...Object.values(a).map(s=>s.lastUsed+1));a=d(l(a,t,e),e);try{await r.setItem(n,JSON.stringify(a))}catch{}}export async function resetDialUsage(){a={};try{await r.removeItem(n)}catch{}}

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

@@ -1,3 +1 @@
-"use strict";
-
-export { ARROW_BOTTOM_OFFSET, ARROW_HEIGHT, SPACING_GAP, getScreenCenterY, calculateTooltipPosition, calculateTargetPosition } from "@buoy-gg/shared-ui";
+"use strict";export{ARROW_BOTTOM_OFFSET,ARROW_HEIGHT,SPACING_GAP,getScreenCenterY,calculateTooltipPosition,calculateTargetPosition}from"@buoy-gg/shared-ui";

package/lib/module/floatingMenu/dial/onboardingConstants.web.js

@@ -1,3 +1 @@
-"use strict";
-
-export { ARROW_BOTTOM_OFFSET, ARROW_HEIGHT, SPACING_GAP, getScreenCenterY, calculateTooltipPosition, calculateTargetPosition } from "@buoy-gg/shared-ui/floating";
+"use strict";export{ARROW_BOTTOM_OFFSET,ARROW_HEIGHT,SPACING_GAP,getScreenCenterY,calculateTooltipPosition,calculateTargetPosition}from"@buoy-gg/shared-ui/floating";

package/lib/module/floatingMenu/externalSyncGate.js

@@ -1,44 +1 @@
-"use strict";
-
-/**
- * Decides whether FloatingDevTools mounts <AutoExternalSync /> — i.e. whether
- * this build is allowed to dial the Buoy Desktop broker.
- *
- * Kept as a pure function in its own module (no react-native / no guarded
- * requires) so the rule is unit-testable: the gate used to be an inline
- * `isDevelopment && ...` in JSX, which silently made release builds unable to
- * reach the desktop dashboard or MCP with no way to opt in from app code.
- *
- * The rule has two halves that must BOTH hold in a release build, because a
- * shipped app must never contact a broker on an end user's device:
- *   1. a real Pro license (never the Weekend Pass — see useProAccess), and
- *   2. an EXPLICIT opt-in from app code (`externalSync.enableInRelease`).
- * Dev builds keep the zero-config behavior: sync is on unless turned off.
- */
-
-/** The options object from the prop, or undefined when it's a boolean. */
-export function externalSyncOptions(externalSync) {
-  return typeof externalSync === "object" && externalSync !== null ? externalSync : undefined;
-}
-export function shouldMountExternalSync({
-  isDevelopment,
-  isLicensed,
-  externalSync,
-  isAvailable
-}) {
-  // Turned off outright, or the package isn't installed — nothing to mount.
-  if (externalSync === false) return false;
-  if (!isAvailable) return false;
-
-  // Dev builds: zero-config, on by default (historical behavior).
-  if (isDevelopment) return true;
-
-  // Release builds: opt-in only, and Pro only. `enableInRelease` has to be set
-  // by the app itself, so an app that just ships FloatingDevTools with a Pro
-  // key still never opens a socket on a customer's phone.
-  //
-  // The `isLicensed` half is belt-and-braces: FloatingDevTools already renders
-  // nothing at all for an unlicensed release build. Keep it anyway so this rule
-  // stands on its own and can't be broken by a change to that earlier return.
-  return isLicensed && externalSyncOptions(externalSync)?.enableInRelease === true;
-}
+"use strict";export function externalSyncOptions(e){return typeof e==="object"&&e!==null?e:void 0}export function shouldMountExternalSync({isDevelopment:e,isLicensed:n,externalSync:t,isAvailable:r}){if(t===false)return false;if(!r)return false;if(e)return true;return n&&externalSyncOptions(t)?.enableInRelease===true}

package/lib/module/floatingMenu/floatingTools.js

@@ -1,27 +1 @@
-"use strict";
-
-import { useCallback } from "react";
-import { FloatingTool } from "@buoy-gg/shared-ui";
-import { MinimizedToolsStack } from "./MinimizedToolsStack";
-import { useMinimizedTools } from "./MinimizedToolsContext.js";
-import { useAppHost } from "./AppHost";
-import { jsx as _jsx } from "react/jsx-runtime";
-export { FloatingToolDivider as Divider, FloatingToolUserStatus as UserStatus } from "@buoy-gg/shared-ui";
-/** The DevTools content adapter. All floating behavior lives in shared UI. */
-export function FloatingTools(props) {
-  const {
-    minimizedTools
-  } = useMinimizedTools();
-  const {
-    restore
-  } = useAppHost();
-  const onRestore = useCallback(tool => restore(tool.instanceId, tool.modalState), [restore]);
-  return /*#__PURE__*/_jsx(FloatingTool, {
-    ...props,
-    hasMinimizedStack: minimizedTools.length > 0,
-    minimizedStack: minimizedTools.length ? /*#__PURE__*/_jsx(MinimizedToolsStack, {
-      onRestore: onRestore,
-      containerWidth: 32
-    }) : undefined
-  });
-}
+"use strict";import{useCallback as n}from"react";import{FloatingTool as m}from"@buoy-gg/shared-ui";import{MinimizedToolsStack as a}from"./MinimizedToolsStack";import{useMinimizedTools as l}from"./MinimizedToolsContext.js";import{useAppHost as d}from"./AppHost";import{jsx as e}from"react/jsx-runtime";export{FloatingToolDivider as Divider,FloatingToolUserStatus as UserStatus}from"@buoy-gg/shared-ui";export function FloatingTools(r){const{minimizedTools:o}=l();const{restore:t}=d();const s=n(i=>t(i.instanceId,i.modalState),[t]);return e(m,{...r,hasMinimizedStack:o.length>0,minimizedStack:o.length?e(a,{onRestore:s,containerWidth:32}):void 0})}

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

@@ -1,3 +1 @@
-"use strict";
-
-export { FloatingTool as FloatingTools, FloatingToolDivider as Divider, FloatingToolUserStatus as UserStatus, getBubbleAnchorPosition } from "@buoy-gg/shared-ui/floating";
+"use strict";export{FloatingTool as FloatingTools,FloatingToolDivider as Divider,FloatingToolUserStatus as UserStatus,getBubbleAnchorPosition}from"@buoy-gg/shared-ui/floating";