@buoy-gg/shared-ui 7.0.40 → 7.0.42

package/lib/module/icons/primitives/GlobeIcon.js

@@ -1,61 +1 @@
-"use strict";
-
-/**
- * GlobeIcon - Cross-Platform Implementation
- *
- * This icon uses the shared primitives and works on both mobile and web!
- * The primitives handle the platform-specific rendering.
- */
-
-import { IconContainer, IconCircle } from "./icon-primitives.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Single source of truth for network icon color
-export const NETWORK_ICON_COLOR = '#4AFF9F'; // Green
-
-const colors = {
-  network: NETWORK_ICON_COLOR,
-  blackTint1: 'rgba(8, 12, 21, 0.95)'
-};
-export const GlobeIcon = ({
-  size = 24,
-  color = colors.network
-}) => {
-  const scale = size / 24;
-  const globeSize = 18 * scale;
-  const r = globeSize / 2;
-  const center = size / 2;
-  const borderWidth = 2 * scale;
-  return /*#__PURE__*/_jsxs(IconContainer, {
-    size: size,
-    children: [/*#__PURE__*/_jsx(IconCircle, {
-      cx: center,
-      cy: center,
-      r: r,
-      fill: colors.blackTint1,
-      borderColor: color,
-      borderWidth: borderWidth,
-      glowColor: color,
-      glowRadius: 4 * scale
-    }), /*#__PURE__*/_jsx(IconCircle, {
-      cx: center,
-      cy: center,
-      r: r,
-      borderColor: color,
-      borderWidth: borderWidth,
-      scaleX: 0.45,
-      opacity: 0.6
-    }), /*#__PURE__*/_jsx(IconCircle, {
-      cx: center,
-      cy: center,
-      r: r,
-      borderColor: color,
-      borderWidth: borderWidth,
-      scaleX: 1.33,
-      scaleY: 0.6,
-      opacity: 0.6
-    })]
-  });
-};
-
-// Alias for network tool
-export const NetworkGlobeIcon = GlobeIcon;
+"use strict";import{IconContainer as b,IconCircle as n}from"./icon-primitives.js";import{jsx as l,jsxs as d}from"react/jsx-runtime";export const NETWORK_ICON_COLOR="#4AFF9F";const i={network:NETWORK_ICON_COLOR,blackTint1:"rgba(8, 12, 21, 0.95)"};export const GlobeIcon=({size:t=24,color:r=i.network})=>{const c=t/24;const a=18*c;const e=a/2;const o=t/2;const s=2*c;return d(b,{size:t,children:[l(n,{cx:o,cy:o,r:e,fill:i.blackTint1,borderColor:r,borderWidth:s,glowColor:r,glowRadius:4*c}),l(n,{cx:o,cy:o,r:e,borderColor:r,borderWidth:s,scaleX:.45,opacity:.6}),l(n,{cx:o,cy:o,r:e,borderColor:r,borderWidth:s,scaleX:1.33,scaleY:.6,opacity:.6})]})};export const NetworkGlobeIcon=GlobeIcon;

package/lib/module/icons/primitives/icon-primitives.js

