@buoy-gg/core 7.0.40 → 7.0.42

package/lib/module/toolkitComponents.js

@@ -1,230 +1 @@
-"use strict";
-
-/**
- * Facade primitives for the public custom-tools toolkit (see toolkit.ts).
- *
- * shared-ui grew several overlapping treatments of the same jobs (seven badge
- * variants, four copy buttons, two diff viewers...). The public surface merges
- * each job into ONE component with variants, implemented here on toolTheme —
- * shared-ui's internals stay unchanged for first-party tools.
- */
-import React from "react";
-import { StyleSheet, Text, View } from "react-native";
-import { CopyButton, toolTheme } from "@buoy-gg/shared-ui";
-import { TreeDiffViewer, SplitDiffViewer } from "@buoy-gg/shared-ui/dataViewer";
-
-// ---------------------------------------------------------------------------
-// Semantic color helpers — pair with <Badge>/<StatusDot> instead of exporting
-// a preset component per domain.
-// ---------------------------------------------------------------------------
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const STATUS_COLORS = {
-  success: toolTheme.colors.success,
-  active: toolTheme.colors.success,
-  connected: toolTheme.colors.success,
-  error: toolTheme.colors.error,
-  failed: toolTheme.colors.error,
-  warning: toolTheme.colors.warning,
-  stale: toolTheme.colors.warning,
-  pending: toolTheme.colors.info,
-  loading: toolTheme.colors.info,
-  fetching: toolTheme.colors.info,
-  info: toolTheme.colors.info,
-  inactive: toolTheme.colors.textMuted,
-  idle: toolTheme.colors.textMuted
-};
-
-/** Map a status word ("success", "pending", "stale"...) to a semantic color. */
-export function statusColor(status) {
-  return STATUS_COLORS[status.toLowerCase()] ?? toolTheme.colors.textMuted;
-}
-const METHOD_COLORS = {
-  GET: toolTheme.colors.info,
-  POST: toolTheme.colors.success,
-  PUT: toolTheme.colors.warning,
-  PATCH: toolTheme.colors.warning,
-  DELETE: toolTheme.colors.error
-};
-
-/** Map an HTTP method to its conventional color. */
-export function methodColor(method) {
-  return METHOD_COLORS[method.toUpperCase()] ?? toolTheme.colors.textSecondary;
-}
-const TYPE_COLORS = {
-  string: toolTheme.colors.success,
-  number: toolTheme.colors.info,
-  boolean: toolTheme.colors.warning,
-  object: toolTheme.colors.accent,
-  array: toolTheme.colors.accent,
-  function: toolTheme.colors.error,
-  null: toolTheme.colors.textMuted,
-  undefined: toolTheme.colors.textMuted
-};
-
-/** Map a JS value-type name to its display color. */
-export function typeColor(type) {
-  return TYPE_COLORS[type.toLowerCase()] ?? toolTheme.colors.textSecondary;
-}
-
-// ---------------------------------------------------------------------------
-// Badge — the one chip. Color it with statusColor()/methodColor()/typeColor()
-// (or any hex); shape/typography are props, not sibling components.
-// ---------------------------------------------------------------------------
-
-export function Badge({
-  children,
-  color = toolTheme.colors.textSecondary,
-  icon,
-  size = "small",
-  pill = false,
-  mono = false,
-  style
-}) {
-  const isText = typeof children === "string" || typeof children === "number";
-  return /*#__PURE__*/_jsxs(View, {
-    style: [badgeStyles.base, size === "medium" && badgeStyles.medium, pill && badgeStyles.pill, {
-      backgroundColor: color + "1A",
-      borderColor: color + "40"
-    }, style],
-    children: [icon, isText ? /*#__PURE__*/_jsx(Text, {
-      style: [badgeStyles.text, size === "medium" && badgeStyles.textMedium, mono && badgeStyles.textMono, {
-        color
-      }],
-      numberOfLines: 1,
-      children: children
-    }) : children]
-  });
-}
-const badgeStyles = StyleSheet.create({
-  base: {
-    flexDirection: "row",
-    alignItems: "center",
-    alignSelf: "flex-start",
-    gap: 4,
-    borderWidth: 1,
-    borderRadius: toolTheme.radius.sm,
-    paddingHorizontal: 6,
-    paddingVertical: 2
-  },
-  medium: {
-    paddingHorizontal: 8,
-    paddingVertical: 3
-  },
-  pill: {
-    borderRadius: toolTheme.radius.pill,
-    minWidth: 20,
-    justifyContent: "center"
-  },
-  text: {
-    fontSize: 10,
-    fontWeight: "600",
-    letterSpacing: 0.3
-  },
-  textMedium: {
-    fontSize: 12
-  },
-  textMono: {
-    fontFamily: toolTheme.text.mono.fontFamily
-  }
-});
-
-// ---------------------------------------------------------------------------
-// StatusDot — the bare status circle (list rows, connection indicators).
-// ---------------------------------------------------------------------------
-
-export function StatusDot({
-  status,
-  color,
-  size = 8,
-  style
-}) {
-  const dotColor = color ?? (status ? statusColor(status) : toolTheme.colors.textMuted);
-  return /*#__PURE__*/_jsx(View, {
-    style: [{
-      width: size,
-      height: size,
-      borderRadius: size / 2,
-      backgroundColor: dotColor
-    }, style]
-  });
-}
-
-// ---------------------------------------------------------------------------
-// InfoRow — the label/value line of every detail screen, with optional copy.
-// ---------------------------------------------------------------------------
-
-export function InfoRow({
-  label,
-  value,
-  copyable = false,
-  style
-}) {
-  const isText = typeof value === "string" || typeof value === "number";
-  return /*#__PURE__*/_jsxs(View, {
-    style: [infoRowStyles.row, style],
-    children: [/*#__PURE__*/_jsx(Text, {
-      style: infoRowStyles.label,
-      numberOfLines: 1,
-      children: label
-    }), /*#__PURE__*/_jsx(View, {
-      style: infoRowStyles.value,
-      children: isText ? /*#__PURE__*/_jsx(Text, {
-        style: infoRowStyles.valueText,
-        numberOfLines: 2,
-        children: String(value)
-      }) : value
-    }), copyable && value != null && /*#__PURE__*/_jsx(CopyButton, {
-      value: value,
-      size: 12
-    })]
-  });
-}
-const infoRowStyles = StyleSheet.create({
-  row: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: toolTheme.spacing.sm,
-    paddingVertical: 3
-  },
-  label: {
-    ...toolTheme.text.label,
-    color: toolTheme.colors.textMuted,
-    minWidth: 72
-  },
-  value: {
-    flex: 1,
-    flexDirection: "row",
-    alignItems: "center"
-  },
-  valueText: {
-    ...toolTheme.text.mono,
-    color: toolTheme.colors.text
-  }
-});
-
-// ---------------------------------------------------------------------------
-// DiffViewer — one before/after component; the rendering strategy is a mode.
-// ---------------------------------------------------------------------------
-
-export function DiffViewer({
-  oldValue,
-  newValue,
-  mode = "tree",
-  showUnchanged = true,
-  scrollEnabled = false,
-  height = 220
-}) {
-  if (mode === "text") {
-    return /*#__PURE__*/_jsx(SplitDiffViewer, {
-      oldValue: oldValue,
-      newValue: newValue,
-      height: height
-    });
-  }
-  return /*#__PURE__*/_jsx(TreeDiffViewer, {
-    oldValue: oldValue,
-    newValue: newValue,
-    showUnchanged: showUnchanged,
-    scrollEnabled: scrollEnabled
-  });
-}
+"use strict";import T from"react";import{StyleSheet as f,Text as u,View as c}from"react-native";import{CopyButton as p,toolTheme as e}from"@buoy-gg/shared-ui";import{TreeDiffViewer as y,SplitDiffViewer as b}from"@buoy-gg/shared-ui/dataViewer";import{jsx as s,jsxs as x}from"react/jsx-runtime";const w={success:e.colors.success,active:e.colors.success,connected:e.colors.success,error:e.colors.error,failed:e.colors.error,warning:e.colors.warning,stale:e.colors.warning,pending:e.colors.info,loading:e.colors.info,fetching:e.colors.info,info:e.colors.info,inactive:e.colors.textMuted,idle:e.colors.textMuted};export function statusColor(o){return w[o.toLowerCase()]??e.colors.textMuted}const S={GET:e.colors.info,POST:e.colors.success,PUT:e.colors.warning,PATCH:e.colors.warning,DELETE:e.colors.error};export function methodColor(o){return S[o.toUpperCase()]??e.colors.textSecondary}const h={string:e.colors.success,number:e.colors.info,boolean:e.colors.warning,object:e.colors.accent,array:e.colors.accent,function:e.colors.error,null:e.colors.textMuted,undefined:e.colors.textMuted};export function typeColor(o){return h[o.toLowerCase()]??e.colors.textSecondary}export function Badge({children:o,color:t=e.colors.textSecondary,icon:r,size:n="small",pill:i=false,mono:d=false,style:m}){const g=typeof o==="string"||typeof o==="number";return x(c,{style:[l.base,n==="medium"&&l.medium,i&&l.pill,{backgroundColor:t+"1A",borderColor:t+"40"},m],children:[r,g?s(u,{style:[l.text,n==="medium"&&l.textMedium,d&&l.textMono,{color:t}],numberOfLines:1,children:o}):o]})}const l=f.create({base:{flexDirection:"row",alignItems:"center",alignSelf:"flex-start",gap:4,borderWidth:1,borderRadius:e.radius.sm,paddingHorizontal:6,paddingVertical:2},medium:{paddingHorizontal:8,paddingVertical:3},pill:{borderRadius:e.radius.pill,minWidth:20,justifyContent:"center"},text:{fontSize:10,fontWeight:"600",letterSpacing:.3},textMedium:{fontSize:12},textMono:{fontFamily:e.text.mono.fontFamily}});export function StatusDot({status:o,color:t,size:r=8,style:n}){const i=t??(o?statusColor(o):e.colors.textMuted);return s(c,{style:[{width:r,height:r,borderRadius:r/2,backgroundColor:i},n]})}export function InfoRow({label:o,value:t,copyable:r=false,style:n}){const i=typeof t==="string"||typeof t==="number";return x(c,{style:[a.row,n],children:[s(u,{style:a.label,numberOfLines:1,children:o}),s(c,{style:a.value,children:i?s(u,{style:a.valueText,numberOfLines:2,children:String(t)}):t}),r&&t!=null&&s(p,{value:t,size:12})]})}const a=f.create({row:{flexDirection:"row",alignItems:"center",gap:e.spacing.sm,paddingVertical:3},label:{...e.text.label,color:e.colors.textMuted,minWidth:72},value:{flex:1,flexDirection:"row",alignItems:"center"},valueText:{...e.text.mono,color:e.colors.text}});export function DiffViewer({oldValue:o,newValue:t,mode:r="tree",showUnchanged:n=true,scrollEnabled:i=false,height:d=220}){if(r==="text"){return s(b,{oldValue:o,newValue:t,height:d})}return s(y,{oldValue:o,newValue:t,showUnchanged:n,scrollEnabled:i})}

