@agentiffai/design 1.5.2 → 1.5.4

package/dist/index.d.cts

@@ -7,7 +7,7 @@ import { AriaButtonProps } from '@react-aria/button';
 export { GlobalStyle, darkTheme, lightTheme, tokens } from './theme/index.cjs';
 export { A as Action, c as ActionVariant, d as Actions, a as ActionsLayout, b as ActionsProps, f as AgentState, e as AgentStateProps, t as AssistantMessage, o as AssistantMessageProps, k as Button, B as ButtonProps, i as ButtonSize, j as ButtonVariant, z as CopilotUserMessage, U as CopilotUserMessageProps, u as FileAttachment, p as FileAttachmentProps, l as Footer, F as FooterProps, m as Header, H as HeaderProps, n as Input, I as InputProps, M as Message, v as Messages, w as MessagesList, x as MessagesListContainer, y as MessagesListContent, q as MessagesListProps, s as MessagesProps, D as Response, C as ResponseProps, G as StreamErrorMessage, S as StreamErrorMessageProps, N as StreamStatusIndicator, L as StreamStatusIndicatorProps, K as StreamingText, J as StreamingTextProps, P as Suggestions, O as SuggestionsProps, Q as Window, W as WindowProps, h as clearToolCalls, r as registerToolCall } from './Window-Dm_I5m8i.cjs';
 export { b as FacebookIcon, F as FacebookIconProps, a as FacebookIconVariant, d as GmailIcon, G as GmailIconProps, c as GmailIconVariant, f as InstagramIcon, I as InstagramIconProps, e as InstagramVariant, h as LinkedInIcon, L as LinkedInIconProps, g as LinkedInIconVariant, j as PostizIcon, P as PostizIconProps, i as PostizIconVariant, l as RedditIcon, R as RedditIconProps, k as RedditIconVariant, n as SlackIcon, S as SlackIconProps, m as SlackIconVariant, p as TelegramIcon, T as TelegramIconProps, o as TelegramIconVariant, s as TwilioIcon, q as TwilioIconProps, r as TwilioIconVariant, u as WhatsAppIcon, W as WhatsAppIconProps, t as WhatsAppIconVariant, w as XIcon, X as XIconProps, v as XIconVariant, y as YouTubeIcon, Y as YouTubeIconProps, x as YouTubeIconVariant } from './YouTubeIcon-B7Y2MfN5.cjs';
-export { WorkflowCard, WorkflowCardProps, WorkflowErrorAlert, WorkflowErrorAlertProps, WorkflowIntegration, WorkflowProgressBar, WorkflowProgressBarProps, WorkflowResultPanel, WorkflowResultPanelProps, WorkflowStatusBadge, WorkflowStatusBadgeProps } from './workflow/index.cjs';
+export { b as WorkflowCard, W as WorkflowCardProps, d as WorkflowErrorAlert, c as WorkflowErrorAlertProps, a as WorkflowIntegration, f as WorkflowProgressBar, e as WorkflowProgressBarProps, h as WorkflowResultPanel, g as WorkflowResultPanelProps, j as WorkflowStatusBadge, i as WorkflowStatusBadgeProps } from './WorkflowStatusBadge-47sYxc2F.cjs';
 import '@react-types/button';
 import 'styled-components';
 import '@copilotkit/react-ui';
