@launchdarkly/toolbar 0.10.1 → 0.11.0-beta.1

package/dist/js/index.js

@@ -880,7 +880,7 @@ var __webpack_modules__ = {
         ]);
         const __WEBPACK_DEFAULT_EXPORT__ = ___CSS_LOADER_EXPORT___;
     },
-    "./node_modules/.pnpm/@rsbuild+core@1.4.12/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/FlagTabContent.css.ts.vanilla.css\",\"source\":\"​#H4sIAAAAAAAAA62T0XKbMBBF3/0VeulM/CCPcJ04Vb5mgQV2LCRVEgYn03/vSGBMQpom0z7ZLLv3XF1WO2jVefgp2MuGscrowD09o2TZwQ5P11KPVDdBsnshYq0wyjjJzuDuOFeWp2deO7jwvRDb2FKStwouklUKkw4oqjWngK2XrEAd0MVyDVayxxHVkuY9laGRLGHiqGTZ0+bXZje6zJJLc0ZXKdNL1lBZoo69AYfAby9QKbKefHzVNxSQewsFSqZN78CuaTNinxAr+/GXl+SwCGS0jBF0rZ5PcA3r6nh9mBaG63MBqrjLhPjGOPsh7LBd4L+vvsN+lP4g88OUeZqqoCV1WTQuqrw12qQgUv//yHE2fkjGW3A1aa6wCpJlD6P1r+/CrHqfVJtp/Q5CjIo3g9AFEyu+cEapHBz/IKhHIbYsONDegkMdXg9OXyc0pJcOZBNpycenIMcVZKEleY/5iQKfpZLwhJ7uQQ7FqXam06X8ghAPTdfmSW4p8KccEsi4Eh13UFLnpyV+e/B/Ix0/R3qP4aA4rRjvx/GwDDFerIi0xtN4Vx0qCHTGxcQxTdxaIPdGdQHTFTB2urPjGqe/r8RvMovluNn82womSDzIBH87ycRu7xmCj45/A/2qaMCgBQAA\"}!./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.4.12/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/FlagDevServerTabContent.css.ts.vanilla.css\",\"source\":\"​#H4sIAAAAAAAAA62T0XKbMBBF3/0VeulM/CCPcJ3YVb5mgQV2LCSNJIzdTv+9I4GBhDRNJn2yWXbvubqsdp062bwT7NeGscrowD39RMmyg70+30s9Ut0EyR6FiLXCKOMku4B74FxZnp557eDG90JsY0tJ3iq4SVYpTDqgqNacArZesgJ1QBfLNVjJTgOqJc17KkMjWcLEUcmy583vzW5wmSWX5oKuUqaXrKGyRB17A14Dn1+gUmQ9+fiqbygg9xYKlEyb3oFd0ybEPiFW9uMvL8lhEchoGSPoWj2d4B7W3fH6MC1c788FqOIhE+Ib4+yHsNftAv999R32g/Q7mR/GzNNUBS2p26JxUeWt0SYFkfr/R46T8UMy3oKrSXOFVZAsexqsf34XJtXHpNqM63cQYlCcDUIXTKz4whmlcnD8naBOQmxZcKC9BYc6vBwcv05oSC8dyCbSko8PQY4ryEJL8h7zMwU+SSXhET3egxyKc+1Mp0v5CSEemq7Nk9xS4G85JJBxJTruoKTOj0v8+uBfIx0/RnqL4aA4rxhvx/G0DDFerIi0xtNwVx0qCHTBxcQxTcwtkHujuoDpChg73tlhjdPfF+KzzGI5Zpv/WsEEiQcZ4a8nmdjtPUPw0fEfr2SBGKAFAAA=\"}!./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__, {
             Z: ()=>__WEBPACK_DEFAULT_EXPORT__
         });
