@launchdarkly/toolbar 2.0.0-beta.1 → 2.3.0-beta.1

package/dist/core/services/DevServerClient.d.ts

@@ -1,15 +1,11 @@
+import { ApiVariation } from '../ui/Toolbar/types/ldApi';
 export interface DevServerProjectResponse {
     _lastSyncedFromSource: number;
-    availableVariations: Record<string, Variation[]>;
+    availableVariations: Record<string, ApiVariation[]>;
     flagsState: Record<string, FlagState>;
     overrides: Record<string, Override>;
     sourceEnvironmentKey: string;
 }
-export interface Variation {
-    _id: string;
-    name: string;
-    value: any;
-}
 export interface FlagState {
     value: any;
     version: number;

package/dist/core/types/devServer.d.ts

@@ -1,12 +1,11 @@
-import { Variation } from '../services/DevServerClient';
-export type { Variation } from '../services/DevServerClient';
+import { ApiVariation } from '../ui/Toolbar/types/ldApi';
 export interface EnhancedFlag {
     key: string;
     name: string;
     currentValue: any;
     isOverridden: boolean;
     originalValue: any;
-    availableVariations: Variation[];
+    availableVariations: ApiVariation[];
     type: 'boolean' | 'multivariate' | 'string' | 'number' | 'object';
     sourceEnvironment: string;
     enabled: boolean;

package/dist/core/ui/{Toolbar/components → Buttons}/StarButton.css.d.ts

@@ -1,2 +1,3 @@
 export declare const starButton: string;
+export declare const starButtonStarred: string;
 export declare const starIcon: string;

package/dist/core/ui/Toolbar/LaunchDarklyToolbar.d.ts

@@ -5,7 +5,6 @@ export interface LdToolbarProps {
     baseUrl: string;
     flagOverridePlugin?: IFlagOverridePlugin;
     eventInterceptionPlugin?: IEventInterceptionPlugin;
-    domId: string;
 }
 export declare function LdToolbar(props: LdToolbarProps): import("react/jsx-runtime").JSX.Element;
 export interface LaunchDarklyToolbarProps {

package/dist/core/ui/Toolbar/components/FlagKeyWithCopy.css.d.ts

@@ -0,0 +1,4 @@
+export declare const wrapper: string;
+export declare const container: string;
+export declare const flagKeyText: string;
+export declare const tooltip: string;

package/dist/core/ui/Toolbar/components/FlagKeyWithCopy.d.ts

@@ -0,0 +1,6 @@
+interface FlagKeyWithCopyProps {
+    flagKey: string;
+    className?: string;
+}
+export declare function FlagKeyWithCopy({ flagKey, className }: FlagKeyWithCopyProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/core/ui/Toolbar/components/icons/ChartHistogram.d.ts

@@ -0,0 +1,5 @@
+interface IconProps {
+    className?: string;
+}
+export declare function ChartHistogram({ className }: IconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/core/ui/Toolbar/components/icons/ChipAiIcon.d.ts

@@ -0,0 +1,5 @@
+interface IconProps {
+    className?: string;
+}
+export declare function ChipAiIcon({ className }: IconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/core/ui/Toolbar/components/icons/ClickIcon.d.ts

@@ -0,0 +1,5 @@
+interface IconProps {
+    className?: string;
+}
+export declare function ClickIcon({ className }: IconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/core/ui/Toolbar/components/icons/CursorIcon.d.ts

@@ -0,0 +1,7 @@
+interface CursorIconProps {
+    className?: string;
+    width?: number | string;
+    height?: number | string;
+}
+export declare function CursorIcon({ className, width, height }?: CursorIconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/core/ui/Toolbar/components/icons/ExternalLinkIcon.d.ts

@@ -0,0 +1,6 @@
+interface IconProps {
+    className?: string;
+    size?: 'default' | 'small';
+}
+export declare function ExternalLinkIcon({ className, size }: IconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/core/ui/Toolbar/components/icons/FilterTuneIcon.d.ts

@@ -0,0 +1,5 @@
+interface IconProps {
+    className?: string;
+}
+export declare function FilterTuneIcon({ className }: IconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/core/ui/Toolbar/components/icons/FlaskIcon.d.ts

@@ -0,0 +1,5 @@
+interface IconProps {
+    className?: string;
+}
+export declare function FlaskIcon({ className }: IconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/core/ui/Toolbar/components/icons/Icon.css.d.ts

@@ -1 +1,2 @@
 export declare const icon: string;
+export declare const iconSmall: string;

package/dist/core/ui/Toolbar/components/icons/InfoIcon.d.ts

@@ -0,0 +1,5 @@
+interface IconProps {
+    className?: string;
+}
+export declare function InfoIcon({ className }: IconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/core/ui/Toolbar/components/icons/index.d.ts

@@ -15,3 +15,11 @@ export { StarOutlineIcon } from './StarOutlineIcon';
 export { PersonPassword } from './PersonPassword';
 export { ThumbUpIcon } from './ThumbUpIcon';
 export { ThumbDownIcon } from './ThumbDownIcon';
+export { FilterTuneIcon } from './FilterTuneIcon';
+export { ClickIcon } from './ClickIcon';
+export { ChartHistogram } from './ChartHistogram';
+export { ChipAiIcon } from './ChipAiIcon';
+export { FlaskIcon } from './FlaskIcon';
+export { ExternalLinkIcon } from './ExternalLinkIcon';
+export { CursorIcon } from './CursorIcon';
+export { InfoIcon } from './InfoIcon';

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

@@ -1,12 +1,10 @@
-export { ActionButtonsContainer } from './ActionButtonsContainer';
-export { LoginScreen } from './LoginScreen';
+export { ActionButtonsContainer } from './legacy/ActionButtonsContainer';
 export { CircleLogo } from './CircleLogo';
 export { ConnectionStatus } from './ConnectionStatus';
 export { DoNotTrackWarning } from './DoNotTrackWarning';
-export { ExpandedToolbarContent } from './ExpandedToolbarContent';
 export { LaunchDarklyIcon } from './icons/LaunchDarklyIcon';
 export { StatusDot } from './StatusDot';
-export { TabContentRenderer } from './TabContentRenderer';
+export { TabContentRenderer } from './legacy/TabContentRenderer';
 export { ErrorMessage } from './ErrorMessage';
 export { type FlagFilterMode, FlagFilterOptionsContext, useFlagFilterOptions, } from './FilterOptions/useFlagFilterOptions';
 export { FilterOptions } from './FilterOptions/FilterOptions';

package/dist/core/ui/Toolbar/components/{ExpandedToolbarContent.d.ts → legacy/ExpandedToolbarContentLegacy.d.ts}

@@ -1,6 +1,6 @@
 import React, { Dispatch, SetStateAction } from 'react';
-import { ActiveTabId, ToolbarMode } from '../types';
-import { IEventInterceptionPlugin, IFlagOverridePlugin } from '../../../../types';
+import { ActiveTabId, ToolbarMode } from '../../types';
+import { IEventInterceptionPlugin, IFlagOverridePlugin } from '../../../../../types';
 interface ExpandedToolbarContentProps {
     activeTab: ActiveTabId;
     slideDirection: number;
@@ -21,5 +21,5 @@ interface ExpandedToolbarContentProps {
     reloadOnFlagChangeIsEnabled: boolean;
     onToggleReloadOnFlagChange: () => void;
 }
-export declare const ExpandedToolbarContent: React.ForwardRefExoticComponent<ExpandedToolbarContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ExpandedToolbarContentLegacy: React.ForwardRefExoticComponent<ExpandedToolbarContentProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/core/ui/Toolbar/components/{FlagControls.d.ts → legacy/FlagControls.d.ts}

@@ -1,4 +1,4 @@
-import { EnhancedFlag } from '../../../types/devServer';
+import { EnhancedFlag } from '../../../../types/devServer';
 interface BooleanFlagControlProps {
     flag: EnhancedFlag;
     onOverride: (value: boolean) => void;

package/dist/core/ui/Toolbar/{Header → components/legacy/Header}/Header.d.ts

@@ -1,5 +1,5 @@
 import { Dispatch, SetStateAction } from 'react';
-import { ToolbarMode } from '../types/toolbar';
+import { ToolbarMode } from '../../../types';
 export interface HeaderProps {
     searchTerm: string;
     onSearch: (searchTerm: string) => void;

package/dist/core/ui/Toolbar/components/{LocalFlagControls.d.ts → legacy/LocalFlagControls.d.ts}

@@ -1,5 +1,5 @@
-import type { LocalFlag } from '../context';
-import { EnhancedFlag } from '../../../types/devServer';
+import { LocalFlag } from '../../context';
+import { EnhancedFlag } from '../../../../types/devServer';
 interface LocalBooleanFlagControlProps {
     flag: LocalFlag;
     onOverride: (value: boolean) => void;

package/dist/core/ui/Toolbar/components/{LocalObjectFlagControlListItem.d.ts → legacy/LocalObjectFlagControlListItem.d.ts}

@@ -1,5 +1,5 @@
-import { LocalFlag } from '../context';
-import { EnhancedFlag } from '../../../types/devServer';
+import { EnhancedFlag } from '../../../../types/devServer';
+import { LocalFlag } from '../../context';
 interface LocalObjectFlagControlListItemProps {
     handleClearOverride: (key: string) => void;
     handleOverride: (flagKey: string, value: any) => void;

package/dist/core/ui/Toolbar/{TabContent → components/legacy/TabContent}/EventsTabContent.d.ts

@@ -1,4 +1,4 @@
-import { IEventInterceptionPlugin } from '../../../../types';
+import { IEventInterceptionPlugin } from '../../../../../../types';
 interface EventsTabContentProps {
     baseUrl: string;
     eventInterceptionPlugin?: IEventInterceptionPlugin;

package/dist/core/ui/Toolbar/{TabContent → components/legacy/TabContent}/FlagSdkOverrideTabContent.d.ts

@@ -1,4 +1,4 @@
-import { IFlagOverridePlugin } from '../../../../types';
+import { IFlagOverridePlugin } from '../../../../../../types';
 interface FlagSdkOverrideTabContentProps {
     flagOverridePlugin?: IFlagOverridePlugin;
     reloadOnFlagChangeIsEnabled: boolean;

package/dist/core/ui/Toolbar/{TabContent → components/legacy/TabContent}/SettingsTabContent.d.ts

@@ -1,4 +1,4 @@
-import { type ToolbarMode } from '../types/toolbar';
+import { ToolbarMode } from '../../../types';
 interface SettingsTabContentProps {
     mode: ToolbarMode;
     reloadOnFlagChangeIsEnabled: boolean;

package/dist/core/ui/Toolbar/components/{TabContentRenderer.d.ts → legacy/TabContentRenderer.d.ts}

@@ -1,5 +1,5 @@
-import { TabId, ToolbarMode } from '../types';
-import { IEventInterceptionPlugin, IFlagOverridePlugin } from '../../../../types';
+import { TabId, ToolbarMode } from '../../types';
+import { IEventInterceptionPlugin, IFlagOverridePlugin } from '../../../../../types';
 interface TabContentRendererProps {
     activeTab: TabId;
     baseUrl: string;

package/dist/core/ui/Toolbar/components/legacy/index.d.ts

@@ -0,0 +1 @@
+export * from './ExpandedToolbarContentLegacy';

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

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

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

@@ -0,0 +1,4 @@
+export declare const container: string;
+export declare const actionButton: string;
+export declare const clearButton: string;
+export declare const icon: string;

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

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TabId } from '../../types/toolbar';
+interface ExpandedToolbarContentProps {
+    onClose?: () => void;
+    onHeaderMouseDown?: (event: React.MouseEvent) => void;
+    defaultActiveTab: TabId;
+}
+export declare const ExpandedToolbarContent: React.ForwardRefExoticComponent<ExpandedToolbarContentProps & 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 function BooleanFlagControl(props: BooleanFlagControlProps): import("react/jsx-runtime").JSX.Element;
+interface MultivariateFlagControlProps {
+    flag: NormalizedFlag;
+    onOverride: (value: any) => void;
+    disabled?: boolean;
+}
+export declare function MultivariateFlagControl(props: MultivariateFlagControlProps): import("react/jsx-runtime").JSX.Element;
+interface StringNumberFlagControlProps {
+    flag: NormalizedFlag;
+    onOverride: (value: string | number) => void;
+    disabled?: boolean;
+}
+export declare function StringNumberFlagControl(props: StringNumberFlagControlProps): import("react/jsx-runtime").JSX.Element;
+interface ObjectFlagControlButtonsProps {
+    isEditing: boolean;
+    onEditStart: () => void;
+    onConfirm: () => void;
+    onCancel: () => void;
+    hasErrors: boolean;
+}
+export declare function ObjectFlagControlButtons(props: ObjectFlagControlButtonsProps): import("react/jsx-runtime").JSX.Element;
+interface ObjectFlagEditorProps {
+    flag: NormalizedFlag;
+    isEditing: boolean;
+    tempValue: string;
+    onValueChange: (value: string) => void;
+    onLintErrors: (hasErrors: boolean) => void;
+    handleHeightChange: (height: number) => void;
+}
+export declare function ObjectFlagEditor(props: ObjectFlagEditorProps): import("react/jsx-runtime").JSX.Element;
+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,11 @@
+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 function FlagItem({ flag, onOverride, onClearOverride, handleHeightChange, disabled, index, }: FlagItemProps): import("react/jsx-runtime").JSX.Element;
+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 function FlagListContent(): import("react/jsx-runtime").JSX.Element;

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,16 @@
+export declare const overlay: 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';