package/lib/module/utils/autoDiscoverPresets.web.js

@@ -1,213 +1 @@
-"use strict";
-
-/**
- * Auto-discovery utility for React DOM Web.
- *
- * Uses Vite's import.meta.glob to discover installed @buoy-gg/* packages
- * at build time. This provides Metro-like auto-discovery behavior for web.
- *
- * How it works:
- * 1. import.meta.glob scans node_modules at build time
- * 2. Only packages that are actually installed are included
- * 3. Missing packages don't cause errors (like Metro's try-catch)
- * 4. Custom tools can override discovered ones by ID
- *
- * @platform React DOM Web (Vite, CRA, Next.js, Electron)
- */
-
-import { NetworkIcon, EnvIcon, StorageIcon, QueryIcon, RoutesIcon, RendersIcon } from '@buoy-gg/floating-tools-core';
-
-/**
- * Dashed-square glyph for debug-borders (no BIF brand icon exists for it
- * yet). Plain SVG so it renders identically everywhere — emoji icons are
- * banned here: WKWebView (Capacitor/Tauri) renders them as tofu boxes.
- */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function DebugBordersGlyph({
-  size
-}) {
-  return /*#__PURE__*/_jsxs("svg", {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    "aria-hidden": "true",
-    children: [/*#__PURE__*/_jsx("rect", {
-      x: "3",
-      y: "3",
-      width: "18",
-      height: "18",
-      rx: "2",
-      fill: "none",
-      stroke: "#10b981",
-      strokeWidth: "2",
-      strokeDasharray: "4 3"
-    }), /*#__PURE__*/_jsx("rect", {
-      x: "8",
-      y: "8",
-      width: "8",
-      height: "8",
-      rx: "1",
-      fill: "#10b98155"
-    })]
-  });
-}
-
-// =============================
-// Default Tool Presets (Fallback)
-// =============================
-
-/**
- * Default tool presets for when packages don't export web presets yet.
- * These will be used until each @buoy-gg/* package exports its own preset.
- * Icons are the BIF brand icon components (same artwork as native) —
- * never emoji strings (tofu in WKWebView).
- */
-export const defaultToolPresets = [{
-  id: 'env',
-  name: 'ENV',
-  description: 'Environment variables debugger',
-  slot: 'both',
-  icon: size => /*#__PURE__*/_jsx(EnvIcon, {
-    size: size
-  }),
-  color: '#4AFF9F'
-}, {
-  id: 'storage',
-  name: 'STORAGE',
-  description: 'AsyncStorage browser',
-  slot: 'both',
-  icon: size => /*#__PURE__*/_jsx(StorageIcon, {
-    size: size
-  }),
-  color: '#BA68C8'
-}, {
-  id: 'network',
-  name: 'NET',
-  description: 'Network request logger',
-  slot: 'both',
-  icon: size => /*#__PURE__*/_jsx(NetworkIcon, {
-    size: size
-  }),
-  color: '#4AFF9F'
-}, {
-  id: 'query',
-  name: 'QUERY',
-  description: 'React Query inspector',
-  slot: 'both',
-  icon: size => /*#__PURE__*/_jsx(QueryIcon, {
-    size: size
-  }),
-  color: '#FF4154'
-}, {
-  id: 'route-events',
-  name: 'ROUTES',
-  description: 'Route tracking & navigation inspector',
-  slot: 'both',
-  icon: size => /*#__PURE__*/_jsx(RoutesIcon, {
-    size: size
-  }),
-  color: '#FF9F1C'
-}, {
-  id: 'highlight-updates',
-  name: 'RENDERS',
-  description: 'View component render tracking',
-  slot: 'dial',
-  icon: size => /*#__PURE__*/_jsx(RendersIcon, {
-    size: size
-  }),
-  color: '#10b981'
-}, {
-  id: 'debug-borders',
-  name: 'DEBUG BORDERS',
-  description: 'Component layout borders',
-  slot: 'dial',
-  icon: size => /*#__PURE__*/_jsx(DebugBordersGlyph, {
-    size: size
-  }),
-  color: '#10b981'
-}];
-
-// =============================
-// Auto-Discovery Functions
-// =============================
-
-/**
- * Auto-discover installed @buoy-gg/* tool packages.
- *
- * Uses Vite's import.meta.glob to find packages at build time.
- * Only installed packages are included (no errors for missing ones).
- *
- * Note: Until packages export web presets, this returns default presets.
- *
- * @returns Array of discovered tool configurations
- */
-export function autoDiscoverWebPresets() {
-  // TODO: When @buoy-gg/* packages export web presets, use import.meta.glob:
-  //
-  // const modules = import.meta.glob(
-  //   '/node_modules/@buoy-gg/*/dist/preset.{js,mjs}',
-  //   { eager: true, import: 'default' }
-  // );
-  //
-  // const presets: WebToolConfig[] = [];
-  // for (const [path, preset] of Object.entries(modules)) {
-  //   if (preset && typeof preset === 'object' && 'id' in preset) {
-  //     presets.push(preset as WebToolConfig);
-  //   }
-  // }
-  // return presets;
-
-  // For now, return default presets
-  return [...defaultToolPresets];
-}
-
-/**
- * Merge custom tools with auto-discovered ones.
- *
- * Custom tools take precedence - if a custom tool has the same ID as
- * a discovered tool, the custom one is used (same behavior as mobile).
- *
- * @param customTools - Custom tools to merge (optional)
- * @returns Merged array with custom tools taking precedence
- */
-export function autoDiscoverWithCustom(customTools = []) {
-  const discovered = autoDiscoverWebPresets();
-  if (customTools.length === 0) {
-    return discovered;
-  }
-
-  // Create set of custom tool IDs for quick lookup
-  const customIds = new Set(customTools.map(t => t.id));
-
-  // Filter out discovered tools that have custom overrides
-  const filteredDiscovered = discovered.filter(t => !customIds.has(t.id));
-
-  // Custom tools first, then remaining discovered
-  return [...customTools, ...filteredDiscovered];
-}
-
-/**
- * Get tools filtered by slot.
- *
- * @param tools - Array of tool configurations
- * @param slot - Slot to filter by ('dial' or 'row')
- * @returns Filtered array of tools that can appear in the specified slot
- */
-export function getToolsBySlot(tools, slot) {
-  return tools.filter(tool => {
-    const toolSlot = tool.slot || 'both';
-    return toolSlot === 'both' || toolSlot === slot;
-  });
-}
-
-/**
- * Get enabled tools based on settings.
- *
- * @param tools - Array of all tool configurations
- * @param enabledIds - Set or array of enabled tool IDs
- * @returns Filtered array of enabled tools
- */
-export function getEnabledTools(tools, enabledIds) {
-  const idSet = enabledIds instanceof Set ? enabledIds : new Set(enabledIds);
-  return tools.filter(tool => idSet.has(tool.id));
-}
+"use strict";export const defaultToolPresets=[];export function autoDiscoverWebPresets(){return[]}export function autoDiscoverWithCustom(o=[]){return[...new Map(o.map(t=>[t.id,t])).values()]}export function getToolsBySlot(o,t){return o.filter(r=>{const e=r.slot||"both";return e==="both"||e===t})}export function getEnabledTools(o,t){const r=t instanceof Set?t:new Set(t);return o.filter(e=>r.has(e.id))}