@@ -1,161 +1 @@
-"use strict";
-
-/**
- * Cross-Platform Icon Primitives - Mobile (React Native)
- *
- * These primitives render using React Native View components.
- * The API matches the web version exactly, so icons work on both platforms!
- */
-
-import { View } from 'react-native';
-
-// =============================
-// Types (Platform-Agnostic)
-// =============================
-import { jsx as _jsx } from "react/jsx-runtime";
-// =============================
-// Mobile (React Native) Implementation
-// =============================
-
-/**
- * Container for icon elements. Sets up the coordinate space.
- */
-export const IconContainer = ({
-  size,
-  children,
-  style
-}) => {
-  return /*#__PURE__*/_jsx(View, {
-    style: [{
-      width: size,
-      height: size,
-      position: 'relative'
-    }, style],
-    children: children
-  });
-};
-
-/**
- * Circle primitive. Supports borders, fills, transforms, and glow effects.
- */
-export const IconCircle = ({
-  cx,
-  cy,
-  r,
-  fill = 'transparent',
-  borderColor,
-  borderWidth = 0,
-  opacity = 1,
-  scaleX = 1,
-  scaleY = 1,
-  glowColor,
-  glowRadius = 4
-}) => {
-  const diameter = r * 2;
-
-  // Build transform array for React Native
-  const transforms = [];
-  if (scaleX !== 1) transforms.push({
-    scaleX
-  });
-  if (scaleY !== 1) transforms.push({
-    scaleY
-  });
-  const style = {
-    position: 'absolute',
-    left: cx - r,
-    top: cy - r,
-    width: diameter,
-    height: diameter,
-    borderRadius: r,
-    backgroundColor: fill,
-    borderWidth: borderWidth,
-    borderColor: borderColor,
-    opacity,
-    transform: transforms.length > 0 ? transforms : undefined,
-    // Shadow for glow effect (iOS)
-    ...(glowColor && {
-      shadowColor: glowColor,
-      shadowOffset: {
-        width: 0,
-        height: 0
-      },
-      shadowOpacity: 0.6,
-      shadowRadius: glowRadius
-    })
-  };
-  return /*#__PURE__*/_jsx(View, {
-    style: style
-  });
-};
-
-/**
- * Rectangle primitive. Supports borders, fills, rotation.
- */
-export const IconRect = ({
-  x,
-  y,
-  width,
-  height,
-  fill = 'transparent',
-  borderColor,
-  borderWidth = 0,
-  borderRadius = 0,
-  opacity = 1,
-  rotate
-}) => {
-  const transforms = [];
-  if (rotate !== undefined) transforms.push({
-    rotate: `${rotate}deg`
-  });
-  const style = {
-    position: 'absolute',
-    left: x,
-    top: y,
-    width,
-    height,
-    backgroundColor: fill,
-    borderWidth: borderWidth,
-    borderColor: borderColor,
-    borderRadius,
-    opacity,
-    transform: transforms.length > 0 ? transforms : undefined
-  };
-  return /*#__PURE__*/_jsx(View, {
-    style: style
-  });
-};
-
-/**
- * Line primitive. Uses rotation to draw lines (same technique as web).
- */
-export const IconLine = ({
-  x1,
-  y1,
-  x2,
-  y2,
-  color,
-  strokeWidth = 2,
-  opacity = 1
-}) => {
-  // Calculate line length and angle
-  const length = Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2));
-  const angle = Math.atan2(y2 - y1, x2 - x1) * (180 / Math.PI);
-  const style = {
-    position: 'absolute',
-    left: x1,
-    top: y1 - strokeWidth / 2,
-    width: length,
-    height: strokeWidth,
-    backgroundColor: color,
-    transform: [{
-      rotate: `${angle}deg`
-    }],
-    transformOrigin: 'left center',
-    opacity,
-    borderRadius: strokeWidth / 2
-  };
-  return /*#__PURE__*/_jsx(View, {
-    style: style
-  });
-};
+"use strict";import{View as f}from"react-native";import{jsx as u}from"react/jsx-runtime";export const IconContainer=({size:o,children:r,style:t})=>{return u(f,{style:[{width:o,height:o,position:"relative"},t],children:r})};export const IconCircle=({cx:o,cy:r,r:t,fill:s="transparent",borderColor:d,borderWidth:e=0,opacity:h=1,scaleX:i=1,scaleY:a=1,glowColor:n,glowRadius:c=4})=>{const l=t*2;const p=[];if(i!==1)p.push({scaleX:i});if(a!==1)p.push({scaleY:a});const g={position:"absolute",left:o-t,top:r-t,width:l,height:l,borderRadius:t,backgroundColor:s,borderWidth:e,borderColor:d,opacity:h,transform:p.length>0?p:void 0,...n&&{shadowColor:n,shadowOffset:{width:0,height:0},shadowOpacity:.6,shadowRadius:c}};return u(f,{style:g})};export const IconRect=({x:o,y:r,width:t,height:s,fill:d="transparent",borderColor:e,borderWidth:h=0,borderRadius:i=0,opacity:a=1,rotate:n})=>{const c=[];if(n!==void 0)c.push({rotate:`${n}deg`});const l={position:"absolute",left:o,top:r,width:t,height:s,backgroundColor:d,borderWidth:h,borderColor:e,borderRadius:i,opacity:a,transform:c.length>0?c:void 0};return u(f,{style:l})};export const IconLine=({x1:o,y1:r,x2:t,y2:s,color:d,strokeWidth:e=2,opacity:h=1})=>{const i=Math.sqrt(Math.pow(t-o,2)+Math.pow(s-r,2));const a=Math.atan2(s-r,t-o)*(180/Math.PI);const n={position:"absolute",left:o,top:r-e/2,width:i,height:e,backgroundColor:d,transform:[{rotate:`${a}deg`}],transformOrigin:"left center",opacity:h,borderRadius:e/2};return u(f,{style:n})};

package/lib/module/icons/primitives/index.js

@@ -1,15 +1 @@
-"use strict";
-
-/**
- * Cross-Platform Icon Primitives
- *
- * Export primitives that work on both mobile and web.
- * Use these to build KISS icons (no color props).
- */
-
-// Primitives for building icons
-export { IconContainer, IconCircle, IconRect, IconLine } from "./icon-primitives.js";
-
-// DEPRECATED: Old GlobeIcon with color prop - use NetworkIcon instead
-// Keeping for backward compatibility only
-export { GlobeIcon as PrimitiveGlobeIcon, NetworkGlobeIcon, NETWORK_ICON_COLOR } from "./GlobeIcon.js";
+"use strict";export{IconContainer,IconCircle,IconRect,IconLine}from"./icon-primitives.js";export{GlobeIcon as PrimitiveGlobeIcon,NetworkGlobeIcon,NETWORK_ICON_COLOR}from"./GlobeIcon.js";

