@buoy-gg/env 7.0.4 → 7.0.6

package/lib/commonjs/env/components/EnvVarsModal.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.EnvToolView = EnvToolView;
 exports.EnvVarsModal = EnvVarsModal;
 var _sharedUi = require("@buoy-gg/shared-ui");
 var _react = require("react");
@@ -23,7 +24,8 @@ function EnvVarsModal({
   requiredEnvVars,
   onBack,
   onMinimize,
-  enableSharedModalDimensions = false
+  enableSharedModalDimensions = false,
+  inline = false
 }) {
   const [activeFilter, setActiveFilter] = (0, _react.useState)("all");
   const [isSearchActive, setIsSearchActive] = (0, _react.useState)(false);
@@ -131,50 +133,108 @@ function EnvVarsModal({
   const healthColor = healthPercentage === 100 ? _sharedUi.buoyColors.success : healthPercentage >= 75 ? _sharedUi.buoyColors.warning : healthPercentage >= 50 ? _sharedUi.buoyColors.error : _sharedUi.buoyColors.error;
   if (!visible) return null;
   const storagePrefix = enableSharedModalDimensions ? _sharedUi.devToolsStorageKeys.modal.root() : _sharedUi.devToolsStorageKeys.env.modal();
+  const header = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.ModalHeader, {
+    children: [onBack && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Navigation, {
+      onBack: onBack
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Content, {
+      title: isSearchActive ? "" : "Environment Variables",
+      noMargin: isSearchActive,
+      children: isSearchActive && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.headerSearchContainer,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Search, {
+          size: 12,
+          color: _sharedUi.buoyColors.textSecondary
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+          ref: searchInputRef,
+          style: styles.headerSearchInput,
+          placeholder: "Search env keys...",
+          placeholderTextColor: _sharedUi.buoyColors.textMuted,
+          value: searchQuery,
+          onChangeText: setSearchQuery,
+          autoCorrect: false,
+          autoCapitalize: "none"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          onPress: () => {
+            setIsSearchActive(false);
+            setSearchQuery("");
+          },
+          style: styles.clearButton,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.X, {
+            size: 12,
+            color: _sharedUi.buoyColors.textSecondary
+          })
+        })]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Actions, {
+      children: !isSearchActive && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.HeaderSearchButton, {
+        onPress: () => setIsSearchActive(true)
+      })
+    })]
+  });
+  const body = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
+    style: styles.scrollContainer,
+    contentContainerStyle: styles.contentContainer,
+    showsVerticalScrollIndicator: false,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_EnvStatsOverview.EnvStatsOverview, {
+      stats: stats,
+      healthPercentage: healthPercentage,
+      healthStatus: healthStatus,
+      healthColor: healthColor,
+      activeFilter: activeFilter,
+      onFilterChange: setActiveFilter
+    }), filteredVars.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.varsSection,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.sectionHeader,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.sectionTitle,
+          children: activeFilter === "all" ? "ALL VARIABLES" : activeFilter === "missing" ? "MISSING VARIABLES" : "ISSUES TO FIX"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.countBadge,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.countText,
+            children: filteredVars.length
+          })
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_EnvVarSection.EnvVarSection, {
+        title: "",
+        count: 0,
+        vars: filteredVars,
+        emptyMessage: ""
+      })]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.emptyState,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Search, {
+        size: 32,
+        color: _sharedUi.buoyColors.textMuted
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.emptyTitle,
+        children: searchQuery ? "No results found" : "No variables"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.emptySubtitle,
+        children: searchQuery ? `No variables matching "${searchQuery}"` : `No ${activeFilter === "all" ? "" : activeFilter} variables found`
+      })]
+    })]
+  });
+
+  // The ONLY difference between the phone and the desktop dashboard is which
+  // shell the header and body go in. Everything above this line is shared.
+  if (inline) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.inlineRoot,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.inlineHeader,
+        children: header
+      }), body]
+    });
+  }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.JsModal, {
     visible: visible,
     onClose: onClose,
     onMinimize: onMinimize,
     persistenceKey: storagePrefix,
     header: {
-      customContent: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.ModalHeader, {
-        children: [onBack && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Navigation, {
-          onBack: onBack
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Content, {
-          title: isSearchActive ? "" : "Environment Variables",
-          noMargin: isSearchActive,
-          children: isSearchActive && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.headerSearchContainer,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Search, {
-              size: 12,
-              color: _sharedUi.buoyColors.textSecondary
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-              ref: searchInputRef,
-              style: styles.headerSearchInput,
-              placeholder: "Search env keys...",
-              placeholderTextColor: _sharedUi.buoyColors.textMuted,
-              value: searchQuery,
-              onChangeText: setSearchQuery,
-              autoCorrect: false,
-              autoCapitalize: "none"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-              onPress: () => {
-                setIsSearchActive(false);
-                setSearchQuery("");
-              },
-              style: styles.clearButton,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.X, {
-                size: 12,
-                color: _sharedUi.buoyColors.textSecondary
-              })
-            })]
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Actions, {
-          children: !isSearchActive && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.HeaderSearchButton, {
-            onPress: () => setIsSearchActive(true)
-          })
-        })]
-      }),
+      customContent: header,
       showToggleButton: true
     },
     onModeChange: handleModeChange,