package/lib/module/utils/createWebTool.js

@@ -0,0 +1 @@
+"use strict";import{createElement as n}from"react";export function createWebTool(o){const t=o.icon;return{...o,icon:typeof t==="function"?c=>n(t,{size:c,slot:o.slot??"both",color:o.color}):()=>t}}

package/lib/module/utils/createWebTools.js

@@ -0,0 +1 @@
+"use strict";import{registerToolModules as s}from"@buoy-gg/shared-ui";import{createWebTool as a}from"./createWebTool.js";import{useDevToolsVisibility as n}from"../floatingMenu/DevToolsVisibilityContext.js";import*as m from"@buoy-gg/license";import*as d from"@buoy-gg/shared-ui";import*as f from"@buoy-gg/shared-ui/dataViewer";export function createWebTools(r){s({core:{useDevToolsVisibility:n},license:m,"shared-ui":d,"shared-ui/dataViewer":f,...r});const t=new Set;return Object.values(r).flatMap(o=>Object.entries(o).flatMap(([i,e])=>{if(!i.endsWith("Preset")||!e||typeof e.id!=="string"||!e.component||t.has(e.id))return[];t.add(e.id);return[a(e)]}))}

package/lib/module/version.js

@@ -1,14 +1 @@
-"use strict";
-
-/**
- * This package's published version.
- *
- * Hardcoded rather than read from package.json: `require("../package.json")`
- * resolves to a different depth from `src/` than from the built `lib/`, and
- * react-native-builder-bob (babel) has no build-time `define` the way tsup does
- * for @buoy-gg/mcp.
- *
- * 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.40";
+"use strict";export const SDK_VERSION="7.0.42";

package/lib/typescript/commonjs/browserRegister.d.ts

@@ -0,0 +1,13 @@
+export { earlyHookScript } from './earlyHookScript';
+/**
+ * Call before importing React DOM so render and element inspectors can see app
+ * roots. It also starts recording fetch and XHR calls, so the Network tool shows
+ * the requests the page made before Buoy loaded.
+ *
+ * In a production build it runs only in a browser where Buoy has recently
+ * rendered (see releaseOptIn.ts), or with `enableInRelease`.
+ */
+export declare function registerBrowserDevTools(options?: {
+    enableInRelease?: boolean;
+}): boolean;
+//# sourceMappingURL=browserRegister.d.ts.map