package/lib/module/index.js

@@ -1,108 +1 @@
-"use strict";
-
-// UI exports
-export * from "./ui/index.js";
-
-// Store base classes
-export * from "./stores/index.js";
-export * from "./sync/keyedArrays.js";
-export * from "./sync/valueShape.js";
-export * from "./sync/valuePath.js";
-export * from "./sync/typedEdit.js";
-export * from "./sync/wireBudget.js";
-export * from "./sync/wireForm.js";
-export * from "./sync/toolSyncAdapter.js";
-// Typed tool presets + derived createXTool factories (structurally InstalledApp)
-export * from "./tools/defineTool.js";
-export * from "./sync/toolActionRegistry.js";
-export * from "./sync/toolUiBridge.js";
-
-// Utils exports - selectively export to avoid conflicts
-export {
-// Absolute-fill style (replaces StyleSheet.absoluteFillObject, removed in RN 0.85)
-absoluteFill,
-// Display utilities
-displayValue, parseDisplayValue,
-// Safe area utilities
-getSafeAreaInsets,
-// Persistent storage utilities
-persistentStorage, isUsingPersistentStorage, getStorageBackendType,
-// String utilities
-safeStringify,
-// Type helper utilities (excluding isPlainObject due to conflict)
-getValueType, isPrimitive, isJsonSerializable, isValidJson, getConstructorName, isEmpty, getValueSize,
-// Value formatting utilities
-parseValue, formatValue, getTypeColor, truncateText, flattenObject, formatPath,
-// Optional module loading utilities
-loadOptionalModule, getCachedOptionalModule,
-// Render-commit capture bridge (provider: highlight-updates, consumer: perf-monitor)
-setRenderCaptureProvider, getRenderCaptureProvider,
-// State snapshot bridge (providers: storage/redux/zustand/jotai/react-query, consumer: time-machine)
-registerStateSnapshotProvider, getStateSnapshotProviders, getStateSnapshotProvider, subscribeToStateSnapshotProviders,
-// Minimal superjson (Date/Map/Set/BigInt-safe round-trip) for snapshot payloads
-superJsonSerialize, superJsonDeserialize,
-// JS-bundle reload (core's `app` adapter + perf-monitor's batch runner)
-reloadApp, scheduleReloadApp, resolveReloadStrategy, REMOTE_RELOAD_DELAY_MS,
-// Dev-server origin — how a remote driver recovers an app that crashed too
-// hard to reload itself
-getDevServerOrigin,
-// Subscribable base class for self-managing listeners
-Subscribable,
-// Subscriber count notifier for cross-package notifications
-subscriberCountNotifier, subscribeToSubscriberCountChanges, notifySubscriberCountChange,
-// Safe expo-router wrappers (falls back to no-ops on RN CLI)
-useSafeRouter, useSafePathname, useSafeSegments, useSafeGlobalSearchParams, getSafeRouter, getSafeCurrentPathname, getSafeCurrentRoute, isExpoRouterAvailable } from "./utils/index.js";
-// Time Machine snapshot-provider kit (restore scope, verdict ladder, result shapes)
-export { PREVIEW_ITEM_RENDER_BYTE_LIMIT, createRestoreScope, emptyRestoreResult, failedRestore, skippedRestore, classifyPreviewItem, wontApply, unionKeys } from "./utils/snapshotProviderKit.js";
-
-// State-tool helpers (entity colors, value previews, shallow diff summaries)
-export { entityColor, formatValuePreview, shallowDiffSummary } from "./utils/stateTools.js";
-
-// Also export formatting utils
-export * from "./utils/formatting/index.js";
-export * from "./utils/time/index.js";
-
-// Type helper's isPlainObject as isPlainObjectUtil to avoid conflict
-export { isPlainObject as isPlainObjectUtil } from "./utils/typeHelpers.js";
-
-// Icons exports
-export * from "./icons/index.js";
-
-// Other exports
-export * from "./clipboard/index.js";
-export * from "./logger/index.js";
-export * from "./settings/index.js";
-export * from "./storage/index.js";
-export { useSafeAreaInsets, useFilterManager, usePersistedState, resetPersistedStateCache, useChangeLog, useSubscribedValue, useEventStoreEvents, useDeviceInfo, getDeviceInfo, logDeviceInfo } from "./hooks/index.js";
-
-// JsModal
-export { JsModal } from "./JsModal";
-// Night theme — the Everlights-style surface language (piloted on the dial
-// menu's settings modal; see ui/night/nightTheme.ts).
-export { night, NIGHT_LABEL_TRACKING } from "./ui/night/nightTheme.js";
-export { NightSectionLabel, NightFootnote, NightCard, NightSeparator, NightRows, NightSwitch, NightChip, NightButton, NightSegmented, NightBadge } from "./ui/night/primitives.js";
-// game ui colors
-export { gameUIColors, buoyColors } from "./ui/gameUI/constants/gameUIColors.js";
-// Runtime re-tint hook — only the desktop dashboard's theme switcher uses it.
-export { refreshGameUIColors } from "./ui/gameUI/constants/gameUIColors.js";
-export { macOSColors } from "./ui/gameUI/constants/macOSDesignSystemColors.js";
-export { dialColors } from "./ui/gameUI/constants/gameUIColors.js";
-//EnvironmentIndicator
-export { EnvironmentIndicator } from "./env/EnvironmentIndicator";
-// EnvironmentSelector
-export { EnvironmentSelector } from "./env/EnvironmentSelector.js";
-// EnvironmentSelectorInline
-export { EnvironmentSelectorInline } from "./env/EnvironmentSelectorInline";
-export { normalizeEnvironment } from "./types/types.js";
-
-// Context exports
-export { HintsProvider, useHintsDisabled, useHintsContext } from "./context/index.js";
-
-// History DevTools exports
-export * from "./history/index.js";
-
-// License/Feature gating exports
-export { FeatureGate, UpgradePrompt, useFeatureGate, ProFeatureBanner, UpgradeModal, LicenseEntryModal, ProBadge, ProUpgradeModal, FreeAccountPrompt, LOGIN_COMMAND, getUseIsPro, getUseLicense, getUseTier, TIER_LIMITS, useLimit, resolveEffectiveTier } from "./license/index.js";
-export { getAccountAccess, hasAccountAccess, assertAccountAccess, subscribeAccountAccess, getUseAccountAccess, retryAccountAccess } from "./license/licenseModule.js";
-export { guardToolAdapter } from "./sync/toolActionRegistry.js";
-export { AccountSetup } from "./license/AccountSetup";
+"use strict";export*from"./ui/index.js";export*from"./stores/index.js";export*from"./sync/keyedArrays.js";export*from"./sync/valueShape.js";export*from"./sync/valuePath.js";export*from"./sync/typedEdit.js";export*from"./sync/wireBudget.js";export*from"./sync/wireForm.js";export*from"./sync/toolSyncAdapter.js";export*from"./tools/defineTool.js";export*from"./sync/toolActionRegistry.js";export*from"./sync/toolUiBridge.js";export{absoluteFill,displayValue,parseDisplayValue,getSafeAreaInsets,persistentStorage,isUsingPersistentStorage,getStorageBackendType,safeStringify,getValueType,isPrimitive,isJsonSerializable,isValidJson,getConstructorName,isEmpty,getValueSize,parseValue,formatValue,getTypeColor,truncateText,flattenObject,formatPath,loadOptionalModule,getCachedOptionalModule,setRenderCaptureProvider,getRenderCaptureProvider,registerStateSnapshotProvider,getStateSnapshotProviders,getStateSnapshotProvider,subscribeToStateSnapshotProviders,superJsonSerialize,superJsonDeserialize,realNow,reloadApp,scheduleReloadApp,resolveReloadStrategy,REMOTE_RELOAD_DELAY_MS,getDevServerOrigin,Subscribable,subscriberCountNotifier,subscribeToSubscriberCountChanges,notifySubscriberCountChange,useSafeRouter,useSafePathname,useSafeSegments,useSafeGlobalSearchParams,getSafeRouter,getSafeCurrentPathname,getSafeCurrentRoute,isExpoRouterAvailable}from"./utils/index.js";export*from"./utils/toolModules.js";export{registerBrowserRouter,browserRouter,subscribeBrowserNavigation}from"./utils/browserNavigation.js";export{PREVIEW_ITEM_RENDER_BYTE_LIMIT,createRestoreScope,emptyRestoreResult,failedRestore,skippedRestore,classifyPreviewItem,wontApply,unionKeys}from"./utils/snapshotProviderKit.js";export{entityColor,formatValuePreview,shallowDiffSummary}from"./utils/stateTools.js";export*from"./utils/formatting/index.js";export*from"./utils/time/index.js";export{isPlainObject as isPlainObjectUtil}from"./utils/typeHelpers.js";export*from"./icons/index.js";export*from"./clipboard/index.js";export*from"./logger/index.js";export*from"./settings/index.js";export*from"./storage/index.js";export{useSafeAreaInsets,useFilterManager,usePersistedState,resetPersistedStateCache,useChangeLog,useSubscribedValue,useEventStoreEvents,useDeviceInfo,getDeviceInfo,logDeviceInfo}from"./hooks/index.js";export{JsModal}from"./JsModal";export{night,NIGHT_LABEL_TRACKING}from"./ui/night/nightTheme.js";export{NightSectionLabel,NightFootnote,NightCard,NightSeparator,NightRows,NightSwitch,NightChip,NightButton,NightSegmented,NightBadge}from"./ui/night/primitives.js";export{gameUIColors,buoyColors}from"./ui/gameUI/constants/gameUIColors.js";export{refreshGameUIColors}from"./ui/gameUI/constants/gameUIColors.js";export{macOSColors}from"./ui/gameUI/constants/macOSDesignSystemColors.js";export{dialColors}from"./ui/gameUI/constants/gameUIColors.js";export{EnvironmentIndicator}from"./env/EnvironmentIndicator";export{EnvironmentSelector}from"./env/EnvironmentSelector.js";export{EnvironmentSelectorInline}from"./env/EnvironmentSelectorInline";export{normalizeEnvironment}from"./types/types.js";export{HintsProvider,useHintsDisabled,useHintsContext}from"./context/index.js";export*from"./history/index.js";export{FeatureGate,UpgradePrompt,useFeatureGate,ProFeatureBanner,UpgradeModal,LicenseEntryModal,ProBadge,ProUpgradeModal,FreeAccountPrompt,LOGIN_COMMAND,getUseIsPro,getUseLicense,getUseTier,TIER_LIMITS,useLimit,resolveEffectiveTier}from"./license/index.js";export{getAccountAccess,hasAccountAccess,assertAccountAccess,subscribeAccountAccess,getUseAccountAccess,retryAccountAccess}from"./license/licenseModule.js";export{guardToolAdapter}from"./sync/toolActionRegistry.js";export{AccountSetup}from"./license/AccountSetup";