@@ -170,6 +170,173 @@ interface WorkflowLoadingSkeletonProps {
  */
 declare function WorkflowLoadingSkeleton({ phase, progress, }: WorkflowLoadingSkeletonProps): react_jsx_runtime.JSX.Element | null;
 
+/**
+ * Reddit Engagement Types
+ *
+ * Type definitions for Reddit GEO engagement components.
+ * Extends existing social-media types for compatibility.
+ */
+/**
+ * Tone classifications for Reddit replies
+ */
+type ReplyTone = 'casual' | 'professional' | 'technical' | 'supportive' | 'humorous';
+/**
+ * Status of an engagement opportunity in the queue
+ */
+type EngagementStatus = 'pending' | 'posted' | 'skipped' | 'expired' | 'editing';
+/**
+ * A Reddit post discovered for potential engagement
+ */
+interface EngagementOpportunity {
+    /** Unique identifier for this opportunity */
+    id: string;
+    /** Reddit's post ID (t3_xxxx format) */
+    postId: string;
+    /** Subreddit name (without r/) */
+    subreddit: string;
+    /** Post title */
+    title: string;
+    /** Post body content (selftext) or URL for link posts */
+    postContent: string;
+    /** Full URL to the Reddit post */
+    postUrl: string;
+    /** Author username (without u/) */
+    postAuthor: string;
+    /** Current upvote score */
+    postScore: number;
+    /** Number of comments */
+    postNumComments: number;
+    /** Post creation timestamp */
+    postCreatedAt: string;
+    /** AI-generated draft reply */
+    draftReply: string;
+    /** User-edited version of the reply (if modified) */
+    editedReply?: string;
+    /** AI engagement quality score (1-10) */
+    engagementScore: number;
+    /** Detected/recommended tone for reply */
+    toneMatch: ReplyTone;
+    /** AI's strategy explanation for the reply */
+    strategy: string;
+    /** Current status in workflow */
+    status: EngagementStatus;
+    /** When this opportunity was discovered */
+    createdAt: string;
+    /** When the reply was posted (if applicable) */
+    postedAt?: string;
+    /** When skipped (if applicable) */
+    skippedAt?: string;
+    /** Reason for skipping (if applicable) */
+    skipReason?: string;
+    /** Post flair if any */
+    flair?: string;
+    /** Whether post is marked NSFW */
+    isNsfw?: boolean;
+    /** Whether post is a self/text post */
+    isSelfPost?: boolean;
+}
+/**
+ * Props for the RedditOpportunityCard component
+ */
+interface RedditOpportunityCardProps {
+    /** The engagement opportunity to display */
+    opportunity: EngagementOpportunity;
+    /** Whether this card is currently active/focused */
+    isActive?: boolean;
+    /** Whether currently in edit mode */
+    isEditing?: boolean;
+    /** Current edited content (controlled) */
+    editContent?: string;
+    /** Callback when content changes during editing */
+    onContentChange?: (content: string) => void;
+    /** Show loading skeleton */
+    isLoading?: boolean;
+    /** Whether to show condensed view */
+    condensed?: boolean;
+}
+/**
+ * Props for the RedditEngagementControls component
+ */
+interface RedditEngagementControlsProps {
+    /** The opportunity being controlled */
+    opportunity: EngagementOpportunity;
+    /** Current reply content (draft or edited) */
+    currentReply: string;
+    /** Whether in edit mode */
+    isEditing: boolean;
+    /** Toggle edit mode */
+    onToggleEdit: () => void;
+    /** Save edits */
+    onSaveEdit: (content: string) => void;
+    /** Cancel editing */
+    onCancelEdit: () => void;
+    /** Copy reply and open post */
+    onCopyAndOpen: () => void;
+    /** Mark as posted */
+    onMarkPosted: () => void;
+    /** Skip this opportunity */
+    onSkip: (reason?: string) => void;
+    /** Regenerate AI reply */
+    onRegenerate: (feedback?: string) => void;
+    /** Whether actions are disabled */
+    isLoading?: boolean;
+    /** Whether copy was just performed (for feedback) */
+    justCopied?: boolean;
+}
+
+interface WorkflowSandboxPrompt {
+    label: string;
+    message: string;
+}
+interface WorkflowSandboxToolStep {
+    id: string;
+    label: string;
+    detail?: string;
+    durationMs?: number;
+}
+interface WorkflowSandboxArtifactField {
+    label: string;
+    value: string;
+    tone?: 'default' | 'success' | 'warning';
+}
+interface WorkflowSandboxArtifactCard {
+    title: string;
+    eyebrow?: string;
+    body: string;
+    fields?: WorkflowSandboxArtifactField[];
+}
+interface WorkflowSandboxScenario {
+    workflowKind?: 'social-posts' | 'reddit-engagement' | 'generic-results';
+    eyebrow?: string;
+    title: string;
+    subtitle?: string;
+    initialMessage: string;
+    prompts: WorkflowSandboxPrompt[];
+    assistantIntro: string;
+    assistantComplete: string;
+    toolSteps: WorkflowSandboxToolStep[];
+    resultTitle: string;
+    resultSubtitle?: string;
+    artifacts: WorkflowSandboxArtifactCard[];
+    redditOpportunities?: EngagementOpportunity[];
+    resultData?: unknown;
+    resultVariant?: 'json' | 'formatted' | 'table';
+    primaryCta?: {
+        label: string;
+        href: string;
+    };
+    secondaryCta?: {
+        label: string;
+        href: string;
+    };
+}
+interface WorkflowSandboxDemoProps {
+    scenario: WorkflowSandboxScenario;
+    autoStart?: boolean;
+    className?: string;
+}
+declare const WorkflowSandboxDemo: React__default.FC<WorkflowSandboxDemoProps>;
+
 /**
  * AuthButton Component
  *
@@ -794,120 +961,6 @@ interface SocialMediaCanvasProps {
  */
 declare const SocialMediaCanvas: React__default.FC<SocialMediaCanvasProps>;
 
-/**
- * Reddit Engagement Types
- *
- * Type definitions for Reddit GEO engagement components.
- * Extends existing social-media types for compatibility.
- */
-/**
- * Tone classifications for Reddit replies
- */
-type ReplyTone = 'casual' | 'professional' | 'technical' | 'supportive' | 'humorous';
-/**
- * Status of an engagement opportunity in the queue
- */
-type EngagementStatus = 'pending' | 'posted' | 'skipped' | 'expired' | 'editing';
-/**
- * A Reddit post discovered for potential engagement
- */
-interface EngagementOpportunity {
-    /** Unique identifier for this opportunity */
-    id: string;
-    /** Reddit's post ID (t3_xxxx format) */
-    postId: string;
-    /** Subreddit name (without r/) */
-    subreddit: string;
-    /** Post title */
-    title: string;
-    /** Post body content (selftext) or URL for link posts */
-    postContent: string;
-    /** Full URL to the Reddit post */
-    postUrl: string;
-    /** Author username (without u/) */
-    postAuthor: string;
-    /** Current upvote score */
-    postScore: number;
-    /** Number of comments */
-    postNumComments: number;
-    /** Post creation timestamp */
-    postCreatedAt: string;
-    /** AI-generated draft reply */
-    draftReply: string;
-    /** User-edited version of the reply (if modified) */
-    editedReply?: string;
-    /** AI engagement quality score (1-10) */
-    engagementScore: number;
-    /** Detected/recommended tone for reply */
-    toneMatch: ReplyTone;
-    /** AI's strategy explanation for the reply */
-    strategy: string;
-    /** Current status in workflow */
-    status: EngagementStatus;
-    /** When this opportunity was discovered */
-    createdAt: string;
-    /** When the reply was posted (if applicable) */
-    postedAt?: string;
-    /** When skipped (if applicable) */
-    skippedAt?: string;
-    /** Reason for skipping (if applicable) */
-    skipReason?: string;
-    /** Post flair if any */
-    flair?: string;
-    /** Whether post is marked NSFW */
-    isNsfw?: boolean;
-    /** Whether post is a self/text post */
-    isSelfPost?: boolean;
-}
-/**
- * Props for the RedditOpportunityCard component
- */
-interface RedditOpportunityCardProps {
-    /** The engagement opportunity to display */
-    opportunity: EngagementOpportunity;
-    /** Whether this card is currently active/focused */
-    isActive?: boolean;
-    /** Whether currently in edit mode */
-    isEditing?: boolean;
-    /** Current edited content (controlled) */
-    editContent?: string;
-    /** Callback when content changes during editing */
-    onContentChange?: (content: string) => void;
-    /** Show loading skeleton */
-    isLoading?: boolean;
-    /** Whether to show condensed view */
-    condensed?: boolean;
-}
-/**
- * Props for the RedditEngagementControls component
- */
-interface RedditEngagementControlsProps {
-    /** The opportunity being controlled */
-    opportunity: EngagementOpportunity;
-    /** Current reply content (draft or edited) */
-    currentReply: string;
-    /** Whether in edit mode */
-    isEditing: boolean;
-    /** Toggle edit mode */
-    onToggleEdit: () => void;
-    /** Save edits */
-    onSaveEdit: (content: string) => void;
-    /** Cancel editing */
-    onCancelEdit: () => void;
-    /** Copy reply and open post */
-    onCopyAndOpen: () => void;
-    /** Mark as posted */
-    onMarkPosted: () => void;
-    /** Skip this opportunity */
-    onSkip: (reason?: string) => void;
-    /** Regenerate AI reply */
-    onRegenerate: (feedback?: string) => void;
-    /** Whether actions are disabled */
-    isLoading?: boolean;
-    /** Whether copy was just performed (for feedback) */
-    justCopied?: boolean;
-}
-
 /**
  * RedditOpportunityCard Component
  *
@@ -1012,4 +1065,4 @@ declare const useKeyboardDetection: () => KeyboardState;
  */
 declare const isMobileDevice: () => boolean;
 
-export { type ApprovalStatus, AssistantThinking, type AssistantThinkingProps, AuthButton, type AuthButtonProps, AuthInput, type AuthInputProps, type BillingPeriod, BillingToggle, type BillingToggleProps, CATEGORY_CONFIGS, type CategoryConfig, ChatInput, type ChatInputProps, ConnectionStatusBadge, type ConnectionStatusBadgeProps, DarkNotificationCard, type EngagementOpportunity, type EngagementStatus, ErrorBanner, type ErrorBannerProps, ErrorToast, type ErrorToastProps, IntegrationCard, type IntegrationCardProps, NotificationCard, type NotificationCardProps, type NotificationItem, type NotificationSection, PLATFORM_CONFIGS, PasswordInput, type PasswordInputProps, type Platform, PlatformCarousel, type PlatformCarouselProps, type PlatformConfig, PlatformGrid, type PlatformGridProps, PostApprovalControls, type PostApprovalControlsProps, PostPreviewCard, type PostPreviewCardProps, type PostViewMode, type ProgressCategory, type ProposedPost, RedditEngagementControls, type RedditEngagementControlsProps, RedditOpportunityCard, type RedditOpportunityCardProps, type ReplyTone, SecretInput, type SecretInputProps, SocialMediaCanvas, type SocialMediaCanvasProps, SuccessToast, type SuccessToastProps, TagInput, type TagInputProps, type TokenTransaction, TokenUsageCard, type TokenUsageCardProps, TrialPlanCard, type TrialPlanCardProps, UserMessage, type UserMessageProps, WorkflowLoadingSkeleton, type WorkflowLoadingSkeletonProps, categorizeProgress, getCategoryColor, getCategoryIcon, getCharacterCount, getCharacterLimitColor, getCharacterLimitPercentage, isMobileDevice, isWithinCharLimit, normalizePlatform, useIsLandscape, useKeyboardDetection, useLocalStorage, useNetworkStatus };
+export { type ApprovalStatus, AssistantThinking, type AssistantThinkingProps, AuthButton, type AuthButtonProps, AuthInput, type AuthInputProps, type BillingPeriod, BillingToggle, type BillingToggleProps, CATEGORY_CONFIGS, type CategoryConfig, ChatInput, type ChatInputProps, ConnectionStatusBadge, type ConnectionStatusBadgeProps, DarkNotificationCard, type EngagementOpportunity, type EngagementStatus, ErrorBanner, type ErrorBannerProps, ErrorToast, type ErrorToastProps, IntegrationCard, type IntegrationCardProps, NotificationCard, type NotificationCardProps, type NotificationItem, type NotificationSection, PLATFORM_CONFIGS, PasswordInput, type PasswordInputProps, type Platform, PlatformCarousel, type PlatformCarouselProps, type PlatformConfig, PlatformGrid, type PlatformGridProps, PostApprovalControls, type PostApprovalControlsProps, PostPreviewCard, type PostPreviewCardProps, type PostViewMode, type ProgressCategory, type ProposedPost, RedditEngagementControls, type RedditEngagementControlsProps, RedditOpportunityCard, type RedditOpportunityCardProps, type ReplyTone, SecretInput, type SecretInputProps, SocialMediaCanvas, type SocialMediaCanvasProps, SuccessToast, type SuccessToastProps, TagInput, type TagInputProps, type TokenTransaction, TokenUsageCard, type TokenUsageCardProps, TrialPlanCard, type TrialPlanCardProps, UserMessage, type UserMessageProps, WorkflowLoadingSkeleton, type WorkflowLoadingSkeletonProps, type WorkflowSandboxArtifactCard, type WorkflowSandboxArtifactField, WorkflowSandboxDemo, type WorkflowSandboxDemoProps, type WorkflowSandboxPrompt, type WorkflowSandboxScenario, type WorkflowSandboxToolStep, categorizeProgress, getCategoryColor, getCategoryIcon, getCharacterCount, getCharacterLimitColor, getCharacterLimitPercentage, isMobileDevice, isWithinCharLimit, normalizePlatform, useIsLandscape, useKeyboardDetection, useLocalStorage, useNetworkStatus };

package/dist/index.d.ts

@@ -7,7 +7,7 @@ import { AriaButtonProps } from '@react-aria/button';
 export { GlobalStyle, darkTheme, lightTheme, tokens } from './theme/index.js';
 export { A as Action, c as ActionVariant, d as Actions, a as ActionsLayout, b as ActionsProps, f as AgentState, e as AgentStateProps, t as AssistantMessage, o as AssistantMessageProps, k as Button, B as ButtonProps, i as ButtonSize, j as ButtonVariant, z as CopilotUserMessage, U as CopilotUserMessageProps, u as FileAttachment, p as FileAttachmentProps, l as Footer, F as FooterProps, m as Header, H as HeaderProps, n as Input, I as InputProps, M as Message, v as Messages, w as MessagesList, x as MessagesListContainer, y as MessagesListContent, q as MessagesListProps, s as MessagesProps, D as Response, C as ResponseProps, G as StreamErrorMessage, S as StreamErrorMessageProps, N as StreamStatusIndicator, L as StreamStatusIndicatorProps, K as StreamingText, J as StreamingTextProps, P as Suggestions, O as SuggestionsProps, Q as Window, W as WindowProps, h as clearToolCalls, r as registerToolCall } from './Window-Dm_I5m8i.js';
 export { b as FacebookIcon, F as FacebookIconProps, a as FacebookIconVariant, d as GmailIcon, G as GmailIconProps, c as GmailIconVariant, f as InstagramIcon, I as InstagramIconProps, e as InstagramVariant, h as LinkedInIcon, L as LinkedInIconProps, g as LinkedInIconVariant, j as PostizIcon, P as PostizIconProps, i as PostizIconVariant, l as RedditIcon, R as RedditIconProps, k as RedditIconVariant, n as SlackIcon, S as SlackIconProps, m as SlackIconVariant, p as TelegramIcon, T as TelegramIconProps, o as TelegramIconVariant, s as TwilioIcon, q as TwilioIconProps, r as TwilioIconVariant, u as WhatsAppIcon, W as WhatsAppIconProps, t as WhatsAppIconVariant, w as XIcon, X as XIconProps, v as XIconVariant, y as YouTubeIcon, Y as YouTubeIconProps, x as YouTubeIconVariant } from './YouTubeIcon-B7Y2MfN5.js';
-export { WorkflowCard, WorkflowCardProps, WorkflowErrorAlert, WorkflowErrorAlertProps, WorkflowIntegration, WorkflowProgressBar, WorkflowProgressBarProps, WorkflowResultPanel, WorkflowResultPanelProps, WorkflowStatusBadge, WorkflowStatusBadgeProps } from './workflow/index.js';
+export { b as WorkflowCard, W as WorkflowCardProps, d as WorkflowErrorAlert, c as WorkflowErrorAlertProps, a as WorkflowIntegration, f as WorkflowProgressBar, e as WorkflowProgressBarProps, h as WorkflowResultPanel, g as WorkflowResultPanelProps, j as WorkflowStatusBadge, i as WorkflowStatusBadgeProps } from './WorkflowStatusBadge-47sYxc2F.js';
 import '@react-types/button';
 import 'styled-components';
 import '@copilotkit/react-ui';
@@ -170,6 +170,173 @@ interface WorkflowLoadingSkeletonProps {
  */
 declare function WorkflowLoadingSkeleton({ phase, progress, }: WorkflowLoadingSkeletonProps): react_jsx_runtime.JSX.Element | null;
 
+/**
+ * Reddit Engagement Types
+ *
+ * Type definitions for Reddit GEO engagement components.
+ * Extends existing social-media types for compatibility.
+ */
+/**
+ * Tone classifications for Reddit replies
+ */
+type ReplyTone = 'casual' | 'professional' | 'technical' | 'supportive' | 'humorous';
+/**
+ * Status of an engagement opportunity in the queue
+ */
+type EngagementStatus = 'pending' | 'posted' | 'skipped' | 'expired' | 'editing';
+/**
+ * A Reddit post discovered for potential engagement
+ */
+interface EngagementOpportunity {
+    /** Unique identifier for this opportunity */
+    id: string;
+    /** Reddit's post ID (t3_xxxx format) */
+    postId: string;
+    /** Subreddit name (without r/) */
+    subreddit: string;
+    /** Post title */
+    title: string;
+    /** Post body content (selftext) or URL for link posts */
+    postContent: string;
+    /** Full URL to the Reddit post */
+    postUrl: string;
+    /** Author username (without u/) */
+    postAuthor: string;
+    /** Current upvote score */
+    postScore: number;
+    /** Number of comments */
+    postNumComments: number;
+    /** Post creation timestamp */
+    postCreatedAt: string;
+    /** AI-generated draft reply */
+    draftReply: string;
+    /** User-edited version of the reply (if modified) */
+    editedReply?: string;
+    /** AI engagement quality score (1-10) */
+    engagementScore: number;
+    /** Detected/recommended tone for reply */
+    toneMatch: ReplyTone;
+    /** AI's strategy explanation for the reply */
+    strategy: string;
+    /** Current status in workflow */
+    status: EngagementStatus;
+    /** When this opportunity was discovered */
+    createdAt: string;
+    /** When the reply was posted (if applicable) */
+    postedAt?: string;
+    /** When skipped (if applicable) */
+    skippedAt?: string;
+    /** Reason for skipping (if applicable) */
+    skipReason?: string;
+    /** Post flair if any */
+    flair?: string;
+    /** Whether post is marked NSFW */
+    isNsfw?: boolean;
+    /** Whether post is a self/text post */
+    isSelfPost?: boolean;
+}
+/**
+ * Props for the RedditOpportunityCard component
+ */
+interface RedditOpportunityCardProps {
+    /** The engagement opportunity to display */
+    opportunity: EngagementOpportunity;
+    /** Whether this card is currently active/focused */
+    isActive?: boolean;
+    /** Whether currently in edit mode */
+    isEditing?: boolean;
+    /** Current edited content (controlled) */
+    editContent?: string;
+    /** Callback when content changes during editing */
+    onContentChange?: (content: string) => void;
+    /** Show loading skeleton */
+    isLoading?: boolean;
+    /** Whether to show condensed view */
+    condensed?: boolean;
+}
+/**
+ * Props for the RedditEngagementControls component
+ */
+interface RedditEngagementControlsProps {
+    /** The opportunity being controlled */
+    opportunity: EngagementOpportunity;
+    /** Current reply content (draft or edited) */
+    currentReply: string;
+    /** Whether in edit mode */
+    isEditing: boolean;
+    /** Toggle edit mode */
+    onToggleEdit: () => void;
+    /** Save edits */
+    onSaveEdit: (content: string) => void;
+    /** Cancel editing */
+    onCancelEdit: () => void;
+    /** Copy reply and open post */
+    onCopyAndOpen: () => void;
+    /** Mark as posted */
+    onMarkPosted: () => void;
+    /** Skip this opportunity */
+    onSkip: (reason?: string) => void;
+    /** Regenerate AI reply */
+    onRegenerate: (feedback?: string) => void;
+    /** Whether actions are disabled */
+    isLoading?: boolean;
+    /** Whether copy was just performed (for feedback) */
+    justCopied?: boolean;
+}
+
+interface WorkflowSandboxPrompt {
+    label: string;
+    message: string;
+}
+interface WorkflowSandboxToolStep {
+    id: string;
+    label: string;
+    detail?: string;
+    durationMs?: number;
+}
+interface WorkflowSandboxArtifactField {
+    label: string;
+    value: string;
+    tone?: 'default' | 'success' | 'warning';
+}
+interface WorkflowSandboxArtifactCard {
+    title: string;
+    eyebrow?: string;
+    body: string;
+    fields?: WorkflowSandboxArtifactField[];
+}
+interface WorkflowSandboxScenario {
+    workflowKind?: 'social-posts' | 'reddit-engagement' | 'generic-results';
+    eyebrow?: string;
+    title: string;
+    subtitle?: string;
+    initialMessage: string;
+    prompts: WorkflowSandboxPrompt[];
+    assistantIntro: string;
+    assistantComplete: string;
+    toolSteps: WorkflowSandboxToolStep[];
+    resultTitle: string;
+    resultSubtitle?: string;
+    artifacts: WorkflowSandboxArtifactCard[];
+    redditOpportunities?: EngagementOpportunity[];
+    resultData?: unknown;
+    resultVariant?: 'json' | 'formatted' | 'table';
+    primaryCta?: {
+        label: string;
+        href: string;
+    };
+    secondaryCta?: {
+        label: string;
+        href: string;
+    };
+}
+interface WorkflowSandboxDemoProps {
+    scenario: WorkflowSandboxScenario;
+    autoStart?: boolean;
+    className?: string;
+}
+declare const WorkflowSandboxDemo: React__default.FC<WorkflowSandboxDemoProps>;
+
 /**
  * AuthButton Component
  *
@@ -794,120 +961,6 @@ interface SocialMediaCanvasProps {
  */
 declare const SocialMediaCanvas: React__default.FC<SocialMediaCanvasProps>;
 
-/**
- * Reddit Engagement Types
- *
- * Type definitions for Reddit GEO engagement components.
- * Extends existing social-media types for compatibility.
- */
-/**
- * Tone classifications for Reddit replies
- */
-type ReplyTone = 'casual' | 'professional' | 'technical' | 'supportive' | 'humorous';
-/**
- * Status of an engagement opportunity in the queue
- */
-type EngagementStatus = 'pending' | 'posted' | 'skipped' | 'expired' | 'editing';
-/**
- * A Reddit post discovered for potential engagement
- */
-interface EngagementOpportunity {
-    /** Unique identifier for this opportunity */
-    id: string;
-    /** Reddit's post ID (t3_xxxx format) */
-    postId: string;
-    /** Subreddit name (without r/) */
-    subreddit: string;
-    /** Post title */
-    title: string;
-    /** Post body content (selftext) or URL for link posts */
-    postContent: string;
-    /** Full URL to the Reddit post */
-    postUrl: string;
-    /** Author username (without u/) */
-    postAuthor: string;
-    /** Current upvote score */
-    postScore: number;
-    /** Number of comments */
-    postNumComments: number;
-    /** Post creation timestamp */
-    postCreatedAt: string;
-    /** AI-generated draft reply */
-    draftReply: string;
-    /** User-edited version of the reply (if modified) */
-    editedReply?: string;
-    /** AI engagement quality score (1-10) */
-    engagementScore: number;
-    /** Detected/recommended tone for reply */
-    toneMatch: ReplyTone;
-    /** AI's strategy explanation for the reply */
-    strategy: string;
-    /** Current status in workflow */
-    status: EngagementStatus;
-    /** When this opportunity was discovered */
-    createdAt: string;
-    /** When the reply was posted (if applicable) */
-    postedAt?: string;
-    /** When skipped (if applicable) */
-    skippedAt?: string;
-    /** Reason for skipping (if applicable) */
-    skipReason?: string;
-    /** Post flair if any */
-    flair?: string;
-    /** Whether post is marked NSFW */
-    isNsfw?: boolean;
-    /** Whether post is a self/text post */
-    isSelfPost?: boolean;
-}
-/**
- * Props for the RedditOpportunityCard component
- */
-interface RedditOpportunityCardProps {
-    /** The engagement opportunity to display */
-    opportunity: EngagementOpportunity;
-    /** Whether this card is currently active/focused */
-    isActive?: boolean;
-    /** Whether currently in edit mode */
-    isEditing?: boolean;
-    /** Current edited content (controlled) */
-    editContent?: string;
-    /** Callback when content changes during editing */
-    onContentChange?: (content: string) => void;
-    /** Show loading skeleton */
-    isLoading?: boolean;
-    /** Whether to show condensed view */
-    condensed?: boolean;
-}
-/**
- * Props for the RedditEngagementControls component
- */
-interface RedditEngagementControlsProps {
-    /** The opportunity being controlled */
-    opportunity: EngagementOpportunity;
-    /** Current reply content (draft or edited) */
-    currentReply: string;
-    /** Whether in edit mode */
-    isEditing: boolean;
-    /** Toggle edit mode */
-    onToggleEdit: () => void;
-    /** Save edits */
-    onSaveEdit: (content: string) => void;
-    /** Cancel editing */
-    onCancelEdit: () => void;
-    /** Copy reply and open post */
-    onCopyAndOpen: () => void;
-    /** Mark as posted */
-    onMarkPosted: () => void;
-    /** Skip this opportunity */
-    onSkip: (reason?: string) => void;
-    /** Regenerate AI reply */
-    onRegenerate: (feedback?: string) => void;
-    /** Whether actions are disabled */
-    isLoading?: boolean;
-    /** Whether copy was just performed (for feedback) */
-    justCopied?: boolean;
-}
-
 /**
  * RedditOpportunityCard Component
  *
@@ -1012,4 +1065,4 @@ declare const useKeyboardDetection: () => KeyboardState;
  */
 declare const isMobileDevice: () => boolean;
 
-export { type ApprovalStatus, AssistantThinking, type AssistantThinkingProps, AuthButton, type AuthButtonProps, AuthInput, type AuthInputProps, type BillingPeriod, BillingToggle, type BillingToggleProps, CATEGORY_CONFIGS, type CategoryConfig, ChatInput, type ChatInputProps, ConnectionStatusBadge, type ConnectionStatusBadgeProps, DarkNotificationCard, type EngagementOpportunity, type EngagementStatus, ErrorBanner, type ErrorBannerProps, ErrorToast, type ErrorToastProps, IntegrationCard, type IntegrationCardProps, NotificationCard, type NotificationCardProps, type NotificationItem, type NotificationSection, PLATFORM_CONFIGS, PasswordInput, type PasswordInputProps, type Platform, PlatformCarousel, type PlatformCarouselProps, type PlatformConfig, PlatformGrid, type PlatformGridProps, PostApprovalControls, type PostApprovalControlsProps, PostPreviewCard, type PostPreviewCardProps, type PostViewMode, type ProgressCategory, type ProposedPost, RedditEngagementControls, type RedditEngagementControlsProps, RedditOpportunityCard, type RedditOpportunityCardProps, type ReplyTone, SecretInput, type SecretInputProps, SocialMediaCanvas, type SocialMediaCanvasProps, SuccessToast, type SuccessToastProps, TagInput, type TagInputProps, type TokenTransaction, TokenUsageCard, type TokenUsageCardProps, TrialPlanCard, type TrialPlanCardProps, UserMessage, type UserMessageProps, WorkflowLoadingSkeleton, type WorkflowLoadingSkeletonProps, categorizeProgress, getCategoryColor, getCategoryIcon, getCharacterCount, getCharacterLimitColor, getCharacterLimitPercentage, isMobileDevice, isWithinCharLimit, normalizePlatform, useIsLandscape, useKeyboardDetection, useLocalStorage, useNetworkStatus };
+export { type ApprovalStatus, AssistantThinking, type AssistantThinkingProps, AuthButton, type AuthButtonProps, AuthInput, type AuthInputProps, type BillingPeriod, BillingToggle, type BillingToggleProps, CATEGORY_CONFIGS, type CategoryConfig, ChatInput, type ChatInputProps, ConnectionStatusBadge, type ConnectionStatusBadgeProps, DarkNotificationCard, type EngagementOpportunity, type EngagementStatus, ErrorBanner, type ErrorBannerProps, ErrorToast, type ErrorToastProps, IntegrationCard, type IntegrationCardProps, NotificationCard, type NotificationCardProps, type NotificationItem, type NotificationSection, PLATFORM_CONFIGS, PasswordInput, type PasswordInputProps, type Platform, PlatformCarousel, type PlatformCarouselProps, type PlatformConfig, PlatformGrid, type PlatformGridProps, PostApprovalControls, type PostApprovalControlsProps, PostPreviewCard, type PostPreviewCardProps, type PostViewMode, type ProgressCategory, type ProposedPost, RedditEngagementControls, type RedditEngagementControlsProps, RedditOpportunityCard, type RedditOpportunityCardProps, type ReplyTone, SecretInput, type SecretInputProps, SocialMediaCanvas, type SocialMediaCanvasProps, SuccessToast, type SuccessToastProps, TagInput, type TagInputProps, type TokenTransaction, TokenUsageCard, type TokenUsageCardProps, TrialPlanCard, type TrialPlanCardProps, UserMessage, type UserMessageProps, WorkflowLoadingSkeleton, type WorkflowLoadingSkeletonProps, type WorkflowSandboxArtifactCard, type WorkflowSandboxArtifactField, WorkflowSandboxDemo, type WorkflowSandboxDemoProps, type WorkflowSandboxPrompt, type WorkflowSandboxScenario, type WorkflowSandboxToolStep, categorizeProgress, getCategoryColor, getCategoryIcon, getCharacterCount, getCharacterLimitColor, getCharacterLimitPercentage, isMobileDevice, isWithinCharLimit, normalizePlatform, useIsLandscape, useKeyboardDetection, useLocalStorage, useNetworkStatus };