@launchdarkly/toolbar 2.0.0-beta.1 → 2.1.0

package/dist/core/ui/Toolbar/components/new/Contexts/AddContextForm.module.css.d.ts

@@ -0,0 +1,14 @@
+export declare const container: string;
+export declare const header: string;
+export declare const title: string;
+export declare const closeButton: string;
+export declare const form: string;
+export declare const field: string;
+export declare const label: string;
+export declare const required: string;
+export declare const input: string;
+export declare const jsonEditorContainer: string;
+export declare const errorText: string;
+export declare const actions: string;
+export declare const cancelButton: string;
+export declare const submitButton: string;

package/dist/core/ui/Toolbar/components/new/Contexts/ContextItem.d.ts

@@ -0,0 +1,9 @@
+import type { LDContext } from 'launchdarkly-js-client-sdk';
+interface ContextItemProps {
+    context: LDContext;
+    isActiveContext: boolean;
+    handleHeightChange?: (index: number, height: number) => void;
+    index?: number;
+}
+export declare const ContextItem: import("react").NamedExoticComponent<ContextItemProps>;
+export {};

package/dist/core/ui/Toolbar/components/new/Contexts/ContextItem.module.css.d.ts

@@ -0,0 +1,19 @@
+export declare const container: string;
+export declare const header: string;
+export declare const containerActive: string;
+export declare const containerClickable: string;
+export declare const info: string;
+export declare const nameRow: string;
+export declare const name: string;
+export declare const keyRow: string;
+export declare const key: string;
+export declare const kindBadge: string;
+export declare const anonymousBadge: string;
+export declare const activeDot: string;
+export declare const actions: string;
+export declare const deleteButton: string;
+export declare const iconButton: string;
+export declare const expandButton: string;
+export declare const chevron: string;
+export declare const chevronExpanded: string;
+export declare const editActions: string;

package/dist/core/ui/Toolbar/components/new/Contexts/ContextList.d.ts

@@ -0,0 +1 @@
+export declare const ContextList: import("react").NamedExoticComponent<object>;

package/dist/core/ui/Toolbar/components/new/Contexts/ContextList.module.css.d.ts

@@ -0,0 +1,8 @@
+export declare const container: string;
+export declare const statsHeader: string;
+export declare const statsText: string;
+export declare const addButton: string;
+export declare const scrollContainer: string;
+export declare const virtualInner: string;
+export declare const loadingMore: string;
+export declare const loadingMoreText: string;

package/dist/core/ui/Toolbar/components/new/Contexts/ContextListContent.d.ts

@@ -0,0 +1 @@
+export declare const ContextListContent: import("react").NamedExoticComponent<object>;

package/dist/core/ui/Toolbar/components/new/Contexts/index.d.ts

@@ -0,0 +1,4 @@
+export { ContextListContent } from './ContextListContent';
+export { ContextList } from './ContextList';
+export { ContextItem } from './ContextItem';
+export { AddContextForm } from './AddContextForm';

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

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

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

@@ -0,0 +1,2 @@
+export declare const container: string;
+export declare const content: string;

package/dist/core/ui/Toolbar/components/new/FeatureFlags/FlagControls.d.ts

@@ -0,0 +1,37 @@
+import { NormalizedFlag } from './types';
+interface BooleanFlagControlProps {
+    flag: NormalizedFlag;
+    onOverride: (value: boolean) => void;
+    disabled?: boolean;
+}
+export declare const BooleanFlagControl: import("react").NamedExoticComponent<BooleanFlagControlProps>;
+interface MultivariateFlagControlProps {
+    flag: NormalizedFlag;
+    onOverride: (value: any) => void;
+    disabled?: boolean;
+}
+export declare const MultivariateFlagControl: import("react").NamedExoticComponent<MultivariateFlagControlProps>;
+interface StringNumberFlagControlProps {
+    flag: NormalizedFlag;
+    onOverride: (value: string | number) => void;
+    disabled?: boolean;
+}
+export declare const StringNumberFlagControl: import("react").NamedExoticComponent<StringNumberFlagControlProps>;
+interface ObjectFlagControlButtonsProps {
+    isEditing: boolean;
+    onEditStart: () => void;
+    onConfirm: () => void;
+    onCancel: () => void;
+    hasErrors: boolean;
+}
+export declare const ObjectFlagControlButtons: import("react").NamedExoticComponent<ObjectFlagControlButtonsProps>;
+interface ObjectFlagEditorProps {
+    flag: NormalizedFlag;
+    isEditing: boolean;
+    tempValue: string;
+    onValueChange: (value: string) => void;
+    onLintErrors: (hasErrors: boolean) => void;
+    handleHeightChange: (height: number) => void;
+}
+export declare const ObjectFlagEditor: import("react").NamedExoticComponent<ObjectFlagEditorProps>;
+export {};