package/lib/typescript/commonjs/browserRegister.server.d.ts

@@ -0,0 +1,6 @@
+export { earlyHookScript } from './earlyHookScript';
+/** The server entry does not load the browser's React DevTools backend. */
+export declare function registerBrowserDevTools(_options?: {
+    enableInRelease?: boolean;
+}): boolean;
+//# sourceMappingURL=browserRegister.server.d.ts.map

package/lib/typescript/commonjs/earlyHookScript.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Inline script for pages where React DOM loads before any app code, such as
+ * the Next.js Pages Router.
+ *
+ * Put it in the page's `<head>`, ahead of every bundle. It holds on to the
+ * renderer React DOM registers, and `@buoy-gg/core/web/register` later hands
+ * that renderer to the full React DevTools backend. Without it, React DOM
+ * registers with Fast Refresh's placeholder hook, which keeps nothing, and
+ * Highlight Updates sees no renders.
+ */
+export declare const earlyHookScript: string;
+//# sourceMappingURL=earlyHookScript.d.ts.map

package/lib/typescript/commonjs/earlyNetwork.d.ts

@@ -0,0 +1,52 @@
+/**
+ * Records the page's fetch and XHR calls from the first line of the app, before
+ * the Network tool has loaded.
+ *
+ * Buoy is usually loaded lazily, after the app has hydrated, so the requests a
+ * page makes while it loads (the session check, the first queries) used to be
+ * missed. `@buoy-gg/core/web/register` already has to run before React DOM, so
+ * it installs this recorder too. When Network capture starts, the tool calls
+ * `adopt` and turns each record into a normal request row, including requests
+ * that are still in flight. After that the recorder only passes calls through.
+ *
+ * It has no dependencies because it loads before everything else. The shape
+ * of `window.__BUOY_EARLY_NETWORK__` is shared with @buoy-gg/network
+ * (network/utils/adoptEarlyNetwork.ts); change both together.
+ */
+export interface EarlyFetchRecord {
+    kind: 'fetch';
+    input: RequestInfo | URL;
+    init?: RequestInit;
+    /** A copy of a `Request` body, taken before the app's request consumed it. */
+    requestCopy?: Request;
+    /** Real `Date.now()` when the call was made. */
+    start: number;
+    /**
+     * Settles when the headers arrive, with the app's response and a clone to
+     * read the body from (none for a stream), or with the error the app saw.
+     */
+    settled: Promise<{
+        response?: Response;
+        clone?: Response;
+        error?: unknown;
+        headersAt: number;
+    }>;
+}
+export interface EarlyXhrRecord {
+    kind: 'xhr';
+    xhr: XMLHttpRequest;
+    method: string;
+    url: string;
+    headers: Record<string, string>;
+    body: unknown;
+    start: number;
+}
+export type EarlyNetworkRecord = EarlyFetchRecord | EarlyXhrRecord;
+export interface EarlyNetworkRecorder {
+    version: 1;
+    records: EarlyNetworkRecord[];
+    /** Hand every record to the Network tool and stop recording. Returns them once. */
+    adopt(): EarlyNetworkRecord[];
+}
+export declare function installEarlyNetworkRecorder(): void;
+//# sourceMappingURL=earlyNetwork.d.ts.map

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

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import { AppInstance, OpenDefinition } from "./AppHostLogic";
+import { AppInstance, OpenDefinition, type ModalRestoreState } from "./AppHostLogic";
 type AppHostContextValue = {
     openApps: AppInstance[];
     isAnyOpen: boolean;
@@ -8,9 +8,9 @@ type AppHostContextValue = {
     closeAll: () => void;
     registerApps: (apps: any[]) => void;
     /** Minimize a tool - hides the modal but keeps state */
-    minimize: (instanceId: string) => void;
+    minimize: (instanceId: string, restoreState?: ModalRestoreState) => void;
     /** Restore a minimized tool to visible state */
-    restore: (instanceId: string) => void;
+    restore: (instanceId: string, restoreState?: ModalRestoreState) => void;
     /** Check if a specific tool is minimized */
     isMinimized: (instanceId: string) => boolean;
 };

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

@@ -0,0 +1,14 @@
+import type { BrowserToolModules } from '../utils/createWebTools';
+import type { BrowserToolConfig } from '../utils/createWebTool';
+import type { ExternalSyncOptions } from './autoExternalSync';
+import type { EnvVarConfig } from './FloatingDevTools';
+export interface BrowserToolRuntimeProps {
+    modules: BrowserToolModules;
+    apps?: BrowserToolConfig[];
+    requiredEnvVars?: EnvVarConfig[];
+    externalSync?: boolean | ExternalSyncOptions;
+    headless?: boolean;
+    sentryGetClient?: () => unknown;
+}
+export declare function BrowserToolRuntime(props: BrowserToolRuntimeProps): import("react").JSX.Element;
+//# sourceMappingURL=BrowserToolRuntime.d.ts.map

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

@@ -1,68 +1,3 @@
-import { FC } from "react";
-import type { InstalledApp } from "./types";
-/**
- * Global settings that apply to all dev tools.
- * These settings override individual tool configurations.
- */
-export interface GlobalDevToolsSettings {
-    /**
-     * When true, all modals share the same dimensions/position.
-     * When false (default), each modal has its own independent persistence.
-     * Priority: Settings UI > Prop override > Default (false)
-     */
-    enableSharedModalDimensions?: boolean;
-    /**
-     * When true (default), window control buttons expand on tap for easier pressing.
-     * When false, buttons are directly tappable at small size.
-     */
-    expandableWindowControls?: boolean;
-}
-/**
- * Serialized preferences that power the floating dev tools UI. Values persist across sessions
- * via AsyncStorage so teams can tailor which tools appear in the dial or floating row.
- */
-export interface DevToolsSettings {
-    /** Map of dial tool ids to enabled state (max slots enforced elsewhere). */
-    dialTools: Record<string, boolean>;
-    /** Map of floating tool ids to enabled state plus the environment indicator toggle. */
-    floatingTools: Record<string, boolean> & {
-        environment: boolean;
-    };
-    /** 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?: 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.
- *
- * 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;
-};
-export {};
+export { DevToolsSettingsModal, useDevToolsSettings } from "./DevToolsSettingsModal.shared";
+export type { DevToolsSettings, GlobalDevToolsSettings } from "./DevToolsSettingsModal.shared";
 //# sourceMappingURL=DevToolsSettingsModal.d.ts.map