@buoy-gg/shared-ui 7.0.15 → 7.0.16

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

@@ -15,7 +15,9 @@ import { macOSGameUIColors, refreshMacOSGameUIColors } from "./macOSDesignSystem
 // THEME DEFINITIONS
 // ============================================
 
-const defaultTheme = {
+// Kept (and exported) as the reference palette for theme swapping — see the
+// header comment. Unused by the active theme selection.
+export const _defaultTheme = {
   // Base colors
   border: "#00B8E666",
   blackTint1: "rgba(8, 12, 21, 0.95)",
@@ -119,7 +121,7 @@ const macOSTheme = macOSGameUIColors;
 // THEME SELECTION - Just change this one line!
 // ============================================
 
-// const activeTheme = defaultTheme; // DEFAULT - Mixed colors (original)
+// const activeTheme = _defaultTheme; // DEFAULT - Mixed colors (original)
 const activeTheme = macOSTheme; // macOS - Apple HIG design system
 
 // ============================================

package/lib/typescript/commonjs/JsModal.web.d.ts

@@ -0,0 +1,138 @@
+/**
+ * JsModal.web — DOM port of JsModal.tsx (React Native).
+ *
+ * The dual-mode tool-panel container: draggable bottom sheet ⇄ floating
+ * window. Same exported names (`JsModal`, `ModalMode`, `ModalState`), same
+ * prop contract, same gesture spec and persistence key/JSON shape as the
+ * native file. Zero react-native imports — header chrome that lives in
+ * shared-ui RN components (`WindowControls`, `DraggableHeader`, `ModalHeader`,
+ * `ModalHintBanner`) is replicated as DOM with provenance comments, the same
+ * way DevToolsSettingsModal.web.tsx replicates the WindowControls close dot.
+ *
+ * Gesture spec (verbatim from native):
+ * - Sheet header drag: steal at |dy| > 3px, absolute finger anchoring
+ *   (height = screenH − (pointerY − grab offset)), clamped to
+ *   [minHeight, maxHeight ?? screenH − safeTop]. Fast downward swipe closes:
+ *   (vy > 0.8 px/ms && dy > 50) || (dy > 150 && height <= minHeight).
+ * - Floating header drag (DraggableHeader.tsx): drag starts at
+ *   |dx|+|dy| > 5, position unclamped during move, clamped on release to
+ *   x ∈ [0, screenW − width], y ∈ [safeTop, screenH − height].
+ * - Corner resize (bottom corners only): moves < 0.5px ignored; rect clamped
+ *   to safe-area bounds; min size = screenW*0.25 × 80.
+ * - Header taps (both modes): taps accumulate within a 500ms window and
+ *   settle after 300ms — 2 taps toggles mode, ≥3 taps minimizes.
+ *
+ * Persistence (verbatim from native ModalStorage): the `persistenceKey` prop
+ * is the storage key, used verbatim (native callers pass fully-derived
+ * `@react_buoy…` keys or short keys — no extra derivation happens here
+ * either). JSON shape `{ mode, panelHeight, dimensions: {width, height, top,
+ * left}, isVisible }`, saved on a 500ms debounce after state loads, with the
+ * same in-memory cache in front of storage. Backed by a local
+ * localStorage adapter matching the `persistentStorage` API — importing
+ * `./utils/persistentStorage` is avoided on purpose: its lazy `require()`
+ * probing of expo-file-system/AsyncStorage doesn't survive Vite's ESM graph.
+ * The hint-acknowledged flag uses the real `devToolsStorageKeys` helper
+ * (zero-dep) so the key matches native exactly.
+ *
+ * Intentional deviations from the native file (all logged):
+ * - No native-driver springs: rAF drives all animations. The open/close
+ *   spring (tension 180, friction 22, ~300ms settle) is approximated with a
+ *   300ms ease-out-cubic; native `Animated.timing` calls keep their exact
+ *   durations (200ms fades, 300ms minimize) with ease-in-out.
+ * - No RN Modal/overlay layer: fixed-position divs with the `zIndex` prop
+ *   (default 1000, same as the native styles).
+ * - `benchMotion` and `animatedHeight` (DEV-only benchmark seams) are
+ *   accepted and no-op'd — the web build has no tool-bench harness.
+ * - `CyberpunkModalHeader` complete-replacement detection in ModalHeader is
+ *   not ported (that component is RN-only); custom header content renders
+ *   inside the standard header structure, with `onMinimize` injected via
+ *   cloneElement like native's non-replacement path.
+ * - Native captures `Dimensions.get("window")` once at module load; the web
+ *   twin reads `window.innerWidth/innerHeight` lazily so late layout (Tauri/
+ *   WKWebView) doesn't bake in a 0×0 screen.
+ * - Safe-area insets come from a one-shot `env(safe-area-inset-*)` probe
+ *   (same trick as floatingTools.web.tsx) instead of the RN hook.
+ * - On restore-from-minimize, the floating position re-syncs from the last
+ *   committed dimensions when the panel becomes visible: the web AppHost
+ *   doesn't pass `initialModalState` back, and without the re-sync the panel
+ *   would reappear at the minimize target.
+ * - `JsModalProps` is additionally exported (native keeps it private) so web
+ *   consumers can type wrappers without redeclaring the contract.
+ * - `visible={false}` renders children in a `display:none` div (state and
+ *   listeners survive) instead of native's offscreen −9999 container.
+ * - The hidden/floating/bottomSheet root branches carry distinct React keys:
+ *   the rAF animations write opacity/transform straight to the DOM, and DOM
+ *   reuse across branches (e.g. an async persisted-mode flip mid-entrance)
+ *   would leak those styles onto unrelated chrome (blank header bug).
+ *
+ * @platform React DOM Web (Vite, Tauri, Capacitor/Ionic, Electron)
+ */
+import { type CSSProperties, type ReactNode } from "react";
+export type ModalMode = "bottomSheet" | "floating";
+interface HeaderConfig {
+    title?: string;
+    subtitle?: string;
+    showToggleButton?: boolean;
+    customContent?: ReactNode;
+    hideCloseButton?: boolean;
+    hideMinimizeButton?: boolean;
+}
+interface CustomStyles {
+    container?: CSSProperties;
+    content?: CSSProperties;
+}
+/** Modal state that can be saved and restored when minimizing/restoring. */
+export interface ModalState {
+    mode: ModalMode;
+    panelHeight?: number;
+    floatingPosition?: {
+        x: number;
+        y: number;
+    };
+    floatingDimensions?: {
+        width: number;
+        height: number;
+    };
+}
+export interface JsModalProps {
+    visible: boolean;
+    onClose: () => void;
+    children: ReactNode;
+    header?: HeaderConfig;
+    styles?: CustomStyles;
+    minHeight?: number;
+    maxHeight?: number;
+    initialHeight?: number;
+    /** DEV-only native seam (external Animated height) — accepted, no-op on web. */
+    animatedHeight?: unknown;
+    /** DEV-only native benchmark motion — accepted, no-op on web. */
+    benchMotion?: "resize" | "float-drag" | "float-resize" | "mode-cycle";
+    initialMode?: ModalMode;
+    onModeChange?: (mode: ModalMode) => void;
+    persistenceKey?: string;
+    enablePersistence?: boolean;
+    enableGlitchEffects?: boolean;
+    initialFloatingPosition?: {
+        x?: number;
+        y?: number;
+    };
+    footer?: ReactNode;
+    footerHeight?: number;
+    onBack?: () => void;
+    /** Callback when minimize is requested - receives current modal state for restoration */
+    onMinimize?: (modalState: ModalState) => void;
+    /** Target position for minimize animation (where the icon will appear) */
+    minimizeTargetPosition?: {
+        x: number;
+        y: number;
+    };
+    /** Initial modal state to restore from (when restoring from minimized) */
+    initialModalState?: ModalState;
+    /** z-index for stacking multiple modals (higher = on top) */
+    zIndex?: number;
+    /** If true, children render directly without the scroll wrapper */
+    disableScrollWrapper?: boolean;
+}
+export declare const JsModal: import("react").NamedExoticComponent<JsModalProps>;
+export {};
+//# sourceMappingURL=JsModal.web.d.ts.map

package/lib/typescript/commonjs/JsModal.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsModal.web.d.ts","sourceRoot":"","sources":["../../../src/JsModal.web.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoEG;AAEH,OAAO,EASL,KAAK,aAAa,EAGlB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAmHf,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG,UAAU,CAAC;AAEnD,UAAU,YAAY;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,YAAY;IAEpB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,4EAA4E;AAC5E,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,SAAS,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,kBAAkB,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CACxD;AAED,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gFAAgF;IAChF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iEAAiE;IACjE,WAAW,CAAC,EAAE,QAAQ,GAAG,YAAY,GAAG,cAAc,GAAG,YAAY,CAAC;IACtE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,uBAAuB,CAAC,EAAE;QAAE,CAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACrD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,yFAAyF;IACzF,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAC9C,0EAA0E;IAC1E,sBAAsB,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAClD,0EAA0E;IAC1E,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mEAAmE;IACnE,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AA88CD,eAAO,MAAM,OAAO,oDAAyB,CAAC"}

package/lib/typescript/commonjs/env/EnvironmentIndicator.web.d.ts

@@ -0,0 +1,16 @@
+import { type Environment } from '../types/types';
+export interface EnvironmentIndicatorProps {
+    environment: Environment | string;
+    /** When true, the badge becomes pressable and shows a dropdown indicator */
+    interactive?: boolean;
+    /** Called when the badge is pressed (only when interactive is true) */
+    onPress?: () => void;
+}
+interface EnvironmentConfig {
+    label: string;
+    backgroundColor: string;
+}
+export declare function getEnvironmentConfig(environment: Environment | string): EnvironmentConfig;
+export declare function EnvironmentIndicator({ environment, interactive, onPress, }: EnvironmentIndicatorProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=EnvironmentIndicator.web.d.ts.map

package/lib/typescript/commonjs/env/EnvironmentIndicator.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnvironmentIndicator.web.d.ts","sourceRoot":"","sources":["../../../../src/env/EnvironmentIndicator.web.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,WAAW,EAAwB,MAAM,gBAAgB,CAAC;AAExE,MAAM,WAAW,yBAAyB;IACxC,WAAW,EAAE,WAAW,GAAG,MAAM,CAAC;IAClC,4EAA4E;IAC5E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uEAAuE;IACvE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,oBAAoB,CAClC,WAAW,EAAE,WAAW,GAAG,MAAM,GAChC,iBAAiB,CAcnB;AAkBD,wBAAgB,oBAAoB,CAAC,EACnC,WAAW,EACX,WAAmB,EACnB,OAAO,GACR,EAAE,yBAAyB,+BA+C3B"}

package/lib/typescript/commonjs/env/EnvironmentSelectorInline.web.d.ts

@@ -0,0 +1,8 @@
+import { type Environment } from '../types/types';
+export interface EnvironmentSelectorInlineProps {
+    currentEnvironment: Environment | string;
+    availableEnvironments: Array<Environment | string>;
+    onSelect: (env: Environment) => void;
+}
+export declare function EnvironmentSelectorInline({ currentEnvironment, availableEnvironments, onSelect, }: EnvironmentSelectorInlineProps): import("react").JSX.Element;
+//# sourceMappingURL=EnvironmentSelectorInline.web.d.ts.map

package/lib/typescript/commonjs/env/EnvironmentSelectorInline.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnvironmentSelectorInline.web.d.ts","sourceRoot":"","sources":["../../../../src/env/EnvironmentSelectorInline.web.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAKlD,MAAM,WAAW,8BAA8B;IAC7C,kBAAkB,EAAE,WAAW,GAAG,MAAM,CAAC;IACzC,qBAAqB,EAAE,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC,CAAC;IACnD,QAAQ,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;CACtC;AA0CD,wBAAgB,yBAAyB,CAAC,EACxC,kBAAkB,EAClB,qBAAqB,EACrB,QAAQ,GACT,EAAE,8BAA8B,+BA6HhC"}

package/lib/typescript/commonjs/hooks/safe-area-impl.d.ts

@@ -1,7 +1,7 @@
 /**
  * Auto-generated safe area implementation
  * Detected: none
- * Generated at: 2026-08-05T21:40:54.216Z
+ * Generated at: 2026-08-06T20:33:57.771Z
  *
  * DO NOT EDIT - This file is generated by scripts/detect-safe-area.js
  *

package/lib/typescript/commonjs/icons/index.d.ts

@@ -3,6 +3,7 @@ export { NetworkIcon, NETWORK_ICON_COLOR } from "@buoy-gg/floating-tools-core";
 export { EnvIcon, ENV_ICON_COLOR } from "@buoy-gg/floating-tools-core";
 export { ConsoleIcon, CONSOLE_ICON_COLOR } from "@buoy-gg/floating-tools-core";
 export { ImagesIcon, IMAGES_ICON_COLOR } from "@buoy-gg/floating-tools-core";
+export { AssetsIcon, ASSETS_ICON_COLOR } from "@buoy-gg/floating-tools-core";
 export { ImpersonateIcon, IMPERSONATE_ICON_COLOR } from "@buoy-gg/floating-tools-core";
 export { ImageOverlayIcon, IMAGE_OVERLAY_ICON_COLOR } from "@buoy-gg/floating-tools-core";
 export { ZustandIcon, ZUSTAND_ICON_COLOR } from "@buoy-gg/floating-tools-core";

package/lib/typescript/commonjs/icons/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/icons/index.tsx"],"names":[],"mappings":"AACA,cAAc,cAAc,CAAC;AAG7B,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAKvE,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACvF,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AAC1F,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAG3E,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACzE,OAAO,EACL,cAAc,EACd,eAAe,EACf,oBAAoB,GACrB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/icons/index.tsx"],"names":[],"mappings":"AACA,cAAc,cAAc,CAAC;AAG7B,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAKvE,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACvF,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AAC1F,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAG3E,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACzE,OAAO,EACL,cAAc,EACd,eAAe,EACf,oBAAoB,GACrB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,cAAc,gBAAgB,CAAC"}

package/lib/typescript/commonjs/stores/ignoredPatternsCore.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Pure, dependency-free part of the ignored-patterns feature — split from
+ * ignoredPatternsStore.ts so web consumers (which shim `@buoy-gg/shared-ui`
+ * and must not pull the store's relative `../utils/persistentStorage` import
+ * with its expo/async-storage requires into the bundle graph) can share the
+ * exact matching semantics. The store imports and re-exports everything here;
+ * the native barrel is unchanged.
+ */
+/**
+ * How a pattern matches a URL:
+ *
+ * - `contains`: case-insensitive substring match on the full URL (legacy behavior).
+ * - `exact`: smart equality — if pattern starts with `/`, matches URL.pathname;
+ *   if it starts with `http://`/`https://`, matches origin+pathname; otherwise
+ *   matches URL.host.
+ */
+export type IgnoredPatternMatchMode = "contains" | "exact";
+/** A single exclude pattern with its match mode. */
+export interface IgnoredPattern {
+    value: string;
+    mode: IgnoredPatternMatchMode;
+}
+/** Patterns hidden by default — Buoy's own license API traffic. */
+export declare const DEFAULT_IGNORED_PATTERNS: ReadonlyArray<IgnoredPattern>;
+/**
+ * Returns true when `url` matches the ignored `pattern` according to its mode.
+ *
+ * `contains` → case-insensitive substring on the full URL (legacy behavior).
+ * `exact`    → smart equality: pattern starting with `/` compares URL.pathname,
+ *              full URLs compare origin+pathname (ignoring query/hash), bare
+ *              values compare URL.host. Falls back to literal equality if URL
+ *              parsing fails (e.g. relative URLs).
+ */
+export declare function urlMatchesIgnoredPattern(url: string, pattern: IgnoredPattern): boolean;
+/** Convenience: does `url` match ANY of the ignored `patterns`? */
+export declare function isUrlIgnored(url: string, patterns: ReadonlyArray<IgnoredPattern>): boolean;
+//# sourceMappingURL=ignoredPatternsCore.d.ts.map

package/lib/typescript/commonjs/stores/ignoredPatternsCore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ignoredPatternsCore.d.ts","sourceRoot":"","sources":["../../../../src/stores/ignoredPatternsCore.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;;;;;;GAOG;AACH,MAAM,MAAM,uBAAuB,GAAG,UAAU,GAAG,OAAO,CAAC;AAE3D,oDAAoD;AACpD,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,uBAAuB,CAAC;CAC/B;AAED,mEAAmE;AACnE,eAAO,MAAM,wBAAwB,EAAE,aAAa,CAAC,cAAc,CAElE,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CACtC,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,cAAc,GACtB,OAAO,CAoBT;AAED,mEAAmE;AACnE,wBAAgB,YAAY,CAC1B,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,aAAa,CAAC,cAAc,CAAC,GACtC,OAAO,CAGT"}

package/lib/typescript/commonjs/stores/ignoredPatternsStore.d.ts

@@ -10,32 +10,9 @@
  * @buoy-gg/events) so the filter logic can be shared without @buoy-gg/events
  * having to take a hard dependency on @buoy-gg/network (which is optional).
  */
-/**
- * How an ignored-pattern entry should be compared against captured URLs.
- *
- * - `contains`: case-insensitive substring match on the full URL (legacy behavior).
- * - `exact`: smart equality — if pattern starts with `/`, matches URL.pathname;
- *   if it starts with `http://`/`https://`, matches origin+pathname; otherwise
- *   matches URL.host.
- */
-export type IgnoredPatternMatchMode = "contains" | "exact";
-/** A single exclude pattern with its match mode. */
-export interface IgnoredPattern {
-    value: string;
-    mode: IgnoredPatternMatchMode;
-}
-/**
- * Returns true when `url` matches the ignored `pattern` according to its mode.
- *
- * `contains` → case-insensitive substring on the full URL (legacy behavior).
- * `exact`    → smart equality: pattern starting with `/` compares URL.pathname,
- *              full URLs compare origin+pathname (ignoring query/hash), bare
- *              values compare URL.host. Falls back to literal equality if URL
- *              parsing fails (e.g. relative URLs).
- */
-export declare function urlMatchesIgnoredPattern(url: string, pattern: IgnoredPattern): boolean;
-/** Convenience: does `url` match ANY of the ignored `patterns`? */
-export declare function isUrlIgnored(url: string, patterns: ReadonlyArray<IgnoredPattern>): boolean;
+import { type IgnoredPattern } from "./ignoredPatternsCore";
+export type { IgnoredPatternMatchMode, IgnoredPattern, } from "./ignoredPatternsCore";
+export { urlMatchesIgnoredPattern, isUrlIgnored, } from "./ignoredPatternsCore";
 type Listener = () => void;
 /**
  * Singleton store. One instance per JS runtime, so every consumer (Network tool,
@@ -80,5 +57,4 @@ export interface UseIgnoredPatternsResult {
  * see the same patterns and the same mutations.
  */
 export declare function useIgnoredPatterns(): UseIgnoredPatternsResult;
-export {};
 //# sourceMappingURL=ignoredPatternsStore.d.ts.map

package/lib/typescript/commonjs/stores/ignoredPatternsStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ignoredPatternsStore.d.ts","sourceRoot":"","sources":["../../../../src/stores/ignoredPatternsStore.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAMH;;;;;;;GAOG;AACH,MAAM,MAAM,uBAAuB,GAAG,UAAU,GAAG,OAAO,CAAC;AAE3D,oDAAoD;AACpD,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,uBAAuB,CAAC;CAC/B;AAOD;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CACtC,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,cAAc,GACtB,OAAO,CAoBT;AAED,mEAAmE;AACnE,wBAAgB,YAAY,CAC1B,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,aAAa,CAAC,cAAc,CAAC,GACtC,OAAO,CAGT;AAmCD,KAAK,QAAQ,GAAG,MAAM,IAAI,CAAC;AAE3B;;;GAGG;AACH,cAAM,oBAAoB;IACxB,OAAO,CAAC,QAAQ,CAEd;IACF,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAuB;IACjD,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,WAAW,CAA8B;IACjD,2EAA2E;IAC3E,OAAO,CAAC,KAAK,CAAS;IAEtB,mEAAmE;IACnE,WAAW,IAAI,cAAc,EAAE;IAI/B,SAAS,CAAC,QAAQ,EAAE,QAAQ,GAAG,MAAM,IAAI;IASzC,OAAO,CAAC,IAAI;IAIZ,OAAO,CAAC,YAAY;IAyBpB,OAAO,CAAC,OAAO;IAWf,OAAO,CAAC,MAAM;IAOd,yDAAyD;IACzD,GAAG,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAOlC,iCAAiC;IACjC,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK3B,iFAAiF;IACjF,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAU3B,+DAA+D;IAC/D,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;CAUhC;AAED,eAAO,MAAM,oBAAoB,sBAA6B,CAAC;AAE/D,MAAM,WAAW,wBAAwB;IACvC,4CAA4C;IAC5C,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,yEAAyE;IACzE,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACpB,GAAG,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAkBD;;;GAGG;AACH,wBAAgB,kBAAkB,IAAI,wBAAwB,CAwB7D"}
+{"version":3,"file":"ignoredPatternsStore.d.ts","sourceRoot":"","sources":["../../../../src/stores/ignoredPatternsStore.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAQH,OAAO,EAEL,KAAK,cAAc,EACpB,MAAM,uBAAuB,CAAC;AAE/B,YAAY,EACV,uBAAuB,EACvB,cAAc,GACf,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,wBAAwB,EACxB,YAAY,GACb,MAAM,uBAAuB,CAAC;AAqC/B,KAAK,QAAQ,GAAG,MAAM,IAAI,CAAC;AAE3B;;;GAGG;AACH,cAAM,oBAAoB;IACxB,OAAO,CAAC,QAAQ,CAEd;IACF,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAuB;IACjD,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,WAAW,CAA8B;IACjD,2EAA2E;IAC3E,OAAO,CAAC,KAAK,CAAS;IAEtB,mEAAmE;IACnE,WAAW,IAAI,cAAc,EAAE;IAI/B,SAAS,CAAC,QAAQ,EAAE,QAAQ,GAAG,MAAM,IAAI;IASzC,OAAO,CAAC,IAAI;IAIZ,OAAO,CAAC,YAAY;IAyBpB,OAAO,CAAC,OAAO;IAWf,OAAO,CAAC,MAAM;IAOd,yDAAyD;IACzD,GAAG,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAOlC,iCAAiC;IACjC,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK3B,iFAAiF;IACjF,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAU3B,+DAA+D;IAC/D,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;CAUhC;AAED,eAAO,MAAM,oBAAoB,sBAA6B,CAAC;AAE/D,MAAM,WAAW,wBAAwB;IACvC,4CAA4C;IAC5C,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,yEAAyE;IACzE,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACpB,GAAG,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAkBD;;;GAGG;AACH,wBAAgB,kBAAkB,IAAI,wBAAwB,CAwB7D"}

package/lib/typescript/commonjs/stores/ignoredPatternsStore.web.d.ts

@@ -0,0 +1,72 @@
+/**
+ * ignoredPatternsStore.web — web twin of ignoredPatternsStore.ts (the shared
+ * persisted "ignored patterns" singleton for network-style URL filtering).
+ *
+ * The native store imports shared's RN `persistentStorage` (whose module graph
+ * carries guarded expo-file-system / async-storage requires), which is why the
+ * web shims never re-exported it. This twin keeps the ENTIRE store class, hook
+ * and persistence contract identical — same class shape, same
+ * `devToolsStorageKeys.network.ignoredDomains()` storage key, same persisted
+ * JSON shape (`IgnoredPattern[]`, with the legacy `string[]` migration) — and
+ * swaps only the storage backing: a file-local localStorage adapter that
+ * matches the `persistentStorage` API (async getItem/setItem, best-effort,
+ * provenance: example-tauri/src/shims/shared-ui.web.ts's adapter — web Buoy
+ * chrome persistence lives in webview localStorage).
+ *
+ * Everything else — pure matching (`ignoredPatternsCore`), the migration +
+ * ensure-defaults logic, the dirty-flag load race guard, the module-scope
+ * stable mutation identities — is the native code, not a fork of its
+ * semantics. Web consumers get the same shared, persisted pattern list the
+ * phone has, keyed identically, so a DOM port and a react-native-web port of
+ * the same app read/write the same entry.
+ *
+ * @platform React DOM Web
+ */
+import { type IgnoredPattern } from "./ignoredPatternsCore";
+export type { IgnoredPatternMatchMode, IgnoredPattern, } from "./ignoredPatternsCore";
+export { urlMatchesIgnoredPattern, isUrlIgnored, } from "./ignoredPatternsCore";
+type Listener = () => void;
+/**
+ * Singleton store. One instance per JS runtime, so every consumer (Network
+ * tool, Events tool, any web panel) shares the same patterns.
+ */
+declare class IgnoredPatternsStore {
+    private patterns;
+    private readonly listeners;
+    private loaded;
+    private loadPromise;
+    /** Set once a mutation happens so a slow initial load can't clobber it. */
+    private dirty;
+    /** Current patterns (stable reference until a mutation occurs). */
+    getPatterns(): IgnoredPattern[];
+    subscribe(listener: Listener): () => void;
+    private emit;
+    private ensureLoaded;
+    private persist;
+    private commit;
+    /** Add a pattern (no-op if its value already exists). */
+    add(pattern: IgnoredPattern): void;
+    /** Remove a pattern by value. */
+    remove(value: string): void;
+    /** Add as `contains` if absent, otherwise remove (used by detail-view chips). */
+    toggle(value: string): void;
+    /** Flip an existing pattern between `contains` and `exact`. */
+    toggleMode(value: string): void;
+}
+export declare const ignoredPatternsStore: IgnoredPatternsStore;
+export interface UseIgnoredPatternsResult {
+    /** The ordered list of ignored patterns. */
+    patterns: IgnoredPattern[];
+    /** Just the pattern values, as a Set (for presence checks in the UI). */
+    values: Set<string>;
+    add: (pattern: IgnoredPattern) => void;
+    remove: (value: string) => void;
+    toggle: (value: string) => void;
+    toggleMode: (value: string) => void;
+}
+/**
+ * Subscribe to the shared ignored-patterns store. All consumers in a runtime
+ * see the same patterns and the same mutations.
+ */
+export declare function useIgnoredPatterns(): UseIgnoredPatternsResult;
+//# sourceMappingURL=ignoredPatternsStore.web.d.ts.map

package/lib/typescript/commonjs/stores/ignoredPatternsStore.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ignoredPatternsStore.web.d.ts","sourceRoot":"","sources":["../../../../src/stores/ignoredPatternsStore.web.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAOH,OAAO,EAEL,KAAK,cAAc,EACpB,MAAM,uBAAuB,CAAC;AAE/B,YAAY,EACV,uBAAuB,EACvB,cAAc,GACf,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,wBAAwB,EACxB,YAAY,GACb,MAAM,uBAAuB,CAAC;AA4D/B,KAAK,QAAQ,GAAG,MAAM,IAAI,CAAC;AAE3B;;;GAGG;AACH,cAAM,oBAAoB;IACxB,OAAO,CAAC,QAAQ,CAEd;IACF,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAuB;IACjD,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,WAAW,CAA8B;IACjD,2EAA2E;IAC3E,OAAO,CAAC,KAAK,CAAS;IAEtB,mEAAmE;IACnE,WAAW,IAAI,cAAc,EAAE;IAI/B,SAAS,CAAC,QAAQ,EAAE,QAAQ,GAAG,MAAM,IAAI;IASzC,OAAO,CAAC,IAAI;IAIZ,OAAO,CAAC,YAAY;IAyBpB,OAAO,CAAC,OAAO;IAWf,OAAO,CAAC,MAAM;IAOd,yDAAyD;IACzD,GAAG,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAOlC,iCAAiC;IACjC,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK3B,iFAAiF;IACjF,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAU3B,+DAA+D;IAC/D,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;CAUhC;AAED,eAAO,MAAM,oBAAoB,sBAA6B,CAAC;AAE/D,MAAM,WAAW,wBAAwB;IACvC,4CAA4C;IAC5C,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,yEAAyE;IACzE,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACpB,GAAG,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAgBD;;;GAGG;AACH,wBAAgB,kBAAkB,IAAI,wBAAwB,CAwB7D"}

package/lib/typescript/commonjs/ui/gameUI/constants/gameUIColors.d.ts

@@ -6,6 +6,62 @@
  * 2. Uncomment the theme you want
  * 3. Save and refresh
  */
+export declare const _defaultTheme: {
+    border: string;
+    blackTint1: string;
+    blackTint2: string;
+    blackTint3: string;
+    success: string;
+    warning: string;
+    error: string;
+    info: string;
+    critical: string;
+    optional: string;
+    env: string;
+    storage: string;
+    query: string;
+    debug: string;
+    network: string;
+    dataTypes: {
+        object: string;
+        array: string;
+        string: string;
+        number: string;
+        boolean: string;
+        function: string;
+        undefined: string;
+        null: string;
+    };
+    text: string;
+    secondary: string;
+    tertiary: string;
+    muted: string;
+    neonGlow: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+    };
+    diff: {
+        addedBackground: string;
+        removedBackground: string;
+        modifiedBackground: string;
+        unchangedBackground: string;
+        contextBackground: string;
+        addedText: string;
+        removedText: string;
+        modifiedText: string;
+        unchangedText: string;
+        addedWordHighlight: string;
+        removedWordHighlight: string;
+        lineNumberBackground: string;
+        lineNumberText: string;
+        lineNumberBorder: string;
+        markerAddedBackground: string;
+        markerRemovedBackground: string;
+        markerModifiedBackground: string;
+        markerText: string;
+    };
+};
 export declare const gameUIColors: {
     background: string;
     panel: string;

package/lib/typescript/commonjs/ui/gameUI/constants/gameUIColors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gameUIColors.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/gameUI/constants/gameUIColors.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AA+HH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAmC,CAAC;AAE7D,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,YAAY,CAAC;AAEvD;;;;qEAIqE;AACrE,eAAO,MAAM,mBAAmB,YAG/B,CAAC;AAKF;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;CAsBb,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,UAAU,CAAC;AAGnD,eAAO,MAAM,UAAU;;;;;;;;CAQtB,CAAC"}
+{"version":3,"file":"gameUIColors.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/gameUI/constants/gameUIColors.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAaH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6EzB,CAAC;AAuCF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAmC,CAAC;AAE7D,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,YAAY,CAAC;AAEvD;;;;qEAIqE;AACrE,eAAO,MAAM,mBAAmB,YAG/B,CAAC;AAKF;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;CAsBb,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,UAAU,CAAC;AAGnD,eAAO,MAAM,UAAU;;;;;;;;CAQtB,CAAC"}

package/lib/typescript/module/JsModal.web.d.ts

@@ -0,0 +1,138 @@
+/**
+ * JsModal.web — DOM port of JsModal.tsx (React Native).
+ *
+ * The dual-mode tool-panel container: draggable bottom sheet ⇄ floating
+ * window. Same exported names (`JsModal`, `ModalMode`, `ModalState`), same
+ * prop contract, same gesture spec and persistence key/JSON shape as the
+ * native file. Zero react-native imports — header chrome that lives in
+ * shared-ui RN components (`WindowControls`, `DraggableHeader`, `ModalHeader`,
+ * `ModalHintBanner`) is replicated as DOM with provenance comments, the same
+ * way DevToolsSettingsModal.web.tsx replicates the WindowControls close dot.
+ *
+ * Gesture spec (verbatim from native):
+ * - Sheet header drag: steal at |dy| > 3px, absolute finger anchoring
+ *   (height = screenH − (pointerY − grab offset)), clamped to
+ *   [minHeight, maxHeight ?? screenH − safeTop]. Fast downward swipe closes:
+ *   (vy > 0.8 px/ms && dy > 50) || (dy > 150 && height <= minHeight).
+ * - Floating header drag (DraggableHeader.tsx): drag starts at
+ *   |dx|+|dy| > 5, position unclamped during move, clamped on release to
+ *   x ∈ [0, screenW − width], y ∈ [safeTop, screenH − height].
+ * - Corner resize (bottom corners only): moves < 0.5px ignored; rect clamped
+ *   to safe-area bounds; min size = screenW*0.25 × 80.
+ * - Header taps (both modes): taps accumulate within a 500ms window and
+ *   settle after 300ms — 2 taps toggles mode, ≥3 taps minimizes.
+ *
+ * Persistence (verbatim from native ModalStorage): the `persistenceKey` prop
+ * is the storage key, used verbatim (native callers pass fully-derived
+ * `@react_buoy…` keys or short keys — no extra derivation happens here
+ * either). JSON shape `{ mode, panelHeight, dimensions: {width, height, top,
+ * left}, isVisible }`, saved on a 500ms debounce after state loads, with the
+ * same in-memory cache in front of storage. Backed by a local
+ * localStorage adapter matching the `persistentStorage` API — importing
+ * `./utils/persistentStorage` is avoided on purpose: its lazy `require()`
+ * probing of expo-file-system/AsyncStorage doesn't survive Vite's ESM graph.
+ * The hint-acknowledged flag uses the real `devToolsStorageKeys` helper
+ * (zero-dep) so the key matches native exactly.
+ *
+ * Intentional deviations from the native file (all logged):
+ * - No native-driver springs: rAF drives all animations. The open/close
+ *   spring (tension 180, friction 22, ~300ms settle) is approximated with a
+ *   300ms ease-out-cubic; native `Animated.timing` calls keep their exact
+ *   durations (200ms fades, 300ms minimize) with ease-in-out.
+ * - No RN Modal/overlay layer: fixed-position divs with the `zIndex` prop
+ *   (default 1000, same as the native styles).
+ * - `benchMotion` and `animatedHeight` (DEV-only benchmark seams) are
+ *   accepted and no-op'd — the web build has no tool-bench harness.
+ * - `CyberpunkModalHeader` complete-replacement detection in ModalHeader is
+ *   not ported (that component is RN-only); custom header content renders
+ *   inside the standard header structure, with `onMinimize` injected via
+ *   cloneElement like native's non-replacement path.
+ * - Native captures `Dimensions.get("window")` once at module load; the web
+ *   twin reads `window.innerWidth/innerHeight` lazily so late layout (Tauri/
+ *   WKWebView) doesn't bake in a 0×0 screen.
+ * - Safe-area insets come from a one-shot `env(safe-area-inset-*)` probe
+ *   (same trick as floatingTools.web.tsx) instead of the RN hook.
+ * - On restore-from-minimize, the floating position re-syncs from the last
+ *   committed dimensions when the panel becomes visible: the web AppHost
+ *   doesn't pass `initialModalState` back, and without the re-sync the panel
+ *   would reappear at the minimize target.
+ * - `JsModalProps` is additionally exported (native keeps it private) so web
+ *   consumers can type wrappers without redeclaring the contract.
+ * - `visible={false}` renders children in a `display:none` div (state and
+ *   listeners survive) instead of native's offscreen −9999 container.
+ * - The hidden/floating/bottomSheet root branches carry distinct React keys:
+ *   the rAF animations write opacity/transform straight to the DOM, and DOM
+ *   reuse across branches (e.g. an async persisted-mode flip mid-entrance)
+ *   would leak those styles onto unrelated chrome (blank header bug).
+ *
+ * @platform React DOM Web (Vite, Tauri, Capacitor/Ionic, Electron)
+ */
+import { type CSSProperties, type ReactNode } from "react";
+export type ModalMode = "bottomSheet" | "floating";
+interface HeaderConfig {
+    title?: string;
+    subtitle?: string;
+    showToggleButton?: boolean;
+    customContent?: ReactNode;
+    hideCloseButton?: boolean;
+    hideMinimizeButton?: boolean;
+}
+interface CustomStyles {
+    container?: CSSProperties;
+    content?: CSSProperties;
+}
+/** Modal state that can be saved and restored when minimizing/restoring. */
+export interface ModalState {
+    mode: ModalMode;
+    panelHeight?: number;
+    floatingPosition?: {
+        x: number;
+        y: number;
+    };
+    floatingDimensions?: {
+        width: number;
+        height: number;
+    };
+}
+export interface JsModalProps {
+    visible: boolean;
+    onClose: () => void;
+    children: ReactNode;
+    header?: HeaderConfig;
+    styles?: CustomStyles;
+    minHeight?: number;
+    maxHeight?: number;
+    initialHeight?: number;
+    /** DEV-only native seam (external Animated height) — accepted, no-op on web. */
+    animatedHeight?: unknown;
+    /** DEV-only native benchmark motion — accepted, no-op on web. */
+    benchMotion?: "resize" | "float-drag" | "float-resize" | "mode-cycle";
+    initialMode?: ModalMode;
+    onModeChange?: (mode: ModalMode) => void;
+    persistenceKey?: string;
+    enablePersistence?: boolean;
+    enableGlitchEffects?: boolean;
+    initialFloatingPosition?: {
+        x?: number;
+        y?: number;
+    };
+    footer?: ReactNode;
+    footerHeight?: number;
+    onBack?: () => void;
+    /** Callback when minimize is requested - receives current modal state for restoration */
+    onMinimize?: (modalState: ModalState) => void;
+    /** Target position for minimize animation (where the icon will appear) */
+    minimizeTargetPosition?: {
+        x: number;
+        y: number;
+    };
+    /** Initial modal state to restore from (when restoring from minimized) */
+    initialModalState?: ModalState;
+    /** z-index for stacking multiple modals (higher = on top) */
+    zIndex?: number;
+    /** If true, children render directly without the scroll wrapper */
+    disableScrollWrapper?: boolean;
+}
+export declare const JsModal: import("react").NamedExoticComponent<JsModalProps>;
+export {};
+//# sourceMappingURL=JsModal.web.d.ts.map

package/lib/typescript/module/JsModal.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsModal.web.d.ts","sourceRoot":"","sources":["../../../src/JsModal.web.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoEG;AAEH,OAAO,EASL,KAAK,aAAa,EAGlB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAmHf,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG,UAAU,CAAC;AAEnD,UAAU,YAAY;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,YAAY;IAEpB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,4EAA4E;AAC5E,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,SAAS,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,kBAAkB,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CACxD;AAED,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gFAAgF;IAChF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iEAAiE;IACjE,WAAW,CAAC,EAAE,QAAQ,GAAG,YAAY,GAAG,cAAc,GAAG,YAAY,CAAC;IACtE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,uBAAuB,CAAC,EAAE;QAAE,CAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACrD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,yFAAyF;IACzF,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAC9C,0EAA0E;IAC1E,sBAAsB,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAClD,0EAA0E;IAC1E,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mEAAmE;IACnE,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AA88CD,eAAO,MAAM,OAAO,oDAAyB,CAAC"}

package/lib/typescript/module/env/EnvironmentIndicator.web.d.ts

@@ -0,0 +1,16 @@
+import { type Environment } from '../types/types';
+export interface EnvironmentIndicatorProps {
+    environment: Environment | string;
+    /** When true, the badge becomes pressable and shows a dropdown indicator */
+    interactive?: boolean;
+    /** Called when the badge is pressed (only when interactive is true) */
+    onPress?: () => void;
+}
+interface EnvironmentConfig {
+    label: string;
+    backgroundColor: string;
+}
+export declare function getEnvironmentConfig(environment: Environment | string): EnvironmentConfig;
+export declare function EnvironmentIndicator({ environment, interactive, onPress, }: EnvironmentIndicatorProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=EnvironmentIndicator.web.d.ts.map

package/lib/typescript/module/env/EnvironmentIndicator.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnvironmentIndicator.web.d.ts","sourceRoot":"","sources":["../../../../src/env/EnvironmentIndicator.web.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,WAAW,EAAwB,MAAM,gBAAgB,CAAC;AAExE,MAAM,WAAW,yBAAyB;IACxC,WAAW,EAAE,WAAW,GAAG,MAAM,CAAC;IAClC,4EAA4E;IAC5E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uEAAuE;IACvE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,oBAAoB,CAClC,WAAW,EAAE,WAAW,GAAG,MAAM,GAChC,iBAAiB,CAcnB;AAkBD,wBAAgB,oBAAoB,CAAC,EACnC,WAAW,EACX,WAAmB,EACnB,OAAO,GACR,EAAE,yBAAyB,+BA+C3B"}