package/dist/core/ui/Toolbar/components/new/FeatureFlags/FlagControls.module.css.d.ts

@@ -0,0 +1,9 @@
+export declare const switchContainer: string;
+export declare const switchControl: string;
+export declare const select: string;
+export declare const customVariantContainer: string;
+export declare const currentValueGroup: string;
+export declare const currentValueText: string;
+export declare const customVariantField: string;
+export declare const customVariantFieldGroup: string;
+export declare const jsonEditorActions: string;

package/dist/core/ui/Toolbar/components/new/FeatureFlags/FlagItem.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { NormalizedFlag } from './types';
+interface FlagItemProps {
+    flag: NormalizedFlag;
+    onOverride: (value: any) => void;
+    onClearOverride?: () => void;
+    handleHeightChange: (index: number, height: number) => void;
+    disabled?: boolean;
+    index: number;
+}
+export declare const FlagItem: React.NamedExoticComponent<FlagItemProps>;
+export {};

package/dist/core/ui/Toolbar/components/new/FeatureFlags/FlagItem.module.css.d.ts

@@ -0,0 +1,18 @@
+export declare const container: string;
+export declare const containerOverridden: string;
+export declare const containerBlock: string;
+export declare const containerBlockOverridden: string;
+export declare const header: string;
+export declare const flagInfo: string;
+export declare const info: string;
+export declare const nameRow: string;
+export declare const name: string;
+export declare const nameLink: string;
+export declare const nameLinkText: string;
+export declare const externalLinkIcon: string;
+export declare const overrideDot: string;
+export declare const overrideDotInner: string;
+export declare const control: string;
+export declare const readOnlyValue: string;
+export declare const objectLabel: string;
+export declare const objectValue: string;

package/dist/core/ui/Toolbar/components/new/FeatureFlags/FlagList.d.ts

@@ -0,0 +1 @@
+export declare const FlagList: () => import("react/jsx-runtime").JSX.Element;

package/dist/core/ui/Toolbar/components/new/FeatureFlags/FlagList.module.css.d.ts

@@ -0,0 +1,5 @@
+export declare const container: string;
+export declare const statsHeader: string;
+export declare const statsText: string;
+export declare const scrollContainer: string;
+export declare const virtualInner: string;

package/dist/core/ui/Toolbar/components/new/FeatureFlags/FlagListContent.d.ts

@@ -0,0 +1 @@
+export declare const FlagListContent: import("react").NamedExoticComponent<object>;

package/dist/core/ui/Toolbar/components/new/FeatureFlags/types.d.ts

@@ -0,0 +1,9 @@
+import { ApiVariation } from '../../../types/ldApi';
+export interface NormalizedFlag {
+    key: string;
+    name: string;
+    isOverridden: boolean;
+    type: 'boolean' | 'multivariate' | 'string' | 'number' | 'object';
+    currentValue: any;
+    availableVariations: ApiVariation[];
+}

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

@@ -0,0 +1,11 @@
+import { SubTab } from '../types';
+interface FilterOverlayContentProps {
+    subtab: SubTab;
+    onClose: () => void;
+}
+declare const FilterOverlayContent: import("react").NamedExoticComponent<FilterOverlayContentProps>;
+export interface FilterButtonProps {
+    className?: string;
+}
+export declare function FilterButton({ className }: FilterButtonProps): import("react/jsx-runtime").JSX.Element | null;
+export { FilterOverlayContent };

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

@@ -0,0 +1,17 @@
+export declare const overlay: string;
+export declare const overlayFlags: string;
+export declare const header: string;
+export declare const title: string;
+export declare const resetButton: string;
+export declare const content: string;
+export declare const filterOption: string;
+export declare const filterOptionActive: string;
+export declare const checkbox: string;
+export declare const checkboxChecked: string;
+export declare const checkmark: string;
+export declare const filterLabel: string;
+export declare const filterName: string;
+export declare const filterDescription: string;
+export declare const backdrop: string;
+export declare const container: string;
+export declare const filterCount: string;