@@ -891,7 +891,7 @@ var __webpack_modules__ = {
         var ___CSS_LOADER_EXPORT___ = _rsbuild_core_1_4_12_node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_rsbuild_core_1_4_12_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());
         ___CSS_LOADER_EXPORT___.push([
             module.id,
-            `.amlvxq0 {
+            `.ul8pbu0 {
   color: var(--lp-color-gray-200);
   flex: 1;
   align-items: center;
@@ -902,14 +902,14 @@ var __webpack_modules__ = {
   display: flex;
 }
 
-.amlvxq1 {
+.ul8pbu1 {
   text-overflow: ellipsis;
   white-space: nowrap;
   min-width: 0;
   overflow: hidden;
 }
 
-.amlvxq2 {
+.ul8pbu2 {
   flex-direction: column;
   flex: 1;
   gap: 4px;
@@ -918,7 +918,7 @@ var __webpack_modules__ = {
   display: flex;
 }
 
-.amlvxq3 {
+.ul8pbu3 {
   color: var(--lp-color-gray-400);
   font-size: 12px;
   font-family: var(--lp-font-family-monospace);
@@ -927,56 +927,56 @@ var __webpack_modules__ = {
   overflow: hidden;
 }
 
-.amlvxq4 {
+.ul8pbu4 {
   align-items: center;
   gap: 8px;
   margin-left: 16px;
   display: flex;
 }
 
-.amlvxq5 {
+.ul8pbu5 {
   scrollbar-color: var(--lp-color-gray-800) transparent;
   scrollbar-width: thin;
   height: 400px;
   overflow: auto;
 }
 
-.amlvxq5:hover {
+.ul8pbu5:hover {
   scrollbar-color: var(--lp-color-gray-700) transparent;
 }
 
-.amlvxq5::-webkit-scrollbar {
+.ul8pbu5::-webkit-scrollbar {
   background: none;
   width: 8px;
 }
 
-.amlvxq5::-webkit-scrollbar-thumb {
+.ul8pbu5::-webkit-scrollbar-thumb {
   background: var(--lp-color-gray-800);
   border-radius: 4px;
 }
 
-.amlvxq5:hover::-webkit-scrollbar-thumb {
+.ul8pbu5:hover::-webkit-scrollbar-thumb {
   background: var(--lp-color-gray-700);
   border-radius: 4px;
 }
 
-.amlvxq5::-webkit-scrollbar-track {
+.ul8pbu5::-webkit-scrollbar-track {
   background: none;
 }
 
-.amlvxq6 {
+.ul8pbu6 {
   width: 100%;
   position: relative;
 }
 
-.amlvxq7 {
+.ul8pbu7 {
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
 }
 
-.amlvxq7:hover {
+.ul8pbu7:hover {
   background-color: var(--lp-color-gray-800);
   transition: background-color .2s;
 }
@@ -1449,6 +1449,48 @@ var __webpack_modules__ = {
   width: 40px;
   height: 40px;
 }
+`,
+            ""
+        ]);
+        const __WEBPACK_DEFAULT_EXPORT__ = ___CSS_LOADER_EXPORT___;
+    },
+    "./node_modules/.pnpm/@rsbuild+core@1.4.12/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/components/LocalFlagControls.css.ts.vanilla.css\",\"source\":\"Ll83ZWs0c24wIHsKICB3aWR0aDogMTAwJTsKICBmb250LWZhbWlseTogbW9ub3NwYWNlOwogIGZvbnQtc2l6ZTogMTJweDsKICBib3JkZXI6IDFweCBzb2xpZCAjY2NjOwogIGJvcmRlci1yYWRpdXM6IDRweDsKICBwYWRkaW5nOiA4cHg7CiAgYmFja2dyb3VuZC1jb2xvcjogIzJhMmEyYTsKICBjb2xvcjogI2ZmZjsKfQouXzdlazRzbjEgewogIGJvcmRlcjogMXB4IHNvbGlkIHJlZDsKfQouXzdlazRzbjIgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA0cHg7CiAgbWFyZ2luLXRvcDogNHB4Owp9Ci5fN2VrNHNuMyB7CiAgY29sb3I6IHJlZDsKICBmb250LXNpemU6IDEycHg7CiAgbWFyZ2luLXRvcDogNHB4Owp9\"}!./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__, {
+            Z: ()=>__WEBPACK_DEFAULT_EXPORT__
+        });
+        var _rsbuild_core_1_4_12_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./node_modules/.pnpm/@rsbuild+core@1.4.12/node_modules/@rsbuild/core/compiled/css-loader/noSourceMaps.js");
+        var _rsbuild_core_1_4_12_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(_rsbuild_core_1_4_12_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+        var _rsbuild_core_1_4_12_node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./node_modules/.pnpm/@rsbuild+core@1.4.12/node_modules/@rsbuild/core/compiled/css-loader/api.js");
+        var _rsbuild_core_1_4_12_node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(_rsbuild_core_1_4_12_node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1__);
+        var ___CSS_LOADER_EXPORT___ = _rsbuild_core_1_4_12_node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_rsbuild_core_1_4_12_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());
+        ___CSS_LOADER_EXPORT___.push([
+            module.id,
+            `._7ek4sn0 {
+  color: #fff;
+  background-color: #2a2a2a;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  width: 100%;
+  padding: 8px;
+  font-family: monospace;
+  font-size: 12px;
+}
+
+._7ek4sn1 {
+  border: 1px solid red;
+}
+
+._7ek4sn2 {
+  gap: 4px;
+  margin-top: 4px;
+  display: flex;
+}
+
+._7ek4sn3 {
+  color: red;
+  margin-top: 4px;
+  font-size: 12px;
+}
 `,
             ""
         ]);
@@ -1891,831 +1933,224 @@ options.domAPI = styleDomAPI_default();
 options.insertStyleElement = insertStyleElement_default();
 injectStylesIntoStyleTag_default()(globals.Z, options);
 globals.Z && globals.Z.locals && globals.Z.locals;
-const SearchContext = /*#__PURE__*/ createContext({
-    searchTerm: '',
-    setSearchTerm: ()=>{}
-});
-function SearchProvider({ children }) {
-    const [searchTerm, setSearchTerm] = useState('');
-    return /*#__PURE__*/ jsx(SearchContext.Provider, {
-        value: {
-            searchTerm,
-            setSearchTerm
-        },
-        children: children
-    });
-}
-function useSearchContext() {
-    const context = useContext(SearchContext);
-    if (!context) throw new Error('useSearchContext must be used within a SearchProvider');
-    return context;
-}
-var extracted = __webpack_require__("./node_modules/.pnpm/@rsbuild+core@1.4.12/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/components/ActionButtonsContainer.css.ts.vanilla.css\",\"source\":\"​#H4sIAAAAAAAAA+1Ty27bMBC8+yv2aB/o0krsuszHFEuRkgjRJLGkI6lF/72grLpWHk7iFuilN2G0OzM7u1x//TK0/TBw+L4ACKiUcbWADQ898IcFgPSkNDHpU/IHAZvQQ/TWKHhEWjJmAyu99cRqwoHtOV/lJv+oqbK+Y70APCafMWVisDgIqKzuM1BjELAP4/ckzKyukoCCz1EydXMBx5K8tRLpJC1etPKZ8xUkQhcDknZp3tgZlRoBqTHuYfFjsf6VghCs07I1iZ1rx2AafbJwf3IgsWxr8kenxFzjOhVLzfEgR8JLhtfsX8RPqMwxCiiy/lsihGX7TOQVm5t3udnP3Lx1Bbup+sp2iqnkfHC70MOmmNKdz7w7oZV3iUXzTYtz4Qh102q2fLzX8kgxqwZvXNKUoXF0k4x3AtBa4Osigsao88+uMUmzGLDUApzvCMNIbXXPYkPGtSI/hIvEhDIRpdVqjM4HLE0aBPD19lLf+cTQWt9pNe9u8uMQzqflmWh1y0lcSXc7Vv4WLf4v+YNLLv5oycW/WPLdM36qJS4r8oen/ZLQKVYO6JjEqFdAUIOET8DXmxfUb+G5u3IcT9tmU7wvuptG2/6l2e6z45832tTkOQcAAA==\"}!./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();
-extracted_options.insert = insertBySelector_default().bind(null, "head");
-extracted_options.domAPI = styleDomAPI_default();
-extracted_options.insertStyleElement = insertStyleElement_default();
-injectStylesIntoStyleTag_default()(extracted.Z, extracted_options);
-extracted.Z && extracted.Z.locals && extracted.Z.locals;
-var container = '_9ykxyy0';
-var toggleButton = '_9ykxyy2';
-var actionButton = '_9ykxyy1';
-var active = '_9ykxyy3';
-const ActionButtonsContainer = ({ children })=>/*#__PURE__*/ jsx("div", {
-        className: container,
-        children: children
-    });
-const EASING = {
-    bounce: [
-        0.34,
-        1.56,
-        0.64,
-        1
-    ],
-    smooth: [
-        0.25,
-        0.46,
-        0.45,
-        0.94
-    ],
-    elastic: [
-        0.22,
-        1,
-        0.36,
-        1
-    ]
-};
-const ANIMATION_CONFIG = {
-    container: {
-        width: {
-            duration: 0.5,
-            ease: EASING.bounce
-        },
-        height: {
-            duration: 0.5,
-            ease: EASING.bounce
-        },
-        borderRadius: {
-            duration: 0.4,
-            ease: EASING.smooth
-        },
-        boxShadow: {
-            duration: 0.3,
-            ease: 'easeInOut'
+class DevServerClient {
+    baseUrl;
+    projectKey = null;
+    constructor(baseUrl, projectKey){
+        this.baseUrl = baseUrl;
+        this.projectKey = projectKey || null;
+    }
+    setProjectKey(projectKey) {
+        this.projectKey = projectKey;
+    }
+    getProjectKey() {
+        return this.projectKey;
+    }
+    async getProjectData() {
+        if (!this.projectKey) throw new Error('No project key set. Call setProjectKey() first.');
+        const url = `${this.baseUrl}/dev/projects/${this.projectKey}?expand=overrides&expand=availableVariations`;
+        try {
+            const response = await fetch(url);
+            if (!response.ok) throw new Error(`Dev server error: ${response.status} ${response.statusText}`);
+            return await response.json();
+        } catch (error) {
+            if (error instanceof TypeError) throw new Error(`Failed to connect to dev server at ${this.baseUrl}. Is ldcli dev-server running?`);
+            throw error;
         }
-    },
-    circleLogo: {
-        opacity: {
-            duration: 0.25,
-            ease: 'easeOut'
-        },
-        scale: {
-            duration: 0.3,
-            ease: EASING.smooth
-        },
-        rotate: {
-            duration: 0.3,
-            ease: EASING.smooth
+    }
+    async setOverride(flagKey, value) {
+        if (!this.projectKey) throw new Error('No project key set. Call setProjectKey() first.');
+        const url = `${this.baseUrl}/dev/projects/${this.projectKey}/overrides/${flagKey}`;
+        try {
+            const response = await fetch(url, {
+                method: 'PUT',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(value)
+            });
+            if (!response.ok) throw new Error(`Failed to set override: ${response.status} ${response.statusText}`);
+            return await response.json();
+        } catch (error) {
+            if (error instanceof TypeError) throw new Error(`Failed to connect to dev server at ${this.baseUrl}`);
+            throw error;
         }
-    },
-    toolbarContent: {
-        opacity: {
-            duration: 0.4,
-            ease: EASING.smooth
-        },
-        y: {
-            duration: 0.5,
-            ease: EASING.bounce
-        },
-        scale: {
-            duration: 0.5,
-            ease: EASING.bounce
+    }
+    async clearOverride(flagKey) {
+        if (!this.projectKey) throw new Error('No project key set. Call setProjectKey() first.');
+        const url = `${this.baseUrl}/dev/projects/${this.projectKey}/overrides/${flagKey}`;
+        try {
+            const response = await fetch(url, {
+                method: 'DELETE'
+            });
+            if (!response.ok) throw new Error(`Failed to clear override: ${response.status} ${response.statusText}`);
+        } catch (error) {
+            if (error instanceof TypeError) throw new Error(`Failed to connect to dev server at ${this.baseUrl}`);
+            throw error;
         }
-    },
-    contentArea: {
-        opacity: {
-            duration: 0.4,
-            ease: 'easeInOut'
-        },
-        maxHeight: {
-            duration: 0.5,
-            ease: EASING.elastic
+    }
+    async getAvailableProjects() {
+        try {
+            const response = await fetch(`${this.baseUrl}/dev/projects`);
+            if (!response.ok) throw new Error(`Failed to fetch projects: ${response.status} ${response.statusText}`);
+            return await response.json();
+        } catch (error) {
+            if (error instanceof TypeError) throw new Error(`Failed to connect to dev server at ${this.baseUrl}. Is ldcli dev-server running?`);
+            throw error;
         }
-    },
-    tabContent: {
-        duration: 0.3,
-        ease: EASING.smooth
-    },
-    tabsContainer: {
-        opacity: {
-            duration: 0.5,
-            ease: EASING.bounce
-        },
-        y: {
-            duration: 0.5,
-            ease: EASING.bounce
-        },
-        delay: 0.3
     }
-};
-const DIMENSIONS = {
-    collapsed: {
-        width: 60,
-        height: 60,
-        borderRadius: 30
-    },
-    expanded: {
-        width: 400,
-        borderRadius: 12
-    },
-    scale: {
-        expanded: 1.02,
-        collapsed: 1
-    },
-    slideDistance: 30
-};
-const SHADOWS = {
-    expanded: '0 12px 48px rgba(0, 0, 0, 0.5)',
-    hoveredCollapsed: '0 8px 40px rgba(0, 0, 0, 0.4)',
-    collapsed: '0 4px 16px rgba(0, 0, 0, 0.3)'
-};
-function LaunchDarklyIcon({ className }) {
-    return /*#__PURE__*/ jsx("svg", {
-        className: className,
-        fill: "currentColor",
-        preserveAspectRatio: "xMidYMid",
-        viewBox: "-.00348466 0 256.88728835 255.31014671",
-        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"
-        })
-    });
 }
-var _vanilla_extract_webpack_plugin_extracted = __webpack_require__("./node_modules/.pnpm/@rsbuild+core@1.4.12/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 webpack_plugin_extracted_options = {};
-webpack_plugin_extracted_options.styleTagTransform = styleTagTransform_default();
-webpack_plugin_extracted_options.setAttributes = setAttributesWithoutAttributes_default();
-webpack_plugin_extracted_options.insert = insertBySelector_default().bind(null, "head");
-webpack_plugin_extracted_options.domAPI = styleDomAPI_default();
-webpack_plugin_extracted_options.insertStyleElement = insertStyleElement_default();
-injectStylesIntoStyleTag_default()(_vanilla_extract_webpack_plugin_extracted.Z, webpack_plugin_extracted_options);
-_vanilla_extract_webpack_plugin_extracted.Z && _vanilla_extract_webpack_plugin_extracted.Z.locals && _vanilla_extract_webpack_plugin_extracted.Z.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 toolbarContainer = '_1n4ciyy0';
-var toolbarExpanded = '_1n4ciyy4';
-function CircleLogo(props) {
-    const { hasBeenExpanded } = props;
-    return /*#__PURE__*/ jsx(motion.div, {
-        className: circleContent,
-        initial: {
-            opacity: 0,
-            x: '-50%',
-            y: '-50%',
-            scale: 0.9,
-            rotate: 90
-        },
-        animate: {
-            opacity: 1,
-            x: '-50%',
-            y: '-50%',
-            scale: 1,
-            rotate: 0
-        },
-        exit: {
-            opacity: 0,
-            x: '-50%',
-            y: '-50%',
-            scale: 0.9,
-            rotate: 90
-        },
-        transition: {
-            ...ANIMATION_CONFIG.circleLogo,
-            opacity: {
-                ...ANIMATION_CONFIG.circleLogo.opacity,
-                delay: hasBeenExpanded ? 0.3 : 0
-            }
-        },
-        children: /*#__PURE__*/ jsx(motion.div, {
-            whileHover: {
-                scale: 1.1
-            },
-            transition: {
-                duration: 0.2,
-                ease: 'easeInOut'
-            },
-            children: /*#__PURE__*/ jsx(LaunchDarklyIcon, {
-                className: circleLogo
-            })
-        })
-    }, "circle-logo");
-}
-var _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.4.12/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/components/StatusDot.css.ts.vanilla.css\",\"source\":\"Ll8xd3ZvZHZxMCB7CiAgd2lkdGg6IDhweDsKICBoZWlnaHQ6IDhweDsKICBib3JkZXItcmFkaXVzOiA1MCU7Cn0=\"}!./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_options = {};
-_vanilla_extract_webpack_plugin_extracted_options.styleTagTransform = styleTagTransform_default();
-_vanilla_extract_webpack_plugin_extracted_options.setAttributes = setAttributesWithoutAttributes_default();
-_vanilla_extract_webpack_plugin_extracted_options.insert = insertBySelector_default().bind(null, "head");
-_vanilla_extract_webpack_plugin_extracted_options.domAPI = styleDomAPI_default();
-_vanilla_extract_webpack_plugin_extracted_options.insertStyleElement = insertStyleElement_default();
-injectStylesIntoStyleTag_default()(_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z, _vanilla_extract_webpack_plugin_extracted_options);
-_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z && _vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z.locals && _vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z.locals;
-var statusDot = '_1wvodvq0';
-function StatusDot(props) {
-    const { status } = props;
-    const getStatusColor = ()=>{
-        switch(status){
-            case 'connected':
-                return 'var(--lp-color-green-500)';
-            case 'disconnected':
-                return 'var(--lp-color-orange-500)';
-            case 'error':
-                return 'var(--lp-color-red-500)';
-        }
-    };
-    return /*#__PURE__*/ jsx("div", {
-        className: `${statusDot}`,
-        style: {
-            backgroundColor: getStatusColor()
+class FlagStateManager {
+    devServerClient;
+    listeners = new Set();
+    constructor(devServerClient){
+        this.devServerClient = devServerClient;
+    }
+    async getEnhancedFlags() {
+        const devServerData = await this.devServerClient.getProjectData();
+        const enhancedFlags = {};
+        Object.keys(devServerData.flagsState).forEach((flagKey)=>{
+            const flagState = devServerData.flagsState[flagKey];
+            const override = devServerData.overrides[flagKey];
+            const variations = devServerData.availableVariations[flagKey] || [];
+            const currentValue = override ? override.value : flagState.value;
+            enhancedFlags[flagKey] = {
+                key: flagKey,
+                name: this.formatFlagName(flagKey),
+                currentValue,
+                isOverridden: !!override,
+                originalValue: flagState.value,
+                availableVariations: variations,
+                type: this.determineFlagType(variations, currentValue),
+                sourceEnvironment: devServerData.sourceEnvironmentKey,
+                enabled: null !== flagState.value && void 0 !== flagState.value
+            };
+        });
+        return enhancedFlags;
+    }
+    formatFlagName(flagKey) {
+        return flagKey.split('-').map((word)=>word.charAt(0).toUpperCase() + word.slice(1)).join(' ');
+    }
+    determineFlagType(variations, currentValue) {
+        if (2 === variations.length && variations.every((v)=>'boolean' == typeof v.value)) return 'boolean';
+        if (variations.length > 2) return 'multivariate';
+        if ('string' == typeof currentValue) return 'string';
+        if ('number' == typeof currentValue) return 'number';
+        return 'boolean';
+    }
+    async setOverride(flagKey, value) {
+        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();
+    }
 }
-var ConnectionStatus_css_ts_vanilla_css_source_Ll8xNnNuZzc4MCB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICBwYWRkaW5nOiA4cHggMTZweDsKICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdmFyKC0tbHAtY29sb3ItZ3JheS04MDApOwp9Ci5fMTZzbmc3ODEgewogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBnYXA6IDhweDsKICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kOwp9Ci5fMTZzbmc3ODIgewogIGZvbnQtc2l6ZTogMTJweDsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS0zMDApOwogIGZvbnQtZmFtaWx5OiB2YXIoLS1scC1mb250LWZhbWlseS1tb25vc3BhY2UpOwp9Ci5fMTZzbmc3ODMgewogIGZvbnQtc2l6ZTogMTBweDsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS00MDApOwogIGZvbnQtZmFtaWx5OiB2YXIoLS1scC1mb250LWZhbWlseS1tb25vc3BhY2UpOwp9_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.4.12/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/components/ConnectionStatus.css.ts.vanilla.css\",\"source\":\"Ll8xNnNuZzc4MCB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICBwYWRkaW5nOiA4cHggMTZweDsKICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdmFyKC0tbHAtY29sb3ItZ3JheS04MDApOwp9Ci5fMTZzbmc3ODEgewogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBnYXA6IDhweDsKICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kOwp9Ci5fMTZzbmc3ODIgewogIGZvbnQtc2l6ZTogMTJweDsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS0zMDApOwogIGZvbnQtZmFtaWx5OiB2YXIoLS1scC1mb250LWZhbWlseS1tb25vc3BhY2UpOwp9Ci5fMTZzbmc3ODMgewogIGZvbnQtc2l6ZTogMTBweDsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS00MDApOwogIGZvbnQtZmFtaWx5OiB2YXIoLS1scC1mb250LWZhbWlseS1tb25vc3BhY2UpOwp9\"}!./node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/extracted.js");
-var node_modules_vanilla_extract_webpack_plugin_extracted_options = {};
-node_modules_vanilla_extract_webpack_plugin_extracted_options.styleTagTransform = styleTagTransform_default();
-node_modules_vanilla_extract_webpack_plugin_extracted_options.setAttributes = setAttributesWithoutAttributes_default();
-node_modules_vanilla_extract_webpack_plugin_extracted_options.insert = insertBySelector_default().bind(null, "head");
-node_modules_vanilla_extract_webpack_plugin_extracted_options.domAPI = styleDomAPI_default();
-node_modules_vanilla_extract_webpack_plugin_extracted_options.insertStyleElement = insertStyleElement_default();
-injectStylesIntoStyleTag_default()(ConnectionStatus_css_ts_vanilla_css_source_Ll8xNnNuZzc4MCB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICBwYWRkaW5nOiA4cHggMTZweDsKICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdmFyKC0tbHAtY29sb3ItZ3JheS04MDApOwp9Ci5fMTZzbmc3ODEgewogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBnYXA6IDhweDsKICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kOwp9Ci5fMTZzbmc3ODIgewogIGZvbnQtc2l6ZTogMTJweDsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS0zMDApOwogIGZvbnQtZmFtaWx5OiB2YXIoLS1scC1mb250LWZhbWlseS1tb25vc3BhY2UpOwp9Ci5fMTZzbmc3ODMgewogIGZvbnQtc2l6ZTogMTBweDsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS00MDApOwogIGZvbnQtZmFtaWx5OiB2YXIoLS1scC1mb250LWZhbWlseS1tb25vc3BhY2UpOwp9_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z, node_modules_vanilla_extract_webpack_plugin_extracted_options);
-ConnectionStatus_css_ts_vanilla_css_source_Ll8xNnNuZzc4MCB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICBwYWRkaW5nOiA4cHggMTZweDsKICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdmFyKC0tbHAtY29sb3ItZ3JheS04MDApOwp9Ci5fMTZzbmc3ODEgewogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBnYXA6IDhweDsKICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kOwp9Ci5fMTZzbmc3ODIgewogIGZvbnQtc2l6ZTogMTJweDsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS0zMDApOwogIGZvbnQtZmFtaWx5OiB2YXIoLS1scC1mb250LWZhbWlseS1tb25vc3BhY2UpOwp9Ci5fMTZzbmc3ODMgewogIGZvbnQtc2l6ZTogMTBweDsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS00MDApOwogIGZvbnQtZmFtaWx5OiB2YXIoLS1scC1mb250LWZhbWlseS1tb25vc3BhY2UpOwp9_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z && ConnectionStatus_css_ts_vanilla_css_source_Ll8xNnNuZzc4MCB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICBwYWRkaW5nOiA4cHggMTZweDsKICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdmFyKC0tbHAtY29sb3ItZ3JheS04MDApOwp9Ci5fMTZzbmc3ODEgewogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBnYXA6IDhweDsKICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kOwp9Ci5fMTZzbmc3ODIgewogIGZvbnQtc2l6ZTogMTJweDsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS0zMDApOwogIGZvbnQtZmFtaWx5OiB2YXIoLS1scC1mb250LWZhbWlseS1tb25vc3BhY2UpOwp9Ci5fMTZzbmc3ODMgewogIGZvbnQtc2l6ZTogMTBweDsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS00MDApOwogIGZvbnQtZmFtaWx5OiB2YXIoLS1scC1mb250LWZhbWlseS1tb25vc3BhY2UpOwp9_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z.locals && ConnectionStatus_css_ts_vanilla_css_source_Ll8xNnNuZzc4MCB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICBwYWRkaW5nOiA4cHggMTZweDsKICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdmFyKC0tbHAtY29sb3ItZ3JheS04MDApOwp9Ci5fMTZzbmc3ODEgewogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBnYXA6IDhweDsKICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kOwp9Ci5fMTZzbmc3ODIgewogIGZvbnQtc2l6ZTogMTJweDsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS0zMDApOwogIGZvbnQtZmFtaWx5OiB2YXIoLS1scC1mb250LWZhbWlseS1tb25vc3BhY2UpOwp9Ci5fMTZzbmc3ODMgewogIGZvbnQtc2l6ZTogMTBweDsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS00MDApOwogIGZvbnQtZmFtaWx5OiB2YXIoLS1scC1mb250LWZhbWlseS1tb25vc3BhY2UpOwp9_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z.locals;
-var lastSync = '_16sng783';
-var statusText = '_16sng782';
-var statusIndicator = '_16sng781';
-var ConnectionStatus_css_connectionStatus = '_16sng780';
-function ConnectionStatus(props) {
-    const { status, lastSyncTime } = props;
-    const getStatusText = ()=>{
-        switch(status){
-            case 'connected':
-                return 'Connected to dev server';
-            case 'disconnected':
-                return 'Disconnected from dev server';
-            case 'error':
-                return 'Error connecting to dev server';
-        }
-    };
-    return /*#__PURE__*/ jsxs("div", {
-        className: ConnectionStatus_css_connectionStatus,
-        children: [
-            /*#__PURE__*/ jsxs("div", {
-                className: statusIndicator,
-                children: [
-                    /*#__PURE__*/ jsx(StatusDot, {
-                        status: status
-                    }),
-                    /*#__PURE__*/ jsx("span", {
-                        className: statusText,
-                        children: getStatusText()
-                    })
-                ]
-            }),
-            lastSyncTime > 0 && /*#__PURE__*/ jsxs("span", {
-                className: lastSync,
-                children: [
-                    "Last sync: ",
-                    new Date(lastSyncTime).toLocaleTimeString()
-                ]
-            })
-        ]
-    });
+const TAB_ORDER = [
+    'flag-sdk',
+    'flag-dev-server',
+    'settings'
+];
+const DEV_SERVER_TABS = [
+    'flag-dev-server',
+    'settings'
+];
+const SDK_MODE_TABS = [
+    'flag-sdk',
+    'settings'
+];
+function getToolbarMode(devServerUrl) {
+    return devServerUrl ? 'dev-server' : 'sdk';
 }
-var hh8fYPBfEjJ8YIAAA_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.4.12/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_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options = {};
-_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options.styleTagTransform = styleTagTransform_default();
-_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options.setAttributes = setAttributesWithoutAttributes_default();
-_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");
-_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options.domAPI = styleDomAPI_default();
-_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options.insertStyleElement = insertStyleElement_default();
-injectStylesIntoStyleTag_default()(hh8fYPBfEjJ8YIAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z, _vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options);
-hh8fYPBfEjJ8YIAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z && hh8fYPBfEjJ8YIAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z.locals && hh8fYPBfEjJ8YIAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z.locals;
-var centerSection = '_9uh9aj4';
-var searchFieldWrapper = '_9uh9ajd';
-var searchButtonArea = '_9uh9aj7';
-var closeButtonArea = '_9uh9aj8';
-var rightSection = '_9uh9aj6';
-var environmentWrapper = '_9uh9ajg';
-var headerTitle = '_9uh9aj3';
-var logo = '_9uh9aj2';
-var environmentLabel = '_9uh9aj5';
-var searchWrapper = '_9uh9ajf';
-var searchField = '_9uh9ajb';
-var header = '_9uh9aj0';
-var Header_css_actionButton = '_9uh9aj9';
-var searchGroup = '_9uh9ajc';
-var leftSection = '_9uh9aj1';
-function LogoSection() {
-    return /*#__PURE__*/ jsxs("div", {
-        className: leftSection,
-        children: [
-            /*#__PURE__*/ jsx(LaunchDarklyIcon, {
-                className: logo
-            }),
-            /*#__PURE__*/ jsx("span", {
-                className: headerTitle,
-                children: "Developers"
-            })
-        ]
-    });
+function getTabsForMode(mode, hasFlagOverridePlugin) {
+    if ('dev-server' === mode) return DEV_SERVER_TABS;
+    return hasFlagOverridePlugin ? SDK_MODE_TABS : [
+        'settings'
+    ];
 }
-function EnvironmentLabel(props) {
-    const { label } = props;
-    return /*#__PURE__*/ jsx("div", {
-        className: centerSection,
-        children: /*#__PURE__*/ jsx("span", {
-            className: environmentLabel,
-            children: label
-        })
-    });
+function getDefaultActiveTab(mode) {
+    if ('dev-server' === mode) return 'flag-dev-server';
+    if ('sdk' === mode) return 'flag-sdk';
+    return 'settings';
 }
-var IconButton_css_ts_vanilla_css_source_LmkwM3Z2MzAgewogIGRpc3BsYXk6IGlubGluZS1mbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7CiAgYm9yZGVyOiBub25lOwogIGN1cnNvcjogcG9pbnRlcjsKICBwYWRkaW5nOiA4cHg7CiAgYm9yZGVyLXJhZGl1czogNHB4OwogIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4ycyBlYXNlOwogIGNvbG9yOiB2YXIoLS1scC1jb2xvci1ncmF5LTQwMCk7Cn0KLmkwM3Z2MzA6ZGlzYWJsZWQgewogIGN1cnNvcjogbm90LWFsbG93ZWQ7CiAgb3BhY2l0eTogMC41Owp9Ci5pMDN2djMwOmhvdmVyOm5vdCg6ZGlzYWJsZWQpIHsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS0yMDApOwogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWxwLWNvbG9yLWdyYXktODAwKTsKfQouaTAzdnYzMSB7CiAgd2lkdGg6IDMwcHg7CiAgaGVpZ2h0OiAzMHB4Owp9Ci5pMDN2djMyIHsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7Cn0KLmkwM3Z2MzMgewogIHdpZHRoOiA0MHB4OwogIGhlaWdodDogNDBweDsKfQ_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.4.12/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/components/IconButton.css.ts.vanilla.css\",\"source\":\"LmkwM3Z2MzAgewogIGRpc3BsYXk6IGlubGluZS1mbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7CiAgYm9yZGVyOiBub25lOwogIGN1cnNvcjogcG9pbnRlcjsKICBwYWRkaW5nOiA4cHg7CiAgYm9yZGVyLXJhZGl1czogNHB4OwogIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4ycyBlYXNlOwogIGNvbG9yOiB2YXIoLS1scC1jb2xvci1ncmF5LTQwMCk7Cn0KLmkwM3Z2MzA6ZGlzYWJsZWQgewogIGN1cnNvcjogbm90LWFsbG93ZWQ7CiAgb3BhY2l0eTogMC41Owp9Ci5pMDN2djMwOmhvdmVyOm5vdCg6ZGlzYWJsZWQpIHsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS0yMDApOwogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWxwLWNvbG9yLWdyYXktODAwKTsKfQouaTAzdnYzMSB7CiAgd2lkdGg6IDMwcHg7CiAgaGVpZ2h0OiAzMHB4Owp9Ci5pMDN2djMyIHsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7Cn0KLmkwM3Z2MzMgewogIHdpZHRoOiA0MHB4OwogIGhlaWdodDogNDBweDsKfQ==\"}!./node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/extracted.js");
-var _pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options = {};
-_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options.styleTagTransform = styleTagTransform_default();
-_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options.setAttributes = setAttributesWithoutAttributes_default();
-_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");
-_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options.domAPI = styleDomAPI_default();
-_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()(IconButton_css_ts_vanilla_css_source_LmkwM3Z2MzAgewogIGRpc3BsYXk6IGlubGluZS1mbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7CiAgYm9yZGVyOiBub25lOwogIGN1cnNvcjogcG9pbnRlcjsKICBwYWRkaW5nOiA4cHg7CiAgYm9yZGVyLXJhZGl1czogNHB4OwogIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4ycyBlYXNlOwogIGNvbG9yOiB2YXIoLS1scC1jb2xvci1ncmF5LTQwMCk7Cn0KLmkwM3Z2MzA6ZGlzYWJsZWQgewogIGN1cnNvcjogbm90LWFsbG93ZWQ7CiAgb3BhY2l0eTogMC41Owp9Ci5pMDN2djMwOmhvdmVyOm5vdCg6ZGlzYWJsZWQpIHsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS0yMDApOwogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWxwLWNvbG9yLWdyYXktODAwKTsKfQouaTAzdnYzMSB7CiAgd2lkdGg6IDMwcHg7CiAgaGVpZ2h0OiAzMHB4Owp9Ci5pMDN2djMyIHsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7Cn0KLmkwM3Z2MzMgewogIHdpZHRoOiA0MHB4OwogIGhlaWdodDogNDBweDsKfQ_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z, _pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options);
-IconButton_css_ts_vanilla_css_source_LmkwM3Z2MzAgewogIGRpc3BsYXk6IGlubGluZS1mbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7CiAgYm9yZGVyOiBub25lOwogIGN1cnNvcjogcG9pbnRlcjsKICBwYWRkaW5nOiA4cHg7CiAgYm9yZGVyLXJhZGl1czogNHB4OwogIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4ycyBlYXNlOwogIGNvbG9yOiB2YXIoLS1scC1jb2xvci1ncmF5LTQwMCk7Cn0KLmkwM3Z2MzA6ZGlzYWJsZWQgewogIGN1cnNvcjogbm90LWFsbG93ZWQ7CiAgb3BhY2l0eTogMC41Owp9Ci5pMDN2djMwOmhvdmVyOm5vdCg6ZGlzYWJsZWQpIHsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS0yMDApOwogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWxwLWNvbG9yLWdyYXktODAwKTsKfQouaTAzdnYzMSB7CiAgd2lkdGg6IDMwcHg7CiAgaGVpZ2h0OiAzMHB4Owp9Ci5pMDN2djMyIHsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7Cn0KLmkwM3Z2MzMgewogIHdpZHRoOiA0MHB4OwogIGhlaWdodDogNDBweDsKfQ_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z && IconButton_css_ts_vanilla_css_source_LmkwM3Z2MzAgewogIGRpc3BsYXk6IGlubGluZS1mbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7CiAgYm9yZGVyOiBub25lOwogIGN1cnNvcjogcG9pbnRlcjsKICBwYWRkaW5nOiA4cHg7CiAgYm9yZGVyLXJhZGl1czogNHB4OwogIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4ycyBlYXNlOwogIGNvbG9yOiB2YXIoLS1scC1jb2xvci1ncmF5LTQwMCk7Cn0KLmkwM3Z2MzA6ZGlzYWJsZWQgewogIGN1cnNvcjogbm90LWFsbG93ZWQ7CiAgb3BhY2l0eTogMC41Owp9Ci5pMDN2djMwOmhvdmVyOm5vdCg6ZGlzYWJsZWQpIHsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS0yMDApOwogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWxwLWNvbG9yLWdyYXktODAwKTsKfQouaTAzdnYzMSB7CiAgd2lkdGg6IDMwcHg7CiAgaGVpZ2h0OiAzMHB4Owp9Ci5pMDN2djMyIHsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7Cn0KLmkwM3Z2MzMgewogIHdpZHRoOiA0MHB4OwogIGhlaWdodDogNDBweDsKfQ_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z.locals && IconButton_css_ts_vanilla_css_source_LmkwM3Z2MzAgewogIGRpc3BsYXk6IGlubGluZS1mbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7CiAgYm9yZGVyOiBub25lOwogIGN1cnNvcjogcG9pbnRlcjsKICBwYWRkaW5nOiA4cHg7CiAgYm9yZGVyLXJhZGl1czogNHB4OwogIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4ycyBlYXNlOwogIGNvbG9yOiB2YXIoLS1scC1jb2xvci1ncmF5LTQwMCk7Cn0KLmkwM3Z2MzA6ZGlzYWJsZWQgewogIGN1cnNvcjogbm90LWFsbG93ZWQ7CiAgb3BhY2l0eTogMC41Owp9Ci5pMDN2djMwOmhvdmVyOm5vdCg6ZGlzYWJsZWQpIHsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS0yMDApOwogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWxwLWNvbG9yLWdyYXktODAwKTsKfQouaTAzdnYzMSB7CiAgd2lkdGg6IDMwcHg7CiAgaGVpZ2h0OiAzMHB4Owp9Ci5pMDN2djMyIHsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7Cn0KLmkwM3Z2MzMgewogIHdpZHRoOiA0MHB4OwogIGhlaWdodDogNDBweDsKfQ_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z.locals;
-var medium = 'i03vv32 i03vv30';
-var small = 'i03vv31 i03vv30';
-var large = 'i03vv33 i03vv30';
-function IconButton(props) {
-    const { icon, label, onClick, disabled = false, className, size = 'large' } = props;
-    const getSizeClass = ()=>{
-        switch(size){
-            case 'small':
-                return small;
-            case 'medium':
-                return medium;
-            case 'large':
-                return large;
-            default:
-                return large;
-        }
-    };
-    return /*#__PURE__*/ jsx("button", {
-        className: `${getSizeClass()} ${className || ''}`,
-        onClick: onClick,
-        disabled: disabled,
-        "aria-label": label,
-        children: icon
-    });
-}
-var Icon_css_ts_vanilla_css_source_LnJqOWY2YzAgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKICBmaWxsOiBjdXJyZW50Q29sb3I7Cn0_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.4.12/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/components/icons/Icon.css.ts.vanilla.css\",\"source\":\"LnJqOWY2YzAgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKICBmaWxsOiBjdXJyZW50Q29sb3I7Cn0=\"}!./node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/extracted.js");
-var Icon_css_ts_vanilla_css_source_LnJqOWY2YzAgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKICBmaWxsOiBjdXJyZW50Q29sb3I7Cn0_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options = {};
-Icon_css_ts_vanilla_css_source_LnJqOWY2YzAgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKICBmaWxsOiBjdXJyZW50Q29sb3I7Cn0_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();
-Icon_css_ts_vanilla_css_source_LnJqOWY2YzAgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKICBmaWxsOiBjdXJyZW50Q29sb3I7Cn0_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();
-Icon_css_ts_vanilla_css_source_LnJqOWY2YzAgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKICBmaWxsOiBjdXJyZW50Q29sb3I7Cn0_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");
-Icon_css_ts_vanilla_css_source_LnJqOWY2YzAgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKICBmaWxsOiBjdXJyZW50Q29sb3I7Cn0_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();
-Icon_css_ts_vanilla_css_source_LnJqOWY2YzAgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKICBmaWxsOiBjdXJyZW50Q29sb3I7Cn0_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()(Icon_css_ts_vanilla_css_source_LnJqOWY2YzAgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKICBmaWxsOiBjdXJyZW50Q29sb3I7Cn0_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z, Icon_css_ts_vanilla_css_source_LnJqOWY2YzAgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKICBmaWxsOiBjdXJyZW50Q29sb3I7Cn0_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options);
-Icon_css_ts_vanilla_css_source_LnJqOWY2YzAgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKICBmaWxsOiBjdXJyZW50Q29sb3I7Cn0_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z && Icon_css_ts_vanilla_css_source_LnJqOWY2YzAgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKICBmaWxsOiBjdXJyZW50Q29sb3I7Cn0_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z.locals && Icon_css_ts_vanilla_css_source_LnJqOWY2YzAgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKICBmaWxsOiBjdXJyZW50Q29sb3I7Cn0_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z.locals;
-var Icon_css_icon = 'rj9f6c0';
-function SearchIcon({ className }) {
-    return /*#__PURE__*/ jsx("svg", {
-        className: `${Icon_css_icon} ${className}`,
-        fill: "currentColor",
-        viewBox: "0 0 24 24",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /*#__PURE__*/ jsx("path", {
-            d: "M10 2a8 8 0 1 0 5.29 14.29l4.3 4.3a1 1 0 0 0 1.42-1.42l-4.3-4.3A8 8 0 0 0 10 2zm0 2a6 6 0 1 1 0 12 6 6 0 0 1 0-12z"
-        })
-    });
-}
-function ChevronDownIcon({ className }) {
-    return /*#__PURE__*/ jsx("svg", {
-        className: `${Icon_css_icon} ${className}`,
-        fill: "currentColor",
-        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"
-        })
-    });
-}
-function EditIcon({ className }) {
-    return /*#__PURE__*/ jsx("svg", {
-        className: `${Icon_css_icon} ${className}`,
-        fill: "currentColor",
-        viewBox: "0 0 24 24",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /*#__PURE__*/ jsx("path", {
-            d: "M3 17.25V21h3.75l11.06-11.06-3.75-3.75L3 17.25zm2.92-1.42L14.06 7.69l1.42 1.42-8.14 8.14H5.92v-1.42zM20.71 7.04a1 1 0 0 0 0-1.41l-2.34-2.34a1 1 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"
-        })
-    });
-}
-function SyncIcon({ className }) {
-    return /*#__PURE__*/ jsx("svg", {
-        className: `${Icon_css_icon} ${className}`,
-        fill: "currentColor",
-        viewBox: "0 0 24 24",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /*#__PURE__*/ jsx("path", {
-            d: "M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.1-.3 2.13-.82 3.02l1.46 1.46A7.92 7.92 0 0 0 20 12c0-4.42-3.58-8-8-8zm-6 8c0-1.1.3-2.13.82-3.02L5.36 7.52A7.92 7.92 0 0 0 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3c-3.31 0-6-2.69-6-6z"
-        })
-    });
-}
-function CheckIcon({ className }) {
-    return /*#__PURE__*/ jsx("svg", {
-        className: `${Icon_css_icon} ${className}`,
-        fill: "currentColor",
-        viewBox: "0 0 24 24",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /*#__PURE__*/ jsx("path", {
-            d: "M9 16.17l-3.88-3.88L4 13.41l5 5 12-12-1.41-1.41z"
-        })
-    });
-}
-function ToggleOffIcon({ className }) {
-    return /*#__PURE__*/ jsx("svg", {
-        className: `${Icon_css_icon} ${className}`,
-        fill: "currentColor",
-        viewBox: "0 0 24 24",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /*#__PURE__*/ jsx("path", {
-            d: "M17 7H7a5 5 0 0 0 0 10h10a5 5 0 0 0 0-10zm0 8H7a3 3 0 0 1 0-6h10a3 3 0 0 1 0 6zM7 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6z"
-        })
-    });
-}
-function GearIcon({ className }) {
-    return /*#__PURE__*/ jsx("svg", {
-        className: `${Icon_css_icon} ${className}`,
-        fill: "currentColor",
-        viewBox: "0 0 24 24",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /*#__PURE__*/ jsx("path", {
-            d: "M19.43 12.98c.04-.32.07-.66.07-1s-.03-.68-.07-1l2.11-1.65a.5.5 0 0 0 .11-.63l-2-3.46a.5.5 0 0 0-.61-.22l-2.49 1a7.07 7.07 0 0 0-1.5-.87l-.38-2.65A.5.5 0 0 0 14 3h-4a.5.5 0 0 0-.5.42l-.38 2.65c-.53.2-1.03.48-1.5.87l-2.49-1a.5.5 0 0 0-.61.22l-2 3.46a.5.5 0 0 0 .11.63l2.11 1.65c-.04.32-.07.66-.07 1s.03.68.07 1L2.57 14.63a.5.5 0 0 0-.11.63l2 3.46c.14.24.44.33.68.22l2.49-1c.47.39.97.67 1.5.87l.38 2.65c.05.28.28.48.5.48h4c.22 0 .45-.2.5-.48l.38-2.65c.53-.2 1.03-.48 1.5-.87l2.49 1c.24.11.54.02.68-.22l2-3.46a.5.5 0 0 0-.11-.63l-2.11-1.65zM12 15.5a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7z"
-        })
-    });
-}
-function CancelCircleIcon({ className }) {
-    return /*#__PURE__*/ jsx("svg", {
-        className: `${Icon_css_icon} ${className}`,
-        fill: "currentColor",
-        viewBox: "0 0 24 24",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /*#__PURE__*/ jsx("path", {
-            d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"
-        })
-    });
+const TOOLBAR_POSITIONS = [
+    'left',
+    'right'
+];
+const TOOLBAR_STORAGE_KEYS = {
+    POSITION: 'ld-toolbar-position',
+    DISABLED: 'ld-toolbar-disabled',
+    PROJECT: 'ld-toolbar-project'
+};
+function saveToolbarPosition(position) {
+    try {
+        localStorage.setItem(TOOLBAR_STORAGE_KEYS.POSITION, position);
+    } catch (error) {
+        console.warn('Failed to save toolbar position to localStorage:', error);
+    }
 }
-function XIcon({ 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: "M4.47 4.47a.75.75 0 0 1 1.06 0L10 8.94l4.47-4.47a.75.75 0 1 1 1.06 1.06L11.062 10l4.47 4.47a.75.75 0 0 1-1.06 1.06L10 11.06l-4.47 4.47a.75.75 0 1 1-1.06-1.06L8.94 10 4.47 5.53a.75.75 0 0 1 0-1.06Z",
-            clipRule: "evenodd"
-        })
-    });
+function loadToolbarPosition() {
+    try {
+        const position = localStorage.getItem(TOOLBAR_STORAGE_KEYS.POSITION);
+        return position && TOOLBAR_POSITIONS.includes(position) ? position : null;
+    } catch (error) {
+        console.warn('Failed to load toolbar position from localStorage:', error);
+        return null;
+    }
 }
-function SearchSection(props) {
-    const { searchTerm, onSearch, setSearchIsExpanded } = props;
-    const handleBlur = ()=>{
-        if (!searchTerm.trim()) setSearchIsExpanded(false);
-    };
-    return /*#__PURE__*/ jsx(motion.div, {
-        className: searchFieldWrapper,
-        initial: {
-            scale: 0.95
-        },
-        animate: {
-            scale: 1
-        },
-        transition: {
-            duration: 0.2,
-            ease: 'easeOut'
-        },
-        children: /*#__PURE__*/ jsx(SearchField, {
-            "aria-label": "Search",
-            "data-theme": "dark",
-            onBlur: handleBlur,
-            className: searchField,
-            children: /*#__PURE__*/ jsxs(Group, {
-                className: searchGroup,
-                children: [
-                    /*#__PURE__*/ jsx(Input, {
-                        autoFocus: true,
-                        placeholder: "Search",
-                        value: searchTerm,
-                        onChange: (e)=>{
-                            onSearch(e.target.value);
-                        }
-                    }),
-                    /*#__PURE__*/ jsx(IconButton, {
-                        icon: /*#__PURE__*/ jsx(CancelCircleIcon, {}),
-                        label: "Clear",
-                        onClick: ()=>onSearch(''),
-                        size: "medium"
-                    })
-                ]
-            })
-        })
+const STORAGE_KEY = TOOLBAR_STORAGE_KEYS.PROJECT;
+const DevServerContext = /*#__PURE__*/ createContext(null);
+const useDevServerContext = ()=>{
+    const context = useContext(DevServerContext);
+    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 {
+            flags: {},
+            connectionStatus: 'disconnected',
+            lastSyncTime: 0,
+            isLoading: true,
+            error: null,
+            sourceEnvironmentKey: null,
+            availableProjects: [],
+            currentProjectKey: null,
+            position: savedPosition || initialPosition || 'right'
+        };
     });
-}
-function ActionButtons(props) {
-    const { searchIsExpanded, setSearchIsExpanded, onClose, onRefresh, showSearchButton } = props;
-    const [isSpinning, setIsSpinning] = useState(false);
-    const [rotationCount, setRotationCount] = useState(0);
-    const handleRefreshClick = useCallback(()=>{
-        if (isSpinning) return;
-        setIsSpinning(true);
-        setRotationCount((prev)=>prev + 360);
-        setTimeout(()=>{
-            setIsSpinning(false);
-        }, 1000);
-        onRefresh();
+    const devServerClient = useMemo(()=>{
+        if (config.devServerUrl) return new DevServerClient(config.devServerUrl, config.projectKey);
+        return null;
     }, [
-        onRefresh,
-        isSpinning
+        config.devServerUrl,
+        config.projectKey
     ]);
-    return /*#__PURE__*/ jsxs("div", {
-        className: rightSection,
-        children: [
-            showSearchButton && /*#__PURE__*/ jsx(AnimatePresence, {
-                children: !searchIsExpanded && /*#__PURE__*/ jsx(motion.div, {
-                    className: searchButtonArea,
-                    initial: {
-                        opacity: 0,
-                        scale: 0.8,
-                        x: 10
-                    },
-                    animate: {
-                        opacity: 1,
-                        scale: 1,
-                        x: 0
-                    },
-                    exit: {
-                        opacity: 0,
-                        scale: 0.8,
-                        x: 10
-                    },
-                    transition: {
-                        duration: 0.2,
-                        ease: 'easeInOut'
-                    },
-                    children: /*#__PURE__*/ jsx(IconButton, {
-                        icon: /*#__PURE__*/ jsx(SearchIcon, {}),
-                        label: "Search",
-                        onClick: ()=>setSearchIsExpanded(true),
-                        className: Header_css_actionButton
-                    })
-                }, "search-button")
-            }),
-            /*#__PURE__*/ jsx(IconButton, {
-                icon: /*#__PURE__*/ jsx(motion.span, {
-                    animate: {
-                        rotate: rotationCount
-                    },
-                    transition: {
-                        duration: 1,
-                        ease: 'linear'
-                    },
-                    style: {
-                        display: 'inline-flex',
-                        alignItems: 'center'
-                    },
-                    children: /*#__PURE__*/ jsx(SyncIcon, {})
-                }),
-                label: "Refresh",
-                onClick: handleRefreshClick,
-                className: Header_css_actionButton
-            }),
-            /*#__PURE__*/ jsx("div", {
-                className: closeButtonArea,
-                children: /*#__PURE__*/ jsx(motion.div, {
-                    whileHover: {
-                        scale: 1.05
-                    },
-                    whileTap: {
-                        scale: 0.95
-                    },
-                    transition: {
-                        duration: 0.1
-                    },
-                    children: /*#__PURE__*/ jsx(IconButton, {
-                        icon: /*#__PURE__*/ jsx(ChevronDownIcon, {}),
-                        label: "Close toolbar",
-                        onClick: onClose,
-                        className: Header_css_actionButton
-                    })
-                })
-            })
-        ]
-    });
-}
-class DevServerClient {
-    baseUrl;
-    projectKey = null;
-    constructor(baseUrl, projectKey){
-        this.baseUrl = baseUrl;
-        this.projectKey = projectKey || null;
-    }
-    setProjectKey(projectKey) {
-        this.projectKey = projectKey;
-    }
-    getProjectKey() {
-        return this.projectKey;
-    }
-    async getProjectData() {
-        if (!this.projectKey) throw new Error('No project key set. Call setProjectKey() first.');
-        const url = `${this.baseUrl}/dev/projects/${this.projectKey}?expand=overrides&expand=availableVariations`;
-        try {
-            const response = await fetch(url);
-            if (!response.ok) throw new Error(`Dev server error: ${response.status} ${response.statusText}`);
-            return await response.json();
-        } catch (error) {
-            if (error instanceof TypeError) throw new Error(`Failed to connect to dev server at ${this.baseUrl}. Is ldcli dev-server running?`);
-            throw error;
-        }
-    }
-    async setOverride(flagKey, value) {
-        if (!this.projectKey) throw new Error('No project key set. Call setProjectKey() first.');
-        const url = `${this.baseUrl}/dev/projects/${this.projectKey}/overrides/${flagKey}`;
-        try {
-            const response = await fetch(url, {
-                method: 'PUT',
-                headers: {
-                    'Content-Type': 'application/json'
-                },
-                body: JSON.stringify(value)
-            });
-            if (!response.ok) throw new Error(`Failed to set override: ${response.status} ${response.statusText}`);
-            return await response.json();
-        } catch (error) {
-            if (error instanceof TypeError) throw new Error(`Failed to connect to dev server at ${this.baseUrl}`);
-            throw error;
-        }
-    }
-    async clearOverride(flagKey) {
-        if (!this.projectKey) throw new Error('No project key set. Call setProjectKey() first.');
-        const url = `${this.baseUrl}/dev/projects/${this.projectKey}/overrides/${flagKey}`;
-        try {
-            const response = await fetch(url, {
-                method: 'DELETE'
-            });
-            if (!response.ok) throw new Error(`Failed to clear override: ${response.status} ${response.statusText}`);
-        } catch (error) {
-            if (error instanceof TypeError) throw new Error(`Failed to connect to dev server at ${this.baseUrl}`);
-            throw error;
-        }
-    }
-    async getAvailableProjects() {
-        try {
-            const response = await fetch(`${this.baseUrl}/dev/projects`);
-            if (!response.ok) throw new Error(`Failed to fetch projects: ${response.status} ${response.statusText}`);
-            return await response.json();
-        } catch (error) {
-            if (error instanceof TypeError) throw new Error(`Failed to connect to dev server at ${this.baseUrl}. Is ldcli dev-server running?`);
-            throw error;
-        }
-    }
-}
-class FlagStateManager {
-    devServerClient;
-    listeners = new Set();
-    constructor(devServerClient){
-        this.devServerClient = devServerClient;
-    }
-    async getEnhancedFlags() {
-        const devServerData = await this.devServerClient.getProjectData();
-        const enhancedFlags = {};
-        Object.keys(devServerData.flagsState).forEach((flagKey)=>{
-            const flagState = devServerData.flagsState[flagKey];
-            const override = devServerData.overrides[flagKey];
-            const variations = devServerData.availableVariations[flagKey] || [];
-            const currentValue = override ? override.value : flagState.value;
-            enhancedFlags[flagKey] = {
-                key: flagKey,
-                name: this.formatFlagName(flagKey),
-                currentValue,
-                isOverridden: !!override,
-                originalValue: flagState.value,
-                availableVariations: variations,
-                type: this.determineFlagType(variations, currentValue),
-                sourceEnvironment: devServerData.sourceEnvironmentKey,
-                enabled: null !== flagState.value && void 0 !== flagState.value
-            };
-        });
-        return enhancedFlags;
-    }
-    formatFlagName(flagKey) {
-        return flagKey.split('-').map((word)=>word.charAt(0).toUpperCase() + word.slice(1)).join(' ');
-    }
-    determineFlagType(variations, currentValue) {
-        if (2 === variations.length && variations.every((v)=>'boolean' == typeof v.value)) return 'boolean';
-        if (variations.length > 2) return 'multivariate';
-        if ('string' == typeof currentValue) return 'string';
-        if ('number' == typeof currentValue) return 'number';
-        return 'boolean';
-    }
-    async setOverride(flagKey, value) {
-        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 = [
-    'flags',
-    'settings'
-];
-const TOOLBAR_POSITIONS = [
-    'left',
-    'right'
-];
-const TOOLBAR_STORAGE_KEYS = {
-    POSITION: 'ld-toolbar-position',
-    DISABLED: 'ld-toolbar-disabled',
-    PROJECT: 'ld-toolbar-project'
-};
-function saveToolbarPosition(position) {
-    try {
-        localStorage.setItem(TOOLBAR_STORAGE_KEYS.POSITION, position);
-    } catch (error) {
-        console.warn('Failed to save toolbar position to localStorage:', error);
-    }
-}
-function loadToolbarPosition() {
-    try {
-        const position = localStorage.getItem(TOOLBAR_STORAGE_KEYS.POSITION);
-        return position && TOOLBAR_POSITIONS.includes(position) ? position : null;
-    } catch (error) {
-        console.warn('Failed to load toolbar position from localStorage:', error);
+    const flagStateManager = useMemo(()=>{
+        if (devServerClient) return new FlagStateManager(devServerClient);
         return null;
-    }
-}
-const STORAGE_KEY = TOOLBAR_STORAGE_KEYS.PROJECT;
-const LaunchDarklyToolbarContext = /*#__PURE__*/ createContext(null);
-const useToolbarContext = ()=>{
-    const context = useContext(LaunchDarklyToolbarContext);
-    if (!context) throw new Error('useToolbarContext must be used within LaunchDarklyToolbarProvider');
-    return context;
-};
-const LaunchDarklyToolbarProvider = ({ children, config, initialPosition })=>{
-    const [toolbarState, setToolbarState] = useState(()=>{
-        const savedPosition = loadToolbarPosition();
-        return {
-            flags: {},
-            connectionStatus: 'disconnected',
-            lastSyncTime: 0,
-            isLoading: true,
-            error: null,
-            sourceEnvironmentKey: null,
-            availableProjects: [],
-            currentProjectKey: null,
-            position: savedPosition || initialPosition || 'right'
-        };
-    });
-    const devServerClient = useMemo(()=>new DevServerClient(config.devServerUrl, config.projectKey), [
-        config.devServerUrl,
-        config.projectKey
-    ]);
-    const flagStateManager = useMemo(()=>new FlagStateManager(devServerClient), [
+    }, [
         devServerClient
     ]);
     const initializeProjectSelection = useCallback(async ()=>{
+        if (!devServerClient) throw new Error('DevServerClient not available - not in dev-server mode');
         const availableProjects = await devServerClient.getAvailableProjects();
         if (0 === availableProjects.length) throw new Error('No projects found on dev server');
         let projectKeyToUse;
@@ -2737,6 +2172,12 @@ const LaunchDarklyToolbarProvider = ({ children, config, initialPosition })=>{
     ]);
     useEffect(()=>{
         const setupProjectConnection = async ()=>{
+            if (!config.devServerUrl) return void setToolbarState((prev)=>({
+                    ...prev,
+                    connectionStatus: 'disconnected',
+                    isLoading: false,
+                    error: null
+                }));
             try {
                 setToolbarState((prev)=>({
                         ...prev,
@@ -2762,11 +2203,12 @@ const LaunchDarklyToolbarProvider = ({ children, config, initialPosition })=>{
         };
         setupProjectConnection();
     }, [
-        initializeProjectSelection
+        initializeProjectSelection,
+        config.devServerUrl
     ]);
     useEffect(()=>{
         const loadProjectData = async ()=>{
-            if (!toolbarState.currentProjectKey || 'connected' !== toolbarState.connectionStatus) return;
+            if (!toolbarState.currentProjectKey || 'connected' !== toolbarState.connectionStatus || !devServerClient || !flagStateManager) return;
             try {
                 setToolbarState((prev)=>({
                         ...prev,
@@ -2800,7 +2242,7 @@ const LaunchDarklyToolbarProvider = ({ children, config, initialPosition })=>{
         flagStateManager
     ]);
     useEffect(()=>{
-        if ('connected' !== toolbarState.connectionStatus) return;
+        if ('connected' !== toolbarState.connectionStatus || !flagStateManager) return;
         const unsubscribe = flagStateManager.subscribe((flags)=>{
             setToolbarState((prev)=>({
                     ...prev,
@@ -2814,6 +2256,7 @@ const LaunchDarklyToolbarProvider = ({ children, config, initialPosition })=>{
         toolbarState.connectionStatus
     ]);
     useEffect(()=>{
+        if (!config.devServerUrl || !devServerClient || !flagStateManager) return;
         const pollInterval = config.pollIntervalInMs;
         const checkConnectionAndRecover = async ()=>{
             try {
@@ -2850,16 +2293,26 @@ const LaunchDarklyToolbarProvider = ({ children, config, initialPosition })=>{
         devServerClient,
         flagStateManager,
         config.pollIntervalInMs,
-        initializeProjectSelection
+        initializeProjectSelection,
+        config.devServerUrl
     ]);
     const setOverride = useCallback(async (flagKey, value)=>{
+        if (!flagStateManager) {
+            const errorMessage = 'Flag state manager not available - not in dev-server mode';
+            config.onError?.(errorMessage);
+            setToolbarState((prev)=>({
+                    ...prev,
+                    error: errorMessage
+                }));
+            return;
+        }
         try {
             setToolbarState((prev)=>({
                     ...prev,
                     isLoading: true
                 }));
             await flagStateManager.setOverride(flagKey, value);
-            config.onFlagOverride?.(flagKey, value, true);
+            config.onDebugOverride?.(flagKey, value, true);
         } catch (error) {
             const errorMessage = error instanceof Error ? error.message : 'Unknown error';
             config.onError?.(errorMessage);
@@ -2878,13 +2331,22 @@ const LaunchDarklyToolbarProvider = ({ children, config, initialPosition })=>{
         config
     ]);
     const clearOverride = useCallback(async (flagKey)=>{
+        if (!flagStateManager) {
+            const errorMessage = 'Flag state manager not available - not in dev-server mode';
+            config.onError?.(errorMessage);
+            setToolbarState((prev)=>({
+                    ...prev,
+                    error: errorMessage
+                }));
+            return;
+        }
         try {
             setToolbarState((prev)=>({
                     ...prev,
                     isLoading: true
                 }));
             await flagStateManager.clearOverride(flagKey);
-            config.onFlagOverride?.(flagKey, null, false);
+            config.onDebugOverride?.(flagKey, null, false);
         } catch (error) {
             const errorMessage = error instanceof Error ? error.message : 'Unknown error';
             config.onError?.(errorMessage);
@@ -2903,6 +2365,15 @@ const LaunchDarklyToolbarProvider = ({ children, config, initialPosition })=>{
         config
     ]);
     const clearAllOverrides = useCallback(async ()=>{
+        if (!flagStateManager) {
+            const errorMessage = 'Flag state manager not available - not in dev-server mode';
+            config.onError?.(errorMessage);
+            setToolbarState((prev)=>({
+                    ...prev,
+                    error: errorMessage
+                }));
+            return;
+        }
         try {
             setToolbarState((prev)=>({
                     ...prev,
@@ -2911,7 +2382,7 @@ const LaunchDarklyToolbarProvider = ({ children, config, initialPosition })=>{
             const overriddenFlags = Object.entries(toolbarState.flags).filter(([_, flag])=>flag.isOverridden);
             await Promise.all(overriddenFlags.map(([flagKey])=>flagStateManager.clearOverride(flagKey)));
             overriddenFlags.forEach(([flagKey])=>{
-                config.onFlagOverride?.(flagKey, null, false);
+                config.onDebugOverride?.(flagKey, null, false);
             });
         } catch (error) {
             const errorMessage = error instanceof Error ? error.message : 'Unknown error';
@@ -2933,7 +2404,7 @@ const LaunchDarklyToolbarProvider = ({ children, config, initialPosition })=>{
     ]);
     const refresh = useCallback(async ()=>{
         try {
-            if (!toolbarState.currentProjectKey || 'connected' !== toolbarState.connectionStatus) return;
+            if (!toolbarState.currentProjectKey || 'connected' !== toolbarState.connectionStatus || !devServerClient || !flagStateManager) return;
             setToolbarState((prev)=>({
                     ...prev,
                     isLoading: true
@@ -2965,6 +2436,16 @@ const LaunchDarklyToolbarProvider = ({ children, config, initialPosition })=>{
         toolbarState.connectionStatus
     ]);
     const switchProject = useCallback(async (projectKey)=>{
+        if (!devServerClient || !flagStateManager) {
+            const errorMessage = 'Dev server client and flag state manager not available - not in dev-server mode';
+            setToolbarState((prev)=>({
+                    ...prev,
+                    connectionStatus: 'error',
+                    error: errorMessage,
+                    isLoading: false
+                }));
+            return;
+        }
         try {
             setToolbarState((prev)=>({
                     ...prev,
@@ -3022,16 +2503,747 @@ const LaunchDarklyToolbarProvider = ({ children, config, initialPosition })=>{
         switchProject,
         handlePositionChange
     ]);
-    return /*#__PURE__*/ jsx(LaunchDarklyToolbarContext.Provider, {
+    return /*#__PURE__*/ jsx(DevServerContext.Provider, {
         value: value,
         children: children
     });
-};
+};
+const SearchContext = /*#__PURE__*/ createContext({
+    searchTerm: '',
+    setSearchTerm: ()=>{}
+});
+function SearchProvider({ children }) {
+    const [searchTerm, setSearchTerm] = useState('');
+    return /*#__PURE__*/ jsx(SearchContext.Provider, {
+        value: {
+            searchTerm,
+            setSearchTerm
+        },
+        children: children
+    });
+}
+function useSearchContext() {
+    const context = useContext(SearchContext);
+    if (!context) throw new Error('useSearchContext must be used within a SearchProvider');
+    return context;
+}
+const FlagSdkOverrideContext = /*#__PURE__*/ createContext(null);
+function FlagSdkOverrideProvider({ children, flagOverridePlugin }) {
+    const [flags, setFlags] = useState({});
+    const [isLoading, setIsLoading] = useState(true);
+    const ldClient = flagOverridePlugin.getClient();
+    const formatFlagName = useCallback((flagKey)=>flagKey.split('-').map((word)=>word.charAt(0).toUpperCase() + word.slice(1)).join(' '), []);
+    const inferFlagType = useCallback((value)=>{
+        if ('boolean' == typeof value) return 'boolean';
+        if ('string' == typeof value) return 'string';
+        if ('number' == typeof value) return 'number';
+        return 'object';
+    }, []);
+    const buildFlags = useCallback((allFlags)=>{
+        const overrides = flagOverridePlugin.getAllOverrides();
+        const result = {};
+        Object.keys(allFlags).sort().forEach((flagKey)=>{
+            const currentValue = allFlags[flagKey];
+            result[flagKey] = {
+                key: flagKey,
+                name: formatFlagName(flagKey),
+                currentValue,
+                isOverridden: flagKey in overrides,
+                type: inferFlagType(currentValue)
+            };
+        });
+        return result;
+    }, [
+        flagOverridePlugin,
+        formatFlagName,
+        inferFlagType
+    ]);
+    useEffect(()=>{
+        if (!ldClient) {
+            setFlags({});
+            setIsLoading(false);
+            return;
+        }
+        const initialFlags = ldClient.allFlags();
+        const initialFlagState = buildFlags(initialFlags);
+        setFlags(initialFlagState);
+        setIsLoading(false);
+        const handleChange = (changes)=>{
+            setFlags((prevFlags)=>{
+                const updatedRawFlags = ldClient.allFlags();
+                const newFlags = buildFlags(updatedRawFlags);
+                const updatedFlags = {
+                    ...prevFlags
+                };
+                let hasChanges = false;
+                Object.keys(changes).forEach((flagKey)=>{
+                    if (newFlags[flagKey]) {
+                        updatedFlags[flagKey] = newFlags[flagKey];
+                        hasChanges = true;
+                    }
+                });
+                Object.keys(newFlags).forEach((flagKey)=>{
+                    if (!prevFlags[flagKey]) {
+                        updatedFlags[flagKey] = newFlags[flagKey];
+                        hasChanges = true;
+                    }
+                });
+                return hasChanges ? updatedFlags : prevFlags;
+            });
+        };
+        ldClient.on('change', handleChange);
+        return ()=>{
+            ldClient.off('change', handleChange);
+        };
+    }, [
+        ldClient,
+        buildFlags
+    ]);
+    return /*#__PURE__*/ jsx(FlagSdkOverrideContext.Provider, {
+        value: {
+            flags,
+            isLoading
+        },
+        children: children
+    });
+}
+function useFlagSdkOverrideContext() {
+    const context = useContext(FlagSdkOverrideContext);
+    if (!context) throw new Error('useFlagSdkOverrideContext must be used within a FlagSdkOverrideProvider');
+    return context;
+}
+var extracted = __webpack_require__("./node_modules/.pnpm/@rsbuild+core@1.4.12/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/components/ActionButtonsContainer.css.ts.vanilla.css\",\"source\":\"​#H4sIAAAAAAAAA+1Ty27bMBC8+yv2aB/o0krsuszHFEuRkgjRJLGkI6lF/72grLpWHk7iFuilN2G0OzM7u1x//TK0/TBw+L4ACKiUcbWADQ898IcFgPSkNDHpU/IHAZvQQ/TWKHhEWjJmAyu99cRqwoHtOV/lJv+oqbK+Y70APCafMWVisDgIqKzuM1BjELAP4/ckzKyukoCCz1EydXMBx5K8tRLpJC1etPKZ8xUkQhcDknZp3tgZlRoBqTHuYfFjsf6VghCs07I1iZ1rx2AafbJwf3IgsWxr8kenxFzjOhVLzfEgR8JLhtfsX8RPqMwxCiiy/lsihGX7TOQVm5t3udnP3Lx1Bbup+sp2iqnkfHC70MOmmNKdz7w7oZV3iUXzTYtz4Qh102q2fLzX8kgxqwZvXNKUoXF0k4x3AtBa4Osigsao88+uMUmzGLDUApzvCMNIbXXPYkPGtSI/hIvEhDIRpdVqjM4HLE0aBPD19lLf+cTQWt9pNe9u8uMQzqflmWh1y0lcSXc7Vv4WLf4v+YNLLv5oycW/WPLdM36qJS4r8oen/ZLQKVYO6JjEqFdAUIOET8DXmxfUb+G5u3IcT9tmU7wvuptG2/6l2e6z45832tTkOQcAAA==\"}!./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();
+extracted_options.insert = insertBySelector_default().bind(null, "head");
+extracted_options.domAPI = styleDomAPI_default();
+extracted_options.insertStyleElement = insertStyleElement_default();
+injectStylesIntoStyleTag_default()(extracted.Z, extracted_options);
+extracted.Z && extracted.Z.locals && extracted.Z.locals;
+var container = '_9ykxyy0';
+var toggleButton = '_9ykxyy2';
+var actionButton = '_9ykxyy1';
+var active = '_9ykxyy3';
+const ActionButtonsContainer = ({ children })=>/*#__PURE__*/ jsx("div", {
+        className: container,
+        children: children
+    });
+const EASING = {
+    bounce: [
+        0.34,
+        1.56,
+        0.64,
+        1
+    ],
+    smooth: [
+        0.25,
+        0.46,
+        0.45,
+        0.94
+    ],
+    elastic: [
+        0.22,
+        1,
+        0.36,
+        1
+    ]
+};
+const ANIMATION_CONFIG = {
+    container: {
+        width: {
+            duration: 0.5,
+            ease: EASING.bounce
+        },
+        height: {
+            duration: 0.5,
+            ease: EASING.bounce
+        },
+        borderRadius: {
+            duration: 0.4,
+            ease: EASING.smooth
+        },
+        boxShadow: {
+            duration: 0.3,
+            ease: 'easeInOut'
+        }
+    },
+    circleLogo: {
+        opacity: {
+            duration: 0.25,
+            ease: 'easeOut'
+        },
+        scale: {
+            duration: 0.3,
+            ease: EASING.smooth
+        },
+        rotate: {
+            duration: 0.3,
+            ease: EASING.smooth
+        }
+    },
+    toolbarContent: {
+        opacity: {
+            duration: 0.4,
+            ease: EASING.smooth
+        },
+        y: {
+            duration: 0.5,
+            ease: EASING.bounce
+        },
+        scale: {
+            duration: 0.5,
+            ease: EASING.bounce
+        }
+    },
+    contentArea: {
+        opacity: {
+            duration: 0.4,
+            ease: 'easeInOut'
+        },
+        maxHeight: {
+            duration: 0.5,
+            ease: EASING.elastic
+        }
+    },
+    tabContent: {
+        duration: 0.3,
+        ease: EASING.smooth
+    },
+    tabsContainer: {
+        opacity: {
+            duration: 0.5,
+            ease: EASING.bounce
+        },
+        y: {
+            duration: 0.5,
+            ease: EASING.bounce
+        },
+        delay: 0.3
+    }
+};
+const DIMENSIONS = {
+    collapsed: {
+        width: 60,
+        height: 60,
+        borderRadius: 30
+    },
+    expanded: {
+        width: 400,
+        borderRadius: 12
+    },
+    scale: {
+        expanded: 1.02,
+        collapsed: 1
+    },
+    slideDistance: 30
+};
+const SHADOWS = {
+    expanded: '0 12px 48px rgba(0, 0, 0, 0.5)',
+    hoveredCollapsed: '0 8px 40px rgba(0, 0, 0, 0.4)',
+    collapsed: '0 4px 16px rgba(0, 0, 0, 0.3)'
+};
+const VIRTUALIZATION = {
+    ITEM_HEIGHT: 85,
+    OVERSCAN: 5
+};
+function LaunchDarklyIcon({ className }) {
+    return /*#__PURE__*/ jsx("svg", {
+        className: className,
+        fill: "currentColor",
+        preserveAspectRatio: "xMidYMid",
+        viewBox: "-.00348466 0 256.88728835 255.31014671",
+        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"
+        })
+    });
+}
+var _vanilla_extract_webpack_plugin_extracted = __webpack_require__("./node_modules/.pnpm/@rsbuild+core@1.4.12/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 webpack_plugin_extracted_options = {};
+webpack_plugin_extracted_options.styleTagTransform = styleTagTransform_default();
+webpack_plugin_extracted_options.setAttributes = setAttributesWithoutAttributes_default();
+webpack_plugin_extracted_options.insert = insertBySelector_default().bind(null, "head");
+webpack_plugin_extracted_options.domAPI = styleDomAPI_default();
+webpack_plugin_extracted_options.insertStyleElement = insertStyleElement_default();
+injectStylesIntoStyleTag_default()(_vanilla_extract_webpack_plugin_extracted.Z, webpack_plugin_extracted_options);
+_vanilla_extract_webpack_plugin_extracted.Z && _vanilla_extract_webpack_plugin_extracted.Z.locals && _vanilla_extract_webpack_plugin_extracted.Z.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 toolbarContainer = '_1n4ciyy0';
+var toolbarExpanded = '_1n4ciyy4';
+function CircleLogo(props) {
+    const { hasBeenExpanded } = props;
+    return /*#__PURE__*/ jsx(motion.div, {
+        className: circleContent,
+        initial: {
+            opacity: 0,
+            x: '-50%',
+            y: '-50%',
+            scale: 0.9,
+            rotate: 90
+        },
+        animate: {
+            opacity: 1,
+            x: '-50%',
+            y: '-50%',
+            scale: 1,
+            rotate: 0
+        },
+        exit: {
+            opacity: 0,
+            x: '-50%',
+            y: '-50%',
+            scale: 0.9,
+            rotate: 90
+        },
+        transition: {
+            ...ANIMATION_CONFIG.circleLogo,
+            opacity: {
+                ...ANIMATION_CONFIG.circleLogo.opacity,
+                delay: hasBeenExpanded ? 0.3 : 0
+            }
+        },
+        children: /*#__PURE__*/ jsx(motion.div, {
+            whileHover: {
+                scale: 1.1
+            },
+            transition: {
+                duration: 0.2,
+                ease: 'easeInOut'
+            },
+            children: /*#__PURE__*/ jsx(LaunchDarklyIcon, {
+                className: circleLogo
+            })
+        })
+    }, "circle-logo");
+}
+var _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.4.12/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/components/StatusDot.css.ts.vanilla.css\",\"source\":\"Ll8xd3ZvZHZxMCB7CiAgd2lkdGg6IDhweDsKICBoZWlnaHQ6IDhweDsKICBib3JkZXItcmFkaXVzOiA1MCU7Cn0=\"}!./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_options = {};
+_vanilla_extract_webpack_plugin_extracted_options.styleTagTransform = styleTagTransform_default();
+_vanilla_extract_webpack_plugin_extracted_options.setAttributes = setAttributesWithoutAttributes_default();
+_vanilla_extract_webpack_plugin_extracted_options.insert = insertBySelector_default().bind(null, "head");
+_vanilla_extract_webpack_plugin_extracted_options.domAPI = styleDomAPI_default();
+_vanilla_extract_webpack_plugin_extracted_options.insertStyleElement = insertStyleElement_default();
+injectStylesIntoStyleTag_default()(_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z, _vanilla_extract_webpack_plugin_extracted_options);
+_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z && _vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z.locals && _vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z.locals;
+var statusDot = '_1wvodvq0';
+function StatusDot(props) {
+    const { status } = props;
+    const getStatusColor = ()=>{
+        switch(status){
+            case 'connected':
+                return 'var(--lp-color-green-500)';
+            case 'disconnected':
+                return 'var(--lp-color-orange-500)';
+            case 'error':
+                return 'var(--lp-color-red-500)';
+        }
+    };
+    return /*#__PURE__*/ jsx("div", {
+        className: `${statusDot}`,
+        style: {
+            backgroundColor: getStatusColor()
+        }
+    });
+}
+var ConnectionStatus_css_ts_vanilla_css_source_Ll8xNnNuZzc4MCB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICBwYWRkaW5nOiA4cHggMTZweDsKICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdmFyKC0tbHAtY29sb3ItZ3JheS04MDApOwp9Ci5fMTZzbmc3ODEgewogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBnYXA6IDhweDsKICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kOwp9Ci5fMTZzbmc3ODIgewogIGZvbnQtc2l6ZTogMTJweDsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS0zMDApOwogIGZvbnQtZmFtaWx5OiB2YXIoLS1scC1mb250LWZhbWlseS1tb25vc3BhY2UpOwp9Ci5fMTZzbmc3ODMgewogIGZvbnQtc2l6ZTogMTBweDsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS00MDApOwogIGZvbnQtZmFtaWx5OiB2YXIoLS1scC1mb250LWZhbWlseS1tb25vc3BhY2UpOwp9_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.4.12/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/components/ConnectionStatus.css.ts.vanilla.css\",\"source\":\"Ll8xNnNuZzc4MCB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICBwYWRkaW5nOiA4cHggMTZweDsKICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdmFyKC0tbHAtY29sb3ItZ3JheS04MDApOwp9Ci5fMTZzbmc3ODEgewogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBnYXA6IDhweDsKICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kOwp9Ci5fMTZzbmc3ODIgewogIGZvbnQtc2l6ZTogMTJweDsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS0zMDApOwogIGZvbnQtZmFtaWx5OiB2YXIoLS1scC1mb250LWZhbWlseS1tb25vc3BhY2UpOwp9Ci5fMTZzbmc3ODMgewogIGZvbnQtc2l6ZTogMTBweDsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS00MDApOwogIGZvbnQtZmFtaWx5OiB2YXIoLS1scC1mb250LWZhbWlseS1tb25vc3BhY2UpOwp9\"}!./node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/extracted.js");
+var node_modules_vanilla_extract_webpack_plugin_extracted_options = {};
+node_modules_vanilla_extract_webpack_plugin_extracted_options.styleTagTransform = styleTagTransform_default();
+node_modules_vanilla_extract_webpack_plugin_extracted_options.setAttributes = setAttributesWithoutAttributes_default();
+node_modules_vanilla_extract_webpack_plugin_extracted_options.insert = insertBySelector_default().bind(null, "head");
+node_modules_vanilla_extract_webpack_plugin_extracted_options.domAPI = styleDomAPI_default();
+node_modules_vanilla_extract_webpack_plugin_extracted_options.insertStyleElement = insertStyleElement_default();
+injectStylesIntoStyleTag_default()(ConnectionStatus_css_ts_vanilla_css_source_Ll8xNnNuZzc4MCB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICBwYWRkaW5nOiA4cHggMTZweDsKICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdmFyKC0tbHAtY29sb3ItZ3JheS04MDApOwp9Ci5fMTZzbmc3ODEgewogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBnYXA6IDhweDsKICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kOwp9Ci5fMTZzbmc3ODIgewogIGZvbnQtc2l6ZTogMTJweDsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS0zMDApOwogIGZvbnQtZmFtaWx5OiB2YXIoLS1scC1mb250LWZhbWlseS1tb25vc3BhY2UpOwp9Ci5fMTZzbmc3ODMgewogIGZvbnQtc2l6ZTogMTBweDsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS00MDApOwogIGZvbnQtZmFtaWx5OiB2YXIoLS1scC1mb250LWZhbWlseS1tb25vc3BhY2UpOwp9_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z, node_modules_vanilla_extract_webpack_plugin_extracted_options);
+ConnectionStatus_css_ts_vanilla_css_source_Ll8xNnNuZzc4MCB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICBwYWRkaW5nOiA4cHggMTZweDsKICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdmFyKC0tbHAtY29sb3ItZ3JheS04MDApOwp9Ci5fMTZzbmc3ODEgewogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBnYXA6IDhweDsKICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kOwp9Ci5fMTZzbmc3ODIgewogIGZvbnQtc2l6ZTogMTJweDsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS0zMDApOwogIGZvbnQtZmFtaWx5OiB2YXIoLS1scC1mb250LWZhbWlseS1tb25vc3BhY2UpOwp9Ci5fMTZzbmc3ODMgewogIGZvbnQtc2l6ZTogMTBweDsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS00MDApOwogIGZvbnQtZmFtaWx5OiB2YXIoLS1scC1mb250LWZhbWlseS1tb25vc3BhY2UpOwp9_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z && ConnectionStatus_css_ts_vanilla_css_source_Ll8xNnNuZzc4MCB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICBwYWRkaW5nOiA4cHggMTZweDsKICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdmFyKC0tbHAtY29sb3ItZ3JheS04MDApOwp9Ci5fMTZzbmc3ODEgewogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBnYXA6IDhweDsKICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kOwp9Ci5fMTZzbmc3ODIgewogIGZvbnQtc2l6ZTogMTJweDsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS0zMDApOwogIGZvbnQtZmFtaWx5OiB2YXIoLS1scC1mb250LWZhbWlseS1tb25vc3BhY2UpOwp9Ci5fMTZzbmc3ODMgewogIGZvbnQtc2l6ZTogMTBweDsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS00MDApOwogIGZvbnQtZmFtaWx5OiB2YXIoLS1scC1mb250LWZhbWlseS1tb25vc3BhY2UpOwp9_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z.locals && ConnectionStatus_css_ts_vanilla_css_source_Ll8xNnNuZzc4MCB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICBwYWRkaW5nOiA4cHggMTZweDsKICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdmFyKC0tbHAtY29sb3ItZ3JheS04MDApOwp9Ci5fMTZzbmc3ODEgewogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBnYXA6IDhweDsKICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kOwp9Ci5fMTZzbmc3ODIgewogIGZvbnQtc2l6ZTogMTJweDsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS0zMDApOwogIGZvbnQtZmFtaWx5OiB2YXIoLS1scC1mb250LWZhbWlseS1tb25vc3BhY2UpOwp9Ci5fMTZzbmc3ODMgewogIGZvbnQtc2l6ZTogMTBweDsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS00MDApOwogIGZvbnQtZmFtaWx5OiB2YXIoLS1scC1mb250LWZhbWlseS1tb25vc3BhY2UpOwp9_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z.locals;
+var lastSync = '_16sng783';
+var statusText = '_16sng782';
+var statusIndicator = '_16sng781';
+var ConnectionStatus_css_connectionStatus = '_16sng780';
+function ConnectionStatus(props) {
+    const { status, lastSyncTime } = props;
+    const getStatusText = ()=>{
+        switch(status){
+            case 'connected':
+                return 'Connected to dev server';
+            case 'disconnected':
+                return 'Disconnected from dev server';
+            case 'error':
+                return 'Error connecting to dev server';
+        }
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        className: ConnectionStatus_css_connectionStatus,
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: statusIndicator,
+                children: [
+                    /*#__PURE__*/ jsx(StatusDot, {
+                        status: status
+                    }),
+                    /*#__PURE__*/ jsx("span", {
+                        className: statusText,
+                        children: getStatusText()
+                    })
+                ]
+            }),
+            lastSyncTime > 0 && /*#__PURE__*/ jsxs("span", {
+                className: lastSync,
+                children: [
+                    "Last sync: ",
+                    new Date(lastSyncTime).toLocaleTimeString()
+                ]
+            })
+        ]
+    });
+}
+var hh8fYPBfEjJ8YIAAA_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.4.12/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_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options = {};
+_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options.styleTagTransform = styleTagTransform_default();
+_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options.setAttributes = setAttributesWithoutAttributes_default();
+_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");
+_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options.domAPI = styleDomAPI_default();
+_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options.insertStyleElement = insertStyleElement_default();
+injectStylesIntoStyleTag_default()(hh8fYPBfEjJ8YIAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z, _vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options);
+hh8fYPBfEjJ8YIAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z && hh8fYPBfEjJ8YIAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z.locals && hh8fYPBfEjJ8YIAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z.locals;
+var centerSection = '_9uh9aj4';
+var searchFieldWrapper = '_9uh9ajd';
+var searchButtonArea = '_9uh9aj7';
+var closeButtonArea = '_9uh9aj8';
+var rightSection = '_9uh9aj6';
+var environmentWrapper = '_9uh9ajg';
+var headerTitle = '_9uh9aj3';
+var logo = '_9uh9aj2';
+var environmentLabel = '_9uh9aj5';
+var searchWrapper = '_9uh9ajf';
+var searchField = '_9uh9ajb';
+var header = '_9uh9aj0';
+var Header_css_actionButton = '_9uh9aj9';
+var searchGroup = '_9uh9ajc';
+var leftSection = '_9uh9aj1';
+function LogoSection() {
+    return /*#__PURE__*/ jsxs("div", {
+        className: leftSection,
+        children: [
+            /*#__PURE__*/ jsx(LaunchDarklyIcon, {
+                className: logo
+            }),
+            /*#__PURE__*/ jsx("span", {
+                className: headerTitle,
+                children: "Developers"
+            })
+        ]
+    });
+}
+function EnvironmentLabel(props) {
+    const { label } = props;
+    return /*#__PURE__*/ jsx("div", {
+        className: centerSection,
+        children: /*#__PURE__*/ jsx("span", {
+            className: environmentLabel,
+            children: label
+        })
+    });
+}
+var IconButton_css_ts_vanilla_css_source_LmkwM3Z2MzAgewogIGRpc3BsYXk6IGlubGluZS1mbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7CiAgYm9yZGVyOiBub25lOwogIGN1cnNvcjogcG9pbnRlcjsKICBwYWRkaW5nOiA4cHg7CiAgYm9yZGVyLXJhZGl1czogNHB4OwogIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4ycyBlYXNlOwogIGNvbG9yOiB2YXIoLS1scC1jb2xvci1ncmF5LTQwMCk7Cn0KLmkwM3Z2MzA6ZGlzYWJsZWQgewogIGN1cnNvcjogbm90LWFsbG93ZWQ7CiAgb3BhY2l0eTogMC41Owp9Ci5pMDN2djMwOmhvdmVyOm5vdCg6ZGlzYWJsZWQpIHsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS0yMDApOwogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWxwLWNvbG9yLWdyYXktODAwKTsKfQouaTAzdnYzMSB7CiAgd2lkdGg6IDMwcHg7CiAgaGVpZ2h0OiAzMHB4Owp9Ci5pMDN2djMyIHsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7Cn0KLmkwM3Z2MzMgewogIHdpZHRoOiA0MHB4OwogIGhlaWdodDogNDBweDsKfQ_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.4.12/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/components/IconButton.css.ts.vanilla.css\",\"source\":\"LmkwM3Z2MzAgewogIGRpc3BsYXk6IGlubGluZS1mbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7CiAgYm9yZGVyOiBub25lOwogIGN1cnNvcjogcG9pbnRlcjsKICBwYWRkaW5nOiA4cHg7CiAgYm9yZGVyLXJhZGl1czogNHB4OwogIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4ycyBlYXNlOwogIGNvbG9yOiB2YXIoLS1scC1jb2xvci1ncmF5LTQwMCk7Cn0KLmkwM3Z2MzA6ZGlzYWJsZWQgewogIGN1cnNvcjogbm90LWFsbG93ZWQ7CiAgb3BhY2l0eTogMC41Owp9Ci5pMDN2djMwOmhvdmVyOm5vdCg6ZGlzYWJsZWQpIHsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS0yMDApOwogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWxwLWNvbG9yLWdyYXktODAwKTsKfQouaTAzdnYzMSB7CiAgd2lkdGg6IDMwcHg7CiAgaGVpZ2h0OiAzMHB4Owp9Ci5pMDN2djMyIHsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7Cn0KLmkwM3Z2MzMgewogIHdpZHRoOiA0MHB4OwogIGhlaWdodDogNDBweDsKfQ==\"}!./node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/extracted.js");
+var _pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options = {};
+_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options.styleTagTransform = styleTagTransform_default();
+_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options.setAttributes = setAttributesWithoutAttributes_default();
+_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");
+_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options.domAPI = styleDomAPI_default();
+_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()(IconButton_css_ts_vanilla_css_source_LmkwM3Z2MzAgewogIGRpc3BsYXk6IGlubGluZS1mbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7CiAgYm9yZGVyOiBub25lOwogIGN1cnNvcjogcG9pbnRlcjsKICBwYWRkaW5nOiA4cHg7CiAgYm9yZGVyLXJhZGl1czogNHB4OwogIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4ycyBlYXNlOwogIGNvbG9yOiB2YXIoLS1scC1jb2xvci1ncmF5LTQwMCk7Cn0KLmkwM3Z2MzA6ZGlzYWJsZWQgewogIGN1cnNvcjogbm90LWFsbG93ZWQ7CiAgb3BhY2l0eTogMC41Owp9Ci5pMDN2djMwOmhvdmVyOm5vdCg6ZGlzYWJsZWQpIHsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS0yMDApOwogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWxwLWNvbG9yLWdyYXktODAwKTsKfQouaTAzdnYzMSB7CiAgd2lkdGg6IDMwcHg7CiAgaGVpZ2h0OiAzMHB4Owp9Ci5pMDN2djMyIHsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7Cn0KLmkwM3Z2MzMgewogIHdpZHRoOiA0MHB4OwogIGhlaWdodDogNDBweDsKfQ_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z, _pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options);
+IconButton_css_ts_vanilla_css_source_LmkwM3Z2MzAgewogIGRpc3BsYXk6IGlubGluZS1mbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7CiAgYm9yZGVyOiBub25lOwogIGN1cnNvcjogcG9pbnRlcjsKICBwYWRkaW5nOiA4cHg7CiAgYm9yZGVyLXJhZGl1czogNHB4OwogIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4ycyBlYXNlOwogIGNvbG9yOiB2YXIoLS1scC1jb2xvci1ncmF5LTQwMCk7Cn0KLmkwM3Z2MzA6ZGlzYWJsZWQgewogIGN1cnNvcjogbm90LWFsbG93ZWQ7CiAgb3BhY2l0eTogMC41Owp9Ci5pMDN2djMwOmhvdmVyOm5vdCg6ZGlzYWJsZWQpIHsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS0yMDApOwogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWxwLWNvbG9yLWdyYXktODAwKTsKfQouaTAzdnYzMSB7CiAgd2lkdGg6IDMwcHg7CiAgaGVpZ2h0OiAzMHB4Owp9Ci5pMDN2djMyIHsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7Cn0KLmkwM3Z2MzMgewogIHdpZHRoOiA0MHB4OwogIGhlaWdodDogNDBweDsKfQ_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z && IconButton_css_ts_vanilla_css_source_LmkwM3Z2MzAgewogIGRpc3BsYXk6IGlubGluZS1mbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7CiAgYm9yZGVyOiBub25lOwogIGN1cnNvcjogcG9pbnRlcjsKICBwYWRkaW5nOiA4cHg7CiAgYm9yZGVyLXJhZGl1czogNHB4OwogIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4ycyBlYXNlOwogIGNvbG9yOiB2YXIoLS1scC1jb2xvci1ncmF5LTQwMCk7Cn0KLmkwM3Z2MzA6ZGlzYWJsZWQgewogIGN1cnNvcjogbm90LWFsbG93ZWQ7CiAgb3BhY2l0eTogMC41Owp9Ci5pMDN2djMwOmhvdmVyOm5vdCg6ZGlzYWJsZWQpIHsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS0yMDApOwogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWxwLWNvbG9yLWdyYXktODAwKTsKfQouaTAzdnYzMSB7CiAgd2lkdGg6IDMwcHg7CiAgaGVpZ2h0OiAzMHB4Owp9Ci5pMDN2djMyIHsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7Cn0KLmkwM3Z2MzMgewogIHdpZHRoOiA0MHB4OwogIGhlaWdodDogNDBweDsKfQ_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z.locals && IconButton_css_ts_vanilla_css_source_LmkwM3Z2MzAgewogIGRpc3BsYXk6IGlubGluZS1mbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7CiAgYm9yZGVyOiBub25lOwogIGN1cnNvcjogcG9pbnRlcjsKICBwYWRkaW5nOiA4cHg7CiAgYm9yZGVyLXJhZGl1czogNHB4OwogIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4ycyBlYXNlOwogIGNvbG9yOiB2YXIoLS1scC1jb2xvci1ncmF5LTQwMCk7Cn0KLmkwM3Z2MzA6ZGlzYWJsZWQgewogIGN1cnNvcjogbm90LWFsbG93ZWQ7CiAgb3BhY2l0eTogMC41Owp9Ci5pMDN2djMwOmhvdmVyOm5vdCg6ZGlzYWJsZWQpIHsKICBjb2xvcjogdmFyKC0tbHAtY29sb3ItZ3JheS0yMDApOwogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWxwLWNvbG9yLWdyYXktODAwKTsKfQouaTAzdnYzMSB7CiAgd2lkdGg6IDMwcHg7CiAgaGVpZ2h0OiAzMHB4Owp9Ci5pMDN2djMyIHsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7Cn0KLmkwM3Z2MzMgewogIHdpZHRoOiA0MHB4OwogIGhlaWdodDogNDBweDsKfQ_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z.locals;
+var medium = 'i03vv32 i03vv30';
+var small = 'i03vv31 i03vv30';
+var large = 'i03vv33 i03vv30';
+function IconButton(props) {
+    const { icon, label, onClick, disabled = false, className, size = 'large' } = props;
+    const getSizeClass = ()=>{
+        switch(size){
+            case 'small':
+                return small;
+            case 'medium':
+                return medium;
+            case 'large':
+                return large;
+            default:
+                return large;
+        }
+    };
+    return /*#__PURE__*/ jsx("button", {
+        className: `${getSizeClass()} ${className || ''}`,
+        onClick: onClick,
+        disabled: disabled,
+        "aria-label": label,
+        children: icon
+    });
+}
+var Icon_css_ts_vanilla_css_source_LnJqOWY2YzAgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKICBmaWxsOiBjdXJyZW50Q29sb3I7Cn0_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.4.12/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/components/icons/Icon.css.ts.vanilla.css\",\"source\":\"LnJqOWY2YzAgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKICBmaWxsOiBjdXJyZW50Q29sb3I7Cn0=\"}!./node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/extracted.js");
+var Icon_css_ts_vanilla_css_source_LnJqOWY2YzAgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKICBmaWxsOiBjdXJyZW50Q29sb3I7Cn0_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options = {};
+Icon_css_ts_vanilla_css_source_LnJqOWY2YzAgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKICBmaWxsOiBjdXJyZW50Q29sb3I7Cn0_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();
+Icon_css_ts_vanilla_css_source_LnJqOWY2YzAgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKICBmaWxsOiBjdXJyZW50Q29sb3I7Cn0_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();
+Icon_css_ts_vanilla_css_source_LnJqOWY2YzAgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKICBmaWxsOiBjdXJyZW50Q29sb3I7Cn0_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");
+Icon_css_ts_vanilla_css_source_LnJqOWY2YzAgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKICBmaWxsOiBjdXJyZW50Q29sb3I7Cn0_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();
+Icon_css_ts_vanilla_css_source_LnJqOWY2YzAgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKICBmaWxsOiBjdXJyZW50Q29sb3I7Cn0_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()(Icon_css_ts_vanilla_css_source_LnJqOWY2YzAgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKICBmaWxsOiBjdXJyZW50Q29sb3I7Cn0_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z, Icon_css_ts_vanilla_css_source_LnJqOWY2YzAgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKICBmaWxsOiBjdXJyZW50Q29sb3I7Cn0_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options);
+Icon_css_ts_vanilla_css_source_LnJqOWY2YzAgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKICBmaWxsOiBjdXJyZW50Q29sb3I7Cn0_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z && Icon_css_ts_vanilla_css_source_LnJqOWY2YzAgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKICBmaWxsOiBjdXJyZW50Q29sb3I7Cn0_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z.locals && Icon_css_ts_vanilla_css_source_LnJqOWY2YzAgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKICBmaWxsOiBjdXJyZW50Q29sb3I7Cn0_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z.locals;
+var Icon_css_icon = 'rj9f6c0';
+function SearchIcon({ className }) {
+    return /*#__PURE__*/ jsx("svg", {
+        className: `${Icon_css_icon} ${className}`,
+        fill: "currentColor",
+        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M10 2a8 8 0 1 0 5.29 14.29l4.3 4.3a1 1 0 0 0 1.42-1.42l-4.3-4.3A8 8 0 0 0 10 2zm0 2a6 6 0 1 1 0 12 6 6 0 0 1 0-12z"
+        })
+    });
+}
+function ChevronDownIcon({ className }) {
+    return /*#__PURE__*/ jsx("svg", {
+        className: `${Icon_css_icon} ${className}`,
+        fill: "currentColor",
+        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"
+        })
+    });
+}
+function EditIcon({ className }) {
+    return /*#__PURE__*/ jsx("svg", {
+        className: `${Icon_css_icon} ${className}`,
+        fill: "currentColor",
+        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M3 17.25V21h3.75l11.06-11.06-3.75-3.75L3 17.25zm2.92-1.42L14.06 7.69l1.42 1.42-8.14 8.14H5.92v-1.42zM20.71 7.04a1 1 0 0 0 0-1.41l-2.34-2.34a1 1 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"
+        })
+    });
+}
+function SyncIcon({ className }) {
+    return /*#__PURE__*/ jsx("svg", {
+        className: `${Icon_css_icon} ${className}`,
+        fill: "currentColor",
+        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.1-.3 2.13-.82 3.02l1.46 1.46A7.92 7.92 0 0 0 20 12c0-4.42-3.58-8-8-8zm-6 8c0-1.1.3-2.13.82-3.02L5.36 7.52A7.92 7.92 0 0 0 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3c-3.31 0-6-2.69-6-6z"
+        })
+    });
+}
+function CheckIcon({ className }) {
+    return /*#__PURE__*/ jsx("svg", {
+        className: `${Icon_css_icon} ${className}`,
+        fill: "currentColor",
+        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M9 16.17l-3.88-3.88L4 13.41l5 5 12-12-1.41-1.41z"
+        })
+    });
+}
+function ToggleOffIcon({ className }) {
+    return /*#__PURE__*/ jsx("svg", {
+        className: `${Icon_css_icon} ${className}`,
+        fill: "currentColor",
+        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M17 7H7a5 5 0 0 0 0 10h10a5 5 0 0 0 0-10zm0 8H7a3 3 0 0 1 0-6h10a3 3 0 0 1 0 6zM7 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6z"
+        })
+    });
+}
+function GearIcon({ className }) {
+    return /*#__PURE__*/ jsx("svg", {
+        className: `${Icon_css_icon} ${className}`,
+        fill: "currentColor",
+        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M19.43 12.98c.04-.32.07-.66.07-1s-.03-.68-.07-1l2.11-1.65a.5.5 0 0 0 .11-.63l-2-3.46a.5.5 0 0 0-.61-.22l-2.49 1a7.07 7.07 0 0 0-1.5-.87l-.38-2.65A.5.5 0 0 0 14 3h-4a.5.5 0 0 0-.5.42l-.38 2.65c-.53.2-1.03.48-1.5.87l-2.49-1a.5.5 0 0 0-.61.22l-2 3.46a.5.5 0 0 0 .11.63l2.11 1.65c-.04.32-.07.66-.07 1s.03.68.07 1L2.57 14.63a.5.5 0 0 0-.11.63l2 3.46c.14.24.44.33.68.22l2.49-1c.47.39.97.67 1.5.87l.38 2.65c.05.28.28.48.5.48h4c.22 0 .45-.2.5-.48l.38-2.65c.53-.2 1.03-.48 1.5-.87l2.49 1c.24.11.54.02.68-.22l2-3.46a.5.5 0 0 0-.11-.63l-2.11-1.65zM12 15.5a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7z"
+        })
+    });
+}
+function CancelCircleIcon({ className }) {
+    return /*#__PURE__*/ jsx("svg", {
+        className: `${Icon_css_icon} ${className}`,
+        fill: "currentColor",
+        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"
+        })
+    });
+}
+function XIcon({ 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: "M4.47 4.47a.75.75 0 0 1 1.06 0L10 8.94l4.47-4.47a.75.75 0 1 1 1.06 1.06L11.062 10l4.47 4.47a.75.75 0 0 1-1.06 1.06L10 11.06l-4.47 4.47a.75.75 0 1 1-1.06-1.06L8.94 10 4.47 5.53a.75.75 0 0 1 0-1.06Z",
+            clipRule: "evenodd"
+        })
+    });
+}
+function SearchSection(props) {
+    const { searchTerm, onSearch, setSearchIsExpanded } = props;
+    const handleBlur = ()=>{
+        if (!searchTerm.trim()) setSearchIsExpanded(false);
+    };
+    return /*#__PURE__*/ jsx(motion.div, {
+        className: searchFieldWrapper,
+        initial: {
+            scale: 0.95
+        },
+        animate: {
+            scale: 1
+        },
+        transition: {
+            duration: 0.2,
+            ease: 'easeOut'
+        },
+        children: /*#__PURE__*/ jsx(SearchField, {
+            "aria-label": "Search",
+            "data-theme": "dark",
+            onBlur: handleBlur,
+            className: searchField,
+            children: /*#__PURE__*/ jsxs(Group, {
+                className: searchGroup,
+                children: [
+                    /*#__PURE__*/ jsx(Input, {
+                        autoFocus: true,
+                        placeholder: "Search",
+                        value: searchTerm,
+                        onChange: (e)=>{
+                            onSearch(e.target.value);
+                        }
+                    }),
+                    /*#__PURE__*/ jsx(IconButton, {
+                        icon: /*#__PURE__*/ jsx(CancelCircleIcon, {}),
+                        label: "Clear",
+                        onClick: ()=>onSearch(''),
+                        size: "medium"
+                    })
+                ]
+            })
+        })
+    });
+}
+function ActionButtons(props) {
+    const { searchIsExpanded, setSearchIsExpanded, onClose, onRefresh, showSearchButton, showRefreshButton } = props;
+    const [isSpinning, setIsSpinning] = useState(false);
+    const [rotationCount, setRotationCount] = useState(0);
+    const handleRefreshClick = useCallback(()=>{
+        if (isSpinning) return;
+        setIsSpinning(true);
+        setRotationCount((prev)=>prev + 360);
+        setTimeout(()=>{
+            setIsSpinning(false);
+        }, 1000);
+        onRefresh();
+    }, [
+        onRefresh,
+        isSpinning
+    ]);
+    return /*#__PURE__*/ jsxs("div", {
+        className: rightSection,
+        children: [
+            showSearchButton && /*#__PURE__*/ jsx(AnimatePresence, {
+                children: !searchIsExpanded && /*#__PURE__*/ jsx(motion.div, {
+                    className: searchButtonArea,
+                    initial: {
+                        opacity: 0,
+                        scale: 0.8,
+                        x: 10
+                    },
+                    animate: {
+                        opacity: 1,
+                        scale: 1,
+                        x: 0
+                    },
+                    exit: {
+                        opacity: 0,
+                        scale: 0.8,
+                        x: 10
+                    },
+                    transition: {
+                        duration: 0.2,
+                        ease: 'easeInOut'
+                    },
+                    children: /*#__PURE__*/ jsx(IconButton, {
+                        icon: /*#__PURE__*/ jsx(SearchIcon, {}),
+                        label: "Search",
+                        onClick: ()=>setSearchIsExpanded(true),
+                        className: Header_css_actionButton
+                    })
+                }, "search-button")
+            }),
+            showRefreshButton && /*#__PURE__*/ jsx(IconButton, {
+                icon: /*#__PURE__*/ jsx(motion.span, {
+                    animate: {
+                        rotate: rotationCount
+                    },
+                    transition: {
+                        duration: 1,
+                        ease: 'linear'
+                    },
+                    style: {
+                        display: 'inline-flex',
+                        alignItems: 'center'
+                    },
+                    children: /*#__PURE__*/ jsx(SyncIcon, {})
+                }),
+                label: "Refresh",
+                onClick: handleRefreshClick,
+                className: Header_css_actionButton
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: closeButtonArea,
+                children: /*#__PURE__*/ jsx(motion.div, {
+                    whileHover: {
+                        scale: 1.05
+                    },
+                    whileTap: {
+                        scale: 0.95
+                    },
+                    transition: {
+                        duration: 0.1
+                    },
+                    children: /*#__PURE__*/ jsx(IconButton, {
+                        icon: /*#__PURE__*/ jsx(ChevronDownIcon, {}),
+                        label: "Close toolbar",
+                        onClick: onClose,
+                        className: Header_css_actionButton
+                    })
+                })
+            })
+        ]
+    });
+}
 function Header(props) {
-    const { onClose, onSearch, searchTerm, searchIsExpanded, setSearchIsExpanded, label } = props;
-    const { state, refresh } = useToolbarContext();
+    const { onClose, onSearch, searchTerm, searchIsExpanded, setSearchIsExpanded, label, mode } = props;
+    const { state, refresh } = useDevServerContext();
     const { connectionStatus } = state;
     const isConnected = 'connected' === connectionStatus;
+    const isDevServer = 'dev-server' === mode;
+    const showEnvironment = isDevServer && isConnected;
+    const showSearch = isDevServer ? isConnected : true;
+    const showRefresh = isDevServer;
+    const showConnectionStatus = isDevServer;
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             /*#__PURE__*/ jsxs("div", {
@@ -3040,7 +3252,7 @@ function Header(props) {
                     /*#__PURE__*/ jsx(LogoSection, {}),
                     /*#__PURE__*/ jsx("div", {
                         className: centerSection,
-                        children: isConnected && /*#__PURE__*/ jsx(AnimatePresence, {
+                        children: (showEnvironment || showSearch) && /*#__PURE__*/ jsx(AnimatePresence, {
                             mode: "wait",
                             children: searchIsExpanded ? /*#__PURE__*/ jsx(motion.div, {
                                 className: searchWrapper,
@@ -3064,7 +3276,7 @@ function Header(props) {
                                     onSearch: onSearch,
                                     setSearchIsExpanded: setSearchIsExpanded
                                 })
-                            }, "search") : /*#__PURE__*/ jsx(motion.div, {
+                            }, "search") : showEnvironment ? /*#__PURE__*/ jsx(motion.div, {
                                 className: environmentWrapper,
                                 initial: {
                                     opacity: 0,
@@ -3084,7 +3296,7 @@ function Header(props) {
                                 children: /*#__PURE__*/ jsx(EnvironmentLabel, {
                                     label: label
                                 })
-                            }, "environment")
+                            }, "environment") : null
                         })
                     }),
                     /*#__PURE__*/ jsx(ActionButtons, {
@@ -3092,11 +3304,12 @@ function Header(props) {
                         setSearchIsExpanded: setSearchIsExpanded,
                         onClose: onClose,
                         onRefresh: refresh,
-                        showSearchButton: isConnected
+                        showSearchButton: showSearch,
+                        showRefreshButton: showRefresh
                     })
                 ]
             }),
-            /*#__PURE__*/ jsx(ConnectionStatus, {
+            showConnectionStatus && /*#__PURE__*/ jsx(ConnectionStatus, {
                 status: connectionStatus,
                 lastSyncTime: state.lastSyncTime
             })
@@ -3473,26 +3686,26 @@ function OverrideIndicator(props) {
         ]
     });
 }
-var _2qaMCgBQAA_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.4.12/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/FlagTabContent.css.ts.vanilla.css\",\"source\":\"​#H4sIAAAAAAAAA62T0XKbMBBF3/0VeulM/CCPcJ04Vb5mgQV2LCRVEgYn03/vSGBMQpom0z7ZLLv3XF1WO2jVefgp2MuGscrowD09o2TZwQ5P11KPVDdBsnshYq0wyjjJzuDuOFeWp2deO7jwvRDb2FKStwouklUKkw4oqjWngK2XrEAd0MVyDVayxxHVkuY9laGRLGHiqGTZ0+bXZje6zJJLc0ZXKdNL1lBZoo69AYfAby9QKbKefHzVNxSQewsFSqZN78CuaTNinxAr+/GXl+SwCGS0jBF0rZ5PcA3r6nh9mBaG63MBqrjLhPjGOPsh7LBd4L+vvsN+lP4g88OUeZqqoCV1WTQuqrw12qQgUv//yHE2fkjGW3A1aa6wCpJlD6P1r+/CrHqfVJtp/Q5CjIo3g9AFEyu+cEapHBz/IKhHIbYsONDegkMdXg9OXyc0pJcOZBNpycenIMcVZKEleY/5iQKfpZLwhJ7uQQ7FqXam06X8ghAPTdfmSW4p8KccEsi4Eh13UFLnpyV+e/B/Ix0/R3qP4aA4rRjvx/GwDDFerIi0xtN4Vx0qCHTGxcQxTdxaIPdGdQHTFTB2urPjGqe/r8RvMovluNn82womSDzIBH87ycRu7xmCj45/A/2qaMCgBQAA\"}!./node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/extracted.js");
-var _2qaMCgBQAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options = {};
-_2qaMCgBQAA_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();
-_2qaMCgBQAA_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();
-_2qaMCgBQAA_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");
-_2qaMCgBQAA_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();
-_2qaMCgBQAA_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()(_2qaMCgBQAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z, _2qaMCgBQAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options);
-_2qaMCgBQAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z && _2qaMCgBQAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z.locals && _2qaMCgBQAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z.locals;
-var flagName = 'amlvxq0';
-var virtualContainer = 'amlvxq5';
-var flagHeader = 'amlvxq2';
-var FlagTabContent_css_flagKey = 'amlvxq3';
-var flagOptions = 'amlvxq4';
-var virtualInner = 'amlvxq6';
-var FlagTabContent_css_virtualItem = 'amlvxq7';
-var flagNameText = 'amlvxq1';
-function FlagTabContent() {
+var WsEEiQcZ4a8nmdjtPUPw0fEfr2SBGKAFAAA_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.4.12/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/FlagDevServerTabContent.css.ts.vanilla.css\",\"source\":\"​#H4sIAAAAAAAAA62T0XKbMBBF3/0VeulM/CCPcJ3YVb5mgQV2LCSNJIzdTv+9I4GBhDRNJn2yWXbvubqsdp062bwT7NeGscrowD39RMmyg70+30s9Ut0EyR6FiLXCKOMku4B74FxZnp557eDG90JsY0tJ3iq4SVYpTDqgqNacArZesgJ1QBfLNVjJTgOqJc17KkMjWcLEUcmy583vzW5wmSWX5oKuUqaXrKGyRB17A14Dn1+gUmQ9+fiqbygg9xYKlEyb3oFd0ybEPiFW9uMvL8lhEchoGSPoWj2d4B7W3fH6MC1c788FqOIhE+Ib4+yHsNftAv999R32g/Q7mR/GzNNUBS2p26JxUeWt0SYFkfr/R46T8UMy3oKrSXOFVZAsexqsf34XJtXHpNqM63cQYlCcDUIXTKz4whmlcnD8naBOQmxZcKC9BYc6vBwcv05oSC8dyCbSko8PQY4ryEJL8h7zMwU+SSXhET3egxyKc+1Mp0v5CSEemq7Nk9xS4G85JJBxJTruoKTOj0v8+uBfIx0/RnqL4aA4rxhvx/G0DDFerIi0xtNwVx0qCHTBxcQxTcwtkHujuoDpChg73tlhjdPfF+KzzGI5Zpv/WsEEiQcZ4a8nmdjtPUPw0fEfr2SBGKAFAAA=\"}!./node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/extracted.js");
+var WsEEiQcZ4a8nmdjtPUPw0fEfr2SBGKAFAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options = {};
+WsEEiQcZ4a8nmdjtPUPw0fEfr2SBGKAFAAA_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();
+WsEEiQcZ4a8nmdjtPUPw0fEfr2SBGKAFAAA_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();
+WsEEiQcZ4a8nmdjtPUPw0fEfr2SBGKAFAAA_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");
+WsEEiQcZ4a8nmdjtPUPw0fEfr2SBGKAFAAA_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();
+WsEEiQcZ4a8nmdjtPUPw0fEfr2SBGKAFAAA_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()(WsEEiQcZ4a8nmdjtPUPw0fEfr2SBGKAFAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z, WsEEiQcZ4a8nmdjtPUPw0fEfr2SBGKAFAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options);
+WsEEiQcZ4a8nmdjtPUPw0fEfr2SBGKAFAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z && WsEEiQcZ4a8nmdjtPUPw0fEfr2SBGKAFAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z.locals && WsEEiQcZ4a8nmdjtPUPw0fEfr2SBGKAFAAA_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z.locals;
+var flagName = 'ul8pbu0';
+var virtualContainer = 'ul8pbu5';
+var flagHeader = 'ul8pbu2';
+var FlagDevServerTabContent_css_flagKey = 'ul8pbu3';
+var flagOptions = 'ul8pbu4';
+var virtualInner = 'ul8pbu6';
+var FlagDevServerTabContent_css_virtualItem = 'ul8pbu7';
+var flagNameText = 'ul8pbu1';
+function FlagDevServerTabContent() {
     const { searchTerm } = useSearchContext();
-    const { state, setOverride, clearOverride, clearAllOverrides } = useToolbarContext();
+    const { state, setOverride, clearOverride, clearAllOverrides } = useDevServerContext();
     const { flags } = state;
     const [showOverriddenOnly, setShowOverriddenOnly] = useState(false);
     const parentRef = useRef(null);
@@ -3505,10 +3718,12 @@ function FlagTabContent() {
     const virtualizer = useVirtualizer({
         count: filteredFlags.length,
         getScrollElement: ()=>parentRef.current,
-        estimateSize: ()=>85,
-        overscan: 5
+        estimateSize: ()=>VIRTUALIZATION.ITEM_HEIGHT,
+        overscan: VIRTUALIZATION.OVERSCAN
     });
-    const totalOverriddenFlags = Object.values(flags).filter((flag)=>flag.isOverridden).length;
+    const totalOverriddenFlags = useMemo(()=>Object.values(flags).filter((flag)=>flag.isOverridden).length, [
+        flags
+    ]);
     const renderFlagControl = (flag)=>{
         const handleOverride = (value)=>setOverride(flag.key, value);
         switch(flag.type){
@@ -3544,14 +3759,18 @@ function FlagTabContent() {
         clearAllOverrides();
         setShowOverriddenOnly(false);
     };
-    const onClearOverride = (flagKey)=>{
+    const onClearOverride = useCallback((flagKey)=>{
         if (totalOverriddenFlags <= 1) setShowOverriddenOnly(false);
         clearOverride(flagKey);
-    };
+    }, [
+        totalOverriddenFlags,
+        setShowOverriddenOnly,
+        clearOverride
+    ]);
     const genericHelpTitle = showOverriddenOnly ? 'No overrides found' : 'No flags found';
     const genericHelpSubtitle = showOverriddenOnly ? 'You have not set any overrides yet' : 'Try adjusting your search';
     return /*#__PURE__*/ jsx("div", {
-        "data-testid": "flag-tab-content",
+        "data-testid": "flag-dev-server-tab-content",
         children: /*#__PURE__*/ jsxs(Fragment, {
             children: [
                 /*#__PURE__*/ jsxs(ActionButtonsContainer, {
@@ -3589,7 +3808,7 @@ function FlagTabContent() {
                             children: virtualizer.getVirtualItems().map((virtualItem)=>{
                                 const [_, flag] = filteredFlags[virtualItem.index];
                                 return /*#__PURE__*/ jsx("div", {
-                                    className: FlagTabContent_css_virtualItem,
+                                    className: FlagDevServerTabContent_css_virtualItem,
                                     style: {
                                         height: `${virtualItem.size}px`,
                                         transform: `translateY(${virtualItem.start}px)`,
@@ -3613,7 +3832,7 @@ function FlagTabContent() {
                                                         ]
                                                     }),
                                                     /*#__PURE__*/ jsx("span", {
-                                                        className: FlagTabContent_css_flagKey,
+                                                        className: FlagDevServerTabContent_css_flagKey,
                                                         children: flag.key
                                                     })
                                                 ]
@@ -3750,133 +3969,502 @@ function ConnectionStatusDisplay(props) {
             /*#__PURE__*/ jsx(StatusDot, {
                 status: status
             })
-        ]
+        ]
+    });
+}
+function SettingsTabContent(props) {
+    const { mode } = props;
+    const { state, switchProject, handlePositionChange } = useDevServerContext();
+    const { searchTerm } = useSearchContext();
+    const position = state.position;
+    const handleProjectSwitch = async (projectKey)=>{
+        try {
+            await switchProject(projectKey);
+        } catch (error) {
+            console.error('Failed to switch project:', error);
+        }
+    };
+    const handlePositionSelect = (newPosition)=>{
+        handlePositionChange(newPosition);
+    };
+    const getSettingsGroups = ()=>{
+        if ('dev-server' === mode) return [
+            {
+                title: 'Dev Server Configuration',
+                items: [
+                    {
+                        id: 'project',
+                        name: 'Project',
+                        icon: 'folder',
+                        isProjectSelector: true
+                    },
+                    {
+                        id: 'environment',
+                        name: 'Environment',
+                        icon: 'globe',
+                        value: state.sourceEnvironmentKey || 'Unknown'
+                    },
+                    {
+                        id: 'connection',
+                        name: 'Connection status',
+                        icon: 'link',
+                        isConnectionStatus: true
+                    }
+                ]
+            },
+            {
+                title: 'Toolbar Settings',
+                items: [
+                    {
+                        id: 'position',
+                        name: 'Position',
+                        icon: 'move',
+                        isPositionSelector: true
+                    }
+                ]
+            }
+        ];
+        return [
+            {
+                title: 'Toolbar Settings',
+                items: [
+                    {
+                        id: 'position',
+                        name: 'Position',
+                        icon: 'move',
+                        isPositionSelector: true
+                    }
+                ]
+            }
+        ];
+    };
+    const settingsGroups = getSettingsGroups();
+    const hasResults = settingsGroups.some((group)=>group.items.some((item)=>item.name.toLowerCase().includes(searchTerm.toLowerCase()) || item.id.toLowerCase().includes(searchTerm.trim().toLowerCase())));
+    if (!hasResults && searchTerm.trim()) return /*#__PURE__*/ jsx(GenericHelpText, {
+        title: "No settings found",
+        subtitle: "Try adjusting your search"
+    });
+    return /*#__PURE__*/ jsx("div", {
+        "data-testid": "settings-tab-content",
+        children: settingsGroups.map((group)=>{
+            const groupResults = group.items.filter((item)=>item.name.toLowerCase().includes(searchTerm.toLowerCase()) || item.id.toLowerCase().includes(searchTerm.trim().toLowerCase()));
+            if (0 === groupResults.length) return null;
+            return /*#__PURE__*/ jsxs("div", {
+                className: settingsGroup,
+                children: [
+                    /*#__PURE__*/ jsx("h4", {
+                        className: settingsGroupTitle,
+                        children: group.title
+                    }),
+                    /*#__PURE__*/ jsx(List, {
+                        children: group.items.filter((item)=>item.name.toLowerCase().includes(searchTerm.toLowerCase()) || item.id.toLowerCase().includes(searchTerm.trim().toLowerCase())).map((item)=>{
+                            if (item.isConnectionStatus) return /*#__PURE__*/ jsx(ListItem, {
+                                onClick: void 0,
+                                children: /*#__PURE__*/ jsxs("div", {
+                                    className: settingInfo,
+                                    children: [
+                                        /*#__PURE__*/ jsx("div", {
+                                            className: settingDetails,
+                                            children: /*#__PURE__*/ jsx("span", {
+                                                className: settingName,
+                                                children: item.name
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsx(ConnectionStatusDisplay, {
+                                            status: state.connectionStatus
+                                        })
+                                    ]
+                                })
+                            }, item.id);
+                            return /*#__PURE__*/ jsx(ListItem, {
+                                onClick: void 0,
+                                children: /*#__PURE__*/ jsxs("div", {
+                                    className: settingInfo,
+                                    children: [
+                                        /*#__PURE__*/ jsx("div", {
+                                            className: settingDetails,
+                                            children: /*#__PURE__*/ jsx("span", {
+                                                className: settingName,
+                                                children: item.name
+                                            })
+                                        }),
+                                        item.isProjectSelector ? /*#__PURE__*/ jsx(ProjectSelector, {
+                                            availableProjects: state.availableProjects,
+                                            currentProject: state.currentProjectKey,
+                                            onProjectChange: handleProjectSwitch,
+                                            isLoading: state.isLoading
+                                        }) : item.isPositionSelector ? /*#__PURE__*/ jsx(PositionSelector, {
+                                            currentPosition: position,
+                                            onPositionChange: handlePositionSelect
+                                        }) : /*#__PURE__*/ jsx("span", {
+                                            className: settingValue,
+                                            children: item.value
+                                        })
+                                    ]
+                                })
+                            }, item.id);
+                        })
+                    })
+                ]
+            }, group.title);
+        })
+    });
+}
+var LocalFlagControls_css_ts_vanilla_css_source_Ll83ZWs0c24wIHsKICB3aWR0aDogMTAwJTsKICBmb250LWZhbWlseTogbW9ub3NwYWNlOwogIGZvbnQtc2l6ZTogMTJweDsKICBib3JkZXI6IDFweCBzb2xpZCAjY2NjOwogIGJvcmRlci1yYWRpdXM6IDRweDsKICBwYWRkaW5nOiA4cHg7CiAgYmFja2dyb3VuZC1jb2xvcjogIzJhMmEyYTsKICBjb2xvcjogI2ZmZjsKfQouXzdlazRzbjEgewogIGJvcmRlcjogMXB4IHNvbGlkIHJlZDsKfQouXzdlazRzbjIgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA0cHg7CiAgbWFyZ2luLXRvcDogNHB4Owp9Ci5fN2VrNHNuMyB7CiAgY29sb3I6IHJlZDsKICBmb250LXNpemU6IDEycHg7CiAgbWFyZ2luLXRvcDogNHB4Owp9_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.4.12/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/components/LocalFlagControls.css.ts.vanilla.css\",\"source\":\"Ll83ZWs0c24wIHsKICB3aWR0aDogMTAwJTsKICBmb250LWZhbWlseTogbW9ub3NwYWNlOwogIGZvbnQtc2l6ZTogMTJweDsKICBib3JkZXI6IDFweCBzb2xpZCAjY2NjOwogIGJvcmRlci1yYWRpdXM6IDRweDsKICBwYWRkaW5nOiA4cHg7CiAgYmFja2dyb3VuZC1jb2xvcjogIzJhMmEyYTsKICBjb2xvcjogI2ZmZjsKfQouXzdlazRzbjEgewogIGJvcmRlcjogMXB4IHNvbGlkIHJlZDsKfQouXzdlazRzbjIgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA0cHg7CiAgbWFyZ2luLXRvcDogNHB4Owp9Ci5fN2VrNHNuMyB7CiAgY29sb3I6IHJlZDsKICBmb250LXNpemU6IDEycHg7CiAgbWFyZ2luLXRvcDogNHB4Owp9\"}!./node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/extracted.js");
+var LocalFlagControls_css_ts_vanilla_css_source_Ll83ZWs0c24wIHsKICB3aWR0aDogMTAwJTsKICBmb250LWZhbWlseTogbW9ub3NwYWNlOwogIGZvbnQtc2l6ZTogMTJweDsKICBib3JkZXI6IDFweCBzb2xpZCAjY2NjOwogIGJvcmRlci1yYWRpdXM6IDRweDsKICBwYWRkaW5nOiA4cHg7CiAgYmFja2dyb3VuZC1jb2xvcjogIzJhMmEyYTsKICBjb2xvcjogI2ZmZjsKfQouXzdlazRzbjEgewogIGJvcmRlcjogMXB4IHNvbGlkIHJlZDsKfQouXzdlazRzbjIgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA0cHg7CiAgbWFyZ2luLXRvcDogNHB4Owp9Ci5fN2VrNHNuMyB7CiAgY29sb3I6IHJlZDsKICBmb250LXNpemU6IDEycHg7CiAgbWFyZ2luLXRvcDogNHB4Owp9_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options = {};
+LocalFlagControls_css_ts_vanilla_css_source_Ll83ZWs0c24wIHsKICB3aWR0aDogMTAwJTsKICBmb250LWZhbWlseTogbW9ub3NwYWNlOwogIGZvbnQtc2l6ZTogMTJweDsKICBib3JkZXI6IDFweCBzb2xpZCAjY2NjOwogIGJvcmRlci1yYWRpdXM6IDRweDsKICBwYWRkaW5nOiA4cHg7CiAgYmFja2dyb3VuZC1jb2xvcjogIzJhMmEyYTsKICBjb2xvcjogI2ZmZjsKfQouXzdlazRzbjEgewogIGJvcmRlcjogMXB4IHNvbGlkIHJlZDsKfQouXzdlazRzbjIgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA0cHg7CiAgbWFyZ2luLXRvcDogNHB4Owp9Ci5fN2VrNHNuMyB7CiAgY29sb3I6IHJlZDsKICBmb250LXNpemU6IDEycHg7CiAgbWFyZ2luLXRvcDogNHB4Owp9_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();
+LocalFlagControls_css_ts_vanilla_css_source_Ll83ZWs0c24wIHsKICB3aWR0aDogMTAwJTsKICBmb250LWZhbWlseTogbW9ub3NwYWNlOwogIGZvbnQtc2l6ZTogMTJweDsKICBib3JkZXI6IDFweCBzb2xpZCAjY2NjOwogIGJvcmRlci1yYWRpdXM6IDRweDsKICBwYWRkaW5nOiA4cHg7CiAgYmFja2dyb3VuZC1jb2xvcjogIzJhMmEyYTsKICBjb2xvcjogI2ZmZjsKfQouXzdlazRzbjEgewogIGJvcmRlcjogMXB4IHNvbGlkIHJlZDsKfQouXzdlazRzbjIgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA0cHg7CiAgbWFyZ2luLXRvcDogNHB4Owp9Ci5fN2VrNHNuMyB7CiAgY29sb3I6IHJlZDsKICBmb250LXNpemU6IDEycHg7CiAgbWFyZ2luLXRvcDogNHB4Owp9_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();
+LocalFlagControls_css_ts_vanilla_css_source_Ll83ZWs0c24wIHsKICB3aWR0aDogMTAwJTsKICBmb250LWZhbWlseTogbW9ub3NwYWNlOwogIGZvbnQtc2l6ZTogMTJweDsKICBib3JkZXI6IDFweCBzb2xpZCAjY2NjOwogIGJvcmRlci1yYWRpdXM6IDRweDsKICBwYWRkaW5nOiA4cHg7CiAgYmFja2dyb3VuZC1jb2xvcjogIzJhMmEyYTsKICBjb2xvcjogI2ZmZjsKfQouXzdlazRzbjEgewogIGJvcmRlcjogMXB4IHNvbGlkIHJlZDsKfQouXzdlazRzbjIgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA0cHg7CiAgbWFyZ2luLXRvcDogNHB4Owp9Ci5fN2VrNHNuMyB7CiAgY29sb3I6IHJlZDsKICBmb250LXNpemU6IDEycHg7CiAgbWFyZ2luLXRvcDogNHB4Owp9_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");
+LocalFlagControls_css_ts_vanilla_css_source_Ll83ZWs0c24wIHsKICB3aWR0aDogMTAwJTsKICBmb250LWZhbWlseTogbW9ub3NwYWNlOwogIGZvbnQtc2l6ZTogMTJweDsKICBib3JkZXI6IDFweCBzb2xpZCAjY2NjOwogIGJvcmRlci1yYWRpdXM6IDRweDsKICBwYWRkaW5nOiA4cHg7CiAgYmFja2dyb3VuZC1jb2xvcjogIzJhMmEyYTsKICBjb2xvcjogI2ZmZjsKfQouXzdlazRzbjEgewogIGJvcmRlcjogMXB4IHNvbGlkIHJlZDsKfQouXzdlazRzbjIgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA0cHg7CiAgbWFyZ2luLXRvcDogNHB4Owp9Ci5fN2VrNHNuMyB7CiAgY29sb3I6IHJlZDsKICBmb250LXNpemU6IDEycHg7CiAgbWFyZ2luLXRvcDogNHB4Owp9_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();
+LocalFlagControls_css_ts_vanilla_css_source_Ll83ZWs0c24wIHsKICB3aWR0aDogMTAwJTsKICBmb250LWZhbWlseTogbW9ub3NwYWNlOwogIGZvbnQtc2l6ZTogMTJweDsKICBib3JkZXI6IDFweCBzb2xpZCAjY2NjOwogIGJvcmRlci1yYWRpdXM6IDRweDsKICBwYWRkaW5nOiA4cHg7CiAgYmFja2dyb3VuZC1jb2xvcjogIzJhMmEyYTsKICBjb2xvcjogI2ZmZjsKfQouXzdlazRzbjEgewogIGJvcmRlcjogMXB4IHNvbGlkIHJlZDsKfQouXzdlazRzbjIgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA0cHg7CiAgbWFyZ2luLXRvcDogNHB4Owp9Ci5fN2VrNHNuMyB7CiAgY29sb3I6IHJlZDsKICBmb250LXNpemU6IDEycHg7CiAgbWFyZ2luLXRvcDogNHB4Owp9_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()(LocalFlagControls_css_ts_vanilla_css_source_Ll83ZWs0c24wIHsKICB3aWR0aDogMTAwJTsKICBmb250LWZhbWlseTogbW9ub3NwYWNlOwogIGZvbnQtc2l6ZTogMTJweDsKICBib3JkZXI6IDFweCBzb2xpZCAjY2NjOwogIGJvcmRlci1yYWRpdXM6IDRweDsKICBwYWRkaW5nOiA4cHg7CiAgYmFja2dyb3VuZC1jb2xvcjogIzJhMmEyYTsKICBjb2xvcjogI2ZmZjsKfQouXzdlazRzbjEgewogIGJvcmRlcjogMXB4IHNvbGlkIHJlZDsKfQouXzdlazRzbjIgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA0cHg7CiAgbWFyZ2luLXRvcDogNHB4Owp9Ci5fN2VrNHNuMyB7CiAgY29sb3I6IHJlZDsKICBmb250LXNpemU6IDEycHg7CiAgbWFyZ2luLXRvcDogNHB4Owp9_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z, LocalFlagControls_css_ts_vanilla_css_source_Ll83ZWs0c24wIHsKICB3aWR0aDogMTAwJTsKICBmb250LWZhbWlseTogbW9ub3NwYWNlOwogIGZvbnQtc2l6ZTogMTJweDsKICBib3JkZXI6IDFweCBzb2xpZCAjY2NjOwogIGJvcmRlci1yYWRpdXM6IDRweDsKICBwYWRkaW5nOiA4cHg7CiAgYmFja2dyb3VuZC1jb2xvcjogIzJhMmEyYTsKICBjb2xvcjogI2ZmZjsKfQouXzdlazRzbjEgewogIGJvcmRlcjogMXB4IHNvbGlkIHJlZDsKfQouXzdlazRzbjIgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA0cHg7CiAgbWFyZ2luLXRvcDogNHB4Owp9Ci5fN2VrNHNuMyB7CiAgY29sb3I6IHJlZDsKICBmb250LXNpemU6IDEycHg7CiAgbWFyZ2luLXRvcDogNHB4Owp9_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted_options);
+LocalFlagControls_css_ts_vanilla_css_source_Ll83ZWs0c24wIHsKICB3aWR0aDogMTAwJTsKICBmb250LWZhbWlseTogbW9ub3NwYWNlOwogIGZvbnQtc2l6ZTogMTJweDsKICBib3JkZXI6IDFweCBzb2xpZCAjY2NjOwogIGJvcmRlci1yYWRpdXM6IDRweDsKICBwYWRkaW5nOiA4cHg7CiAgYmFja2dyb3VuZC1jb2xvcjogIzJhMmEyYTsKICBjb2xvcjogI2ZmZjsKfQouXzdlazRzbjEgewogIGJvcmRlcjogMXB4IHNvbGlkIHJlZDsKfQouXzdlazRzbjIgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA0cHg7CiAgbWFyZ2luLXRvcDogNHB4Owp9Ci5fN2VrNHNuMyB7CiAgY29sb3I6IHJlZDsKICBmb250LXNpemU6IDEycHg7CiAgbWFyZ2luLXRvcDogNHB4Owp9_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z && LocalFlagControls_css_ts_vanilla_css_source_Ll83ZWs0c24wIHsKICB3aWR0aDogMTAwJTsKICBmb250LWZhbWlseTogbW9ub3NwYWNlOwogIGZvbnQtc2l6ZTogMTJweDsKICBib3JkZXI6IDFweCBzb2xpZCAjY2NjOwogIGJvcmRlci1yYWRpdXM6IDRweDsKICBwYWRkaW5nOiA4cHg7CiAgYmFja2dyb3VuZC1jb2xvcjogIzJhMmEyYTsKICBjb2xvcjogI2ZmZjsKfQouXzdlazRzbjEgewogIGJvcmRlcjogMXB4IHNvbGlkIHJlZDsKfQouXzdlazRzbjIgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA0cHg7CiAgbWFyZ2luLXRvcDogNHB4Owp9Ci5fN2VrNHNuMyB7CiAgY29sb3I6IHJlZDsKICBmb250LXNpemU6IDEycHg7CiAgbWFyZ2luLXRvcDogNHB4Owp9_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z.locals && LocalFlagControls_css_ts_vanilla_css_source_Ll83ZWs0c24wIHsKICB3aWR0aDogMTAwJTsKICBmb250LWZhbWlseTogbW9ub3NwYWNlOwogIGZvbnQtc2l6ZTogMTJweDsKICBib3JkZXI6IDFweCBzb2xpZCAjY2NjOwogIGJvcmRlci1yYWRpdXM6IDRweDsKICBwYWRkaW5nOiA4cHg7CiAgYmFja2dyb3VuZC1jb2xvcjogIzJhMmEyYTsKICBjb2xvcjogI2ZmZjsKfQouXzdlazRzbjEgewogIGJvcmRlcjogMXB4IHNvbGlkIHJlZDsKfQouXzdlazRzbjIgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA0cHg7CiAgbWFyZ2luLXRvcDogNHB4Owp9Ci5fN2VrNHNuMyB7CiAgY29sb3I6IHJlZDsKICBmb250LXNpemU6IDEycHg7CiAgbWFyZ2luLXRvcDogNHB4Owp9_node_modules_pnpm_vanilla_extract_webpack_plugin_2_3_22_webpack_5_101_3_node_modules_vanilla_extract_webpack_plugin_extracted.Z.locals;
+var jsonButtonGroup = '_7ek4sn2';
+var jsonParseError = '_7ek4sn3';
+var jsonTextareaError = '_7ek4sn1';
+var jsonTextarea = '_7ek4sn0';
+function LocalBooleanFlagControl(props) {
+    const { flag, onOverride, disabled = false } = props;
+    return /*#__PURE__*/ jsx("div", {
+        className: switchContainer,
+        children: /*#__PURE__*/ jsx(Switch, {
+            "data-theme": "dark",
+            isSelected: flag.currentValue,
+            onChange: onOverride,
+            isDisabled: disabled,
+            className: switch_
+        })
+    });
+}
+function LocalStringNumberFlagControl(props) {
+    const { flag, onOverride, disabled = false } = props;
+    const [isEditing, setIsEditing] = useState(false);
+    const [tempValue, setTempValue] = useState(String(flag.currentValue));
+    const handleConfirm = ()=>{
+        let finalValue;
+        if ('number' === flag.type) {
+            finalValue = parseFloat(tempValue);
+            if (isNaN(finalValue)) return;
+        } else finalValue = tempValue;
+        onOverride(finalValue);
+        setIsEditing(false);
+    };
+    const handleCancel = ()=>{
+        setTempValue(String(flag.currentValue));
+        setIsEditing(false);
+    };
+    return /*#__PURE__*/ jsx("div", {
+        className: customVariantContainer,
+        children: isEditing ? /*#__PURE__*/ jsx(TextField, {
+            "aria-label": `Enter ${flag.type} value`,
+            className: customVariantField,
+            "data-theme": "dark",
+            children: /*#__PURE__*/ jsxs(Group, {
+                className: customVariantFieldGroup,
+                children: [
+                    /*#__PURE__*/ jsx(Input, {
+                        placeholder: `Enter ${flag.type} value`,
+                        value: tempValue,
+                        onChange: (e)=>setTempValue(e.target.value),
+                        type: 'number' === flag.type ? 'number' : 'text'
+                    }),
+                    /*#__PURE__*/ jsx(IconButton, {
+                        icon: /*#__PURE__*/ jsx(CheckIcon, {}),
+                        label: "Confirm",
+                        onClick: handleConfirm
+                    }),
+                    /*#__PURE__*/ jsx(IconButton, {
+                        icon: /*#__PURE__*/ jsx(XIcon, {}),
+                        label: "Cancel",
+                        onClick: handleCancel
+                    })
+                ]
+            })
+        }) : /*#__PURE__*/ jsxs("div", {
+            className: currentValueGroup,
+            children: [
+                /*#__PURE__*/ jsx("div", {
+                    className: currentValueText,
+                    children: String(flag.currentValue)
+                }),
+                /*#__PURE__*/ jsx(IconButton, {
+                    icon: /*#__PURE__*/ jsx(EditIcon, {}),
+                    label: "Edit",
+                    onClick: ()=>setIsEditing(true),
+                    disabled: disabled
+                })
+            ]
+        })
+    });
+}
+function LocalObjectFlagControl(props) {
+    const { flag, onOverride, disabled = false } = props;
+    const [isEditing, setIsEditing] = useState(false);
+    const [tempValue, setTempValue] = useState(()=>JSON.stringify(flag.currentValue, null, 2));
+    const [parseError, setParseError] = useState(null);
+    const displayValue = useMemo(()=>JSON.stringify(flag.currentValue), [
+        flag.currentValue
+    ]);
+    const handleConfirm = ()=>{
+        try {
+            const parsedValue = JSON.parse(tempValue);
+            onOverride(parsedValue);
+            setIsEditing(false);
+            setParseError(null);
+        } catch  {
+            setParseError('Invalid JSON format');
+        }
+    };
+    const handleCancel = ()=>{
+        setTempValue(JSON.stringify(flag.currentValue, null, 2));
+        setIsEditing(false);
+        setParseError(null);
+    };
+    const handleValueChange = (value)=>{
+        setTempValue(value);
+        setParseError(null);
+    };
+    return /*#__PURE__*/ jsx("div", {
+        className: customVariantContainer,
+        children: isEditing ? /*#__PURE__*/ jsx(TextField, {
+            "aria-label": "Enter JSON value",
+            className: customVariantField,
+            "data-theme": "dark",
+            children: /*#__PURE__*/ jsxs(Group, {
+                className: customVariantFieldGroup,
+                children: [
+                    /*#__PURE__*/ jsx("textarea", {
+                        placeholder: "Enter valid JSON",
+                        value: tempValue,
+                        onChange: (e)=>handleValueChange(e.target.value),
+                        rows: 4,
+                        className: parseError ? `${jsonTextarea} ${jsonTextareaError}` : jsonTextarea
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: jsonButtonGroup,
+                        children: [
+                            /*#__PURE__*/ jsx(IconButton, {
+                                icon: /*#__PURE__*/ jsx(CheckIcon, {}),
+                                label: "Confirm",
+                                onClick: handleConfirm
+                            }),
+                            /*#__PURE__*/ jsx(IconButton, {
+                                icon: /*#__PURE__*/ jsx(XIcon, {}),
+                                label: "Cancel",
+                                onClick: handleCancel
+                            })
+                        ]
+                    }),
+                    parseError && /*#__PURE__*/ jsx("div", {
+                        className: jsonParseError,
+                        children: parseError
+                    })
+                ]
+            })
+        }) : /*#__PURE__*/ jsxs("div", {
+            className: currentValueGroup,
+            children: [
+                /*#__PURE__*/ jsx("div", {
+                    className: currentValueText,
+                    children: displayValue
+                }),
+                /*#__PURE__*/ jsx(IconButton, {
+                    icon: /*#__PURE__*/ jsx(EditIcon, {}),
+                    label: "Edit JSON",
+                    onClick: ()=>setIsEditing(true),
+                    disabled: disabled
+                })
+            ]
+        })
     });
 }
-function SettingsTabContent() {
-    const { state, switchProject, handlePositionChange } = useToolbarContext();
+function FlagSdkOverrideTabContentInner(props) {
+    const { flagOverridePlugin } = props;
     const { searchTerm } = useSearchContext();
-    const position = state.position;
-    const handleProjectSwitch = async (projectKey)=>{
-        try {
-            await switchProject(projectKey);
-        } catch (error) {
-            console.error('Failed to switch project:', error);
-        }
+    const { flags, isLoading } = useFlagSdkOverrideContext();
+    const ldClient = flagOverridePlugin?.getClient();
+    const [showOverriddenOnly, setShowOverriddenOnly] = useState(false);
+    const parentRef = useRef(null);
+    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());
+        const matchesOverrideFilter = showOverriddenOnly ? flag.isOverridden : true;
+        return matchesSearch && matchesOverrideFilter;
+    });
+    const virtualizer = useVirtualizer({
+        count: filteredFlags.length,
+        getScrollElement: ()=>parentRef.current,
+        estimateSize: ()=>VIRTUALIZATION.ITEM_HEIGHT,
+        overscan: VIRTUALIZATION.OVERSCAN
+    });
+    if (!ldClient) return /*#__PURE__*/ jsx(GenericHelpText, {
+        title: "LaunchDarkly client is not available",
+        subtitle: "To use local flag overrides, ensure the LaunchDarkly client is initialized and available."
+    });
+    if (isLoading) return /*#__PURE__*/ jsx(GenericHelpText, {
+        title: "Loading flags...",
+        subtitle: "Please wait while we load your feature flags"
+    });
+    const handleSetOverride = (flagKey, value)=>{
+        flagOverridePlugin.setOverride(flagKey, value);
     };
-    const handlePositionSelect = (newPosition)=>{
-        handlePositionChange(newPosition);
+    const handleClearOverride = useCallback((flagKey)=>{
+        flagOverridePlugin.removeOverride(flagKey);
+    }, [
+        flagOverridePlugin
+    ]);
+    const handleClearAllOverrides = ()=>{
+        flagOverridePlugin.clearAllOverrides();
     };
-    const settingsGroups = [
-        {
-            title: 'Configuration',
-            items: [
-                {
-                    id: 'project',
-                    name: 'Project',
-                    icon: 'folder',
-                    isProjectSelector: true
-                },
-                {
-                    id: 'position',
-                    name: 'Position',
-                    icon: 'move',
-                    isPositionSelector: true
-                },
-                {
-                    id: 'environment',
-                    name: 'Environment',
-                    icon: 'globe',
-                    value: state.sourceEnvironmentKey || 'Unknown'
-                },
-                {
-                    id: 'connection',
-                    name: 'Connection status',
-                    icon: 'link',
-                    isConnectionStatus: true
-                }
-            ]
+    const totalOverriddenFlags = useMemo(()=>Object.values(flags).filter((flag)=>flag.isOverridden).length, [
+        flags
+    ]);
+    const renderFlagControl = (flag)=>{
+        const handleOverride = (value)=>handleSetOverride(flag.key, value);
+        switch(flag.type){
+            case 'boolean':
+                return /*#__PURE__*/ jsx(LocalBooleanFlagControl, {
+                    flag: flag,
+                    onOverride: handleOverride
+                });
+            case 'string':
+            case 'number':
+                return /*#__PURE__*/ jsx(LocalStringNumberFlagControl, {
+                    flag: flag,
+                    onOverride: handleOverride
+                });
+            case 'object':
+                return /*#__PURE__*/ jsx(LocalObjectFlagControl, {
+                    flag: flag,
+                    onOverride: handleOverride
+                });
+            default:
+                return /*#__PURE__*/ jsx(LocalObjectFlagControl, {
+                    flag: flag,
+                    onOverride: handleOverride
+                });
         }
-    ];
-    const hasResults = settingsGroups.some((group)=>group.items.some((item)=>item.name.toLowerCase().includes(searchTerm.toLowerCase()) || item.id.toLowerCase().includes(searchTerm.trim().toLowerCase())));
-    if (!hasResults && searchTerm.trim()) return /*#__PURE__*/ jsx(GenericHelpText, {
-        title: "No settings found",
-        subtitle: "Try adjusting your search"
+    };
+    if (0 === flagEntries.length) return /*#__PURE__*/ jsx(GenericHelpText, {
+        title: "No flags available",
+        subtitle: "Make sure your LaunchDarkly client is properly initialized with flags"
     });
+    const genericHelpTitle = showOverriddenOnly ? 'No overridden flags found' : 'No results found';
+    const genericHelpSubtitle = showOverriddenOnly ? 'No overridden flags match your search' : 'Try adjusting your search or check if flags are available';
     return /*#__PURE__*/ jsx("div", {
-        "data-testid": "settings-tab-content",
-        children: settingsGroups.map((group)=>{
-            const groupResults = group.items.filter((item)=>item.name.toLowerCase().includes(searchTerm.toLowerCase()) || item.id.toLowerCase().includes(searchTerm.trim().toLowerCase()));
-            if (0 === groupResults.length) return null;
-            return /*#__PURE__*/ jsxs("div", {
-                className: settingsGroup,
-                children: [
-                    /*#__PURE__*/ jsx("h4", {
-                        className: settingsGroupTitle,
-                        children: group.title
-                    }),
-                    /*#__PURE__*/ jsx(List, {
-                        children: group.items.filter((item)=>item.name.toLowerCase().includes(searchTerm.toLowerCase()) || item.id.toLowerCase().includes(searchTerm.trim().toLowerCase())).map((item)=>{
-                            if (item.isConnectionStatus) return /*#__PURE__*/ jsx(ListItem, {
-                                onClick: void 0,
-                                children: /*#__PURE__*/ jsxs("div", {
-                                    className: settingInfo,
-                                    children: [
-                                        /*#__PURE__*/ jsx("div", {
-                                            className: settingDetails,
-                                            children: /*#__PURE__*/ jsx("span", {
-                                                className: settingName,
-                                                children: item.name
-                                            })
-                                        }),
-                                        /*#__PURE__*/ jsx(ConnectionStatusDisplay, {
-                                            status: state.connectionStatus
-                                        })
-                                    ]
-                                })
-                            }, item.id);
-                            return /*#__PURE__*/ jsx(ListItem, {
-                                onClick: void 0,
-                                children: /*#__PURE__*/ jsxs("div", {
-                                    className: settingInfo,
-                                    children: [
-                                        /*#__PURE__*/ jsx("div", {
-                                            className: settingDetails,
-                                            children: /*#__PURE__*/ jsx("span", {
-                                                className: settingName,
-                                                children: item.name
+        "data-testid": "flag-sdk-tab-content",
+        children: /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                /*#__PURE__*/ jsxs(ActionButtonsContainer, {
+                    children: [
+                        /*#__PURE__*/ jsx("button", {
+                            className: `${toggleButton} ${showOverriddenOnly ? active : ''}`,
+                            onClick: ()=>setShowOverriddenOnly((prev)=>!prev),
+                            children: "Show overrides only"
+                        }),
+                        /*#__PURE__*/ jsxs("button", {
+                            className: actionButton,
+                            onClick: handleClearAllOverrides,
+                            disabled: 0 === totalOverriddenFlags,
+                            children: [
+                                "Clear all overrides (",
+                                totalOverriddenFlags,
+                                ")"
+                            ]
+                        })
+                    ]
+                }),
+                0 === filteredFlags.length && (searchTerm.trim() || showOverriddenOnly) ? /*#__PURE__*/ jsx(GenericHelpText, {
+                    title: genericHelpTitle,
+                    subtitle: genericHelpSubtitle
+                }) : /*#__PURE__*/ jsx("div", {
+                    ref: parentRef,
+                    className: virtualContainer,
+                    children: /*#__PURE__*/ jsx(List, {
+                        children: /*#__PURE__*/ jsx("div", {
+                            className: virtualInner,
+                            style: {
+                                height: virtualizer.getTotalSize()
+                            },
+                            children: virtualizer.getVirtualItems().map((virtualItem)=>{
+                                const [flagKey, flag] = filteredFlags[virtualItem.index];
+                                return /*#__PURE__*/ jsx("div", {
+                                    className: FlagDevServerTabContent_css_virtualItem,
+                                    style: {
+                                        height: `${virtualItem.size}px`,
+                                        transform: `translateY(${virtualItem.start}px)`,
+                                        borderBottom: '1px solid var(--lp-color-gray-800)'
+                                    },
+                                    children: /*#__PURE__*/ jsxs(ListItem, {
+                                        children: [
+                                            /*#__PURE__*/ jsxs("div", {
+                                                className: flagHeader,
+                                                children: [
+                                                    /*#__PURE__*/ jsxs("span", {
+                                                        className: flagName,
+                                                        children: [
+                                                            /*#__PURE__*/ jsx("span", {
+                                                                className: flagNameText,
+                                                                children: flag.name
+                                                            }),
+                                                            flag.isOverridden && /*#__PURE__*/ jsx(OverrideIndicator, {
+                                                                onClear: ()=>handleClearOverride(flagKey)
+                                                            })
+                                                        ]
+                                                    }),
+                                                    /*#__PURE__*/ jsx("span", {
+                                                        className: FlagDevServerTabContent_css_flagKey,
+                                                        children: flagKey
+                                                    })
+                                                ]
+                                            }),
+                                            /*#__PURE__*/ jsx("div", {
+                                                className: flagOptions,
+                                                children: renderFlagControl(flag)
                                             })
-                                        }),
-                                        item.isProjectSelector ? /*#__PURE__*/ jsx(ProjectSelector, {
-                                            availableProjects: state.availableProjects,
-                                            currentProject: state.currentProjectKey,
-                                            onProjectChange: handleProjectSwitch,
-                                            isLoading: state.isLoading
-                                        }) : item.isPositionSelector ? /*#__PURE__*/ jsx(PositionSelector, {
-                                            currentPosition: position,
-                                            onPositionChange: handlePositionSelect
-                                        }) : /*#__PURE__*/ jsx("span", {
-                                            className: settingValue,
-                                            children: item.value
-                                        })
-                                    ]
-                                })
-                            }, item.id);
+                                        ]
+                                    })
+                                }, virtualItem.key);
+                            })
                         })
                     })
-                ]
-            }, group.title);
+                })
+            ]
+        })
+    });
+}
+function FlagSdkOverrideTabContent(props) {
+    if (!props.flagOverridePlugin) return /*#__PURE__*/ jsx(GenericHelpText, {
+        title: "Flag override plugin is not available",
+        subtitle: "To use local flag overrides, ensure the flag override plugin is added to your LaunchDarkly client configuration."
+    });
+    return /*#__PURE__*/ jsx(FlagSdkOverrideProvider, {
+        flagOverridePlugin: props.flagOverridePlugin,
+        children: /*#__PURE__*/ jsx(FlagSdkOverrideTabContentInner, {
+            flagOverridePlugin: props.flagOverridePlugin
         })
     });
 }
-const TAB_CONTENT_MAP = {
-    flags: FlagTabContent,
-    settings: SettingsTabContent
-};
 function TabContentRenderer(props) {
-    const { activeTab, slideDirection } = props;
-    const ContentComponent = TAB_CONTENT_MAP[activeTab];
-    if (!ContentComponent) return null;
+    const { activeTab, slideDirection, flagOverridePlugin, mode } = props;
+    const renderContent = ()=>{
+        switch(activeTab){
+            case 'flag-sdk':
+                return /*#__PURE__*/ jsx(FlagSdkOverrideTabContent, {
+                    flagOverridePlugin: flagOverridePlugin
+                });
+            case 'flag-dev-server':
+                return /*#__PURE__*/ jsx(FlagDevServerTabContent, {});
+            case 'settings':
+                return /*#__PURE__*/ jsx(SettingsTabContent, {
+                    mode: mode
+                });
+            default:
+                return null;
+        }
+    };
+    const content = renderContent();
+    if (!content) return null;
     return /*#__PURE__*/ jsx(motion.div, {
         initial: {
             opacity: 0,
@@ -3894,7 +4482,7 @@ function TabContentRenderer(props) {
             scale: 0.95
         },
         transition: ANIMATION_CONFIG.tabContent,
-        children: /*#__PURE__*/ jsx(ContentComponent, {})
+        children: content
     }, activeTab);
 }
 var ErrorMessage_css_ts_vanilla_css_source_Lml3dnBjeTAgewogIGhlaWdodDogNDAwcHg7Cn0KLml3dnBjeTEgewogIGJhY2tncm91bmQ6IHZhcigtLWxwLWNvbG9yLXJlZC05MDApOwogIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWxwLWNvbG9yLXJlZC02MDApOwogIGNvbG9yOiB2YXIoLS1scC1jb2xvci1yZWQtMjAwKTsKICBwYWRkaW5nOiA4cHggMTJweDsKICBtYXJnaW46IDEycHggMjBweDsKICBib3JkZXItcmFkaXVzOiA2cHg7CiAgZm9udC1zaXplOiAxMnB4Owp9_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.4.12/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/components/ErrorMessage.css.ts.vanilla.css\",\"source\":\"Lml3dnBjeTAgewogIGhlaWdodDogNDAwcHg7Cn0KLml3dnBjeTEgewogIGJhY2tncm91bmQ6IHZhcigtLWxwLWNvbG9yLXJlZC05MDApOwogIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWxwLWNvbG9yLXJlZC02MDApOwogIGNvbG9yOiB2YXIoLS1scC1jb2xvci1yZWQtMjAwKTsKICBwYWRkaW5nOiA4cHggMTJweDsKICBtYXJnaW46IDEycHggMjBweDsKICBib3JkZXItcmFkaXVzOiA2cHg7CiAgZm9udC1zaXplOiAxMnB4Owp9\"}!./node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.22_webpack@5.101.3/node_modules/@vanilla-extract/webpack-plugin/extracted.js");
@@ -3924,10 +4512,13 @@ function getHeaderLabel(currentProjectKey, sourceEnvironmentKey) {
     return label;
 }
 function ExpandedToolbarContent(props) {
-    const { isExpanded, activeTab, slideDirection, searchTerm, searchIsExpanded, onSearch, onClose, onTabChange, setSearchIsExpanded } = props;
-    const { state } = useToolbarContext();
+    const { isExpanded, activeTab, slideDirection, searchTerm, searchIsExpanded, onSearch, onClose, onTabChange, setSearchIsExpanded, flagOverridePlugin, mode } = props;
+    const { state } = useDevServerContext();
     const headerLabel = getHeaderLabel(state.currentProjectKey, state.sourceEnvironmentKey);
     const { error } = state;
+    const availableTabs = getTabsForMode(mode, !!flagOverridePlugin);
+    const defaultActiveTab = getDefaultActiveTab(mode);
+    const shouldShowError = error && 'dev-server' === mode && 'error' === state.connectionStatus;
     return /*#__PURE__*/ jsxs(motion.div, {
         className: toolbarContent,
         initial: {
@@ -3970,12 +4561,13 @@ function ExpandedToolbarContent(props) {
                             onClose: onClose,
                             searchIsExpanded: searchIsExpanded,
                             setSearchIsExpanded: setSearchIsExpanded,
-                            label: headerLabel
+                            label: headerLabel,
+                            mode: mode
                         }),
-                        error && /*#__PURE__*/ jsx(ErrorMessage, {
+                        shouldShowError && /*#__PURE__*/ jsx(ErrorMessage, {
                             error: error
                         }),
-                        !error && /*#__PURE__*/ jsx(motion.div, {
+                        !shouldShowError && /*#__PURE__*/ jsx(motion.div, {
                             className: scrollableContent,
                             initial: {
                                 opacity: 0,
@@ -3994,7 +4586,9 @@ function ExpandedToolbarContent(props) {
                                 mode: "wait",
                                 children: activeTab && /*#__PURE__*/ jsx(TabContentRenderer, {
                                     activeTab: activeTab,
-                                    slideDirection: slideDirection
+                                    slideDirection: slideDirection,
+                                    flagOverridePlugin: flagOverridePlugin,
+                                    mode: mode
                                 })
                             })
                         })
@@ -4013,15 +4607,21 @@ function ExpandedToolbarContent(props) {
                 },
                 transition: ANIMATION_CONFIG.tabsContainer,
                 children: /*#__PURE__*/ jsxs(Tabs_Tabs, {
-                    activeTab: activeTab || void 0,
+                    defaultActiveTab: defaultActiveTab,
+                    activeTab: activeTab,
                     onTabChange: onTabChange,
                     children: [
-                        /*#__PURE__*/ jsx(TabButton_TabButton, {
-                            id: "flags",
+                        availableTabs.includes('flag-sdk') && /*#__PURE__*/ jsx(TabButton_TabButton, {
+                            id: "flag-sdk",
+                            label: "Flags",
+                            icon: ToggleOffIcon
+                        }),
+                        availableTabs.includes('flag-dev-server') && /*#__PURE__*/ jsx(TabButton_TabButton, {
+                            id: "flag-dev-server",
                             label: "Flags",
                             icon: ToggleOffIcon
                         }),
-                        /*#__PURE__*/ jsx(TabButton_TabButton, {
+                        availableTabs.includes('settings') && /*#__PURE__*/ jsx(TabButton_TabButton, {
                             id: "settings",
                             label: "Settings",
                             icon: GearIcon
@@ -4286,9 +4886,10 @@ function useToolbarDrag({ enabled, onDragEnd, elementRef }) {
         handleMouseDown
     };
 }
-function LdToolbar() {
+function LdToolbar(props) {
+    const { flagOverridePlugin, mode } = props;
     const { searchTerm } = useSearchContext();
-    const { state, handlePositionChange } = useToolbarContext();
+    const { state, handlePositionChange } = useDevServerContext();
     const toolbarState = useToolbarState();
     const position = state.position;
     const { isExpanded, activeTab, slideDirection, searchIsExpanded, showFullToolbar, hasBeenExpanded, toolbarRef, handleTabChange, handleMouseEnter, handleMouseLeave, handleClose, handleSearch, setSearchIsExpanded, setIsAnimating, isHovered, isDragModifierPressed } = toolbarState;
@@ -4341,17 +4942,20 @@ function LdToolbar() {
                     onSearch: handleSearch,
                     onClose: handleClose,
                     onTabChange: handleTabChange,
-                    setSearchIsExpanded: setSearchIsExpanded
+                    setSearchIsExpanded: setSearchIsExpanded,
+                    flagOverridePlugin: flagOverridePlugin,
+                    mode: mode
                 })
             })
         ]
     });
 }
 function LaunchDarklyToolbar(props) {
-    const { projectKey, position, devServerUrl = 'http://localhost:8765', pollIntervalInMs = 5000 } = props;
+    const { projectKey, position, devServerUrl, pollIntervalInMs = 5000, flagOverridePlugin } = props;
     const isVisible = useToolbarVisibility();
     if (!isVisible) return null;
-    return /*#__PURE__*/ jsx(LaunchDarklyToolbarProvider, {
+    const mode = getToolbarMode(devServerUrl);
+    return /*#__PURE__*/ jsx(DevServerProvider, {
         config: {
             projectKey,
             devServerUrl,
@@ -4359,8 +4963,140 @@ function LaunchDarklyToolbar(props) {
         },
         initialPosition: position,
         children: /*#__PURE__*/ jsx(SearchProvider, {
-            children: /*#__PURE__*/ jsx(LdToolbar, {})
+            children: /*#__PURE__*/ jsx(LdToolbar, {
+                flagOverridePlugin: flagOverridePlugin,
+                mode: mode
+            })
         })
     });
 }
-export { LaunchDarklyToolbar };
+const DEFAULT_STORAGE_NAMESPACE = 'ld-flag-override';
+class FlagOverridePlugin {
+    debugOverride;
+    config;
+    ldClient = null;
+    constructor(config = {}){
+        this.config = {
+            storageNamespace: config.storageNamespace ?? DEFAULT_STORAGE_NAMESPACE
+        };
+    }
+    getMetadata() {
+        return {
+            name: 'FlagOverridePlugin'
+        };
+    }
+    register(ldClient) {
+        this.ldClient = ldClient;
+    }
+    registerDebug(debugOverride) {
+        this.debugOverride = debugOverride;
+        this.loadExistingOverrides();
+    }
+    loadExistingOverrides() {
+        if (!this.debugOverride) return;
+        const storage = this.getStorage();
+        if (!storage) return;
+        try {
+            for(let i = 0; i < storage.length; i++){
+                const key = storage.key(i);
+                if (!key?.startsWith(this.config.storageNamespace + ':')) continue;
+                const storedValue = storage.getItem(key);
+                if (storedValue) try {
+                    const value = JSON.parse(storedValue);
+                    const flagKey = key.replace(this.config.storageNamespace + ':', '');
+                    this.debugOverride.setOverride(flagKey, value);
+                } catch  {
+                    console.warn('flagOverridePlugin: Invalid stored value for', key);
+                    storage.removeItem(key);
+                }
+            }
+        } catch (error) {
+            console.error('flagOverridePlugin: Error loading existing overrides:', error);
+        }
+    }
+    setOverride(flagKey, value) {
+        if (!this.debugOverride) return void console.warn('flagOverridePlugin: Debug interface not available');
+        if (!flagKey || 'string' != typeof flagKey) return void console.error('flagOverridePlugin: Invalid flag key:', flagKey);
+        if (void 0 === value) return void console.error('flagOverridePlugin: Cannot set undefined value for flag override');
+        try {
+            this.persistOverride(flagKey, value);
+            this.debugOverride.setOverride(flagKey, value);
+        } catch (error) {
+            console.error('flagOverridePlugin: Failed to set override:', error);
+        }
+    }
+    removeOverride(flagKey) {
+        if (!this.debugOverride) return void console.warn('flagOverridePlugin: Debug interface not available');
+        if (!flagKey || 'string' != typeof flagKey) return void console.error('flagOverridePlugin: Invalid flag key:', flagKey);
+        try {
+            this.removePersistedOverride(flagKey);
+            this.debugOverride.removeOverride(flagKey);
+        } catch (error) {
+            console.error('flagOverridePlugin: Failed to remove override:', error);
+        }
+    }
+    clearAllOverrides() {
+        if (!this.debugOverride) return void console.warn('flagOverridePlugin: Debug interface not available');
+        try {
+            this.clearPersistedOverrides();
+            this.debugOverride.clearAllOverrides();
+        } catch (error) {
+            console.error('flagOverridePlugin: Failed to clear overrides:', error);
+        }
+    }
+    getAllOverrides() {
+        if (!this.debugOverride) {
+            console.warn('flagOverridePlugin: Debug interface not available');
+            return {};
+        }
+        try {
+            return this.debugOverride.getAllOverrides();
+        } catch (error) {
+            console.error('flagOverridePlugin: Failed to get overrides:', error);
+            return {};
+        }
+    }
+    getClient() {
+        return this.ldClient;
+    }
+    getStorage() {
+        if ('undefined' == typeof window) return null;
+        return window.localStorage;
+    }
+    persistOverride(flagKey, value) {
+        const storage = this.getStorage();
+        if (!storage) return;
+        try {
+            const storageKey = `${this.config.storageNamespace}:${flagKey}`;
+            storage.setItem(storageKey, JSON.stringify(value));
+        } catch (error) {
+            console.error('flagOverridePlugin: Failed to persist override:', error);
+        }
+    }
+    removePersistedOverride(flagKey) {
+        const storage = this.getStorage();
+        if (!storage) return;
+        try {
+            const storageKey = `${this.config.storageNamespace}:${flagKey}`;
+            storage.removeItem(storageKey);
+        } catch (error) {
+            console.error('flagOverridePlugin: Failed to remove persisted override:', error);
+        }
+    }
+    clearPersistedOverrides() {
+        const storage = this.getStorage();
+        if (!storage) return;
+        try {
+            const keysToRemove = [];
+            const prefix = this.config.storageNamespace + ':';
+            for(let i = 0; i < storage.length; i++){
+                const key = storage.key(i);
+                if (key?.startsWith(prefix)) keysToRemove.push(key);
+            }
+            keysToRemove.forEach((key)=>storage.removeItem(key));
+        } catch (error) {
+            console.error('flagOverridePlugin: Failed to clear persisted overrides:', error);
+        }
+    }
+}
+export { FlagOverridePlugin, LaunchDarklyToolbar };