@@ -182,54 +242,38 @@ function EnvVarsModal({
     initialMode: "bottomSheet",
     enableGlitchEffects: true,
     styles: {},
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
-      style: styles.scrollContainer,
-      contentContainerStyle: styles.contentContainer,
-      showsVerticalScrollIndicator: false,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_EnvStatsOverview.EnvStatsOverview, {
-        stats: stats,
-        healthPercentage: healthPercentage,
-        healthStatus: healthStatus,
-        healthColor: healthColor,
-        activeFilter: activeFilter,
-        onFilterChange: setActiveFilter
-      }), filteredVars.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.varsSection,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.sectionHeader,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.sectionTitle,
-            children: activeFilter === "all" ? "ALL VARIABLES" : activeFilter === "missing" ? "MISSING VARIABLES" : "ISSUES TO FIX"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: styles.countBadge,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.countText,
-              children: filteredVars.length
-            })
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_EnvVarSection.EnvVarSection, {
-          title: "",
-          count: 0,
-          vars: filteredVars,
-          emptyMessage: ""
-        })]
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.emptyState,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Search, {
-          size: 32,
-          color: _sharedUi.buoyColors.textMuted
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.emptyTitle,
-          children: searchQuery ? "No results found" : "No variables"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.emptySubtitle,
-          children: searchQuery ? `No variables matching "${searchQuery}"` : `No ${activeFilter === "all" ? "" : activeFilter} variables found`
-        })]
-      })]
-    })
+    children: body
+  });
+}
+
+/**
+ * The same env tool as `EnvVarsModal`, rendered INLINE for hosts that place
+ * tools in a panel. Exists so there is exactly one implementation — the desktop
+ * dashboard used to ship its own copy of this component's internals.
+ */
+function EnvToolView({
+  requiredEnvVars
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(EnvVarsModal, {
+    inline: true,
+    visible: true,
+    requiredEnvVars: requiredEnvVars,
+    onClose: () => {}
   });
 }
 const styles = _reactNative.StyleSheet.create({
+  inlineRoot: {
+    flex: 1,
+    minHeight: 0,
+    backgroundColor: _sharedUi.buoyColors.base
+  },
+  inlineHeader: {
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    borderBottomWidth: 1,
+    borderBottomColor: _sharedUi.buoyColors.border,
+    backgroundColor: _sharedUi.buoyColors.card
+  },
   scrollContainer: {
     flex: 1,
     backgroundColor: _sharedUi.buoyColors.base

package/lib/commonjs/index.js

@@ -7,9 +7,16 @@ var _exportNames = {
   envToolPreset: true,
   createEnvTool: true,
   EnvVarsModal: true,
+  EnvToolView: true,
   createEnvSyncAdapter: true,
   setRemoteEnv: true
 };
+Object.defineProperty(exports, "EnvToolView", {
+  enumerable: true,
+  get: function () {
+    return _EnvVarsModal.EnvToolView;
+  }
+});
 Object.defineProperty(exports, "EnvVarsModal", {
   enumerable: true,
   get: function () {

package/lib/module/env/components/EnvVarsModal.js

@@ -19,7 +19,8 @@ export function EnvVarsModal({
   requiredEnvVars,
   onBack,
   onMinimize,
-  enableSharedModalDimensions = false
+  enableSharedModalDimensions = false,
+  inline = false
 }) {
   const [activeFilter, setActiveFilter] = useState("all");
   const [isSearchActive, setIsSearchActive] = useState(false);
@@ -127,50 +128,108 @@ export function EnvVarsModal({
   const healthColor = healthPercentage === 100 ? buoyColors.success : healthPercentage >= 75 ? buoyColors.warning : healthPercentage >= 50 ? buoyColors.error : buoyColors.error;
   if (!visible) return null;
   const storagePrefix = enableSharedModalDimensions ? devToolsStorageKeys.modal.root() : devToolsStorageKeys.env.modal();
+  const header = /*#__PURE__*/_jsxs(ModalHeader, {
+    children: [onBack && /*#__PURE__*/_jsx(ModalHeader.Navigation, {
+      onBack: onBack
+    }), /*#__PURE__*/_jsx(ModalHeader.Content, {
+      title: isSearchActive ? "" : "Environment Variables",
+      noMargin: isSearchActive,
+      children: isSearchActive && /*#__PURE__*/_jsxs(View, {
+        style: styles.headerSearchContainer,
+        children: [/*#__PURE__*/_jsx(Search, {
+          size: 12,
+          color: buoyColors.textSecondary
+        }), /*#__PURE__*/_jsx(TextInput, {
+          ref: searchInputRef,
+          style: styles.headerSearchInput,
+          placeholder: "Search env keys...",
+          placeholderTextColor: buoyColors.textMuted,
+          value: searchQuery,
+          onChangeText: setSearchQuery,
+          autoCorrect: false,
+          autoCapitalize: "none"
+        }), /*#__PURE__*/_jsx(TouchableOpacity, {
+          onPress: () => {
+            setIsSearchActive(false);
+            setSearchQuery("");
+          },
+          style: styles.clearButton,
+          children: /*#__PURE__*/_jsx(X, {
+            size: 12,
+            color: buoyColors.textSecondary
+          })
+        })]
+      })
+    }), /*#__PURE__*/_jsx(ModalHeader.Actions, {
+      children: !isSearchActive && /*#__PURE__*/_jsx(HeaderSearchButton, {
+        onPress: () => setIsSearchActive(true)
+      })
+    })]
+  });
+  const body = /*#__PURE__*/_jsxs(ScrollView, {
+    style: styles.scrollContainer,
+    contentContainerStyle: styles.contentContainer,
+    showsVerticalScrollIndicator: false,
+    children: [/*#__PURE__*/_jsx(EnvStatsOverview, {
+      stats: stats,
+      healthPercentage: healthPercentage,
+      healthStatus: healthStatus,
+      healthColor: healthColor,
+      activeFilter: activeFilter,
+      onFilterChange: setActiveFilter
+    }), filteredVars.length > 0 ? /*#__PURE__*/_jsxs(View, {
+      style: styles.varsSection,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.sectionHeader,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.sectionTitle,
+          children: activeFilter === "all" ? "ALL VARIABLES" : activeFilter === "missing" ? "MISSING VARIABLES" : "ISSUES TO FIX"
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.countBadge,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: styles.countText,
+            children: filteredVars.length
+          })
+        })]
+      }), /*#__PURE__*/_jsx(EnvVarSection, {
+        title: "",
+        count: 0,
+        vars: filteredVars,
+        emptyMessage: ""
+      })]
+    }) : /*#__PURE__*/_jsxs(View, {
+      style: styles.emptyState,
+      children: [/*#__PURE__*/_jsx(Search, {
+        size: 32,
+        color: buoyColors.textMuted
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.emptyTitle,
+        children: searchQuery ? "No results found" : "No variables"
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.emptySubtitle,
+        children: searchQuery ? `No variables matching "${searchQuery}"` : `No ${activeFilter === "all" ? "" : activeFilter} variables found`
+      })]
+    })]
+  });
+
+  // The ONLY difference between the phone and the desktop dashboard is which
+  // shell the header and body go in. Everything above this line is shared.
+  if (inline) {
+    return /*#__PURE__*/_jsxs(View, {
+      style: styles.inlineRoot,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.inlineHeader,
+        children: header
+      }), body]
+    });
+  }
   return /*#__PURE__*/_jsx(JsModal, {
     visible: visible,
     onClose: onClose,
     onMinimize: onMinimize,
     persistenceKey: storagePrefix,
     header: {
-      customContent: /*#__PURE__*/_jsxs(ModalHeader, {
-        children: [onBack && /*#__PURE__*/_jsx(ModalHeader.Navigation, {
-          onBack: onBack
-        }), /*#__PURE__*/_jsx(ModalHeader.Content, {
-          title: isSearchActive ? "" : "Environment Variables",
-          noMargin: isSearchActive,
-          children: isSearchActive && /*#__PURE__*/_jsxs(View, {
-            style: styles.headerSearchContainer,
-            children: [/*#__PURE__*/_jsx(Search, {
-              size: 12,
-              color: buoyColors.textSecondary
-            }), /*#__PURE__*/_jsx(TextInput, {
-              ref: searchInputRef,
-              style: styles.headerSearchInput,
-              placeholder: "Search env keys...",
-              placeholderTextColor: buoyColors.textMuted,
-              value: searchQuery,
-              onChangeText: setSearchQuery,
-              autoCorrect: false,
-              autoCapitalize: "none"
-            }), /*#__PURE__*/_jsx(TouchableOpacity, {
-              onPress: () => {
-                setIsSearchActive(false);
-                setSearchQuery("");
-              },
-              style: styles.clearButton,
-              children: /*#__PURE__*/_jsx(X, {
-                size: 12,
-                color: buoyColors.textSecondary
-              })
-            })]
-          })
-        }), /*#__PURE__*/_jsx(ModalHeader.Actions, {
-          children: !isSearchActive && /*#__PURE__*/_jsx(HeaderSearchButton, {
-            onPress: () => setIsSearchActive(true)
-          })
-        })]
-      }),
+      customContent: header,
       showToggleButton: true
     },
     onModeChange: handleModeChange,
@@ -178,54 +237,38 @@ export function EnvVarsModal({
     initialMode: "bottomSheet",
     enableGlitchEffects: true,
     styles: {},
-    children: /*#__PURE__*/_jsxs(ScrollView, {
-      style: styles.scrollContainer,
-      contentContainerStyle: styles.contentContainer,
-      showsVerticalScrollIndicator: false,
-      children: [/*#__PURE__*/_jsx(EnvStatsOverview, {
-        stats: stats,
-        healthPercentage: healthPercentage,
-        healthStatus: healthStatus,
-        healthColor: healthColor,
-        activeFilter: activeFilter,
-        onFilterChange: setActiveFilter
-      }), filteredVars.length > 0 ? /*#__PURE__*/_jsxs(View, {
-        style: styles.varsSection,
-        children: [/*#__PURE__*/_jsxs(View, {
-          style: styles.sectionHeader,
-          children: [/*#__PURE__*/_jsx(Text, {
-            style: styles.sectionTitle,
-            children: activeFilter === "all" ? "ALL VARIABLES" : activeFilter === "missing" ? "MISSING VARIABLES" : "ISSUES TO FIX"
-          }), /*#__PURE__*/_jsx(View, {
-            style: styles.countBadge,
-            children: /*#__PURE__*/_jsx(Text, {
-              style: styles.countText,
-              children: filteredVars.length
-            })
-          })]
-        }), /*#__PURE__*/_jsx(EnvVarSection, {
-          title: "",
-          count: 0,
-          vars: filteredVars,
-          emptyMessage: ""
-        })]
-      }) : /*#__PURE__*/_jsxs(View, {
-        style: styles.emptyState,
-        children: [/*#__PURE__*/_jsx(Search, {
-          size: 32,
-          color: buoyColors.textMuted
-        }), /*#__PURE__*/_jsx(Text, {
-          style: styles.emptyTitle,
-          children: searchQuery ? "No results found" : "No variables"
-        }), /*#__PURE__*/_jsx(Text, {
-          style: styles.emptySubtitle,
-          children: searchQuery ? `No variables matching "${searchQuery}"` : `No ${activeFilter === "all" ? "" : activeFilter} variables found`
-        })]
-      })]
-    })
+    children: body
+  });
+}
+
+/**
+ * The same env tool as `EnvVarsModal`, rendered INLINE for hosts that place
+ * tools in a panel. Exists so there is exactly one implementation — the desktop
+ * dashboard used to ship its own copy of this component's internals.
+ */
+export function EnvToolView({
+  requiredEnvVars
+}) {
+  return /*#__PURE__*/_jsx(EnvVarsModal, {
+    inline: true,
+    visible: true,
+    requiredEnvVars: requiredEnvVars,
+    onClose: () => {}
   });
 }
 const styles = StyleSheet.create({
+  inlineRoot: {
+    flex: 1,
+    minHeight: 0,
+    backgroundColor: buoyColors.base
+  },
+  inlineHeader: {
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    borderBottomWidth: 1,
+    borderBottomColor: buoyColors.border,
+    backgroundColor: buoyColors.card
+  },
   scrollContainer: {
     flex: 1,
     backgroundColor: buoyColors.base

package/lib/module/index.js

@@ -4,7 +4,9 @@
 export { envToolPreset, createEnvTool } from "./preset";
 
 // Export main modal component
-export { EnvVarsModal } from "./env/components/EnvVarsModal";
+// `EnvToolView` is the same tool rendered inline (header bar + body) instead
+// of inside a JsModal — for hosts that show tools in a panel.
+export { EnvVarsModal, EnvToolView } from "./env/components/EnvVarsModal";
 
 // External sync (adapter for @buoy-gg/external-sync's useExternalSync)
 export { createEnvSyncAdapter } from "./sync/envSyncAdapter";

package/lib/typescript/env/components/EnvVarsModal.d.ts

@@ -10,6 +10,13 @@ interface EnvVarsModalProps {
     onBack?: () => void;
     /** Optional handler fired when the modal is minimized. */
     onMinimize?: (modalState: any) => void;
+    /**
+     * Render as a header-bar + body stack instead of inside `JsModal`, for hosts
+     * that place tools in a panel rather than a modal (Buoy Desktop). Only the
+     * shell differs — the header, the body and all state are shared, so the two
+     * surfaces cannot drift. See `EnvToolView` at the bottom of this file.
+     */
+    inline?: boolean;
     /**
      * When true, reuse the shared modal sizing keys so multiple dev tools can
      * persist their window dimensions in a single location.
@@ -21,6 +28,14 @@ interface EnvVarsModalProps {
  * discovery, validation, filtering, and rich search so teams can quickly spot missing
  * or misconfigured values during development sessions.
  */
-export declare function EnvVarsModal({ visible, onClose, requiredEnvVars, onBack, onMinimize, enableSharedModalDimensions, }: EnvVarsModalProps): import("react").JSX.Element | null;
+export declare function EnvVarsModal({ visible, onClose, requiredEnvVars, onBack, onMinimize, enableSharedModalDimensions, inline, }: EnvVarsModalProps): import("react").JSX.Element | null;
+/**
+ * The same env tool as `EnvVarsModal`, rendered INLINE for hosts that place
+ * tools in a panel. Exists so there is exactly one implementation — the desktop
+ * dashboard used to ship its own copy of this component's internals.
+ */
+export declare function EnvToolView({ requiredEnvVars, }: {
+    requiredEnvVars: RequiredEnvVar[];
+}): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=EnvVarsModal.d.ts.map

package/lib/typescript/env/components/EnvVarsModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnvVarsModal.d.ts","sourceRoot":"","sources":["../../../../src/env/components/EnvVarsModal.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,cAAc,EAAc,MAAM,UAAU,CAAC;AAUtD,UAAU,iBAAiB;IACzB,4CAA4C;IAC5C,OAAO,EAAE,OAAO,CAAC;IACjB,qDAAqD;IACrD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,qFAAqF;IACrF,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,OAAO,EACP,eAAe,EACf,MAAM,EACN,UAAU,EACV,2BAAmC,GACpC,EAAE,iBAAiB,sCAgPnB"}
+{"version":3,"file":"EnvVarsModal.d.ts","sourceRoot":"","sources":["../../../../src/env/components/EnvVarsModal.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,cAAc,EAAc,MAAM,UAAU,CAAC;AAUtD,UAAU,iBAAiB;IACzB,4CAA4C;IAC5C,OAAO,EAAE,OAAO,CAAC;IACjB,qDAAqD;IACrD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,qFAAqF;IACrF,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,OAAO,EACP,eAAe,EACf,MAAM,EACN,UAAU,EACV,2BAAmC,EACnC,MAAc,GACf,EAAE,iBAAiB,sCAmQnB;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,eAAe,GAChB,EAAE;IACD,eAAe,EAAE,cAAc,EAAE,CAAC;CACnC,+BASA"}

package/lib/typescript/index.d.ts

@@ -1,5 +1,5 @@
 export { envToolPreset, createEnvTool } from "./preset";
-export { EnvVarsModal } from "./env/components/EnvVarsModal";
+export { EnvVarsModal, EnvToolView } from "./env/components/EnvVarsModal";
 export { createEnvSyncAdapter } from "./sync/envSyncAdapter";
 /** @internal - Remote mirror mode only (desktop dashboard). */
 export { setRemoteEnv } from "./env/utils/remoteEnv";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAGxD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAG7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,+DAA+D;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGrD,cAAc,aAAa,CAAC;AAG5B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAKxD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAG1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,+DAA+D;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGrD,cAAc,aAAa,CAAC;AAG5B,cAAc,aAAa,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buoy-gg/env",
-  "version": "7.0.4",
+  "version": "7.0.6",
   "description": "Environment variable devtool for React Native — auto-discovers EXPO_PUBLIC_ vars, validates types, scores config health. Part of Buoy devtools.",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -26,8 +26,8 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@buoy-gg/floating-tools-core": "7.0.4",
-    "@buoy-gg/shared-ui": "7.0.4"
+    "@buoy-gg/floating-tools-core": "7.0.6",
+    "@buoy-gg/shared-ui": "7.0.6"
   },
   "peerDependencies": {
     "react": "*",