package/dist/core/ui/Toolbar/components/new/FilterOverlay/index.d.ts

@@ -0,0 +1 @@
+export { FilterButton, FilterOverlayContent } from './FilterOverlay';

package/dist/core/ui/Toolbar/components/new/Header/ToolbarHeader.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface ToolbarHeaderProps {
+    onClose?: () => void;
+    onHeaderMouseDown?: (event: React.MouseEvent) => void;
+}
+export declare function ToolbarHeader({ onClose, onHeaderMouseDown }: ToolbarHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/core/ui/Toolbar/components/new/Header/ToolbarHeader.module.css.d.ts

@@ -0,0 +1,6 @@
+export declare const header: string;
+export declare const leftSection: string;
+export declare const logo: string;
+export declare const title: string;
+export declare const rightSection: string;
+export declare const iconButton: string;

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

@@ -0,0 +1,6 @@
+import { TabId } from '../../../types/toolbar';
+interface IconBarProps {
+    defaultActiveTab: TabId;
+}
+export declare function IconBar({ defaultActiveTab }: IconBarProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+export declare const container: string;
+export declare const iconButton: string;
+export declare const active: string;
+export declare const disabled: string;
+export declare const icon: string;
+export declare const selectMode: string;

package/dist/core/ui/Toolbar/components/new/Interactive/InteractiveContent.d.ts

@@ -0,0 +1 @@
+export declare function InteractiveContent(): import("react/jsx-runtime").JSX.Element;

package/dist/core/ui/Toolbar/components/new/Interactive/InteractiveContent.module.css.d.ts

@@ -0,0 +1,4 @@
+export declare const container: string;
+export declare const emptyState: string;
+export declare const message: string;
+export declare const inlineIcon: string;

package/dist/core/ui/Toolbar/components/new/Interactive/InteractiveWrapper.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface InteractiveWrapperProps {
+    children: React.ReactNode;
+}
+/**
+ * Wrapper component that provides element selection context
+ * and connects it to the toolbar state
+ */
+export declare function InteractiveWrapper({ children }: InteractiveWrapperProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/core/ui/Toolbar/components/new/Interactive/MCPSetupAlert.d.ts

@@ -0,0 +1,10 @@
+export interface MCPSetupAlertProps {
+    /** Called when the alert is dismissed */
+    onDismiss?: () => void;
+}
+/**
+ * A compact alert prompting users to set up the LaunchDarkly MCP server.
+ * Shows only if user hasn't dismissed it via "Done!" button.
+ * Provides links to documentation and a one-click install button for Cursor users.
+ */
+export declare function MCPSetupAlert({ onDismiss }: MCPSetupAlertProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/core/ui/Toolbar/components/new/Interactive/MCPSetupAlert.module.css.d.ts

@@ -0,0 +1,12 @@
+export declare const alertContainer: string;
+export declare const alertContentWithIcon: string;
+export declare const infoIcon: string;
+export declare const alertContent: string;
+export declare const textContent: string;
+export declare const title: string;
+export declare const description: string;
+export declare const actions: string;
+export declare const actionButton: string;
+export declare const primaryButton: string;
+export declare const doneButton: string;
+export declare const cursorIcon: string;

package/dist/core/ui/Toolbar/components/new/Interactive/SelectedElementInfo.d.ts

@@ -0,0 +1 @@
+export declare function SelectedElementInfo(): import("react/jsx-runtime").JSX.Element | null;

package/dist/core/ui/Toolbar/components/new/Interactive/SelectedElementInfo.module.css.d.ts

@@ -0,0 +1,21 @@
+export declare const container: string;
+export declare const elementDetails: string;
+export declare const detailsHeader: string;
+export declare const primaryIdentifier: string;
+export declare const chevron: string;
+export declare const chevronExpanded: string;
+export declare const detailsContent: string;
+export declare const detailRow: string;
+export declare const label: string;
+export declare const value: string;
+export declare const classesList: string;
+export declare const classTag: string;
+export declare const attributesList: string;
+export declare const attributeRow: string;
+export declare const attributeName: string;
+export declare const attributeValue: string;
+export declare const textPreview: string;
+export declare const dimensionsRow: string;
+export declare const dimValue: string;
+export declare const workflowsContainer: string;
+export declare const title: string;

package/dist/core/ui/Toolbar/components/new/Interactive/SelectionModeBar.d.ts

@@ -0,0 +1 @@
+export declare function SelectionModeBar(): import("react").ReactPortal | null;

package/dist/core/ui/Toolbar/components/new/Interactive/SelectionOverlay.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function SelectionOverlay(): React.ReactPortal | null;

package/dist/core/ui/Toolbar/components/new/Interactive/WorkflowCard.d.ts

@@ -0,0 +1,13 @@
+import { type WorkflowType } from './workflowConfigs';
+/**
+ * Props for the WorkflowCard component.
+ * A workflow card allows users to generate AI prompts for common development tasks
+ * like wrapping elements in feature flags or adding click tracking.
+ */
+export interface WorkflowCardProps {
+    /** The type of workflow this card represents */
+    workflow: WorkflowType;
+    /** Whether the workflow card is disabled (shows "Coming Soon" badge) */
+    disabled?: boolean;
+}
+export declare function WorkflowCard({ workflow, disabled }: WorkflowCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/core/ui/Toolbar/components/new/Interactive/WorkflowCard.module.css.d.ts

@@ -0,0 +1,27 @@
+export declare const card: string;
+export declare const cardHeader: string;
+export declare const iconContainer: string;
+export declare const cardContent: string;
+export declare const title: string;
+export declare const description: string;
+export declare const comingSoonBadge: string;
+export declare const inputGroup: string;
+export declare const inputLabel: string;
+export declare const input: string;
+export declare const actions: string;
+export declare const actionsDisabled: string;
+export declare const actionButton: string;
+export declare const actionIcon: string;
+export declare const ideIconWrapper: string;
+export declare const ideIconSvg: string;
+export declare const splitButtonContainer: string;
+export declare const splitButtonGroup: string;
+export declare const splitButtonMain: string;
+export declare const splitButtonDropdown: string;
+export declare const splitButtonDropdownOpen: string;
+export declare const splitButtonDropdownSuccess: string;
+export declare const dropdownMenu: string;
+export declare const dropdownItem: string;
+export declare const dropdownItemSelected: string;
+export declare const dropdownSeparator: string;
+export declare const preferredBadge: string;

package/dist/core/ui/Toolbar/components/new/Interactive/WorkflowSection.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface WorkflowSectionProps {
+    title: string;
+    children: React.ReactNode;
+}
+export declare function WorkflowSection({ title, children }: WorkflowSectionProps): import("react/jsx-runtime").JSX.Element;

package/dist/core/ui/Toolbar/components/new/Interactive/WorkflowSection.module.css.d.ts

@@ -0,0 +1,5 @@
+export declare const section: string;
+export declare const header: string;
+export declare const icon: string;
+export declare const title: string;
+export declare const cards: string;

package/dist/core/ui/Toolbar/components/new/Interactive/index.d.ts

@@ -0,0 +1,9 @@
+export { InteractiveContent } from './InteractiveContent';
+export { SelectionOverlay } from './SelectionOverlay';
+export { SelectionModeBar } from './SelectionModeBar';
+export { SelectedElementInfo } from './SelectedElementInfo';
+export { InteractiveWrapper } from './InteractiveWrapper';
+export { WorkflowCard } from './WorkflowCard';
+export { WorkflowSection } from './WorkflowSection';
+export { MCPSetupAlert } from './MCPSetupAlert';
+export { type WorkflowType } from './workflowConfigs';

package/dist/core/ui/Toolbar/components/new/Interactive/utils/elementUtils.d.ts

@@ -0,0 +1,56 @@
+export interface ElementAttribute {
+    name: string;
+    value: string;
+}
+export interface ElementInfo {
+    tagName: string;
+    id: string | null;
+    classes: string[];
+    textContent: string | null;
+    selector: string;
+    primaryIdentifier: string;
+    dataAttributes: ElementAttribute[];
+    htmlAttributes: ElementAttribute[];
+    dimensions: {
+        width: number;
+        height: number;
+    };
+}
+/**
+ * Checks if an element is part of the LaunchDarkly toolbar or selection UI.
+ * This is used to prevent selecting toolbar elements during element selection mode.
+ *
+ * @param element - The DOM element to check, or null
+ * @returns true if the element is part of the toolbar or selection UI, false otherwise
+ */
+export declare function isToolbarElement(element: Element | null): boolean;
+/**
+ * Generates a CSS selector path for an element.
+ * Creates a readable selector path up to 4 levels deep, prioritizing IDs for uniqueness.
+ *
+ * @param element - The DOM element to generate a selector for
+ * @returns A CSS selector string (e.g., "div#container > button.submit-btn:nth-of-type(2)")
+ */
+export declare function getElementSelector(element: Element): string;
+/**
+ * Gets a short display path for the element (for the hover tag).
+ * Returns a simplified identifier showing tag name, ID, or first few classes.
+ *
+ * @param element - The DOM element to get the display path for
+ * @returns A short identifier string (e.g., "button#submit" or "div.container.header")
+ */
+export declare function getElementDisplayPath(element: Element): string;
+/**
+ * Extracts all relevant information about an element
+ * @param element - The DOM element to extract information from
+ * @returns ElementInfo object containing element details
+ * @throws Error if element is null, undefined, or not an instance of Element
+ */
+export declare function getElementInfo(element: Element): ElementInfo;
+/**
+ * Gets the bounding rect of an element relative to the viewport
+ * @param element - The DOM element to get the bounding rect for
+ * @returns DOMRect object with element position and dimensions
+ * @throws Error if element is null, undefined, or not an instance of Element
+ */
+export declare function getElementRect(element: Element): DOMRect;

package/dist/core/ui/Toolbar/components/new/Interactive/utils/ideLinks.d.ts

@@ -0,0 +1,58 @@
+import { PreferredIde } from '../../../../utils/localStorage';
+export interface IdeConfig {
+    id: PreferredIde;
+    label: string;
+    icon: 'cursor' | 'windsurf' | 'vscode' | 'github-copilot';
+}
+export declare const IDE_CONFIGS: IdeConfig[];
+/**
+ * Minify a prompt for URL encoding by removing unnecessary whitespace
+ * while preserving the actual content and readability.
+ * This can reduce URL length by 40-60%.
+ */
+export declare function minifyPromptForUrl(prompt: string): string;
+/**
+ * Open Cursor IDE with the prompt in composer
+ * Cursor uses cursor://anysphere.cursor-deeplink/prompt?text=<encoded_prompt>
+ * @returns true if the protocol handler was likely successful
+ */
+export declare function openInCursor(prompt: string): boolean;
+/**
+ * Open Windsurf IDE with the prompt
+ * Windsurf uses windsurf://cascade?prompt=<encoded_prompt>
+ * @returns true if the protocol handler was likely successful, false if blocked
+ */
+export declare function openInWindsurf(prompt: string): boolean;
+/**
+ * Open VS Code with the prompt
+ * VS Code doesn't have a direct prompt protocol, so we just open it
+ * and the user will need to paste the prompt
+ * @returns true if the protocol handler was likely successful, false if blocked
+ */
+export declare function openInVSCode(_prompt: string): boolean;
+/**
+ * Open GitHub Copilot with the prompt
+ * GitHub Copilot uses https://github.com/copilot/agents?prompt=<encoded_prompt>
+ * Uses minified prompt, and if still too long, the caller should provide a condensed version.
+ * @param prompt - The prompt to use (should be condensed if full prompt is too long)
+ * @returns true if the link was opened successfully
+ */
+export declare function openInGitHubCopilot(prompt: string): boolean;
+/**
+ * Get the URL length for a prompt (after minification and encoding)
+ * Useful for debugging URL length issues
+ */
+export declare function getGitHubCopilotUrlLength(prompt: string): number;
+/**
+ * Open the specified IDE with the prompt
+ * @returns true if the protocol handler was likely successful, false if blocked
+ */
+export declare function openInIde(prompt: string, ide: PreferredIde): boolean;
+/**
+ * Copy prompt to clipboard and open in the specified IDE
+ * @param prompt - Full prompt to copy to clipboard
+ * @param ide - The IDE to open
+ * @param urlPrompt - Optional condensed prompt for URL-based IDEs (GitHub Copilot). If not provided, uses full prompt.
+ * @returns true if both copy and IDE open were successful, false otherwise
+ */
+export declare function copyAndOpenInIde(prompt: string, ide: PreferredIde, urlPrompt?: string): Promise<boolean>;

package/dist/core/ui/Toolbar/components/new/Interactive/utils/promptBuilder.d.ts

@@ -0,0 +1,26 @@
+import { ElementInfo } from './elementUtils';
+export interface FeatureFlagPromptOptions {
+    elementContext: string;
+    projectKey: string;
+    environmentKey?: string;
+    suggestedFlagKey?: string;
+    intent?: 'hide' | 'show' | 'replace' | 'experiment';
+}
+/**
+ * Builds context string from element info for AI prompts
+ */
+export declare function buildElementContext(elementInfo: ElementInfo): string;
+/**
+ * Builds a condensed prompt for URL-based delivery (under 8KB when encoded).
+ * Includes all essential steps but with less verbose examples.
+ */
+export declare function buildCondensedFeatureFlagPrompt(options: FeatureFlagPromptOptions): string;
+/**
+ * Builds a detailed prompt for an AI agent to wrap an element in a LaunchDarkly feature flag.
+ * This prompt is designed for agents with access to LaunchDarkly MCP tools.
+ */
+export declare function buildFeatureFlagAgentPrompt(options: FeatureFlagPromptOptions): string;
+/**
+ * Builds a prompt for adding click tracking to an element
+ */
+export declare function buildClickTrackingPrompt(elementInfo: ElementInfo, eventName: string): string;

package/dist/core/ui/Toolbar/components/new/Interactive/utils/throttle.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Throttles a function to execute at most once per specified delay.
+ * Ensures the function is called at regular intervals, useful for
+ * performance optimization of frequently triggered events like mousemove.
+ *
+ * @param func - The function to throttle
+ * @param delay - The delay in milliseconds between function calls
+ * @returns A throttled version of the function
+ */
+export declare function throttle<T extends (...args: any[]) => any>(func: T, delay: number): (...args: Parameters<T>) => void;

package/dist/core/ui/Toolbar/components/new/Interactive/workflowConfigs.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import type { ElementInfo } from './utils/elementUtils';
+/**
+ * Available workflow types for the WorkflowCard component.
+ */
+export type WorkflowType = 'featureFlag' | 'clickTracking';
+/**
+ * Configuration for a single workflow type.
+ */
+export interface WorkflowConfig {
+    /** Icon to display in the card header */
+    icon: React.ReactNode;
+    /** Title of the workflow card */
+    title: string;
+    /** Description text explaining what the workflow does */
+    description: string;
+    /** Label for the input field */
+    inputLabel: string;
+    /** Placeholder text for the input field */
+    inputPlaceholder: string;
+    /**
+     * Builds the AI prompt given element info, project key, and user input.
+     */
+    buildPrompt: (elementInfo: ElementInfo, projectKey: string, inputValue: string) => string;
+    /**
+     * Optional function that builds a condensed version of the prompt for URL-based IDEs
+     * (like GitHub Copilot) where URL length is limited.
+     */
+    buildCondensedPrompt?: (elementInfo: ElementInfo, projectKey: string, inputValue: string) => string;
+}
+/**
+ * Registry of all available workflow configurations.
+ * Each workflow knows how to build its own prompts using element context.
+ */
+export declare const WORKFLOW_CONFIGS: Record<WorkflowType, WorkflowConfig>;
+export declare function getWorkflowConfig(type: WorkflowType): WorkflowConfig;

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

@@ -0,0 +1 @@
+export declare function EventsContent(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,25 @@
+export declare const container: string;
+export declare const statsHeader: string;
+export declare const statsText: string;
+export declare const eventInfo: string;
+export declare const eventName: string;
+export declare const eventMeta: string;
+export declare const eventBadge: string;
+export declare const eventBadgeFeature: string;
+export declare const addButtonContainer: string;
+export declare const addButton: string;
+export declare const eventBadgeIdentify: string;
+export declare const eventBadgeCustom: string;
+export declare const eventBadgeDebug: string;
+export declare const eventBadgeSummary: string;
+export declare const eventBadgeDiagnostic: string;
+export declare const eventBadgeDefault: string;
+export declare const virtualContainer: string;
+export declare const virtualInner: string;
+export declare const virtualItem: string;
+export declare const liveTailContainer: string;
+export declare const liveTailIndicator: string;
+export declare const liveTailDot: string;
+export declare const liveTailText: string;
+export declare const liveTailSubtext: string;
+export declare const eventListItem: string;

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

@@ -0,0 +1,8 @@
+import { Dispatch, SetStateAction } from 'react';
+interface SearchSectionProps {
+    searchTerm: string;
+    onSearch: (searchTerm: string) => void;
+    setSearchIsExpanded: Dispatch<SetStateAction<boolean>>;
+}
+export declare function SearchSection(props: SearchSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};