@launchdarkly/toolbar 2.2.0-beta.1 → 2.4.0-beta.1

package/cdn/toolbar.min.js.LICENSE.txt

@@ -1,3 +1,5 @@
+/*! js-cookie v3.0.5 | MIT */
+
 /**
  * @license React
  * react-dom-client.production.js
@@ -56,4 +58,16 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @preserve
+ * JS Implementation of incremental MurmurHash3 (r150) (as of May 10, 2013)
+ *
+ * @author <a href="mailto:jensyt@gmail.com">Jens Taylor</a>
+ * @see http://github.com/homebrewing/brauhaus-diff
+ * @author <a href="mailto:gary.court@gmail.com">Gary Court</a>
+ * @see http://github.com/garycourt/murmurhash-js
+ * @author <a href="mailto:aappleby@gmail.com">Austin Appleby</a>
+ * @see http://sites.google.com/site/murmurhash/
  */

package/dist/core/ui/Toolbar/components/new/ExpandedToolbarContent.d.ts

@@ -1,9 +1,10 @@
-import React from 'react';
+import type { MouseEvent as ReactMouseEvent } from 'react';
 import { TabId } from '../../types/toolbar';
 interface ExpandedToolbarContentProps {
     onClose?: () => void;
-    onHeaderMouseDown?: (event: React.MouseEvent) => void;
+    onHeaderMouseDown?: (event: ReactMouseEvent) => void;
     defaultActiveTab: TabId;
+    onOpenAuthModal?: () => void;
 }
-export declare const ExpandedToolbarContent: React.ForwardRefExoticComponent<ExpandedToolbarContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ExpandedToolbarContent: import("react").ForwardRefExoticComponent<ExpandedToolbarContentProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

package/dist/core/ui/Toolbar/components/new/Monitoring/EventsContent.module.css.d.ts

@@ -1,3 +1,4 @@
+export declare const container: string;
 export declare const statsHeader: string;
 export declare const statsText: string;
 export declare const eventInfo: string;

package/dist/core/ui/Toolbar/components/new/Settings/SettingsContent.module.css.d.ts

@@ -1,3 +1,5 @@
 export declare const container: string;
 export declare const value: string;
 export declare const placeholder: string;
+export declare const feedbackSection: string;
+export declare const feedbackTitle: string;

package/dist/core/ui/Toolbar/context/api/ApiProvider.d.ts

@@ -1,7 +1,6 @@
-import { FlagsPaginationParams, FlagsResponse, ApiFlag, ProjectsResponse } from '../../types/ldApi';
+import { FlagsPaginationParams, FlagsResponse, ProjectsResponse } from '../../types/ldApi';
 interface ApiProviderContextValue {
     apiReady: boolean;
-    getFlag: (flagKey: string) => Promise<ApiFlag>;
     getProjects: () => Promise<ProjectsResponse>;
     getFlags: (projectKey: string, params?: FlagsPaginationParams) => Promise<FlagsResponse>;
 }

package/dist/core/ui/Toolbar/context/api/FlagsProvider.d.ts