package/lib/module/license/AccountSetup.js

@@ -1,52 +1 @@
-"use strict";
-
-import React, { useState } from "react";
-import { View, Text, TouchableOpacity, StyleSheet } from "react-native";
-import { FreeAccountPrompt } from "./FreeAccountPrompt.js";
-import { getUseAccountAccess } from "./licenseModule.js";
-import { buoyColors } from "../ui/gameUI/constants/gameUIColors.js";
-
-/** The host app remains usable; only the Buoy launcher opens setup. */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function AccountSetup() {
-  const access = getUseAccountAccess()();
-  const [open, setOpen] = useState(false);
-  return /*#__PURE__*/_jsxs(View, {
-    pointerEvents: "box-none",
-    style: styles.root,
-    children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-      accessibilityRole: "button",
-      accessibilityLabel: "Set up Buoy account",
-      onPress: () => setOpen(true),
-      style: styles.button,
-      children: /*#__PURE__*/_jsx(Text, {
-        style: styles.text,
-        children: access.status === "initializing" ? "BUOY · Checking…" : "BUOY · Sign in"
-      })
-    }), /*#__PURE__*/_jsx(FreeAccountPrompt, {
-      visible: open,
-      onClose: () => setOpen(false)
-    })]
-  });
-}
-const styles = StyleSheet.create({
-  root: {
-    position: "absolute",
-    bottom: 30,
-    right: 16,
-    zIndex: 99999
-  },
-  button: {
-    backgroundColor: buoyColors.card,
-    borderWidth: 1,
-    borderColor: buoyColors.primary,
-    borderRadius: 24,
-    paddingVertical: 12,
-    paddingHorizontal: 16
-  },
-  text: {
-    color: buoyColors.primary,
-    fontWeight: "700",
-    fontSize: 12
-  }
-});
+"use strict";import a,{useState as s}from"react";import{View as r,StyleSheet as n}from"react-native";import{FreeAccountPrompt as i}from"./FreeAccountPrompt.js";import{AccountSetupButton as p}from"./AccountSetupContent.js";import{jsx as o,jsxs as c}from"react/jsx-runtime";export function AccountSetup(){const[t,e]=s(false);return c(r,{pointerEvents:"box-none",style:m.root,children:[o(p,{expanded:t,onPress:()=>e(true)}),o(i,{visible:t,onClose:()=>e(false)})]})}const m=n.create({root:{position:"absolute",bottom:30,right:16,zIndex:99999}});

