@launchdarkly/toolbar 0.19.0-beta.1 → 0.22.0-beta.1

package/dist/js/index.js

@@ -1,46 +1,9 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { AnimatePresence, motion } from "motion/react";
-import react, { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import react, { createContext, forwardRef, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { Button, Group, Input, ListBox, ListBoxItem, Popover, SearchField, Select, SelectValue, Switch, TextField } from "@launchpad-ui/components";
 import { useVirtualizer } from "@tanstack/react-virtual";
 var __webpack_modules__ = {
-    "../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[2].use[2]!../../node_modules/.pnpm/@launchpad-ui+tokens@0.15.0/node_modules/@launchpad-ui/tokens/dist/fonts.css": function(module, __webpack_exports__, __webpack_require__) {
-        __webpack_require__.d(__webpack_exports__, {
-            A: ()=>__WEBPACK_DEFAULT_EXPORT__
-        });
-        var _rsbuild_core_1_5_4_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/css-loader/noSourceMaps.js");
-        var _rsbuild_core_1_5_4_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(_rsbuild_core_1_5_4_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-        var _rsbuild_core_1_5_4_node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/css-loader/api.js");
-        var _rsbuild_core_1_5_4_node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(_rsbuild_core_1_5_4_node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1__);
-        var _rsbuild_core_1_5_4_node_modules_rsbuild_core_compiled_css_loader_getUrl_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/css-loader/getUrl.js");
-        var _rsbuild_core_1_5_4_node_modules_rsbuild_core_compiled_css_loader_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/ __webpack_require__.n(_rsbuild_core_1_5_4_node_modules_rsbuild_core_compiled_css_loader_getUrl_js__WEBPACK_IMPORTED_MODULE_2__);
-        var ___CSS_LOADER_URL_IMPORT_0___ = new URL(__webpack_require__("../../node_modules/.pnpm/@launchpad-ui+tokens@0.15.0/node_modules/@launchpad-ui/tokens/dist/assets/Audimat3000-Regulier.var-subset.woff2"), __webpack_require__.b);
-        var ___CSS_LOADER_URL_IMPORT_1___ = new URL(__webpack_require__("../../node_modules/.pnpm/@launchpad-ui+tokens@0.15.0/node_modules/@launchpad-ui/tokens/dist/assets/Inter.var-subset.woff2"), __webpack_require__.b);
-        var ___CSS_LOADER_EXPORT___ = _rsbuild_core_1_5_4_node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_rsbuild_core_1_5_4_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());
-        var ___CSS_LOADER_URL_REPLACEMENT_0___ = _rsbuild_core_1_5_4_node_modules_rsbuild_core_compiled_css_loader_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_0___);
-        var ___CSS_LOADER_URL_REPLACEMENT_1___ = _rsbuild_core_1_5_4_node_modules_rsbuild_core_compiled_css_loader_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_1___);
-        ___CSS_LOADER_EXPORT___.push([
-            module.id,
-            `@font-face {
-  font-family: "Audimat 3000 Regulier";
-  font-style: normal;
-  font-weight: 400;
-  src: url(${___CSS_LOADER_URL_REPLACEMENT_0___}) format("woff2");
-  font-display: swap;
-}
-
-@font-face {
-  font-family: Inter;
-  font-style: normal;
-  font-weight: 300 800;
-  src: url(${___CSS_LOADER_URL_REPLACEMENT_1___}) format("woff2");
-  font-display: swap;
-}
-`,
-            ""
-        ]);
-        const __WEBPACK_DEFAULT_EXPORT__ = ___CSS_LOADER_EXPORT___;
-    },
     "../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[2].use[2]!../../node_modules/.pnpm/@launchpad-ui+tokens@0.15.0/node_modules/@launchpad-ui/tokens/dist/index.css": function(module, __webpack_exports__, __webpack_require__) {
         __webpack_require__.d(__webpack_exports__, {
             A: ()=>__WEBPACK_DEFAULT_EXPORT__
@@ -629,7 +592,7 @@ var __webpack_modules__ = {
         ]);
         const __WEBPACK_DEFAULT_EXPORT__ = ___CSS_LOADER_EXPORT___;
     },
-    "../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[2].use[2]!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{\"fileName\":\"src/ui/Toolbar/Header/Header.css.ts.vanilla.css\",\"source\":\"​#H4sIAAAAAAAAA61V227jIBB9z1eMKq2USEuF0zRNyON+yArb2KbFgAA3zq767yuwvdiJm6ZqX5LAHOZyZubk/ve+qfb0GcPfBUDOrRb0RKA0PD8sIHwjx2otqGMoU6KppSVAG6cgKUz4cYmjhlFL4E6oUkHGpGMGaOa4kvbOo6ngpUTcsdqS3u6vNc1zLksCGHa6BQzJVrfekNLspTSqkblPQRkCr9QsERK6O6PS0BPaY7wKaGVyZlCqnFM1gUS3YJXg+eyjp+kjQ3PeWALJWrfdBwbs7TWXqGK8rByBxz6tkuoOeVi8Le57IpNAZODD00DAk3AYc1sI1l5hIXjdTZ2ug9Mjz11FYP3YhR/SGXqg0meWOVRwRyBT0lEu/XXBhWOGQGo8XDJrl3gFXL4y45bJahzmIYQplHTI8j+MQLLpQoWrYx9viwMjVzqx6UkNzwpac3EaAUe3KKWWBeix4o4hq2nGCEh1NFSPM9ucsxr5uuD1ubGOFyfkOWDSjbHvUO6b25PbNZu2wznB+Mc4kceQyG0DuZufrb598w9TQ73TE5WRm/8VpkJlL7cRWyupApuxEX1LcRdevTJTCHUkUPE8Z3KygBvddiMI4FjrUAQzIbi23L7bsxn2eieB/Eh75HR73txeKz69NXi6NU9TTfvAw7tjEx3uvtvh/myaPI2SxZmJ56wx1o+LVvxCLgeVnI5Zf/vlbAGcodJy3xLSTS3g+7UFRi37ebEK0TYplFR+hkK5VzZmPWzMJ/YrBqGdfHEhrslSxKcBP8jow3Y6PVmw9iQj04HwV5U8Hyv5sB4fSml8z26qMUbYTv8rkrMii8t0orGcy3Vmu+ek5HZVjvGqSbzZzIfSs8YYJt0vX/hh8fYPBfEjJ8YIAAA=\"}!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/extracted.js": function(module, __webpack_exports__, __webpack_require__) {
+    "../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[2].use[2]!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{\"fileName\":\"src/ui/Toolbar/Header/Header.css.ts.vanilla.css\",\"source\":\"​#H4sIAAAAAAAAA62V227jIBBA3/MVo0ortdJS4TRJE/K4H7LCNrZpMSDAjbOr/vsKbC924qSp2pckMMNczlzy+HvXVDv6guHvAiDnVgt6JFAanu8XEL6RY7UW1DGUKdHU0hKgjVOQFCb8ONejhlFL4E6oUkHGpGMGaOa4kvbOa1PBS4m4Y7Ulvdxfa5rnXJYEMGx1CxiSjW69IKXZa2lUI3MfgjIE3qi5R0jo7oxKQ49oh/FD0FYmZwalyjlVE0h0C1YJns8+ep4+MjTnjSWQLHXbfWDAXl5ziSrGy8oRWPdhlVR3mvvF++KxB5kEkIGHx0DAQ9iP2RaCtVcoBKvbqdFlMHrguasIJOtV53+IZyiCSl9Y5lDBHYFMSUe59NcFF44ZAqnx6pJZe48fgMs3Ztx98jD28xT8FEo6ZPkfRiDpXYWrQ+9vgwOSK6VY9VTDs4LWXBxHiqNblFLLguqh4o4hq2nGCEh1MFSPI1udYo3AzsC+NNbx4og8AybdWPcCc1/dnm5XbdoO5wTjH+NA1iGQ2zpyO99c647p/MPUUG/0SGVk8z/DVKjs9TawtZIq0IyF6EuKO/fqjZlCqAOBiuc5k5MJXOm260EAx1qHojITgmvL7cWazdDrjQT4EXtkujktbr8sPj02eDo2z9Ol9oGFi20TDW6/2+DupJs8Rsliz8Rz1hjr20UrfrYvhzU5bbP+9svRAjhDpeW+JKTrWsCPSwuMWvbzbBSibJIoqXwPhXSvTMxymJhPzFd0Qrv1xYW4tpaifhr0hzX6tJl2TxakPWRkOiX81VWeT1Z5Px4frtL4nt2UY/Swmf5XJCdJFufhRGE5F+vMdM+tktu3cvRXTfzNRj6knjXGMOl++cT3i/d/eH3aB8cIAAA=\"}!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/extracted.js": function(module, __webpack_exports__, __webpack_require__) {
         __webpack_require__.d(__webpack_exports__, {
             A: ()=>__WEBPACK_DEFAULT_EXPORT__
         });
@@ -663,7 +626,7 @@ var __webpack_modules__ = {
 ._9uh9aj2 {
   object-fit: contain;
   filter: brightness(0) invert();
-  width: 25px;
+  width: 154px;
   height: auto;
 }
 
@@ -777,7 +740,7 @@ var __webpack_modules__ = {
         ]);
         const __WEBPACK_DEFAULT_EXPORT__ = ___CSS_LOADER_EXPORT___;
     },
-    "../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[2].use[2]!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{\"fileName\":\"src/ui/Toolbar/LaunchDarklyToolbar.css.ts.vanilla.css\",\"source\":\"​#H4sIAAAAAAAAA61U227jIBB9z1fMy0rJAxVOk17Ix1QYsD0NBgQ4tbvqv6/AdhJvslJ3tQ+2NPjMzDlnGD+8FWYncBgo/FwBOBswojUMKuyVPKwAShujbRlsqetT/EnQSNUzKCilGcDFsfa2M5IIq61ncOJ+TYh2Y0xqzwfySulmLOel8gwK10OwGuVd9POEtiflK20/GDQopTLpTHQ+pC7OoonKpyOJwWk+MKi0yiS5xtoQjKoNDISace9diFgNRFgTlYmXT1+rh9mIIhvhsW7iRXT03ITK+pZYjzUaNtky4hb525yvVfWd9ARbZD/m7BuJV4jdAiFVxTsdU5OknUj0SowTFFZ3rblxI0Svomju2pFLhMj9ktT+t7vBy2B1F1WWZh2DPf1xOIuegg+UsWHwNFnQqNHROf6fI3vK/KaGj7tlwzm25bsSkVSYalgTOWZvKtQx3ccyT9KoENZ0A2hOysd1sTkbGxqP5siALsiX2orjgsvzNZeCjl7ciP3TrK4KveRCf7dc99ZlXDjiucQuMCi2rh9fNGm5aviaG7ZoyGzdbp+HdYXhGfPd2TkuJZqawYvr0/Ovf4szeQr0ImBBrMzEEh8GxWH19QulZ2na2AQAAA==\"}!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/extracted.js": function(module, __webpack_exports__, __webpack_require__) {
+    "../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[2].use[2]!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{\"fileName\":\"src/ui/Toolbar/LaunchDarklyToolbar.css.ts.vanilla.css\",\"source\":\"​#H4sIAAAAAAAAA61UwY7aMBC98xW+VIKDVw6FwpqPqRzbSWYxnsiesKHV/ntlB1gC2Wq76nHGz2/ezBv76WfhVxpOJ8F+zxhrMQIBeskq6K3ZzRj7xcEb20u2LFablRCFECldKr2vA3becI0Og2RHFeacu3aIeR3UiT8LschoDMYGyYq2ZxEdmEn05ozGow2Vw1fJGjDG+pTTXYipSovgyYaUMhBbp06SVc72KaEc1J4D2UOUTNsL7qWLBNWJa/RkPb0fvc2eLu0Xuf0AdUOSLUXbD6qJ8PAeU1A+VhgOHAPU4OUZMdwb8S0zn7PVV+jStRHb9yl1hO3fuAjbCV2rCV2fIHpQtM48D6bcIH6MEMZWqnOUKiS3uIFg9bBpGl138A/+RQqWdDNpYKaIpMJY1OZuh1UZ0XVkr02uxbfdtf1z8AqGGslW26H/xg5TvsT/c8m2Wd+54PKu4CXG8sVq4hUkDvSkIM+mAkfpBZXZU29jnIsFA3+0gebF4jrY2ATwe8nESHzpUO9HWp5vtRRimMVDsx95dUOkMtG/fQdTD3z4InhQBrooWbFM47ipU+Y6B/D8atFa3GF0xnzWslYZA76WbNv27Dz9r3xrH2s2WU+SIVmxm739AZDPMzZuBQAA\"}!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/extracted.js": function(module, __webpack_exports__, __webpack_require__) {
         __webpack_require__.d(__webpack_exports__, {
             A: ()=>__WEBPACK_DEFAULT_EXPORT__
         });
@@ -789,7 +752,7 @@ var __webpack_modules__ = {
         ___CSS_LOADER_EXPORT___.push([
             module.id,
             `._1n4ciyy0 {
-  z-index: 1000;
+  z-index: 2147400100;
   background-color: var(--lp-color-gray-900);
   border: 1px solid var(--lp-color-gray-700);
   cursor: pointer;
@@ -797,76 +760,89 @@ var __webpack_modules__ = {
   align-items: center;
   display: flex;
   position: fixed;
-  bottom: 20px;
   overflow: hidden;
 }
 
 ._1n4ciyy1 {
   transform-origin: 100% 100%;
+  bottom: 20px;
   right: 20px;
 }
 
 ._1n4ciyy2 {
   transform-origin: 0 100%;
+  bottom: 20px;
   left: 20px;
 }
 
 ._1n4ciyy3 {
-  cursor: pointer;
+  transform-origin: 100% 0;
+  top: 20px;
+  right: 20px;
 }
 
 ._1n4ciyy4 {
+  transform-origin: 0 0;
+  top: 20px;
+  left: 20px;
+}
+
+._1n4ciyy5 {
+  cursor: pointer;
+}
+
+._1n4ciyy6 {
   cursor: default;
   flex-direction: column;
   justify-content: flex-start;
   align-items: stretch;
 }
 
-._1n4ciyy5 {
+._1n4ciyy7 {
   justify-content: center;
   align-items: center;
-  width: 60px;
-  height: 60px;
+  width: 48px;
+  height: 48px;
   display: flex;
   position: absolute;
   top: 50%;
   left: 50%;
 }
 
-._1n4ciyy6 {
+._1n4ciyy8 {
   object-fit: contain;
   filter: brightness(0) invert();
   flex-shrink: 0;
-  width: 34px;
-  height: 34px;
+  width: 28px;
+  height: 28px;
   display: block;
 }
 
-._1n4ciyy7 {
+._1n4ciyy9 {
   flex-direction: column;
   width: 100%;
   display: flex;
 }
 
-._1n4ciyy8 {
+._1n4ciyya {
   background-color: var(--lp-color-gray-900);
-  border-radius: 12px 12px 0 0;
+  border-radius: 12px;
   overflow: hidden;
 }
 
-._1n4ciyy9 {
+._1n4ciyyb {
   min-height: 450px;
 }
 
-._1n4ciyya {
+._1n4ciyyc {
   background-color: var(--lp-color-gray-900);
-  border-radius: 0 0 12px 12px;
+  border-radius: 12px;
   align-items: center;
   padding: 8px;
   display: flex;
 }
 
-._1n4ciyyb {
+._1n4ciyyd {
   flex: 1;
 }
 `,
@@ -1203,7 +1179,7 @@ var __webpack_modules__ = {
         ]);
         const __WEBPACK_DEFAULT_EXPORT__ = ___CSS_LOADER_EXPORT___;
     },
-    "../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[2].use[2]!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{\"fileName\":\"src/ui/Toolbar/TabContent/SettingsTab.css.ts.vanilla.css\",\"source\":\"​#H4sIAAAAAAAAA6VUQXLbMAy8+xU4Ngd6JMVxXPrYh2RoEZLQUCSHhCy5nfw9Q9pO5NhpM+3JowWxCywAL5/KsmEb9wX8XgDsXNAYxM4xu15C6SeIzpCGvQrfhDBe1M64INqgDmJTFHfbxcti+cYhjYos6o6MvkVnncWLhDK/6lVoyUootgsAr7Qm20oo136CqvATbPyUIo2zLCL9QgllNYNGpLZjCesiE+QC5c2CV7lgAMaJBQdlY+NCL2HwHkOtIqagQWYMInpV5zqK5UMSm1Vd5aobg5OEMqVoit6og8xYApSh1gpi7KOEGi1jSPDPITI1B1E7y2hZQhJBsUMeEW160Sp/7m4meJ8Fr1TSr9AUsGZyVqbOh/6d5iPL6lj2zMXVDRdXf3Wx+jj2hyvi03i+MIqc1aiezGH2cIaK3lmXfboUXd/25BPnsyGnPbqaQvYRrb7gf/yHpu7/t6lNFh1Jc3c8gMTWnSZz/m7IGAn1EAJa/pHU35YhdoHsc76kGev34y2q+rkNbrBaQt59rxJByu3JirNouriMqemMVcUJ+4OGyhpuj6ExbpTQkdbHlc7H9h5AY8hHiik0dsSYLw3Tn8MYlN/OL+vlFZtcuVWeBAAA\"}!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/extracted.js": function(module, __webpack_exports__, __webpack_require__) {
+    "../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[2].use[2]!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{\"fileName\":\"src/ui/Toolbar/TabContent/SettingsTab.css.ts.vanilla.css\",\"source\":\"​#H4sIAAAAAAAAA6VUy3LbMAy8+ytwbA/0SIrjOvSxH5KhRUhCQ5EcErbkdPLvHdKPyI+kmfakEUDurhZYzZ/LsmEbdwX8ngFsXNAYxMYxu15C6UeIzpCGnQrfhDBe1M64INqg9mJVFN/Xs7fZ/IwhjYos6o6MvgdnncWLC2U+1avQkpVQrGcAXmlNtpVQLv0IVeFHWPkxdRpnWUR6RQllNSkNSG3HEpZFBsgC5V3BiywYgHFkwUHZ2LjQS9h6j6FWEVPTIDMGEb2qs45i/pjIJqqrrPqOnI2qX9rgtlaLT1Q8Xdv2cMAzOEooE46m6I3ay1xLBWWotYIY+yihRssYUvnXNjI1e1E7y2hZQhKNYoM8INp0olX+JG9CuMiENyzpKTQFrJmclcnJbf8Oc43yeGPD4s5UFn+dSnXtx/Ijf78w2nyrUT2Z/eTgpCp6Z1326ZL0x31PPnA+G3Lcy5spZB/R6gv81T981MP/ftRTJh1Ic3cIVELrjpM5vTdkjIR6GwJa/pnYz8sQu0D2JSdzgqoO2T4vu4ScJa8SQLrbkxUn0pTgXFPjqVYVx9onHJvM4XYYGuMGCR1pfVjpHN73BhpDPlJMraEjxpxcTD+bISi/nibr7Q/GMgCb7gQAAA==\"}!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/extracted.js": function(module, __webpack_exports__, __webpack_require__) {
         __webpack_require__.d(__webpack_exports__, {
             A: ()=>__WEBPACK_DEFAULT_EXPORT__
         });
@@ -1233,6 +1209,11 @@ var __webpack_modules__ = {
 }
 
 ._11ftnsv2 {
+  background-color: var(--lp-color-gray-900);
+  font-size: 12px;
+}
+
+._11ftnsv3 {
   flex: 1;
   justify-content: space-between;
   align-items: center;
@@ -1240,52 +1221,52 @@ var __webpack_modules__ = {
   display: flex;
 }
 
-._11ftnsv3 {
+._11ftnsv4 {
   flex-direction: column;
   gap: 2px;
   display: flex;
 }
 
-._11ftnsv4 {
+._11ftnsv5 {
   color: var(--lp-color-gray-200);
   font-size: 14px;
   font-weight: 400;
 }
 
-._11ftnsv5 {
+._11ftnsv6 {
   color: var(--lp-color-gray-400);
   font-size: 12px;
   font-family: var(--lp-font-family-monospace);
 }
 
-._11ftnsv6 {
+._11ftnsv7 {
   justify-content: flex-end;
   align-items: center;
   gap: 8px;
   display: flex;
 }
 
-._11ftnsv7 {
+._11ftnsv8 {
   color: var(--lp-color-gray-300);
   font-size: 12px;
   font-family: var(--lp-font-family-monospace);
 }
 
-._11ftnsv8 {
+._11ftnsv9 {
   fill: currentColor;
   flex-shrink: 0;
   width: 16px;
   height: 16px;
 }
 
-._11ftnsv9 {
+._11ftnsva {
   background: none;
   flex-shrink: 0;
   min-width: 120px;
   max-width: 200px;
 }
 
-._11ftnsva {
+._11ftnsvb {
   text-overflow: ellipsis;
   white-space: nowrap;
   flex: 1;
@@ -1880,14 +1861,27 @@ var __webpack_modules__ = {
         var _node_modules_pnpm_rsbuild_core_1_5_4_node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(_node_modules_pnpm_rsbuild_core_1_5_4_node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1__);
         var _node_modules_pnpm_rsbuild_core_1_5_4_node_modules_rsbuild_core_compiled_css_loader_index_js_ruleSet_1_rules_2_use_1_builtin_lightningcss_loader_ruleSet_1_rules_2_use_2_node_modules_pnpm_launchpad_ui_tokens_0_15_0_node_modules_launchpad_ui_tokens_dist_index_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[2].use[2]!../../node_modules/.pnpm/@launchpad-ui+tokens@0.15.0/node_modules/@launchpad-ui/tokens/dist/index.css");
         var _node_modules_pnpm_rsbuild_core_1_5_4_node_modules_rsbuild_core_compiled_css_loader_index_js_ruleSet_1_rules_2_use_1_builtin_lightningcss_loader_ruleSet_1_rules_2_use_2_node_modules_pnpm_launchpad_ui_tokens_0_15_0_node_modules_launchpad_ui_tokens_dist_themes_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[2].use[2]!../../node_modules/.pnpm/@launchpad-ui+tokens@0.15.0/node_modules/@launchpad-ui/tokens/dist/themes.css");
-        var _node_modules_pnpm_rsbuild_core_1_5_4_node_modules_rsbuild_core_compiled_css_loader_index_js_ruleSet_1_rules_2_use_1_builtin_lightningcss_loader_ruleSet_1_rules_2_use_2_node_modules_pnpm_launchpad_ui_tokens_0_15_0_node_modules_launchpad_ui_tokens_dist_fonts_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[2].use[2]!../../node_modules/.pnpm/@launchpad-ui+tokens@0.15.0/node_modules/@launchpad-ui/tokens/dist/fonts.css");
         var ___CSS_LOADER_EXPORT___ = _node_modules_pnpm_rsbuild_core_1_5_4_node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_pnpm_rsbuild_core_1_5_4_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());
         ___CSS_LOADER_EXPORT___.i(_node_modules_pnpm_rsbuild_core_1_5_4_node_modules_rsbuild_core_compiled_css_loader_index_js_ruleSet_1_rules_2_use_1_builtin_lightningcss_loader_ruleSet_1_rules_2_use_2_node_modules_pnpm_launchpad_ui_tokens_0_15_0_node_modules_launchpad_ui_tokens_dist_index_css__WEBPACK_IMPORTED_MODULE_2__.A);
         ___CSS_LOADER_EXPORT___.i(_node_modules_pnpm_rsbuild_core_1_5_4_node_modules_rsbuild_core_compiled_css_loader_index_js_ruleSet_1_rules_2_use_1_builtin_lightningcss_loader_ruleSet_1_rules_2_use_2_node_modules_pnpm_launchpad_ui_tokens_0_15_0_node_modules_launchpad_ui_tokens_dist_themes_css__WEBPACK_IMPORTED_MODULE_3__.A);
-        ___CSS_LOADER_EXPORT___.i(_node_modules_pnpm_rsbuild_core_1_5_4_node_modules_rsbuild_core_compiled_css_loader_index_js_ruleSet_1_rules_2_use_1_builtin_lightningcss_loader_ruleSet_1_rules_2_use_2_node_modules_pnpm_launchpad_ui_tokens_0_15_0_node_modules_launchpad_ui_tokens_dist_fonts_css__WEBPACK_IMPORTED_MODULE_4__.A);
         ___CSS_LOADER_EXPORT___.push([
             module.id,
-            `body {
+            `@font-face {
+  font-family: inter;
+  src: url("https://static.launchdarkly.com/app/s/ld/inter.var-subset.woff2") format("woff2");
+  font-display: swap;
+  font-weight: 300 700;
+}
+
+@font-face {
+  font-family: "Audimat 3000 Regulier";
+  src: url("https://static.launchdarkly.com/app/s/ld/Audimat3000-Regulier.var-subset.woff2") format("woff2");
+  font-display: swap;
+  font-weight: 400;
+  -webkit-font-smoothing: antialiased;
+}
+
+body {
   font-family: var(--lp-font-family-base);
   color: var(--lp-color-text-ui-primary-base);
   margin: 0;
@@ -1897,12 +1891,6 @@ var __webpack_modules__ = {
         ]);
         const __WEBPACK_DEFAULT_EXPORT__ = ___CSS_LOADER_EXPORT___;
     },
-    "../../node_modules/.pnpm/@launchpad-ui+tokens@0.15.0/node_modules/@launchpad-ui/tokens/dist/assets/Audimat3000-Regulier.var-subset.woff2": function(module, __unused_webpack_exports, __webpack_require__) {
-        module.exports = __webpack_require__.p + "static/font/Audimat3000-Regulier.var-subset.woff2";
-    },
-    "../../node_modules/.pnpm/@launchpad-ui+tokens@0.15.0/node_modules/@launchpad-ui/tokens/dist/assets/Inter.var-subset.woff2": function(module, __unused_webpack_exports, __webpack_require__) {
-        module.exports = __webpack_require__.p + "static/font/Inter.var-subset.woff2";
-    },
     "../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/css-loader/api.js": function(module) {
         module.exports = function(cssWithMappingToString) {
             var list = [];
@@ -1956,17 +1944,6 @@ var __webpack_modules__ = {
             return list;
         };
     },
-    "../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/css-loader/getUrl.js": function(module) {
-        module.exports = function(url, options) {
-            if (!options) options = {};
-            if (!url) return url;
-            url = String(url.__esModule ? url.default : url);
-            if (/^['"].*['"]$/.test(url)) url = url.slice(1, -1);
-            if (options.hash) url += options.hash;
-            if (/["'() \t\n]|(%20)/.test(url) || options.needQuotes) return "\"".concat(url.replace(/"/g, '\\"').replace(/\n/g, "\\n"), "\"");
-            return url;
-        };
-    },
     "../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/css-loader/noSourceMaps.js": function(module) {
         module.exports = function(i) {
             return i[1];
@@ -2145,7 +2122,6 @@ function __webpack_require__(moduleId) {
     __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
     return module.exports;
 }
-__webpack_require__.m = __webpack_modules__;
 (()=>{
     __webpack_require__.n = (module)=>{
         var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
@@ -2163,32 +2139,12 @@ __webpack_require__.m = __webpack_modules__;
         });
     };
 })();
-(()=>{
-    __webpack_require__.g = (()=>{
-        if ('object' == typeof globalThis) return globalThis;
-        try {
-            return this || new Function('return this')();
-        } catch (e) {
-            if ('object' == typeof window) return window;
-        }
-    })();
-})();
 (()=>{
     __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
 })();
 (()=>{
     __webpack_require__.nc = void 0;
 })();
-(()=>{
-    var scriptUrl;
-    if ("string" == typeof import.meta.url) scriptUrl = import.meta.url;
-    if (!scriptUrl) throw new Error("Automatic publicPath is not supported in this browser");
-    scriptUrl = scriptUrl.replace(/^blob:/, "").replace(/#.*$/, "").replace(/\?.*$/, "").replace(/\/[^\/]+$/, "/");
-    __webpack_require__.p = scriptUrl + '../';
-})();
-(()=>{
-    // __webpack_require__.b = new URL("../", import.meta.url);
-})();
 var injectStylesIntoStyleTag = __webpack_require__("../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/style-loader/runtime/injectStylesIntoStyleTag.js");
 var injectStylesIntoStyleTag_default = /*#__PURE__*/ __webpack_require__.n(injectStylesIntoStyleTag);
 var styleDomAPI = __webpack_require__("../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/style-loader/runtime/styleDomAPI.js");
@@ -2229,6 +2185,127 @@ function useSearchContext() {
     if (!context) throw new Error('useSearchContext must be used within a SearchProvider');
     return context;
 }
+function isDoNotTrackEnabled() {
+    let flag;
+    if ('undefined' != typeof window && window.navigator) flag = void 0 !== window.navigator.doNotTrack ? window.navigator.doNotTrack : void 0 !== window.navigator.msDoNotTrack ? window.navigator.msDoNotTrack : window.doNotTrack;
+    return 1 === flag || true === flag || '1' === flag || 'yes' === flag;
+}
+const ANALYTICS_EVENT_PREFIX = 'ld.toolbar';
+const EVENTS = {
+    INITIALIZED: 'initialized',
+    POSITION_CHANGED: 'position.changed',
+    PIN_TOGGLED: 'pin.toggled',
+    TAB_CHANGED: 'tab.changed',
+    SEARCH: 'search',
+    TOGGLE: 'toggle',
+    TOGGLE_FLAG: 'toggle.flag',
+    OPEN_FLAG_DEEPLINK: 'open.flag.deeplink',
+    SHOW_OVERRIDES_ONLY: 'show.overrides.only',
+    EVENT_CLICK: 'event.click'
+};
+class ToolbarAnalytics {
+    ldClient = null;
+    searchDebounceTimer = null;
+    constructor(ldClient){
+        this.ldClient = ldClient || null;
+    }
+    track(eventName, properties) {
+        const fullEventName = `${ANALYTICS_EVENT_PREFIX}.${eventName}`;
+        if (!this.ldClient) return void console.debug('ToolbarAnalytics: LDClient not available, skipping track event:', fullEventName);
+        if (isDoNotTrackEnabled()) return;
+        try {
+            this.ldClient.track(fullEventName, properties);
+        } catch (error) {
+            console.error('ToolbarAnalytics: Failed to track event:', fullEventName, error);
+        }
+    }
+    trackInitialization() {
+        this.track(EVENTS.INITIALIZED, {});
+    }
+    trackPositionChange(oldPosition, newPosition, source) {
+        this.track(EVENTS.POSITION_CHANGED, {
+            oldPosition,
+            newPosition,
+            source
+        });
+    }
+    trackPinToggle(action) {
+        this.track(EVENTS.PIN_TOGGLED, {
+            action
+        });
+    }
+    trackTabChange(fromTab, toTab) {
+        this.track(EVENTS.TAB_CHANGED, {
+            fromTab,
+            toTab
+        });
+    }
+    trackSearch(query) {
+        if (this.searchDebounceTimer) clearTimeout(this.searchDebounceTimer);
+        this.searchDebounceTimer = setTimeout(()=>{
+            if (!query) return;
+            this.track(EVENTS.SEARCH, {
+                query
+            });
+            this.searchDebounceTimer = null;
+        }, 1000);
+    }
+    trackToolbarToggle(action, trigger) {
+        this.track(EVENTS.TOGGLE, {
+            action,
+            trigger
+        });
+    }
+    trackFlagOverride(flagKey, value, action) {
+        this.track(EVENTS.TOGGLE_FLAG, {
+            flagKey,
+            value: 'remove' === action ? null : value,
+            action
+        });
+    }
+    trackOpenFlagDeeplink(flagKey, baseUrl) {
+        this.track(EVENTS.OPEN_FLAG_DEEPLINK, {
+            flagKey,
+            baseUrl
+        });
+    }
+    trackShowOverridesOnlyClick(enabled) {
+        this.track(EVENTS.SHOW_OVERRIDES_ONLY, {
+            enabled
+        });
+    }
+    trackEventClick(eventName) {
+        this.track(EVENTS.EVENT_CLICK, {
+            eventName
+        });
+    }
+}
+const AnalyticsContext = /*#__PURE__*/ createContext(null);
+function AnalyticsProvider({ children, ldClient }) {
+    const analytics = useMemo(()=>new ToolbarAnalytics(ldClient), [
+        ldClient
+    ]);
+    const hasInitialized = useRef(false);
+    useEffect(()=>{
+        if (!hasInitialized.current) {
+            analytics.trackInitialization();
+            hasInitialized.current = true;
+        }
+    }, [
+        analytics
+    ]);
+    return /*#__PURE__*/ jsx(AnalyticsContext.Provider, {
+        value: {
+            analytics
+        },
+        children: children
+    });
+}
+function useAnalytics() {
+    const context = useContext(AnalyticsContext);
+    if (!context) throw new Error('useAnalytics must be used within an AnalyticsProvider');
+    return context.analytics;
+}
 const EASING = {
     bounce: [
         0.34,
@@ -2250,60 +2327,98 @@ const EASING = {
     ]
 };
 const ANIMATION_CONFIG = {
+    containerExpand: {
+        width: {
+            duration: 0.25,
+            ease: EASING.smooth
+        },
+        height: {
+            duration: 0.25,
+            ease: EASING.smooth
+        },
+        borderRadius: {
+            duration: 0.2,
+            ease: EASING.smooth
+        },
+        boxShadow: {
+            duration: 0.2,
+            ease: 'easeInOut'
+        }
+    },
+    containerCollapse: {
+        width: {
+            duration: 0.35,
+            ease: EASING.elastic
+        },
+        height: {
+            duration: 0.35,
+            ease: EASING.elastic
+        },
+        borderRadius: {
+            duration: 0.25,
+            ease: EASING.smooth
+        },
+        boxShadow: {
+            duration: 0.25,
+            ease: 'easeInOut'
+        }
+    },
     container: {
         width: {
-            duration: 0.5,
-            ease: EASING.bounce
+            duration: 0.25,
+            ease: EASING.smooth
         },
         height: {
-            duration: 0.5,
-            ease: EASING.bounce
+            duration: 0.25,
+            ease: EASING.smooth
         },
         borderRadius: {
-            duration: 0.4,
+            duration: 0.2,
             ease: EASING.smooth
         },
         boxShadow: {
-            duration: 0.3,
+            duration: 0.2,
             ease: 'easeInOut'
         }
     },
     circleLogo: {
         opacity: {
-            duration: 0.25,
+            duration: 0.15,
             ease: 'easeOut'
         },
         scale: {
-            duration: 0.3,
+            duration: 0.2,
             ease: EASING.smooth
         },
         rotate: {
-            duration: 0.3,
+            duration: 0.2,
             ease: EASING.smooth
         }
     },
     toolbarContent: {
         opacity: {
-            duration: 0.4,
+            duration: 0.2,
             ease: EASING.smooth
         },
         y: {
-            duration: 0.5,
-            ease: EASING.bounce
+            duration: 0.25,
+            ease: EASING.smooth
         },
         scale: {
-            duration: 0.5,
-            ease: EASING.bounce
+            duration: 0.25,
+            ease: EASING.smooth
         }
     },
     contentArea: {
         opacity: {
-            duration: 0.4,
-            ease: 'easeInOut'
+            duration: 0.2,
+            ease: 'easeInOut',
+            delay: 0.1
         },
-        maxHeight: {
-            duration: 0.5,
-            ease: EASING.elastic
+        y: {
+            duration: 0.25,
+            ease: EASING.smooth,
+            delay: 0.1
         }
     },
     tabContent: {
@@ -2312,14 +2427,14 @@ const ANIMATION_CONFIG = {
     },
     tabsContainer: {
         opacity: {
-            duration: 0.5,
-            ease: EASING.bounce
+            duration: 0.2,
+            ease: EASING.smooth
         },
         y: {
-            duration: 0.5,
-            ease: EASING.bounce
+            duration: 0.2,
+            ease: EASING.smooth
         },
-        delay: 0.3
+        delay: 0.05
     },
     eventList: {
         liveTail: {
@@ -2359,9 +2474,9 @@ const ANIMATION_CONFIG = {
 };
 const DIMENSIONS = {
     collapsed: {
-        width: 60,
-        height: 60,
-        borderRadius: 30
+        width: 48,
+        height: 48,
+        borderRadius: 24
     },
     expanded: {
         width: 400,
@@ -2378,21 +2493,25 @@ const SHADOWS = {
     hoveredCollapsed: '0 8px 40px rgba(0, 0, 0, 0.4)',
     collapsed: '0 4px 16px rgba(0, 0, 0, 0.3)'
 };
+const DRAG_CONSTANTS = {
+    THRESHOLD_PIXELS: 3,
+    CLICK_RESET_DELAY_MS: 50
+};
 function LaunchDarklyIcon({ className }) {
     return /*#__PURE__*/ jsx("svg", {
         className: className,
         fill: "currentColor",
         preserveAspectRatio: "xMidYMid",
-        viewBox: "-.00348466 0 256.88728835 255.31014671",
+        viewBox: "0 0 64 64",
         xmlns: "http://www.w3.org/2000/svg",
         role: "img",
         "aria-label": "LaunchDarkly",
         children: /*#__PURE__*/ jsx("path", {
-            d: "m129.865 255.306a5.637 5.637 0 0 1 -5.073-3.157 5.355 5.355 0 0 1 .507-5.637l59.98-82.584-105.02 42.899a5.778 5.778 0 0 1 -2.255.479 5.637 5.637 0 0 1 -5.384-4.059 5.412 5.412 0 0 1 2.311-6.172l92.365-54.54-162.632-9.357a5.637 5.637 0 0 1 0-11.106l162.717-9.33-92.393-54.538a5.412 5.412 0 0 1 -2.311-6.173 5.637 5.637 0 0 1 5.355-4.059c.78-.003 1.55.17 2.255.507l105.048 42.955-59.98-82.555a5.355 5.355 0 0 1 -.507-5.638 5.637 5.637 0 0 1 5.046-3.241c1.48.01 2.894.62 3.917 1.691l119.536 119.509a9.076 9.076 0 0 1 0 12.824l-119.592 119.648a5.442 5.442 0 0 1 -3.89 1.634z"
+            d: "M32.62 60.61c-.445 0-.892-.254-1.147-.7-.191-.444-.191-.889.128-1.27l13.582-18.62-23.785 9.66c-.191.063-.319.126-.51.126-.574 0-1.084-.381-1.212-.89-.191-.508.064-1.08.51-1.397l20.916-12.266-36.794-2.097c-.765-.063-1.211-.635-1.211-1.27 0-.573.382-1.208 1.211-1.272l36.794-2.097-20.916-12.265c-.446-.318-.701-.89-.51-1.398.192-.509.638-.89 1.212-.89.191 0 .319.063.51.127l23.785 9.66L31.601 5.067c-.255-.381-.32-.89-.128-1.271.191-.445.638-.7 1.148-.7.319 0 .638.128.893.382L60.55 30.36c.383.381.574.953.574 1.462 0 .508-.191 1.016-.574 1.461L33.514 60.23a1.26 1.26 0 0 1-.893.38Z"
         })
     });
 }
-var extracted = __webpack_require__("../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[2].use[2]!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{\"fileName\":\"src/ui/Toolbar/LaunchDarklyToolbar.css.ts.vanilla.css\",\"source\":\"​#H4sIAAAAAAAAA61U227jIBB9z1fMy0rJAxVOk17Ix1QYsD0NBgQ4tbvqv6/AdhJvslJ3tQ+2NPjMzDlnGD+8FWYncBgo/FwBOBswojUMKuyVPKwAShujbRlsqetT/EnQSNUzKCilGcDFsfa2M5IIq61ncOJ+TYh2Y0xqzwfySulmLOel8gwK10OwGuVd9POEtiflK20/GDQopTLpTHQ+pC7OoonKpyOJwWk+MKi0yiS5xtoQjKoNDISace9diFgNRFgTlYmXT1+rh9mIIhvhsW7iRXT03ITK+pZYjzUaNtky4hb525yvVfWd9ARbZD/m7BuJV4jdAiFVxTsdU5OknUj0SowTFFZ3rblxI0Svomju2pFLhMj9ktT+t7vBy2B1F1WWZh2DPf1xOIuegg+UsWHwNFnQqNHROf6fI3vK/KaGj7tlwzm25bsSkVSYalgTOWZvKtQx3ccyT9KoENZ0A2hOysd1sTkbGxqP5siALsiX2orjgsvzNZeCjl7ciP3TrK4KveRCf7dc99ZlXDjiucQuMCi2rh9fNGm5aviaG7ZoyGzdbp+HdYXhGfPd2TkuJZqawYvr0/Ovf4szeQr0ImBBrMzEEh8GxWH19QulZ2na2AQAAA==\"}!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/extracted.js");
+var extracted = __webpack_require__("../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[2].use[2]!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{\"fileName\":\"src/ui/Toolbar/LaunchDarklyToolbar.css.ts.vanilla.css\",\"source\":\"​#H4sIAAAAAAAAA61UwY7aMBC98xW+VIKDVw6FwpqPqRzbSWYxnsiesKHV/ntlB1gC2Wq76nHGz2/ezBv76WfhVxpOJ8F+zxhrMQIBeskq6K3ZzRj7xcEb20u2LFablRCFECldKr2vA3becI0Og2RHFeacu3aIeR3UiT8LschoDMYGyYq2ZxEdmEn05ozGow2Vw1fJGjDG+pTTXYipSovgyYaUMhBbp06SVc72KaEc1J4D2UOUTNsL7qWLBNWJa/RkPb0fvc2eLu0Xuf0AdUOSLUXbD6qJ8PAeU1A+VhgOHAPU4OUZMdwb8S0zn7PVV+jStRHb9yl1hO3fuAjbCV2rCV2fIHpQtM48D6bcIH6MEMZWqnOUKiS3uIFg9bBpGl138A/+RQqWdDNpYKaIpMJY1OZuh1UZ0XVkr02uxbfdtf1z8AqGGslW26H/xg5TvsT/c8m2Wd+54PKu4CXG8sVq4hUkDvSkIM+mAkfpBZXZU29jnIsFA3+0gebF4jrY2ATwe8nESHzpUO9HWp5vtRRimMVDsx95dUOkMtG/fQdTD3z4InhQBrooWbFM47ipU+Y6B/D8atFa3GF0xnzWslYZA76WbNv27Dz9r3xrH2s2WU+SIVmxm739AZDPMzZuBQAA\"}!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/extracted.js");
 var extracted_options = {};
 extracted_options.styleTagTransform = styleTagTransform_default();
 extracted_options.setAttributes = setAttributesWithoutAttributes_default();
@@ -2401,21 +2520,27 @@ extracted_options.domAPI = styleDomAPI_default();
 extracted_options.insertStyleElement = insertStyleElement_default();
 injectStylesIntoStyleTag_default()(extracted.A, extracted_options);
 extracted.A && extracted.A.locals && extracted.A.locals;
-var contentArea = '_1n4ciyy8';
-var tabsContainer = '_1n4ciyya';
-var scrollableContent = '_1n4ciyy9';
-var toolbarContent = '_1n4ciyy7';
-var positionRight = '_1n4ciyy1';
-var circleLogo = '_1n4ciyy6';
-var positionLeft = '_1n4ciyy2';
-var toolbarCircle = '_1n4ciyy3';
-var circleContent = '_1n4ciyy5';
+var contentArea = '_1n4ciyya';
+var positionBottomLeft = '_1n4ciyy2';
+var scrollableContent = '_1n4ciyyb';
+var tabsContainer = '_1n4ciyyc';
+var toolbarContent = '_1n4ciyy9';
+var circleLogo = '_1n4ciyy8';
+var positionTopLeft = '_1n4ciyy4';
+var circleContent = '_1n4ciyy7';
+var positionTopRight = '_1n4ciyy3';
+var toolbarCircle = '_1n4ciyy5';
+var positionBottomRight = '_1n4ciyy1';
 var toolbarContainer = '_1n4ciyy0';
-var toolbarExpanded = '_1n4ciyy4';
-function CircleLogo(props) {
-    const { hasBeenExpanded } = props;
-    return /*#__PURE__*/ jsx(motion.div, {
+var toolbarExpanded = '_1n4ciyy6';
+const CircleLogo = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { onClick, onMouseDown } = props;
+    return /*#__PURE__*/ jsx(motion.button, {
+        ref: ref,
         className: circleContent,
+        onClick: onClick,
+        onMouseDown: onMouseDown,
+        "aria-label": "Open LaunchDarkly toolbar",
         initial: {
             opacity: 0,
             x: '-50%',
@@ -2441,7 +2566,7 @@ function CircleLogo(props) {
             ...ANIMATION_CONFIG.circleLogo,
             opacity: {
                 ...ANIMATION_CONFIG.circleLogo.opacity,
-                delay: hasBeenExpanded ? 0.3 : 0
+                delay: 0
             }
         },
         children: /*#__PURE__*/ jsx(motion.div, {
@@ -2453,12 +2578,13 @@ function CircleLogo(props) {
                 ease: 'easeInOut'
             },
             children: /*#__PURE__*/ jsx(LaunchDarklyIcon, {
-                className: circleLogo
+                className: circleLogo,
+                "aria-hidden": "true"
             })
         })
     }, "circle-logo");
-}
-var _vanilla_extract_webpack_plugin_extracted = __webpack_require__("../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[2].use[2]!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{\"fileName\":\"src/ui/Toolbar/Header/Header.css.ts.vanilla.css\",\"source\":\"​#H4sIAAAAAAAAA61V227jIBB9z1eMKq2USEuF0zRNyON+yArb2KbFgAA3zq767yuwvdiJm6ZqX5LAHOZyZubk/ve+qfb0GcPfBUDOrRb0RKA0PD8sIHwjx2otqGMoU6KppSVAG6cgKUz4cYmjhlFL4E6oUkHGpGMGaOa4kvbOo6ngpUTcsdqS3u6vNc1zLksCGHa6BQzJVrfekNLspTSqkblPQRkCr9QsERK6O6PS0BPaY7wKaGVyZlCqnFM1gUS3YJXg+eyjp+kjQ3PeWALJWrfdBwbs7TWXqGK8rByBxz6tkuoOeVi8Le57IpNAZODD00DAk3AYc1sI1l5hIXjdTZ2ug9Mjz11FYP3YhR/SGXqg0meWOVRwRyBT0lEu/XXBhWOGQGo8XDJrl3gFXL4y45bJahzmIYQplHTI8j+MQLLpQoWrYx9viwMjVzqx6UkNzwpac3EaAUe3KKWWBeix4o4hq2nGCEh1NFSPM9ucsxr5uuD1ubGOFyfkOWDSjbHvUO6b25PbNZu2wznB+Mc4kceQyG0DuZufrb598w9TQ73TE5WRm/8VpkJlL7cRWyupApuxEX1LcRdevTJTCHUkUPE8Z3KygBvddiMI4FjrUAQzIbi23L7bsxn2eieB/Eh75HR73txeKz69NXi6NU9TTfvAw7tjEx3uvtvh/myaPI2SxZmJ56wx1o+LVvxCLgeVnI5Zf/vlbAGcodJy3xLSTS3g+7UFRi37ebEK0TYplFR+hkK5VzZmPWzMJ/YrBqGdfHEhrslSxKcBP8jow3Y6PVmw9iQj04HwV5U8Hyv5sB4fSml8z26qMUbYTv8rkrMii8t0orGcy3Vmu+ek5HZVjvGqSbzZzIfSs8YYJt0vX/hh8fYPBfEjJ8YIAAA=\"}!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/extracted.js");
+});
+var _vanilla_extract_webpack_plugin_extracted = __webpack_require__("../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[2].use[2]!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{\"fileName\":\"src/ui/Toolbar/Header/Header.css.ts.vanilla.css\",\"source\":\"​#H4sIAAAAAAAAA62V227jIBBA3/MVo0ortdJS4TRJE/K4H7LCNrZpMSDAjbOr/vsKbC924qSp2pckMMNczlzy+HvXVDv6guHvAiDnVgt6JFAanu8XEL6RY7UW1DGUKdHU0hKgjVOQFCb8ONejhlFL4E6oUkHGpGMGaOa4kvbOa1PBS4m4Y7Ulvdxfa5rnXJYEMGx1CxiSjW69IKXZa2lUI3MfgjIE3qi5R0jo7oxKQ49oh/FD0FYmZwalyjlVE0h0C1YJns8+ep4+MjTnjSWQLHXbfWDAXl5ziSrGy8oRWPdhlVR3mvvF++KxB5kEkIGHx0DAQ9iP2RaCtVcoBKvbqdFlMHrguasIJOtV53+IZyiCSl9Y5lDBHYFMSUe59NcFF44ZAqnx6pJZe48fgMs3Ztx98jD28xT8FEo6ZPkfRiDpXYWrQ+9vgwOSK6VY9VTDs4LWXBxHiqNblFLLguqh4o4hq2nGCEh1MFSPI1udYo3AzsC+NNbx4og8AybdWPcCc1/dnm5XbdoO5wTjH+NA1iGQ2zpyO99c647p/MPUUG/0SGVk8z/DVKjs9TawtZIq0IyF6EuKO/fqjZlCqAOBiuc5k5MJXOm260EAx1qHojITgmvL7cWazdDrjQT4EXtkujktbr8sPj02eDo2z9Ol9oGFi20TDW6/2+DupJs8Rsliz8Rz1hjr20UrfrYvhzU5bbP+9svRAjhDpeW+JKTrWsCPSwuMWvbzbBSibJIoqXwPhXSvTMxymJhPzFd0Qrv1xYW4tpaifhr0hzX6tJl2TxakPWRkOiX81VWeT1Z5Px4frtL4nt2UY/Swmf5XJCdJFufhRGE5F+vMdM+tktu3cvRXTfzNRj6knjXGMOl++cT3i/d/eH3aB8cIAAA=\"}!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/extracted.js");
 var webpack_plugin_extracted_options = {};
 webpack_plugin_extracted_options.styleTagTransform = styleTagTransform_default();
 webpack_plugin_extracted_options.setAttributes = setAttributesWithoutAttributes_default();
@@ -2473,7 +2599,6 @@ var searchButtonArea = '_9uh9aj7';
 var closeButtonArea = '_9uh9aj8';
 var rightSection = '_9uh9aj6';
 var environmentWrapper = '_9uh9ajg';
-var headerTitle = '_9uh9aj3';
 var logo = '_9uh9aj2';
 var environmentLabel = '_9uh9aj5';
 var searchWrapper = '_9uh9ajf';
@@ -2482,18 +2607,34 @@ var header = '_9uh9aj0';
 var actionButton = '_9uh9aj9';
 var searchGroup = '_9uh9ajc';
 var leftSection = '_9uh9aj1';
-function LogoSection() {
-    return /*#__PURE__*/ jsxs("div", {
+function LaunchDarklyLogo(props) {
+    const { className, onMouseDown } = props;
+    return /*#__PURE__*/ jsx("svg", {
+        className: className,
+        fill: "currentColor",
+        preserveAspectRatio: "xMidYMid",
+        viewBox: "0 0 156 24",
+        xmlns: "http://www.w3.org/2000/svg",
+        role: "img",
+        "aria-label": "LaunchDarkly",
+        onMouseDown: onMouseDown,
+        style: onMouseDown ? {
+            cursor: 'grab'
+        } : void 0,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M9.33 18.729V16.45H2.578V5.272H0v13.457h9.33Zm6.485-.424a4.01 4.01 0 0 0 1.276-1.67v2.093h2.472v-6.49c0-.688-.16-1.324-.505-1.854s-.85-.954-1.488-1.245c-.638-.291-1.41-.45-2.286-.45a8.26 8.26 0 0 0-1.41.132c-.45.08-.876.212-1.275.371-.399.159-.77.344-1.09.556l.08 2.305a8.662 8.662 0 0 1 1.78-.9 5.624 5.624 0 0 1 1.941-.319c.558 0 1.01.133 1.33.398.318.265.478.609.478 1.033v.662h-2.233c-1.329 0-2.366.265-3.136.821-.771.557-1.143 1.325-1.143 2.305 0 .556.133 1.033.372 1.483.265.45.611.795 1.09 1.034.478.264 1.036.37 1.648.37.85 0 1.541-.212 2.1-.635Zm-2.232-1.67a1.078 1.078 0 0 1-.426-.873c0-.45.186-.795.585-1.034.372-.238.957-.37 1.701-.37h1.595v.37c0 .318-.08.636-.266.98a2.349 2.349 0 0 1-.824.875c-.372.238-.797.37-1.276.37-.452 0-.824-.105-1.09-.317Zm13.848 1.643c.585-.503 1.01-1.192 1.276-2.04v2.49h2.498V8.98h-2.498v4.556c0 .663-.107 1.245-.32 1.749-.212.503-.504.927-.903 1.192a2.23 2.23 0 0 1-1.356.424c-.558 0-.983-.16-1.302-.477-.292-.318-.452-.795-.452-1.404V8.98h-2.498v6.093c0 1.271.292 2.225.903 2.914.612.689 1.41 1.033 2.446 1.033.903 0 1.621-.239 2.206-.742Zm9.01-4.106c0-.662.107-1.245.32-1.748.212-.503.505-.927.877-1.192.372-.292.824-.424 1.329-.424.558 0 .983.159 1.302.477.293.318.452.794.452 1.404v6.066h2.525v-6.093c0-1.271-.292-2.225-.904-2.914-.61-.688-1.408-1.033-2.445-1.033-.877 0-1.595.265-2.18.742-.558.503-.983 1.192-1.275 2.04v-2.49h-2.499v9.748h2.499v-4.583ZM51.7 18.94c.319-.053.638-.132.904-.212.292-.079.531-.185.797-.264l.026-2.358c-.398.212-.824.344-1.275.45a5.923 5.923 0 0 1-1.356.16c-.665 0-1.25-.133-1.701-.372a2.24 2.24 0 0 1-1.01-1.033 3.26 3.26 0 0 1-.32-1.457c0-.53.107-1.006.32-1.457.212-.424.558-.768 1.01-1.033.452-.265 1.01-.37 1.648-.37.505 0 .957.052 1.409.158.451.106.85.265 1.249.45l-.027-2.436c-.292-.106-.558-.212-.824-.265a4.252 4.252 0 0 0-.903-.16 6.336 6.336 0 0 0-1.037-.079c-1.116 0-2.073.239-2.897.689a4.949 4.949 0 0 0-1.914 1.854c-.452.795-.665 1.67-.665 2.676 0 .98.24 1.88.691 2.649a4.646 4.646 0 0 0 1.914 1.801c.824.424 1.781.662 2.871.662.399.027.77 0 1.09-.053Zm6.459-.212v-4.556c0-.662.106-1.245.319-1.748.212-.503.505-.927.904-1.192a2.15 2.15 0 0 1 1.328-.424c.585 0 1.01.159 1.303.477.292.318.452.794.452 1.404v6.066h2.498v-6.093c0-1.271-.292-2.225-.903-2.914-.612-.688-1.41-1.033-2.446-1.033-.877 0-1.621.265-2.18.742-.584.503-1.01 1.192-1.275 2.04V5.27h-2.472v13.457h2.472Zm14.885 0c1.435 0 2.658-.264 3.668-.82 1.01-.557 1.78-1.325 2.312-2.332.532-1.007.798-2.199.798-3.55 0-1.35-.266-2.543-.798-3.55a5.657 5.657 0 0 0-2.312-2.357c-1.01-.556-2.233-.821-3.668-.821H67.86v13.457h5.183v-.026Zm-2.605-2.278v-8.9h2.578c1.303 0 2.313.397 3.03 1.165.745.795 1.09 1.881 1.09 3.285 0 1.404-.372 2.517-1.09 3.285-.744.768-1.754 1.165-3.03 1.165h-2.578Zm15.921 1.855a4.01 4.01 0 0 0 1.276-1.67v2.093h2.472v-6.49c0-.688-.16-1.324-.505-1.854s-.85-.954-1.488-1.245c-.638-.291-1.409-.45-2.286-.45-.479 0-.957.053-1.409.132-.452.08-.877.212-1.276.371-.398.159-.77.344-1.09.556l.08 2.305a8.662 8.662 0 0 1 1.781-.9 5.624 5.624 0 0 1 1.94-.319c.559 0 1.01.133 1.33.398.319.265.478.609.478 1.033v.662h-2.18c-1.329 0-2.365.265-3.136.821-.771.557-1.143 1.325-1.143 2.305 0 .556.133 1.033.372 1.483.266.45.611.795 1.09 1.034.478.264 1.036.37 1.648.37.824 0 1.488-.212 2.046-.635Zm-2.232-1.67a1.078 1.078 0 0 1-.425-.873c0-.45.186-.795.584-1.034.372-.238.957-.37 1.701-.37h1.595v.37c0 .318-.08.636-.266.98a2.349 2.349 0 0 1-.824.875c-.372.238-.77.344-1.249.344-.452.027-.824-.08-1.116-.291Zm11.03 2.093V14.57c0-1.086.24-1.907.692-2.463.452-.556 1.09-.848 1.86-.848.372 0 .718.053 1.037.16V9.006a3.096 3.096 0 0 0-.478-.106c-.16-.027-.346-.027-.532-.027a2.15 2.15 0 0 0-1.568.636c-.426.424-.771 1.033-.984 1.775v-2.33h-2.498v9.748h2.472v.026Zm7.682 0v-3.152l.904-.848 2.924 4h2.977l-4.173-5.695 4.093-4.053h-3.136l-3.562 3.444V5.272h-2.472v13.457h2.445Zm10.819 0V5.271h-2.499v13.457h2.499Zm3.827 3.63c.93 0 1.675-.186 2.259-.557.585-.37 1.064-1.033 1.462-1.96l4.492-10.86h-2.578l-2.631 6.807-2.712-6.808H115.2l4.014 9.722-.213.503c-.133.318-.292.583-.531.716-.213.158-.559.238-1.011.238h-2.073v2.199h2.1ZM144.092 24a.56.56 0 0 1-.478-.291c-.08-.186-.08-.371.053-.53l5.661-7.762-9.914 4.027c-.08.026-.133.053-.213.053a.518.518 0 0 1-.505-.371c-.079-.212.027-.45.213-.583l8.718-5.112-15.337-.875a.525.525 0 0 1-.505-.53c0-.238.16-.503.505-.53l15.337-.873-8.718-5.113c-.186-.133-.292-.37-.213-.583a.544.544 0 0 1 .505-.37c.08 0 .133.026.213.052l9.914 4.027-5.661-7.788c-.106-.16-.133-.371-.053-.53.079-.186.265-.292.478-.292.133 0 .266.053.372.16l11.27 11.205a.88.88 0 0 1 .24.609.93.93 0 0 1-.24.61l-11.27 11.231a.525.525 0 0 1-.372.159Z"
+        })
+    });
+}
+function LogoSection(props) {
+    const { onMouseDown } = props;
+    return /*#__PURE__*/ jsx("div", {
         className: leftSection,
-        children: [
-            /*#__PURE__*/ jsx(LaunchDarklyIcon, {
-                className: logo
-            }),
-            /*#__PURE__*/ jsx("span", {
-                className: headerTitle,
-                children: "Developers"
-            })
-        ]
+        "aria-hidden": "true",
+        children: /*#__PURE__*/ jsx(LaunchDarklyLogo, {
+            className: logo,
+            onMouseDown: onMouseDown
+        })
     });
 }
 function EnvironmentLabel(props) {
@@ -2627,6 +2768,19 @@ function SyncIcon({ className }) {
         })
     });
 }
+function ChevronUpIcon({ className }) {
+    return /*#__PURE__*/ jsx("svg", {
+        className: `${Icon_css_icon} ${className}`,
+        fill: "currentColor",
+        viewBox: "0 0 20 20",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ jsx("path", {
+            fillRule: "evenodd",
+            d: "M9.47 6.97a.75.75 0 0 1 1.06 0l5 5a.75.75 0 0 1-1.06 1.06L10 8.56l-4.47 4.47a.75.75 0 1 1-1.06-1.06z",
+            clipRule: "evenodd"
+        })
+    });
+}
 function ChevronDownIcon({ className }) {
     return /*#__PURE__*/ jsx("svg", {
         className: `${Icon_css_icon} ${className}`,
@@ -2634,14 +2788,132 @@ function ChevronDownIcon({ className }) {
         viewBox: "0 0 24 24",
         xmlns: "http://www.w3.org/2000/svg",
         children: /*#__PURE__*/ jsx("path", {
-            d: "M12 15.5l-6-6 1.41-1.41L12 12.67l4.59-4.58L18 9.5z"
+            "fill-rule": "evenodd",
+            d: "M4.47 6.97a.75.75 0 0 1 1.06 0L10 11.44l4.47-4.47a.75.75 0 1 1 1.06 1.06l-5 5a.75.75 0 0 1-1.06 0l-5-5a.75.75 0 0 1 0-1.06",
+            "clip-rule": "evenodd"
         })
     });
 }
+const TAB_ORDER = [
+    'flag-sdk',
+    'flag-dev-server',
+    'events',
+    'settings'
+];
+function getToolbarMode(devServerUrl) {
+    return devServerUrl ? 'dev-server' : 'sdk';
+}
+function getTabsForMode(mode, hasFlagOverridePlugin, hasEventInterceptionPlugin) {
+    if ('dev-server' === mode) {
+        const tabs = [
+            'flag-dev-server'
+        ];
+        tabs.push('settings');
+        return tabs;
+    }
+    const tabs = [];
+    if (hasFlagOverridePlugin) tabs.push('flag-sdk');
+    if (hasEventInterceptionPlugin) tabs.push('events');
+    tabs.push('settings');
+    return tabs;
+}
+function getDefaultActiveTab(mode, hasFlagOverridePlugin, hasEventInterceptionPlugin) {
+    if ('dev-server' === mode) return 'flag-dev-server';
+    if ('sdk' === mode) {
+        if (hasFlagOverridePlugin) return 'flag-sdk';
+        if (hasEventInterceptionPlugin) return 'events';
+    }
+    return 'settings';
+}
+const TOOLBAR_POSITIONS = [
+    'top-left',
+    'top-right',
+    'bottom-left',
+    'bottom-right'
+];
+const TOOLBAR_STORAGE_KEYS = {
+    SETTINGS: 'ld-toolbar-settings',
+    DISABLED: 'ld-toolbar-disabled',
+    PROJECT: 'ld-toolbar-project'
+};
+const DEFAULT_SETTINGS = {
+    position: 'bottom-right',
+    pinned: false
+};
+function updateSetting(key, value) {
+    try {
+        const stored = localStorage.getItem(TOOLBAR_STORAGE_KEYS.SETTINGS);
+        let currentSettings = {};
+        if (stored) currentSettings = JSON.parse(stored);
+        const newSettings = {
+            ...currentSettings,
+            [key]: value
+        };
+        localStorage.setItem(TOOLBAR_STORAGE_KEYS.SETTINGS, JSON.stringify(newSettings));
+    } catch (error) {
+        console.warn(`Failed to save toolbar ${key} to localStorage:`, error);
+    }
+}
+function saveToolbarPosition(position) {
+    updateSetting('position', position);
+}
+function loadToolbarPosition() {
+    try {
+        const stored = localStorage.getItem(TOOLBAR_STORAGE_KEYS.SETTINGS);
+        if (!stored) return null;
+        const parsed = JSON.parse(stored);
+        if (!parsed.position) return null;
+        return TOOLBAR_POSITIONS.includes(parsed.position) ? parsed.position : null;
+    } catch (error) {
+        console.warn('Failed to load toolbar position from localStorage:', error);
+        return null;
+    }
+}
+function saveToolbarPinned(isPinned) {
+    updateSetting('pinned', isPinned);
+}
+function loadToolbarPinned() {
+    try {
+        const stored = localStorage.getItem(TOOLBAR_STORAGE_KEYS.SETTINGS);
+        if (!stored) return DEFAULT_SETTINGS.pinned;
+        const parsed = JSON.parse(stored);
+        return 'boolean' == typeof parsed.pinned ? parsed.pinned : DEFAULT_SETTINGS.pinned;
+    } catch (error) {
+        console.warn('Failed to load toolbar pinned state from localStorage:', error);
+        return false;
+    }
+}
+const ToolbarUIContext = /*#__PURE__*/ createContext(null);
+const useToolbarUIContext = ()=>{
+    const context = useContext(ToolbarUIContext);
+    if (!context) throw new Error('useToolbarUIContext must be used within ToolbarUIProvider');
+    return context;
+};
+const ToolbarUIProvider = ({ children, initialPosition })=>{
+    const initialValidPosition = initialPosition && TOOLBAR_POSITIONS.includes(initialPosition) ? initialPosition : void 0;
+    const [position, setPosition] = useState(()=>loadToolbarPosition() || initialValidPosition || DEFAULT_SETTINGS.position);
+    const handlePositionChange = useCallback((newPosition)=>{
+        setPosition(newPosition);
+        saveToolbarPosition(newPosition);
+    }, []);
+    const value = useMemo(()=>({
+            position,
+            handlePositionChange
+        }), [
+        position,
+        handlePositionChange
+    ]);
+    return /*#__PURE__*/ jsx(ToolbarUIContext.Provider, {
+        value: value,
+        children: children
+    });
+};
 function ActionButtons(props) {
     const { searchIsExpanded, setSearchIsExpanded, onClose, onRefresh, showSearchButton, showRefreshButton } = props;
     const [isSpinning, setIsSpinning] = useState(false);
     const [rotationCount, setRotationCount] = useState(0);
+    const { position } = useToolbarUIContext();
+    const isTop = position.startsWith('top-');
     const handleRefreshClick = useCallback(()=>{
         if (isSpinning) return;
         setIsSpinning(true);
@@ -2719,7 +2991,7 @@ function ActionButtons(props) {
                         duration: 0.1
                     },
                     children: /*#__PURE__*/ jsx(IconButton, {
-                        icon: /*#__PURE__*/ jsx(ChevronDownIcon, {}),
+                        icon: isTop ? /*#__PURE__*/ jsx(ChevronUpIcon, {}) : /*#__PURE__*/ jsx(ChevronDownIcon, {}),
                         label: "Close toolbar",
                         onClick: onClose,
                         className: actionButton
@@ -2838,110 +3110,24 @@ class FlagStateManager {
         await this.devServerClient.setOverride(flagKey, value);
         await this.notifyListeners();
     }
-    async clearOverride(flagKey) {
-        await this.devServerClient.clearOverride(flagKey);
-        await this.notifyListeners();
-    }
-    subscribe(listener) {
-        this.listeners.add(listener);
-        return ()=>this.listeners.delete(listener);
-    }
-    async notifyListeners() {
-        try {
-            const flags = await this.getEnhancedFlags();
-            this.listeners.forEach((listener)=>listener(flags));
-        } catch (error) {
-            console.error('Error notifying listeners:', error);
-        }
-    }
-    destroy() {
-        this.listeners.clear();
-    }
-}
-const TAB_ORDER = [
-    'flag-sdk',
-    'flag-dev-server',
-    'events',
-    'settings'
-];
-function getToolbarMode(devServerUrl) {
-    return devServerUrl ? 'dev-server' : 'sdk';
-}
-function getTabsForMode(mode, hasFlagOverridePlugin, hasEventInterceptionPlugin) {
-    if ('dev-server' === mode) {
-        const tabs = [
-            'flag-dev-server'
-        ];
-        tabs.push('settings');
-        return tabs;
-    }
-    const tabs = [];
-    if (hasFlagOverridePlugin) tabs.push('flag-sdk');
-    if (hasEventInterceptionPlugin) tabs.push('events');
-    tabs.push('settings');
-    return tabs;
-}
-function getDefaultActiveTab(mode, hasFlagOverridePlugin, hasEventInterceptionPlugin) {
-    if ('dev-server' === mode) return 'flag-dev-server';
-    if ('sdk' === mode) {
-        if (hasFlagOverridePlugin) return 'flag-sdk';
-        if (hasEventInterceptionPlugin) return 'events';
+    async clearOverride(flagKey) {
+        await this.devServerClient.clearOverride(flagKey);
+        await this.notifyListeners();
     }
-    return 'settings';
-}
-const TOOLBAR_POSITIONS = [
-    'left',
-    'right'
-];
-const TOOLBAR_STORAGE_KEYS = {
-    SETTINGS: 'ld-toolbar-settings',
-    DISABLED: 'ld-toolbar-disabled',
-    PROJECT: 'ld-toolbar-project'
-};
-const DEFAULT_SETTINGS = {
-    position: 'right',
-    pinned: false
-};
-function updateSetting(key, value) {
-    try {
-        const stored = localStorage.getItem(TOOLBAR_STORAGE_KEYS.SETTINGS);
-        let currentSettings = {};
-        if (stored) currentSettings = JSON.parse(stored);
-        const newSettings = {
-            ...currentSettings,
-            [key]: value
-        };
-        localStorage.setItem(TOOLBAR_STORAGE_KEYS.SETTINGS, JSON.stringify(newSettings));
-    } catch (error) {
-        console.warn(`Failed to save toolbar ${key} to localStorage:`, error);
+    subscribe(listener) {
+        this.listeners.add(listener);
+        return ()=>this.listeners.delete(listener);
     }
-}
-function saveToolbarPosition(position) {
-    updateSetting('position', position);
-}
-function loadToolbarPosition() {
-    try {
-        const stored = localStorage.getItem(TOOLBAR_STORAGE_KEYS.SETTINGS);
-        if (!stored) return null;
-        const parsed = JSON.parse(stored);
-        return parsed.position && TOOLBAR_POSITIONS.includes(parsed.position) ? parsed.position : null;
-    } catch (error) {
-        console.warn('Failed to load toolbar position from localStorage:', error);
-        return null;
+    async notifyListeners() {
+        try {
+            const flags = await this.getEnhancedFlags();
+            this.listeners.forEach((listener)=>listener(flags));
+        } catch (error) {
+            console.error('Error notifying listeners:', error);
+        }
     }
-}
-function saveToolbarPinned(isPinned) {
-    updateSetting('pinned', isPinned);
-}
-function loadToolbarPinned() {
-    try {
-        const stored = localStorage.getItem(TOOLBAR_STORAGE_KEYS.SETTINGS);
-        if (!stored) return DEFAULT_SETTINGS.pinned;
-        const parsed = JSON.parse(stored);
-        return 'boolean' == typeof parsed.pinned ? parsed.pinned : DEFAULT_SETTINGS.pinned;
-    } catch (error) {
-        console.warn('Failed to load toolbar pinned state from localStorage:', error);
-        return false;
+    destroy() {
+        this.listeners.clear();
     }
 }
 const STORAGE_KEY = TOOLBAR_STORAGE_KEYS.PROJECT;
@@ -2951,10 +3137,8 @@ const useDevServerContext = ()=>{
     if (!context) throw new Error('useDevServerContext must be used within DevServerProvider');
     return context;
 };
-const DevServerProvider = ({ children, config, initialPosition })=>{
-    const [toolbarState, setToolbarState] = useState(()=>{
-        const savedPosition = loadToolbarPosition();
-        return {
+const DevServerProvider = ({ children, config })=>{
+    const [toolbarState, setToolbarState] = useState(()=>({
             flags: {},
             connectionStatus: 'disconnected',
             lastSyncTime: 0,
@@ -2962,10 +3146,8 @@ const DevServerProvider = ({ children, config, initialPosition })=>{
             error: null,
             sourceEnvironmentKey: null,
             availableProjects: [],
-            currentProjectKey: null,
-            position: savedPosition || initialPosition || DEFAULT_SETTINGS.position
-        };
-    });
+            currentProjectKey: null
+        }));
     const devServerClient = useMemo(()=>{
         if (config.devServerUrl) return new DevServerClient(config.devServerUrl, config.projectKey);
         return null;
@@ -3309,29 +3491,20 @@ const DevServerProvider = ({ children, config, initialPosition })=>{
         flagStateManager,
         toolbarState.availableProjects
     ]);
-    const handlePositionChange = useCallback((newPosition)=>{
-        setToolbarState((prev)=>({
-                ...prev,
-                position: newPosition
-            }));
-        saveToolbarPosition(newPosition);
-    }, []);
     const value = useMemo(()=>({
             state: toolbarState,
             setOverride,
             clearOverride,
             clearAllOverrides,
             refresh,
-            switchProject,
-            handlePositionChange
+            switchProject
         }), [
         toolbarState,
         setOverride,
         clearOverride,
         clearAllOverrides,
         refresh,
-        switchProject,
-        handlePositionChange
+        switchProject
     ]);
     return /*#__PURE__*/ jsx(DevServerContext.Provider, {
         value: value,
@@ -3418,21 +3591,28 @@ function ConnectionStatus(props) {
     });
 }
 function Header(props) {
-    const { onClose, onSearch, searchTerm, searchIsExpanded, setSearchIsExpanded, label, mode } = props;
+    const { onClose, onSearch, searchTerm, searchIsExpanded, setSearchIsExpanded, label, mode, onMouseDown } = props;
     const { state, refresh } = useDevServerContext();
     const { connectionStatus } = state;
     const isConnected = 'connected' === connectionStatus;
+    const analytics = useAnalytics();
     const isDevServer = 'dev-server' === mode;
     const showEnvironment = isDevServer && isConnected;
     const showSearch = isDevServer ? isConnected : true;
     const showRefresh = isDevServer;
     const showConnectionStatus = isDevServer;
+    const handleSearch = (term)=>{
+        onSearch(term);
+        analytics.trackSearch(term);
+    };
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             /*#__PURE__*/ jsxs("div", {
                 className: header,
                 children: [
-                    /*#__PURE__*/ jsx(LogoSection, {}),
+                    /*#__PURE__*/ jsx(LogoSection, {
+                        onMouseDown: onMouseDown
+                    }),
                     /*#__PURE__*/ jsx("div", {
                         className: centerSection,
                         children: (showEnvironment || showSearch) && /*#__PURE__*/ jsx(AnimatePresence, {
@@ -3456,7 +3636,7 @@ function Header(props) {
                                 },
                                 children: /*#__PURE__*/ jsx(SearchSection, {
                                     searchTerm: searchTerm,
-                                    onSearch: onSearch,
+                                    onSearch: handleSearch,
                                     setSearchIsExpanded: setSearchIsExpanded
                                 })
                             }, "search") : showEnvironment ? /*#__PURE__*/ jsx(motion.div, {
@@ -3547,7 +3727,7 @@ const Tabs_Tabs = /*#__PURE__*/ react.forwardRef(function(props, ref) {
     }, []);
     useEffect(()=>{
         updateIndicatorPosition();
-        const timeoutId = setTimeout(updateIndicatorPosition, 200);
+        const timeoutId = setTimeout(updateIndicatorPosition, 250);
         return ()=>clearTimeout(timeoutId);
     }, [
         currentActiveTab,
@@ -4367,17 +4547,26 @@ function LocalObjectFlagControl(props) {
 function FlagSdkOverrideTabContentInner(props) {
     const { flagOverridePlugin } = props;
     const { searchTerm } = useSearchContext();
+    const analytics = useAnalytics();
     const { flags, isLoading } = useFlagSdkOverrideContext();
     const [showOverriddenOnly, setShowOverriddenOnly] = useState(false);
     const parentRef = useRef(null);
     const handleClearOverride = useCallback((flagKey)=>{
-        if (flagOverridePlugin) flagOverridePlugin.removeOverride(flagKey);
+        if (flagOverridePlugin) {
+            flagOverridePlugin.removeOverride(flagKey);
+            analytics.trackFlagOverride(flagKey, null, 'remove');
+        }
     }, [
-        flagOverridePlugin
+        flagOverridePlugin,
+        analytics
     ]);
     const totalOverriddenFlags = useMemo(()=>Object.values(flags).filter((flag)=>flag.isOverridden).length, [
         flags
     ]);
+    const showOverridesOnlyChanged = (enabled)=>{
+        setShowOverriddenOnly(enabled);
+        analytics.trackShowOverridesOnlyClick(enabled);
+    };
     const flagEntries = Object.entries(flags);
     const filteredFlags = flagEntries.filter(([flagKey, flag])=>{
         const matchesSearch = flag.name.toLowerCase().includes(searchTerm.toLowerCase()) || flagKey.toLowerCase().includes(searchTerm.trim().toLowerCase());
@@ -4397,9 +4586,15 @@ function FlagSdkOverrideTabContentInner(props) {
     const ldClient = flagOverridePlugin.getClient();
     const handleSetOverride = (flagKey, value)=>{
         flagOverridePlugin.setOverride(flagKey, value);
+        analytics.trackFlagOverride(flagKey, value, 'set');
     };
     const handleClearAllOverrides = ()=>{
+        const currentOverrides = flagOverridePlugin.getAllOverrides();
+        const overrideCount = Object.keys(currentOverrides).length;
         flagOverridePlugin.clearAllOverrides();
+        analytics.trackFlagOverride('*', {
+            count: overrideCount
+        }, 'clear_all');
     };
     const renderFlagControl = (flag)=>{
         const handleOverride = (value)=>handleSetOverride(flag.key, value);
@@ -4449,7 +4644,7 @@ function FlagSdkOverrideTabContentInner(props) {
                     children: [
                         /*#__PURE__*/ jsx("button", {
                             className: `${toggleButton} ${showOverriddenOnly ? active : ''}`,
-                            onClick: ()=>setShowOverriddenOnly((prev)=>!prev),
+                            onClick: ()=>showOverridesOnlyChanged(!showOverriddenOnly),
                             "data-testid": "show-overrides-only-button",
                             "aria-label": showOverriddenOnly ? 'Show all flags' : 'Show only overridden flags',
                             children: "Show overrides only"
@@ -4579,11 +4774,6 @@ function DoNotTrackWarning() {
         })
     });
 }
-function isDoNotTrackEnabled() {
-    let flag;
-    if ('undefined' != typeof window && window.navigator) flag = void 0 !== window.navigator.doNotTrack ? window.navigator.doNotTrack : void 0 !== window.navigator.msDoNotTrack ? window.navigator.msDoNotTrack : window.doNotTrack;
-    return 1 === flag || true === flag || '1' === flag || 'yes' === flag;
-}
 var HPD5XNmW7Wxmjh37F_nCHZ6uCwAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted = __webpack_require__("../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[2].use[2]!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{\"fileName\":\"src/ui/Toolbar/TabContent/EventsTabContent.css.ts.vanilla.css\",\"source\":\"​#H4sIAAAAAAAAA6VW247bIBB9369AqiptH4jwNQn70l/B9hCzwWAB3iSt+u+VsdfBa3sv7VMuwzlnbszw8ww3blgDFvFYxc83iX4/IES++w+EdMtK4W4URU/+tzNMWa5NQ5EtmYTH6Edv+POAULYEkV2yBdvFEzAiX5f787Ab/CUe2bKqEupE0aG9opi01/5UoU0FBhfaOd1QFLVXZLUUFXph5hFj2eJSS23wybAb3hPiqQtWnk9Gd6oarHT19MGfnpyIvBNcK4et+AUURfHgwjsU6SjoURcQp9pRlBES0MYDrYTrmJBK2FayG/X/PY02XAkDpRNa0V6va1RvObGWonTwohEKX0TlaopI/1u/gOFSXyiqRVWBP98wcxIKm8GPKO+RkyPJIr6ReeZ8SsgHMcdjzGsOOLg6fDeAlKK1wvamSy0cYNuyEihS+mJYuwxrcjb952JMFNmCIlqJNxvinXovbq8on7WeYZXo7FQHH2LQ0l3bgimZhd4owTkwPkrPRnbZrAa592nZnt9InvE0DwL8VkWcQRZg91tYDjwp9yH2GKeEQIA9eOzYHhK485dstRuZFCeFhYPGUlSCcmACoqMnmkCF1OU5NNO6rz5V2j3SSlhWSKh+eMwnOupz1zafl5ltpSWChB3YLKUFMB6mpdjCpkWW5UmI5QlPeR5gyy3s8RgVUTHDQslKFmCrLWx2iMrDrJRwrDLOAyxs6rIkjeK5brVnoS7fwib7NMqimW4GeygC7Mlj6/uYGPrnftlZ53T/jy2NlrJg5qPZOyyGlhlQbg4cB4KrhQo9GJrL+/Epkf1CJOCi+ALFWTg8UXniUXq8HfdU0S8QYVd3zdveem8Hrc+at4H/n9L+c0prGoaV54XGejrqMIn9m8APV23FsNoMSObES3gHxbD7pyOssFp2zo9Tp9tx2w0zy3+dkd9pgub4yvofnyej+FskIrvYIvDTfZJ6ns/Aj9f46khF6LmzTvAbLrVyoFxoWlwz/xL4+g48r7u64VAgMjE0K7fi1bvD6p7MhqKvTWRSHA9+yjAlGjak6fXFGu2yIdNYKKw7h4TiQgkXZl4tVnq+vdLfyVIyz5Leehm9Q5G9dk//HPD5XNmW7Wxmjh37F+nCHZ6uCwAA\"}!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/extracted.js");
 var HPD5XNmW7Wxmjh37F_nCHZ6uCwAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options = {};
 HPD5XNmW7Wxmjh37F_nCHZ6uCwAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options.styleTagTransform = styleTagTransform_default();
@@ -4598,7 +4788,7 @@ var addButtonContainer = 'f2n2jy8';
 var eventListItem = 'f2n2jyp';
 var eventMeta = 'f2n2jy4';
 var eventBadgeIdentify = 'f2n2jya f2n2jy5';
-var eventName = 'f2n2jy3';
+var EventsTabContent_css_eventName = 'f2n2jy3';
 var liveTailText = 'f2n2jyn';
 var eventBadgeFeature = 'f2n2jy6 f2n2jy5';
 var eventBadgeCustom = 'f2n2jyb f2n2jy5';
@@ -4699,6 +4889,7 @@ function formatTimeAgo(timestamp, currentDate) {
 function EventsTabContent(props) {
     const { eventInterceptionPlugin, baseUrl } = props;
     const { searchTerm } = useSearchContext();
+    const analytics = useAnalytics();
     const { events, eventStats } = useEvents(eventInterceptionPlugin, searchTerm);
     const currentDate = useCurrentDate();
     const parentRef = useRef(null);
@@ -4706,8 +4897,15 @@ function EventsTabContent(props) {
     const handleClearEvents = ()=>{
         if (eventInterceptionPlugin) eventInterceptionPlugin.clearEvents();
     };
+    const handleEventClick = (event)=>{
+        analytics.trackEventClick(event?.key ?? event.displayName);
+        console.group(`\u{1F4DD} Event Details: [kind: ${event.kind}, displayName: ${event.displayName}]`);
+        console.table(event);
+        console.groupEnd();
+    };
     const handleAddFeatureFlag = (flagKey)=>{
         const url = createFlagDeeplinkUrl(flagKey);
+        analytics.trackOpenFlagDeeplink(flagKey, baseUrl);
         window.open(url, '_blank');
     };
     const createFlagDeeplinkUrl = (flagKey)=>`${baseUrl}/flags/new?selectProject=1&flagKey=${flagKey}`;
@@ -4822,17 +5020,13 @@ function EventsTabContent(props) {
                                 },
                                 children: /*#__PURE__*/ jsxs(ListItem, {
                                     className: eventListItem,
-                                    onClick: ()=>{
-                                        console.group(`\u{1F4DD} Event Details: [kind: ${event.kind}, displayName: ${event.displayName}]`);
-                                        console.table(event);
-                                        console.groupEnd();
-                                    },
+                                    onClick: ()=>handleEventClick(event),
                                     children: [
                                         /*#__PURE__*/ jsxs("div", {
                                             className: eventInfo,
                                             children: [
                                                 /*#__PURE__*/ jsx("span", {
-                                                    className: eventName,
+                                                    className: EventsTabContent_css_eventName,
                                                     children: event.displayName
                                                 }),
                                                 /*#__PURE__*/ jsx("span", {
@@ -4866,25 +5060,26 @@ function EventsTabContent(props) {
         ]
     });
 }
-var OL_vlFZtcuVWeBAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted = __webpack_require__("../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[2].use[2]!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{\"fileName\":\"src/ui/Toolbar/TabContent/SettingsTab.css.ts.vanilla.css\",\"source\":\"​#H4sIAAAAAAAAA6VUQXLbMAy8+xU4Ngd6JMVxXPrYh2RoEZLQUCSHhCy5nfw9Q9pO5NhpM+3JowWxCywAL5/KsmEb9wX8XgDsXNAYxM4xu15C6SeIzpCGvQrfhDBe1M64INqgDmJTFHfbxcti+cYhjYos6o6MvkVnncWLhDK/6lVoyUootgsAr7Qm20oo136CqvATbPyUIo2zLCL9QgllNYNGpLZjCesiE+QC5c2CV7lgAMaJBQdlY+NCL2HwHkOtIqagQWYMInpV5zqK5UMSm1Vd5aobg5OEMqVoit6og8xYApSh1gpi7KOEGi1jSPDPITI1B1E7y2hZQhJBsUMeEW160Sp/7m4meJ8Fr1TSr9AUsGZyVqbOh/6d5iPL6lj2zMXVDRdXf3Wx+jj2hyvi03i+MIqc1aiezGH2cIaK3lmXfboUXd/25BPnsyGnPbqaQvYRrb7gf/yHpu7/t6lNFh1Jc3c8gMTWnSZz/m7IGAn1EAJa/pHU35YhdoHsc76kGev34y2q+rkNbrBaQt59rxJByu3JirNouriMqemMVcUJ+4OGyhpuj6ExbpTQkdbHlc7H9h5AY8hHiik0dsSYLw3Tn8MYlN/OL+vlFZtcuVWeBAAA\"}!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/extracted.js");
-var OL_vlFZtcuVWeBAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options = {};
-OL_vlFZtcuVWeBAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options.styleTagTransform = styleTagTransform_default();
-OL_vlFZtcuVWeBAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options.setAttributes = setAttributesWithoutAttributes_default();
-OL_vlFZtcuVWeBAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options.insert = insertBySelector_default().bind(null, "head");
-OL_vlFZtcuVWeBAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options.domAPI = styleDomAPI_default();
-OL_vlFZtcuVWeBAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options.insertStyleElement = insertStyleElement_default();
-injectStylesIntoStyleTag_default()(OL_vlFZtcuVWeBAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.A, OL_vlFZtcuVWeBAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options);
-OL_vlFZtcuVWeBAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.A && OL_vlFZtcuVWeBAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.A.locals && OL_vlFZtcuVWeBAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.A.locals;
-var settingName = '_11ftnsv4';
-var settingInfo = '_11ftnsv2';
-var SettingsTab_css_icon = '_11ftnsv8';
-var settingDetails = '_11ftnsv3';
+var GMgCb7gQAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted = __webpack_require__("../../node_modules/.pnpm/@rsbuild+core@1.5.4/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[2].use[2]!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{\"fileName\":\"src/ui/Toolbar/TabContent/SettingsTab.css.ts.vanilla.css\",\"source\":\"​#H4sIAAAAAAAAA6VUy3LbMAy8+ytwbA/0SIrjOvSxH5KhRUhCQ5EcErbkdPLvHdKPyI+kmfakEUDurhZYzZ/LsmEbdwX8ngFsXNAYxMYxu15C6UeIzpCGnQrfhDBe1M64INqg9mJVFN/Xs7fZ/IwhjYos6o6MvgdnncWLC2U+1avQkpVQrGcAXmlNtpVQLv0IVeFHWPkxdRpnWUR6RQllNSkNSG3HEpZFBsgC5V3BiywYgHFkwUHZ2LjQS9h6j6FWEVPTIDMGEb2qs45i/pjIJqqrrPqOnI2qX9rgtlaLT1Q8Xdv2cMAzOEooE46m6I3ay1xLBWWotYIY+yihRssYUvnXNjI1e1E7y2hZQhKNYoM8INp0olX+JG9CuMiENyzpKTQFrJmclcnJbf8Oc43yeGPD4s5UFn+dSnXtx/Ijf78w2nyrUT2Z/eTgpCp6Z1326ZL0x31PPnA+G3Lcy5spZB/R6gv81T981MP/ftRTJh1Ic3cIVELrjpM5vTdkjIR6GwJa/pnYz8sQu0D2JSdzgqoO2T4vu4ScJa8SQLrbkxUn0pTgXFPjqVYVx9onHJvM4XYYGuMGCR1pfVjpHN73BhpDPlJMraEjxpxcTD+bISi/nibr7Q/GMgCb7gQAAA==\"}!../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/extracted.js");
+var GMgCb7gQAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options = {};
+GMgCb7gQAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options.styleTagTransform = styleTagTransform_default();
+GMgCb7gQAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options.setAttributes = setAttributesWithoutAttributes_default();
+GMgCb7gQAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options.insert = insertBySelector_default().bind(null, "head");
+GMgCb7gQAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options.domAPI = styleDomAPI_default();
+GMgCb7gQAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options.insertStyleElement = insertStyleElement_default();
+injectStylesIntoStyleTag_default()(GMgCb7gQAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.A, GMgCb7gQAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options);
+GMgCb7gQAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.A && GMgCb7gQAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.A.locals && GMgCb7gQAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.A.locals;
+var settingName = '_11ftnsv5';
+var SettingsTab_css_switch_ = '_11ftnsv2';
+var settingInfo = '_11ftnsv3';
+var SettingsTab_css_icon = '_11ftnsv9';
+var settingDetails = '_11ftnsv4';
 var settingsGroup = '_11ftnsv0';
-var SettingsTab_css_statusText = '_11ftnsv7';
+var SettingsTab_css_statusText = '_11ftnsv8';
 var settingsGroupTitle = '_11ftnsv1';
-var settingValue = '_11ftnsv5';
-var SettingsTab_css_statusIndicator = '_11ftnsv6';
-var SettingsTab_css_select = '_11ftnsv9';
+var settingValue = '_11ftnsv6';
+var SettingsTab_css_statusIndicator = '_11ftnsv7';
+var SettingsTab_css_select = '_11ftnsva';
 function ProjectSelector(props) {
     const { availableProjects, currentProject, onProjectChange, isLoading } = props;
     const handleProjectSelect = (key)=>{
@@ -4925,7 +5120,7 @@ function ProjectSelector(props) {
 function PositionSelector(props) {
     const { currentPosition, onPositionChange } = props;
     function getPositionsDisplayName(position) {
-        return position.charAt(0).toUpperCase() + position.slice(1);
+        return position.split('-').map((part)=>part.charAt(0).toUpperCase() + part.slice(1)).join(' ');
     }
     const handlePositionSelect = (key)=>{
         if (key && 'string' == typeof key) {
@@ -4963,10 +5158,16 @@ function PositionSelector(props) {
 }
 function PinToggle(props) {
     const { isPinned, onTogglePin } = props;
+    const analytics = useAnalytics();
+    const handleToggle = (isSelected)=>{
+        analytics.trackPinToggle(isSelected ? 'pin' : 'unpin');
+        onTogglePin();
+    };
     return /*#__PURE__*/ jsx(Switch, {
+        className: SettingsTab_css_switch_,
         "data-theme": "dark",
         isSelected: isPinned,
-        onChange: onTogglePin,
+        onChange: handleToggle,
         "aria-label": "Pin toolbar"
     });
 }
@@ -4997,9 +5198,10 @@ function ConnectionStatusDisplay(props) {
 }
 function SettingsTabContent(props) {
     const { mode, isPinned, onTogglePin } = props;
-    const { state, switchProject, handlePositionChange } = useDevServerContext();
+    const { state, switchProject } = useDevServerContext();
+    const { position, handlePositionChange } = useToolbarUIContext();
     const { searchTerm } = useSearchContext();
-    const position = state.position;
+    const analytics = useAnalytics();
     const handleProjectSwitch = async (projectKey)=>{
         try {
             await switchProject(projectKey);
@@ -5008,6 +5210,7 @@ function SettingsTabContent(props) {
         }
     };
     const handlePositionSelect = (newPosition)=>{
+        analytics.trackPositionChange(position, newPosition, 'settings');
         handlePositionChange(newPosition);
     };
     const getSettingsGroups = ()=>{
@@ -5243,16 +5446,19 @@ function getHeaderLabel(currentProjectKey, sourceEnvironmentKey) {
     if (currentProjectKey && sourceEnvironmentKey) label = `${currentProjectKey} - ${sourceEnvironmentKey}`;
     return label;
 }
-function ExpandedToolbarContent(props) {
-    const { isExpanded, activeTab, slideDirection, searchTerm, searchIsExpanded, onSearch, onClose, onTogglePin, isPinned, onTabChange, setSearchIsExpanded, mode, flagOverridePlugin, eventInterceptionPlugin, baseUrl } = props;
+const ExpandedToolbarContent = /*#__PURE__*/ react.forwardRef((props, ref)=>{
+    const { activeTab, slideDirection, searchTerm, searchIsExpanded, onSearch, onClose, onTogglePin, isPinned, onTabChange, setSearchIsExpanded, mode, flagOverridePlugin, eventInterceptionPlugin, baseUrl, defaultActiveTab, onHeaderMouseDown } = props;
     const { state } = useDevServerContext();
     const headerLabel = getHeaderLabel(state.currentProjectKey, state.sourceEnvironmentKey);
     const { error } = state;
     const availableTabs = getTabsForMode(mode, !!flagOverridePlugin, !!eventInterceptionPlugin);
-    const defaultActiveTab = getDefaultActiveTab(mode, !!flagOverridePlugin, !!eventInterceptionPlugin);
     const shouldShowError = error && 'dev-server' === mode && 'error' === state.connectionStatus;
     return /*#__PURE__*/ jsxs(motion.div, {
+        ref: ref,
         className: toolbarContent,
+        tabIndex: 0,
+        role: "group",
+        "aria-label": "LaunchDarkly developer toolbar content",
         initial: {
             opacity: 0,
             y: 10,
@@ -5270,66 +5476,65 @@ function ExpandedToolbarContent(props) {
         },
         transition: ANIMATION_CONFIG.toolbarContent,
         children: [
-            /*#__PURE__*/ jsx(AnimatePresence, {
-                children: isExpanded && /*#__PURE__*/ jsxs(motion.div, {
-                    className: contentArea,
-                    initial: {
-                        opacity: 0,
-                        maxHeight: 0
-                    },
-                    animate: {
-                        opacity: 1,
-                        maxHeight: 600
-                    },
-                    exit: {
-                        opacity: 0,
-                        maxHeight: 0
-                    },
-                    transition: ANIMATION_CONFIG.contentArea,
-                    children: [
-                        /*#__PURE__*/ jsx(Header, {
-                            onSearch: onSearch,
-                            searchTerm: searchTerm,
-                            onClose: onClose,
-                            searchIsExpanded: searchIsExpanded,
-                            setSearchIsExpanded: setSearchIsExpanded,
-                            label: headerLabel,
-                            mode: mode
-                        }),
-                        shouldShowError && /*#__PURE__*/ jsx(ErrorMessage, {
-                            error: error
-                        }),
-                        !shouldShowError && /*#__PURE__*/ jsx(motion.div, {
-                            className: scrollableContent,
-                            initial: {
-                                opacity: 0,
-                                y: -10
-                            },
-                            animate: {
-                                opacity: 1,
-                                y: 0
-                            },
-                            transition: {
-                                duration: 0.3,
-                                ease: EASING.elastic,
-                                delay: 0.1
-                            },
-                            children: /*#__PURE__*/ jsx(AnimatePresence, {
-                                mode: "wait",
-                                children: activeTab && /*#__PURE__*/ jsx(TabContentRenderer, {
-                                    activeTab: activeTab,
-                                    baseUrl: baseUrl,
-                                    slideDirection: slideDirection,
-                                    mode: mode,
-                                    flagOverridePlugin: flagOverridePlugin,
-                                    eventInterceptionPlugin: eventInterceptionPlugin,
-                                    isPinned: isPinned,
-                                    onTogglePin: onTogglePin
-                                })
+            /*#__PURE__*/ jsxs(motion.div, {
+                className: contentArea,
+                initial: {
+                    opacity: 0,
+                    y: -10
+                },
+                animate: {
+                    opacity: 1,
+                    y: 0
+                },
+                exit: {
+                    opacity: 0,
+                    y: -10
+                },
+                transition: ANIMATION_CONFIG.contentArea,
+                children: [
+                    /*#__PURE__*/ jsx(Header, {
+                        onSearch: onSearch,
+                        searchTerm: searchTerm,
+                        onClose: onClose,
+                        searchIsExpanded: searchIsExpanded,
+                        setSearchIsExpanded: setSearchIsExpanded,
+                        label: headerLabel,
+                        mode: mode,
+                        onMouseDown: onHeaderMouseDown
+                    }),
+                    shouldShowError && /*#__PURE__*/ jsx(ErrorMessage, {
+                        error: error
+                    }),
+                    !shouldShowError && /*#__PURE__*/ jsx(motion.div, {
+                        className: scrollableContent,
+                        initial: {
+                            opacity: 0,
+                            y: -10
+                        },
+                        animate: {
+                            opacity: 1,
+                            y: 0
+                        },
+                        transition: {
+                            duration: 0.25,
+                            ease: EASING.smooth,
+                            delay: 0.05
+                        },
+                        children: /*#__PURE__*/ jsx(AnimatePresence, {
+                            mode: "wait",
+                            children: activeTab && /*#__PURE__*/ jsx(TabContentRenderer, {
+                                activeTab: activeTab,
+                                baseUrl: baseUrl,
+                                slideDirection: slideDirection,
+                                mode: mode,
+                                flagOverridePlugin: flagOverridePlugin,
+                                eventInterceptionPlugin: eventInterceptionPlugin,
+                                isPinned: isPinned,
+                                onTogglePin: onTogglePin
                             })
                         })
-                    ]
-                })
+                    })
+                ]
             }),
             /*#__PURE__*/ jsx(motion.div, {
                 className: tabsContainer,
@@ -5380,44 +5585,12 @@ function ExpandedToolbarContent(props) {
             })
         ]
     }, "toolbar-content");
-}
-function useKeyPressed(targetKey) {
-    const [keyPressed, setKeyPressed] = useState(false);
-    useEffect(()=>{
-        const downHandler = (event)=>{
-            if (event.key === targetKey) setKeyPressed(true);
-        };
-        const upHandler = (event)=>{
-            if (event.key === targetKey) setKeyPressed(false);
-        };
-        const resetKeyState = ()=>{
-            setKeyPressed(false);
-        };
-        const visibilityChangeHandler = ()=>{
-            if (document.hidden) resetKeyState();
-        };
-        window.addEventListener('keydown', downHandler);
-        window.addEventListener('keyup', upHandler);
-        window.addEventListener('blur', resetKeyState);
-        window.addEventListener('focusout', resetKeyState);
-        document.addEventListener('visibilitychange', visibilityChangeHandler);
-        window.addEventListener('focus', resetKeyState);
-        return ()=>{
-            window.removeEventListener('keydown', downHandler);
-            window.removeEventListener('keyup', upHandler);
-            window.removeEventListener('blur', resetKeyState);
-            window.removeEventListener('focusout', resetKeyState);
-            document.removeEventListener('visibilitychange', visibilityChangeHandler);
-            window.removeEventListener('focus', resetKeyState);
-        };
-    }, [
-        targetKey
-    ]);
-    return keyPressed;
-}
-function useToolbarState() {
+});
+function useToolbarState(props) {
+    const { defaultActiveTab } = props;
+    const { setSearchTerm } = useSearchContext();
+    const analytics = useAnalytics();
     const [isExpanded, setIsExpanded] = useState(false);
-    const [isHovered, setIsHovered] = useState(false);
     const [activeTab, setActiveTab] = useState();
     const [previousTab, setPreviousTab] = useState();
     const [isAnimating, setIsAnimating] = useState(false);
@@ -5425,15 +5598,6 @@ function useToolbarState() {
     const [isPinned, setIsPinned] = useState(()=>loadToolbarPinned());
     const hasBeenExpandedRef = useRef(false);
     const toolbarRef = useRef(null);
-    const isMetaPressed = useKeyPressed('Meta');
-    const isControlPressed = useKeyPressed('Control');
-    const isDragModifierPressed = isMetaPressed || isControlPressed;
-    const { setSearchTerm } = useSearchContext();
-    const showFullToolbar = useMemo(()=>isExpanded || isHovered && !isExpanded && !isDragModifierPressed, [
-        isExpanded,
-        isHovered,
-        isDragModifierPressed
-    ]);
     const slideDirection = useMemo(()=>{
         if (!activeTab || !previousTab) return 1;
         const currentIndex = TAB_ORDER.indexOf(activeTab);
@@ -5448,7 +5612,12 @@ function useToolbarState() {
         setSearchIsExpanded(false);
         setSearchTerm('');
         const newTabId = tabId;
-        if (newTabId === activeTab && isExpanded) return void setIsExpanded(false);
+        if (newTabId === activeTab && isExpanded) {
+            analytics.trackToolbarToggle('collapse', 'tab_toggle');
+            setIsExpanded(false);
+            return;
+        }
+        analytics.trackTabChange(activeTab || null, newTabId);
         setPreviousTab(activeTab);
         setActiveTab(newTabId);
         if (!isExpanded) setIsExpanded(true);
@@ -5456,19 +5625,17 @@ function useToolbarState() {
         activeTab,
         isExpanded,
         setSearchTerm,
-        isAnimating
+        isAnimating,
+        analytics
     ]);
-    const handleMouseEnter = useCallback(()=>{
-        setIsHovered(true);
-    }, []);
-    const handleMouseLeave = useCallback(()=>{
-        setIsHovered(false);
-    }, []);
     const handleClose = useCallback(()=>{
+        analytics.trackToolbarToggle('collapse', 'close_button');
         setIsExpanded(false);
         setIsPinned(false);
         saveToolbarPinned(false);
-    }, []);
+    }, [
+        analytics
+    ]);
     const handleSearch = useCallback((newSearchTerm)=>{
         setSearchTerm(newSearchTerm);
     }, [
@@ -5481,22 +5648,27 @@ function useToolbarState() {
             return newValue;
         });
     }, []);
-    useEffect(()=>{
-        if (showFullToolbar) hasBeenExpandedRef.current = true;
+    const handleCircleClick = useCallback(()=>{
+        if (!isExpanded) {
+            if (!activeTab) setActiveTab(defaultActiveTab);
+            setIsExpanded(true);
+        }
     }, [
-        showFullToolbar
+        isExpanded,
+        activeTab,
+        defaultActiveTab
     ]);
     useEffect(()=>{
-        if (!isExpanded) {
-            setActiveTab(void 0);
-            setPreviousTab(void 0);
-        }
+        if (isExpanded) hasBeenExpandedRef.current = true;
     }, [
         isExpanded
     ]);
     useEffect(()=>{
         const handleClickOutside = (event)=>{
-            if (isExpanded && !isPinned && toolbarRef.current && !toolbarRef.current.contains(event.target)) setIsExpanded(false);
+            if (isExpanded && !isPinned && toolbarRef.current && !toolbarRef.current.contains(event.target)) {
+                analytics.trackToolbarToggle('collapse', 'click_outside');
+                setIsExpanded(false);
+            }
         };
         document.addEventListener('mousedown', handleClickOutside);
         return ()=>{
@@ -5504,64 +5676,32 @@ function useToolbarState() {
         };
     }, [
         isExpanded,
-        isPinned
+        isPinned,
+        analytics
     ]);
     return {
         isExpanded,
-        isHovered,
         activeTab,
         previousTab,
         isAnimating,
         searchIsExpanded,
-        showFullToolbar,
         slideDirection,
         hasBeenExpanded: hasBeenExpandedRef.current,
-        isDragModifierPressed,
         isPinned,
         toolbarRef,
         handleTabChange,
-        handleMouseEnter,
-        handleMouseLeave,
         handleClose,
         handleSearch,
         handleTogglePin,
+        handleCircleClick,
         setIsAnimating,
         setSearchIsExpanded
     };
 }
-function useToolbarAnimations(props) {
-    const { showFullToolbar, isHovered, setIsAnimating } = props;
-    const containerAnimations = useMemo(()=>({
-            width: showFullToolbar ? DIMENSIONS.expanded.width : DIMENSIONS.collapsed.width,
-            height: showFullToolbar ? 'auto' : DIMENSIONS.collapsed.height,
-            borderRadius: showFullToolbar ? DIMENSIONS.expanded.borderRadius : DIMENSIONS.collapsed.borderRadius,
-            scale: showFullToolbar ? DIMENSIONS.scale.expanded : DIMENSIONS.scale.collapsed,
-            boxShadow: showFullToolbar ? SHADOWS.expanded : isHovered ? SHADOWS.hoveredCollapsed : SHADOWS.collapsed
-        }), [
-        showFullToolbar,
-        isHovered
-    ]);
-    const handleAnimationStart = useCallback(()=>{
-        setIsAnimating(true);
-    }, [
-        setIsAnimating
-    ]);
-    const handleAnimationComplete = useCallback(()=>{
-        setIsAnimating(false);
-    }, [
-        setIsAnimating
-    ]);
-    return {
-        containerAnimations,
-        animationConfig: ANIMATION_CONFIG.container,
-        handleAnimationStart,
-        handleAnimationComplete
-    };
-}
 function useToolbarDrag({ enabled, onDragEnd, elementRef }) {
+    const draggedRef = useRef(false);
     const handleMouseDown = useCallback((event)=>{
         if (!enabled || !elementRef.current) return;
-        event.preventDefault();
         const startPosition = {
             x: event.clientX,
             y: event.clientY
@@ -5577,13 +5717,21 @@ function useToolbarDrag({ enabled, onDragEnd, elementRef }) {
                 x: mouseEvent.clientX - startPosition.x,
                 y: mouseEvent.clientY - startPosition.y
             };
-            const newPosition = {
-                x: initialPosition.x + offset.x,
-                y: initialPosition.y + offset.y
-            };
-            elementRef.current.style.left = `${newPosition.x}px`;
-            elementRef.current.style.top = `${newPosition.y}px`;
+            const distance = Math.sqrt(offset.x * offset.x + offset.y * offset.y);
+            if (distance > DRAG_CONSTANTS.THRESHOLD_PIXELS && !draggedRef.current) {
+                draggedRef.current = true;
+                document.addEventListener('selectstart', preventDefault);
+            }
+            if (draggedRef.current) {
+                const newPosition = {
+                    x: initialPosition.x + offset.x,
+                    y: initialPosition.y + offset.y
+                };
+                elementRef.current.style.left = `${newPosition.x}px`;
+                elementRef.current.style.top = `${newPosition.y}px`;
+            }
         };
+        const preventDefault = (e)=>e.preventDefault();
         const resetElementStyles = ()=>{
             if (elementRef.current) {
                 elementRef.current.style.left = '';
@@ -5597,8 +5745,12 @@ function useToolbarDrag({ enabled, onDragEnd, elementRef }) {
         const handleDragComplete = (upEvent)=>{
             document.removeEventListener('mousemove', updateElementPosition);
             document.removeEventListener('mouseup', handleDragComplete);
+            document.removeEventListener('selectstart', preventDefault);
             resetElementStyles();
-            onDragEnd(upEvent.clientX);
+            if (draggedRef.current) onDragEnd(upEvent.clientX, upEvent.clientY);
+            setTimeout(()=>{
+                draggedRef.current = false;
+            }, DRAG_CONSTANTS.CLICK_RESET_DELAY_MS);
         };
         document.addEventListener('mousemove', updateElementPosition);
         document.addEventListener('mouseup', handleDragComplete);
@@ -5607,8 +5759,54 @@ function useToolbarDrag({ enabled, onDragEnd, elementRef }) {
         onDragEnd,
         elementRef
     ]);
+    const isDragging = useCallback(()=>draggedRef.current, []);
+    return {
+        handleMouseDown,
+        isDragging
+    };
+}
+function useToolbarAnimations(props) {
+    const { isExpanded, setIsAnimating, onExpandComplete, onCollapseComplete } = props;
+    const previousIsExpanded = useRef(isExpanded);
+    const containerAnimations = useMemo(()=>({
+            width: isExpanded ? DIMENSIONS.expanded.width : DIMENSIONS.collapsed.width,
+            height: isExpanded ? 'fit-content' : DIMENSIONS.collapsed.height,
+            borderRadius: isExpanded ? DIMENSIONS.expanded.borderRadius : DIMENSIONS.collapsed.borderRadius,
+            scale: isExpanded ? DIMENSIONS.scale.expanded : DIMENSIONS.scale.collapsed,
+            boxShadow: isExpanded ? SHADOWS.expanded : SHADOWS.collapsed
+        }), [
+        isExpanded
+    ]);
+    const animationConfig = useMemo(()=>{
+        const wasExpanded = previousIsExpanded.current;
+        const currentlyExpanded = isExpanded;
+        previousIsExpanded.current = isExpanded;
+        if (!wasExpanded && currentlyExpanded) return ANIMATION_CONFIG.containerExpand;
+        if (wasExpanded && !currentlyExpanded) return ANIMATION_CONFIG.containerCollapse;
+        return ANIMATION_CONFIG.containerExpand;
+    }, [
+        isExpanded
+    ]);
+    const handleAnimationStart = useCallback(()=>{
+        setIsAnimating(true);
+    }, [
+        setIsAnimating
+    ]);
+    const handleAnimationComplete = useCallback(()=>{
+        setIsAnimating(false);
+        if (isExpanded && onExpandComplete) onExpandComplete();
+        else if (!isExpanded && onCollapseComplete) onCollapseComplete();
+    }, [
+        setIsAnimating,
+        isExpanded,
+        onExpandComplete,
+        onCollapseComplete
+    ]);
     return {
-        handleMouseDown
+        containerAnimations,
+        animationConfig,
+        handleAnimationStart,
+        handleAnimationComplete
     };
 }
 const useToolbarVisibility_STORAGE_KEY = TOOLBAR_STORAGE_KEYS.DISABLED;
@@ -5660,52 +5858,91 @@ function useToolbarVisibility() {
 function LdToolbar(props) {
     const { mode, flagOverridePlugin, eventInterceptionPlugin, baseUrl } = props;
     const { searchTerm } = useSearchContext();
-    const { state, handlePositionChange } = useDevServerContext();
-    const toolbarState = useToolbarState();
-    const position = state.position;
-    const { isExpanded, activeTab, slideDirection, searchIsExpanded, showFullToolbar, hasBeenExpanded, toolbarRef, handleTabChange, handleMouseEnter, handleMouseLeave, handleClose, handleSearch, handleTogglePin, isPinned, setSearchIsExpanded, setIsAnimating, isHovered, isDragModifierPressed } = toolbarState;
-    const toolbarAnimations = useToolbarAnimations({
-        showFullToolbar,
-        isHovered,
-        setIsAnimating
+    const { position, handlePositionChange } = useToolbarUIContext();
+    const analytics = useAnalytics();
+    const defaultActiveTab = getDefaultActiveTab(mode, !!flagOverridePlugin, !!eventInterceptionPlugin);
+    const toolbarState = useToolbarState({
+        defaultActiveTab
     });
-    const { containerAnimations, animationConfig, handleAnimationStart, handleAnimationComplete } = toolbarAnimations;
-    const isDragEnabled = !showFullToolbar && isHovered && isDragModifierPressed;
-    const handleDragEnd = useCallback((clientX)=>{
+    const circleButtonRef = useRef(null);
+    const expandedContentRef = useRef(null);
+    const { activeTab, slideDirection, searchIsExpanded, isExpanded, toolbarRef, handleTabChange, handleClose, handleSearch, handleTogglePin, handleCircleClick, isPinned, setSearchIsExpanded, setIsAnimating } = toolbarState;
+    const focusExpandedToolbar = useCallback(()=>{
+        if (expandedContentRef.current) expandedContentRef.current.focus();
+    }, [
+        expandedContentRef
+    ]);
+    const focusCollapsedToolbar = useCallback(()=>{
+        if (circleButtonRef.current) circleButtonRef.current.focus();
+    }, [
+        circleButtonRef
+    ]);
+    const handleDragEnd = useCallback((clientX, clientY)=>{
         const screenWidth = window.innerWidth;
-        const newPosition = clientX < screenWidth / 2 ? 'left' : 'right';
+        const screenHeight = window.innerHeight;
+        const isLeft = clientX < screenWidth / 2;
+        const isTop = clientY < screenHeight / 2;
+        const newPosition = isTop ? isLeft ? 'top-left' : 'top-right' : isLeft ? 'bottom-left' : 'bottom-right';
+        if (newPosition !== position) analytics.trackPositionChange(position, newPosition, 'drag');
         handlePositionChange(newPosition);
     }, [
-        handlePositionChange
+        handlePositionChange,
+        position,
+        analytics
     ]);
-    const { handleMouseDown } = useToolbarDrag({
-        enabled: isDragEnabled,
+    const { handleMouseDown, isDragging } = useToolbarDrag({
+        enabled: true,
         onDragEnd: handleDragEnd,
         elementRef: toolbarRef
     });
+    const { containerAnimations, animationConfig, handleAnimationStart, handleAnimationComplete } = useToolbarAnimations({
+        isExpanded,
+        setIsAnimating,
+        onExpandComplete: focusExpandedToolbar,
+        onCollapseComplete: focusCollapsedToolbar
+    });
+    const handleCircleClickWithDragCheck = useCallback(()=>{
+        if (!isDragging()) handleCircleClick();
+    }, [
+        handleCircleClick,
+        isDragging
+    ]);
+    const positionClassMap = {
+        'bottom-left': positionBottomLeft,
+        'bottom-right': positionBottomRight,
+        'top-left': positionTopLeft,
+        'top-right': positionTopRight
+    };
     return /*#__PURE__*/ jsxs(motion.div, {
         ref: toolbarRef,
-        className: `${toolbarContainer} ${'left' === position ? positionLeft : positionRight} ${showFullToolbar ? toolbarExpanded : toolbarCircle}`,
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave,
-        onMouseDown: handleMouseDown,
+        className: `${toolbarContainer} ${positionClassMap[position]} ${isExpanded ? toolbarExpanded : toolbarCircle}`,
         initial: false,
         animate: containerAnimations,
         transition: animationConfig,
         onAnimationStart: handleAnimationStart,
         onAnimationComplete: handleAnimationComplete,
+        onKeyDown: (e)=>{
+            if (isExpanded) return;
+            if ('Enter' === e.key || ' ' === e.key) {
+                e.preventDefault();
+                handleCircleClickWithDragCheck();
+            }
+        },
         "data-testid": "launchdarkly-toolbar",
-        role: "toolbar",
-        "aria-label": "LaunchDarkly Developer Toolbar",
+        role: isExpanded ? 'toolbar' : 'button',
+        "aria-label": isExpanded ? 'LaunchDarkly toolbar' : 'Open LaunchDarkly toolbar',
+        tabIndex: isExpanded ? -1 : 0,
         children: [
             /*#__PURE__*/ jsx(AnimatePresence, {
-                children: !showFullToolbar && /*#__PURE__*/ jsx(CircleLogo, {
-                    hasBeenExpanded: hasBeenExpanded
+                children: !isExpanded && /*#__PURE__*/ jsx(CircleLogo, {
+                    ref: circleButtonRef,
+                    onClick: handleCircleClickWithDragCheck,
+                    onMouseDown: handleMouseDown
                 })
             }),
             /*#__PURE__*/ jsx(AnimatePresence, {
-                children: showFullToolbar && /*#__PURE__*/ jsx(ExpandedToolbarContent, {
-                    isExpanded: isExpanded,
+                children: isExpanded && /*#__PURE__*/ jsx(ExpandedToolbarContent, {
+                    ref: expandedContentRef,
                     activeTab: activeTab,
                     slideDirection: slideDirection,
                     searchTerm: searchTerm,
@@ -5719,7 +5956,9 @@ function LdToolbar(props) {
                     flagOverridePlugin: flagOverridePlugin,
                     eventInterceptionPlugin: eventInterceptionPlugin,
                     mode: mode,
-                    baseUrl: baseUrl
+                    baseUrl: baseUrl,
+                    defaultActiveTab: defaultActiveTab,
+                    onHeaderMouseDown: handleMouseDown
                 })
             })
         ]
@@ -5730,19 +5969,24 @@ function LaunchDarklyToolbar(props) {
     const isVisible = useToolbarVisibility();
     if (!isVisible) return null;
     const mode = getToolbarMode(devServerUrl);
-    return /*#__PURE__*/ jsx(DevServerProvider, {
-        config: {
-            projectKey,
-            devServerUrl,
-            pollIntervalInMs
-        },
+    return /*#__PURE__*/ jsx(ToolbarUIProvider, {
         initialPosition: position,
-        children: /*#__PURE__*/ jsx(SearchProvider, {
-            children: /*#__PURE__*/ jsx(LdToolbar, {
-                mode: mode,
-                baseUrl: baseUrl,
-                flagOverridePlugin: flagOverridePlugin,
-                eventInterceptionPlugin: eventInterceptionPlugin
+        children: /*#__PURE__*/ jsx(DevServerProvider, {
+            config: {
+                projectKey,
+                devServerUrl,
+                pollIntervalInMs
+            },
+            children: /*#__PURE__*/ jsx(AnalyticsProvider, {
+                ldClient: flagOverridePlugin?.getClient() ?? eventInterceptionPlugin?.getClient(),
+                children: /*#__PURE__*/ jsx(SearchProvider, {
+                    children: /*#__PURE__*/ jsx(LdToolbar, {
+                        mode: mode,
+                        baseUrl: baseUrl,
+                        flagOverridePlugin: flagOverridePlugin,
+                        eventInterceptionPlugin: eventInterceptionPlugin
+                    })
+                })
             })
         })
     });
@@ -6121,6 +6365,7 @@ class EventInterceptionPlugin {
     afterEvaluationHook;
     eventStore;
     config;
+    ldClient = null;
     constructor(config = {}){
         this.config = {
             enableLogging: false,
@@ -6131,6 +6376,8 @@ class EventInterceptionPlugin {
             maxEvents: this.config.eventCapacity
         });
         const onNewEvent = (event)=>{
+            const isToolbarEvent = this.isToolbarEvent(event);
+            if (isToolbarEvent) return;
             if (this.config.enableLogging) console.log("\uD83C\uDFAF Event intercepted:", {
                 kind: event.kind,
                 key: event.key,
@@ -6152,6 +6399,9 @@ class EventInterceptionPlugin {
             onNewEvent
         });
     }
+    isToolbarEvent(event) {
+        return event.key?.startsWith(ANALYTICS_EVENT_PREFIX) ?? false;
+    }
     getMetadata() {
         return {
             name: 'EventInterceptionPlugin'
@@ -6164,7 +6414,12 @@ class EventInterceptionPlugin {
             this.afterEvaluationHook
         ];
     }
-    register(_client) {}
+    register(ldClient) {
+        this.ldClient = ldClient;
+    }
+    getClient() {
+        return this.ldClient;
+    }
     getEvents() {
         return this.eventStore.getEvents();
     }