@@ -4,6 +4,7 @@ interface FlagsContextType {
     loading: boolean;
     getProjectFlags: (projectKey: string) => Promise<FlagsResponse>;
     resetFlags: () => void;
+    refreshFlags: () => Promise<void>;
 }
 export declare const FlagsProvider: ({ children }: {
     children: React.ReactNode;

package/dist/core/ui/Toolbar/context/telemetry/InternalClientProvider.d.ts

@@ -20,6 +20,10 @@ export interface InternalClientContextValue {
      * Error during initialization, if any.
      */
     error: Error | null;
+    /**
+     * Update the client context with new member/account information.
+     */
+    updateContext: (accountId: string, memberId: string) => Promise<void>;
 }
 export interface InternalClientProviderProps {
     children: ReactNode;
@@ -52,6 +56,11 @@ export interface InternalClientProviderProps {
      * Set this if using a custom LaunchDarkly instance.
      */
     eventsUrl?: string;
+    /**
+     * Backend URL for Observability and Session Replay.
+     * Defaults to standard LaunchDarkly observability backend.
+     */
+    backendUrl?: string;
 }
 /**
  * InternalClientProvider manages the toolbar's internal LaunchDarkly client.
@@ -63,7 +72,7 @@ export interface InternalClientProviderProps {
  *
  * The external client (user's app client) is accessed separately via plugins.
  */
-export declare function InternalClientProvider({ children, clientSideId, initialContext, baseUrl, streamUrl, eventsUrl, }: InternalClientProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function InternalClientProvider({ children, clientSideId, initialContext, baseUrl, streamUrl, eventsUrl, backendUrl, }: InternalClientProviderProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Hook to access the internal LaunchDarkly client.
  */

package/dist/core/ui/Toolbar/context/telemetry/TelemetryBundleProvider.d.ts

@@ -5,6 +5,7 @@ interface TelemetryBundleProviderProps {
     clientSideId?: string;
     streamUrl?: string;
     eventsUrl?: string;
+    backendUrl?: string;
     children: React.ReactNode;
 }
 export declare function TelemetryBundleProvider(props: TelemetryBundleProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/flags/toolbarFlags.d.ts

@@ -7,7 +7,9 @@
  * To add a toolbar feature flag, export it here like:
  * export const myFeature = createToolbarFlagFunction('my-feature-key', defaultValue);
  */
-export declare const useNewToolbarDesign: () => boolean;
-export declare const enableInteractiveIcon: () => boolean;
+export declare const ENABLE_SESSION_REPLAY_FLAG_KEY = "toolbar-enable-session-replay";
 export declare const enableAiIcon: () => boolean;
+export declare const enableInteractiveIcon: () => boolean;
 export declare const enableOptimizeIcon: () => boolean;
+export declare const enableSessionReplay: () => boolean;
+export declare const useNewToolbarDesign: () => boolean;

package/dist/index.cjs

@@ -552,7 +552,7 @@ async function lazyLoad(signal, url) {
         throw new Error(`Could not load LaunchDarkly developer toolbar bundle from ${url}`);
     }
 }
-var package_namespaceObject = JSON.parse('{"rE":"2.2.0-beta.1"}');
+var package_namespaceObject = JSON.parse('{"rE":"2.4.0-beta.1"}');
 function useLaunchDarklyToolbar(args) {
     const { toolbarBundleUrl, enabled, ...initConfig } = args;
     const configRef = (0, external_react_namespaceObject.useRef)(null);
@@ -591,7 +591,7 @@ exports.TOOLBAR_POSITIONS = __webpack_exports__.TOOLBAR_POSITIONS;
 exports.isValidEventCategory = __webpack_exports__.isValidEventCategory;
 exports.isValidEventKind = __webpack_exports__.isValidEventKind;
 exports.useLaunchDarklyToolbar = __webpack_exports__.useLaunchDarklyToolbar;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "ANALYTICS_EVENT_PREFIX",
     "EventInterceptionPlugin",
     "FlagOverridePlugin",
@@ -599,7 +599,7 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "isValidEventCategory",
     "isValidEventKind",
     "useLaunchDarklyToolbar"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/js/index.js

@@ -518,7 +518,7 @@ async function lazyLoad(signal, url) {
         throw new Error(`Could not load LaunchDarkly developer toolbar bundle from ${url}`);
     }
 }
-var package_namespaceObject = JSON.parse('{"rE":"2.2.0-beta.1"}');
+var package_namespaceObject = JSON.parse('{"rE":"2.4.0-beta.1"}');
 function useLaunchDarklyToolbar(args) {
     const { toolbarBundleUrl, enabled, ...initConfig } = args;
     const configRef = useRef(null);

package/package.json

@@ -1,7 +1,7 @@
 {
   "private": false,
   "name": "@launchdarkly/toolbar",
-  "version": "2.2.0-beta.1",
+  "version": "2.4.0-beta.1",
   "description": "A framework-agnostic developer toolbar for interacting with LaunchDarkly during development",
   "keywords": [
     "launchdarkly",
@@ -54,43 +54,45 @@
     "@codemirror/lint": "^6.9.2",
     "@codemirror/state": "^6.5.2",
     "@codemirror/view": "^6.38.8",
+    "@launchdarkly/observability": "^0.4.9",
+    "@launchdarkly/session-replay": "^0.4.9",
     "@launchpad-ui/components": "^0.17.7",
     "@launchpad-ui/tokens": "^0.15.1",
     "@lezer/highlight": "^1.2.3",
     "@react-aria/focus": "^3.21.2",
     "@react-stately/flags": "^3.1.2",
-    "@rsbuild/core": "^1.6.9",
+    "@rsbuild/core": "^1.6.14",
     "@rsbuild/plugin-react": "^1.4.2",
-    "@rslib/core": "^0.18.0",
-    "@storybook/addon-docs": "^10.0.8",
+    "@rslib/core": "^0.18.4",
+    "@storybook/addon-docs": "^10.1.5",
     "@storybook/addon-essentials": "^9.0.0-alpha.12",
     "@storybook/addon-interactions": "^9.0.0-alpha.10",
-    "@storybook/addon-links": "^10.0.8",
-    "@storybook/addon-onboarding": "^10.0.8",
+    "@storybook/addon-links": "^10.1.7",
+    "@storybook/addon-onboarding": "^10.1.7",
     "@storybook/blocks": "^9.0.0-alpha.17",
     "@storybook/react": "^10.0.8",
-    "@storybook/react-vite": "^10.0.8",
+    "@storybook/react-vite": "^10.1.7",
     "@storybook/test": "^9.0.0-alpha.2",
-    "@tanstack/react-virtual": "^3.13.12",
+    "@tanstack/react-virtual": "^3.13.13",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.0",
-    "@types/node": "^24.10.1",
-    "@types/react": "19.2.6",
+    "@types/node": "^25.0.1",
+    "@types/react": "19.2.7",
     "@types/react-dom": "19.2.3",
-    "@vanilla-extract/css": "^1.17.4",
-    "@vanilla-extract/vite-plugin": "^5.1.1",
+    "@vanilla-extract/css": "^1.17.5",
+    "@vanilla-extract/vite-plugin": "^5.1.3",
     "@vanilla-extract/webpack-plugin": "^2.3.24",
     "@vitest/coverage-v8": "4.0.15",
     "css-loader": "^7.1.2",
     "jsdom": "^27.2.0",
     "launchdarkly-js-client-sdk": "^3.9.0",
-    "motion": "^12.23.25",
-    "oxlint": "^1.30.0",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
+    "motion": "^12.23.26",
+    "oxlint": "^1.32.0",
+    "react": "^19.2.1",
+    "react-dom": "^19.2.1",
     "storybook": "^10.1.4",
-    "storybook-addon-rslib": "^2.1.6",
-    "storybook-react-rsbuild": "^2.1.6",
+    "storybook-addon-rslib": "^3.1.0",
+    "storybook-react-rsbuild": "^3.1.0",
     "typescript": "^5.9.3",
     "vitest": "^4.0.15"
   },