package/lib/module/license/AccountSetup.web.js

@@ -1,77 +1,14 @@
-"use strict";
-
-import { useState } from "react";
-import { useAccountAccess, LicenseManager } from "@buoy-gg/license";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function AccountSetup() {
-  const access = useAccountAccess();
-  const [open, setOpen] = useState(false);
-  return /*#__PURE__*/_jsxs("div", {
-    style: {
-      position: "fixed",
-      right: 16,
-      bottom: 30,
-      zIndex: 99999,
-      color: "#e2e8f0",
-      fontFamily: "system-ui"
-    },
-    children: [/*#__PURE__*/_jsx("button", {
-      onClick: () => setOpen(!open),
-      style: {
-        background: "#080a0b",
-        color: "#20C997",
-        border: "1px solid #20C997",
-        borderRadius: 24,
-        padding: "12px 16px"
-      },
-      children: access.status === "initializing" ? "BUOY · Checking…" : "BUOY · Sign in"
-    }), open && /*#__PURE__*/_jsxs("section", {
-      "aria-label": "Buoy account setup",
-      style: {
-        position: "absolute",
-        right: 0,
-        bottom: 55,
-        width: 300,
-        maxWidth: "85vw",
-        background: "#080a0b",
-        border: "1px solid #20C997",
-        borderRadius: 12,
-        padding: 20
-      },
-      children: [/*#__PURE__*/_jsx("h3", {
-        children: "Sign in to use Buoy"
-      }), /*#__PURE__*/_jsx("p", {
-        children: "A Free or Pro account is required. Run this command in your project, then reload the app."
-      }), /*#__PURE__*/_jsx("pre", {
-        children: "npx buoy login"
-      }), LicenseManager.getState().error && /*#__PURE__*/_jsx("p", {
-        role: "status",
-        children: LicenseManager.getState().error
-      }), /*#__PURE__*/_jsx("button", {
-        onClick: () => {
-          const key = LicenseManager.getState().licenseKey;
-          if (key) void LicenseManager.setLicenseKey(key, {
-            force: true
-          });
-        },
-        children: "Retry verification"
-      }), /*#__PURE__*/_jsx("p", {
-        children: /*#__PURE__*/_jsx("a", {
-          style: {
-            color: "#20C997"
-          },
-          href: "https://github.com/Buoy-gg/buoy/issues/new/choose",
-          target: "_blank",
-          rel: "noreferrer",
-          children: "Contact support on GitHub"
-        })
-      }), /*#__PURE__*/_jsx("a", {
-        style: {
-          color: "#20C997"
-        },
-        href: "mailto:support@buoy.gg",
-        children: "support@buoy.gg"
-      })]
-    })]
-  });
-}
+"use strict";import{useEffect as d,useId as p,useRef as s,useState as f}from"react";import{createPortal as b}from"react-dom";import{AccountSetupButton as m,AccountSetupCard as x}from"./AccountSetupContent.js";import{night as y}from"../ui/night/nightTheme.js";import{jsx as n,jsxs as h}from"react/jsx-runtime";export function AccountSetup(){const[r,a]=f(false);const o=s(null);const c=s(null);const u=p();const l=(e=true)=>{a(false);if(e)o.current?.querySelector('[data-account-launcher] [role="button"]')?.focus({preventScroll:true})};d(()=>{if(!r)return;c.current?.focus({preventScroll:true});const e=t=>{if(t.target instanceof Node&&!o.current?.contains(t.target))a(false)};const i=t=>{if(t.key!=="Escape")return;t.preventDefault();t.stopPropagation();a(false);o.current?.querySelector('[data-account-launcher] [role="button"]')?.focus({preventScroll:true})};document.addEventListener("pointerdown",e);document.addEventListener("keydown",i);return()=>{document.removeEventListener("pointerdown",e);document.removeEventListener("keydown",i)}},[r]);if(typeof document==="undefined")return null;return b(h("div",{ref:o,"data-buoy-account":"",style:{position:"fixed",right:"max(16px, env(safe-area-inset-right))",bottom:"max(20px, env(safe-area-inset-bottom))",zIndex:99999,colorScheme:"dark",fontFamily:"system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"},children:[n("style",{children:`
+        [data-buoy-account] { font-size: 14px; line-height: 1.5; text-align: left; }
+        [data-buoy-account] [role="button"], [data-buoy-account] [role="link"] { cursor: pointer; }
+        [data-buoy-account] [role="button"]:focus-visible, [data-buoy-account] [role="link"]:focus-visible { outline: 2px solid ${y.color.accent}; outline-offset: 3px; }
+        [data-buoy-account] [role="link"]:hover { background: rgba(255,255,255,.06); }
+        [data-buoy-account] [aria-disabled="true"] { cursor: wait; }
+        [data-buoy-account] .buoy-account-panel {
+          position: absolute; right: 0; bottom: calc(100% + 12px);
+          width: 368px; max-width: calc(100vw - 32px); max-height: calc(100dvh - 96px);
+          overflow-y: auto; overscroll-behavior: contain; border-radius: 20px;
+          box-shadow: 0 18px 60px rgba(0,0,0,.4), 0 4px 16px rgba(0,0,0,.2);
+          outline: none;
+        }
+      `}),n("div",{"data-account-launcher":"",children:n(m,{expanded:r,onPress:()=>a(e=>!e)})}),r&&n("section",{ref:c,className:"buoy-account-panel",role:"dialog","aria-labelledby":u,tabIndex:-1,onBlur:e=>{if(e.relatedTarget instanceof Node&&!o.current?.contains(e.relatedTarget))l(false)},children:n(x,{titleId:u,onClose:()=>l()})})]}),document.body)}

package/lib/module/license/AccountSetupContent.js

@@ -0,0 +1 @@
+"use strict";import{useCallback as R,useEffect as W,useRef as C,useState as x}from"react";import{ActivityIndicator as H,Pressable as l,StyleSheet as I,Text as i,View as n}from"react-native";import{Check as j,ChevronRight as v,Copy as O,RefreshCw as F,X as N}from"../icons/lucide-icons.js";import{copyToClipboard as U}from"../clipboard/index.js";import{monoFont as T}from"../ui/fonts.js";import{night as o}from"../ui/night/nightTheme.js";import{getAccountAccess as E,getUseAccountAccess as B,getUseLicense as V,retryAccountAccess as M}from"./licenseModule.js";import{openPricing as S}from"./openPricing.js";import{jsx as t,jsxs as r}from"react/jsx-runtime";export const LOGIN_COMMAND="npx buoy login";export function AccountSetupButton({onPress:p,expanded:u=false}){const m=B()();const y=m.status==="initializing";return r(l,{accessibilityRole:"button",accessibilityLabel:"Sign in to Buoy",accessibilityState:{expanded:u},onPress:p,style:({pressed:b})=>[e.launcher,u&&e.launcherOpen,b&&e.pressed],children:[t(n,{style:e.brandDot}),t(i,{style:e.launcherBrand,children:"BUOY"}),t(n,{style:e.launcherDivider}),t(i,{style:e.launcherLabel,children:y?"Checking\u2026":"Sign in"}),y?t(H,{size:14,color:o.color.accent}):t(v,{size:14,color:o.color.textSecondary})]})}export function AccountSetupCard({onClose:p,titleId:u}){const m=B()();const y=V();const b=y?.();const[g,k]=x(false);const[L,w]=x(false);const[A,d]=x(null);const h=C(null);const a=C(true);const f=C(false);const s=L||m.status==="initializing";const z=b?.error||A;W(()=>{a.current=true;return()=>{a.current=false;if(h.current)clearTimeout(h.current)}},[]);const D=R(async()=>{const c=await U(LOGIN_COMMAND);if(!a.current)return;if(!c){d("Select the command to copy it, then run it in your project terminal.");return}d(null);k(true);if(h.current)clearTimeout(h.current);h.current=setTimeout(()=>k(false),2e3)},[]);const P=R(async()=>{if(f.current)return;f.current=true;w(true);d(null);try{await M();if(a.current&&E().status!=="admitted"){d("No account connected yet. Run the command, sign in, then reload your app.")}}catch{if(a.current)d("Couldn't verify your account. Check your connection and try again.")}finally{f.current=false;if(a.current)w(false)}},[]);return r(n,{style:e.card,children:[r(n,{style:e.header,children:[r(n,{style:e.brand,children:[t(n,{style:e.brandDot}),t(i,{style:e.wordmark,children:"BUOY"}),t(i,{style:e.headerLabel,children:"Developer tools"})]}),t(l,{accessibilityRole:"button",accessibilityLabel:"Close account setup",onPress:p,hitSlop:6,style:({pressed:c})=>[e.close,c&&e.pressed],children:t(N,{size:16,color:o.color.textSecondary})})]}),r(i,{nativeID:u,accessibilityRole:"header",style:e.title,children:["Connect your","\n","Buoy account"]}),t(i,{style:e.description,children:"Sign in with a Free or Pro account to open your developer tools."}),r(n,{style:e.terminal,children:[r(n,{style:e.terminalHeader,children:[t(i,{style:e.terminalLabel,children:"RUN IN YOUR PROJECT"}),r(l,{accessibilityRole:"button",accessibilityLabel:g?"Login command copied":"Copy login command",onPress:D,style:({pressed:c})=>[e.copy,c&&e.pressed],children:[g?t(j,{size:13,color:o.color.accent}):t(O,{size:13,color:o.color.textSecondary}),t(i,{accessibilityLiveRegion:"polite",style:[e.copyText,g&&e.accentText],children:g?"Copied":"Copy"})]})]}),r(n,{style:e.command,children:[t(i,{accessibilityElementsHidden:true,importantForAccessibility:"no",style:e.prompt,children:"$"}),t(i,{selectable:true,style:e.commandText,children:LOGIN_COMMAND})]})]}),t(i,{style:e.hint,children:"Finish signing in, then reload your app."}),r(l,{accessibilityRole:"button",accessibilityState:{disabled:s,busy:s},disabled:s,onPress:P,style:({pressed:c})=>[e.primary,c&&e.primaryPressed,s&&e.primaryBusy],children:[s?t(H,{size:15,color:o.color.onAccent}):t(F,{size:15,color:o.color.onAccent}),t(i,{style:e.primaryText,children:s?"Checking connection\u2026":"Check connection"})]}),z&&t(i,{accessibilityRole:"alert",accessibilityLiveRegion:"polite",style:e.feedback,children:z}),r(n,{style:e.footer,children:[t(i,{style:e.footerLabel,children:"Need a hand?"}),r(n,{style:e.links,children:[t(l,{accessibilityRole:"link",onPress:()=>S("https://github.com/Buoy-gg/buoy/issues/new/choose"),style:e.link,children:t(i,{style:e.linkText,children:"GitHub"})}),t(l,{accessibilityRole:"link",accessibilityLabel:"Email support@buoy.gg",onPress:()=>S("mailto:support@buoy.gg"),style:e.link,children:t(i,{style:e.linkText,children:"Email"})}),t(l,{accessibilityRole:"link",accessibilityLabel:"View Buoy plans",onPress:()=>S(),style:e.link,children:t(i,{style:e.linkText,children:"Plans"})})]})]})]})}const e=I.create({launcher:{flexDirection:"row",alignItems:"center",gap:10,minHeight:44,paddingHorizontal:16,borderRadius:14,backgroundColor:"#111315",borderWidth:1,borderColor:"#303437",shadowColor:"#000",shadowOpacity:.28,shadowRadius:14,shadowOffset:{width:0,height:4},elevation:8},launcherOpen:{borderColor:o.color.accentBorderStrong},launcherBrand:{color:o.color.text,fontSize:11,fontWeight:"800",letterSpacing:1.2,lineHeight:16},launcherDivider:{width:1,height:16,backgroundColor:"#35383C",marginHorizontal:2},launcherLabel:{color:o.color.text,fontSize:12,fontWeight:"500",lineHeight:18},brandDot:{width:6,height:6,borderRadius:3,backgroundColor:o.color.accent},card:{width:"100%",backgroundColor:"#111315",borderColor:"#303437",borderWidth:1,borderRadius:20,paddingHorizontal:24,paddingTop:18,paddingBottom:12},header:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:24},brand:{flexDirection:"row",alignItems:"center",gap:8},wordmark:{color:o.color.text,fontSize:11,fontWeight:"800",letterSpacing:1.4,lineHeight:16},headerLabel:{color:o.color.textSecondary,fontSize:11,lineHeight:16,marginLeft:4},close:{width:28,height:28,borderRadius:8,backgroundColor:o.color.fill,alignItems:"center",justifyContent:"center"},title:{color:o.color.text,fontSize:25,fontWeight:"600",lineHeight:31,letterSpacing:-.6,marginBottom:10},description:{color:"#A4AAAF",fontSize:13,lineHeight:20,marginBottom:22},terminal:{backgroundColor:"#090B0D",borderWidth:1,borderColor:"#292C30",borderRadius:12},terminalHeader:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingLeft:14,paddingRight:6,paddingTop:6},terminalLabel:{color:"#93999F",fontSize:9,fontWeight:"600",letterSpacing:.8,lineHeight:14},copy:{minWidth:68,minHeight:32,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:5,borderRadius:6},copyText:{color:o.color.textSecondary,fontSize:11,fontWeight:"500",lineHeight:16},accentText:{color:o.color.accent},command:{flexDirection:"row",alignItems:"center",gap:12,paddingHorizontal:16,paddingTop:6,paddingBottom:18},prompt:{color:o.color.accent,fontSize:15,fontFamily:T,lineHeight:22},commandText:{color:o.color.text,fontSize:15,fontFamily:T,lineHeight:22,flexShrink:1},hint:{color:o.color.textSecondary,fontSize:12,lineHeight:18,marginTop:10,marginBottom:22},primary:{minHeight:42,borderRadius:10,backgroundColor:o.color.accent,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:9,paddingHorizontal:12,paddingVertical:10},primaryPressed:{backgroundColor:o.color.accentPressed},primaryBusy:{opacity:.75},primaryText:{color:o.color.onAccent,fontSize:13,fontWeight:"600",lineHeight:20},feedback:{color:"#B5BBC0",fontSize:12,lineHeight:18,marginTop:12},footer:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",flexWrap:"wrap",borderTopWidth:1,borderTopColor:o.color.separator,marginTop:20,paddingTop:8},footerLabel:{color:o.color.textSecondary,fontSize:11,lineHeight:16},links:{flexDirection:"row",gap:2},link:{paddingHorizontal:7,paddingVertical:10,borderRadius:6},linkText:{color:"#B5BBC0",fontSize:11,fontWeight:"500",lineHeight:16},pressed:{opacity:.7}});