@agentiffai/design 1.4.9 → 1.5.1

package/dist/index.d.cts

@@ -6,7 +6,7 @@ export { ActionButtons, ActionButtonsProps, BrandType, CategoryItem, CategoryNav
 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, r as WhatsAppIcon, W as WhatsAppIconProps, q as WhatsAppIconVariant, t as XIcon, X as XIconProps, s as XIconVariant, v as YouTubeIcon, Y as YouTubeIconProps, u as YouTubeIconVariant } from './YouTubeIcon-C1e6LEOF.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';
 import '@react-types/button';
 import 'styled-components';
@@ -664,6 +664,10 @@ interface PostPreviewCardProps {
     editContent?: string;
     /** Callback when content changes during editing */
     onContentChange?: (content: string) => void;
+    /** Current edited hashtags (controlled) */
+    editHashtags?: string[];
+    /** Callback when hashtags change during editing */
+    onHashtagsChange?: (hashtags: string[]) => void;
     /** Show loading skeleton when content is being generated */
     isLoading?: boolean;
     /** Callback to change/add an image. When provided, image areas become clickable. */
@@ -687,6 +691,10 @@ interface PlatformCarouselProps {
     editContent?: string;
     /** Callback when edit content changes */
     onEditContentChange?: (content: string) => void;
+    /** Hashtags of the post being edited */
+    editHashtags?: string[];
+    /** Callback when edit hashtags change */
+    onEditHashtagsChange?: (hashtags: string[]) => void;
     /** Whether content is being loaded/generated */
     isLoading?: boolean;
     /** Callback when user requests to change/add an image for a post */
@@ -709,6 +717,10 @@ interface PlatformGridProps {
     editContent?: string;
     /** Callback when edit content changes */
     onEditContentChange?: (content: string) => void;
+    /** Hashtags of the post being edited */
+    editHashtags?: string[];
+    /** Callback when edit hashtags change */
+    onEditHashtagsChange?: (hashtags: string[]) => void;
     /** Whether content is being loaded/generated */
     isLoading?: boolean;
     /** Currently active/selected post index */
@@ -756,6 +768,10 @@ interface SocialMediaCanvasProps {
     editContent?: string;
     /** Callback when edit content changes */
     onEditContentChange?: (content: string) => void;
+    /** Hashtags of the post being edited */
+    editHashtags?: string[];
+    /** Callback when edit hashtags change */
+    onEditHashtagsChange?: (hashtags: string[]) => void;
     /** Whether content is being loaded/generated */
     isLoading?: boolean;
     /** Currently active post index (for grid mode) */

package/dist/index.d.ts

@@ -6,7 +6,7 @@ export { ActionButtons, ActionButtonsProps, BrandType, CategoryItem, CategoryNav
 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, r as WhatsAppIcon, W as WhatsAppIconProps, q as WhatsAppIconVariant, t as XIcon, X as XIconProps, s as XIconVariant, v as YouTubeIcon, Y as YouTubeIconProps, u as YouTubeIconVariant } from './YouTubeIcon-C1e6LEOF.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';
 import '@react-types/button';
 import 'styled-components';
@@ -664,6 +664,10 @@ interface PostPreviewCardProps {
     editContent?: string;
     /** Callback when content changes during editing */
     onContentChange?: (content: string) => void;
+    /** Current edited hashtags (controlled) */
+    editHashtags?: string[];
+    /** Callback when hashtags change during editing */
+    onHashtagsChange?: (hashtags: string[]) => void;
     /** Show loading skeleton when content is being generated */
     isLoading?: boolean;
     /** Callback to change/add an image. When provided, image areas become clickable. */
@@ -687,6 +691,10 @@ interface PlatformCarouselProps {
     editContent?: string;
     /** Callback when edit content changes */
     onEditContentChange?: (content: string) => void;
+    /** Hashtags of the post being edited */
+    editHashtags?: string[];
+    /** Callback when edit hashtags change */
+    onEditHashtagsChange?: (hashtags: string[]) => void;
     /** Whether content is being loaded/generated */
     isLoading?: boolean;
     /** Callback when user requests to change/add an image for a post */
@@ -709,6 +717,10 @@ interface PlatformGridProps {
     editContent?: string;
     /** Callback when edit content changes */
     onEditContentChange?: (content: string) => void;
+    /** Hashtags of the post being edited */
+    editHashtags?: string[];
+    /** Callback when edit hashtags change */
+    onEditHashtagsChange?: (hashtags: string[]) => void;
     /** Whether content is being loaded/generated */
     isLoading?: boolean;
     /** Currently active/selected post index */
@@ -756,6 +768,10 @@ interface SocialMediaCanvasProps {
     editContent?: string;
     /** Callback when edit content changes */
     onEditContentChange?: (content: string) => void;
+    /** Hashtags of the post being edited */
+    editHashtags?: string[];
+    /** Callback when edit hashtags change */
+    onEditHashtagsChange?: (hashtags: string[]) => void;
     /** Whether content is being loaded/generated */
     isLoading?: boolean;
     /** Currently active post index (for grid mode) */

package/dist/index.js

@@ -9277,6 +9277,39 @@ function WhatsAppIcon({
   );
 }
 WhatsAppIcon.displayName = "WhatsAppIcon";
+var COLORS = {
+  colored: { bg: "#F22F46", dot: "#FFFFFF" },
+  black: { bg: "#111111", dot: "#FFFFFF" },
+  white: { bg: "#FFFFFF", dot: "#111111" }
+};
+function TwilioIcon({
+  size = 24,
+  variant = "colored",
+  "aria-label": ariaLabel = "Twilio",
+  ...props
+}) {
+  const colors = COLORS[variant];
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      role: props["aria-hidden"] ? void 0 : "img",
+      "aria-label": props["aria-hidden"] ? void 0 : ariaLabel,
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "11", fill: colors.bg }),
+        /* @__PURE__ */ jsx("circle", { cx: "8.25", cy: "8.25", r: "2.1", fill: colors.dot }),
+        /* @__PURE__ */ jsx("circle", { cx: "15.75", cy: "8.25", r: "2.1", fill: colors.dot }),
+        /* @__PURE__ */ jsx("circle", { cx: "8.25", cy: "15.75", r: "2.1", fill: colors.dot }),
+        /* @__PURE__ */ jsx("circle", { cx: "15.75", cy: "15.75", r: "2.1", fill: colors.dot })
+      ]
+    }
+  );
+}
+TwilioIcon.displayName = "TwilioIcon";
 var StyledXIcon = styled58.svg`
   display: inline-block;
   vertical-align: middle;
@@ -9904,13 +9937,17 @@ var PostPreviewCard = ({
   isEditing = false,
   editContent,
   onContentChange,
+  editHashtags,
+  onHashtagsChange,
   isLoading = false,
   onImageChange
 }) => {
   const platformConfig = PLATFORM_CONFIGS[post.platform] || PLATFORM_CONFIGS.x;
   const [imageError, setImageError] = useState(false);
+  const [newHashtag, setNewHashtag] = useState("");
   const showSkeleton = isLoading && !post.content;
   const displayContent = isEditing && editContent !== void 0 ? editContent : post.editedContent || post.content;
+  const displayHashtags = isEditing && editHashtags !== void 0 ? editHashtags : post.hashtags;
   const currentCharCount = displayContent.length;
   const charPercentage = useMemo(
     () => getCharacterLimitPercentage(post.platform, currentCharCount),
@@ -9924,6 +9961,32 @@ var PostPreviewCard = ({
   const handleContentChange = (e) => {
     onContentChange?.(e.target.value);
   };
+  const normalizeHashtag = (value) => value.trim().replace(/^#+/, "").replace(/[^\p{L}\p{N}_]/gu, "");
+  const handleRemoveHashtag = (hashtagToRemove) => {
+    const normalizedToRemove = normalizeHashtag(hashtagToRemove).toLowerCase();
+    onHashtagsChange?.(
+      displayHashtags.filter(
+        (hashtag) => normalizeHashtag(hashtag).toLowerCase() !== normalizedToRemove
+      )
+    );
+  };
+  const handleAddHashtag = () => {
+    const normalized = normalizeHashtag(newHashtag);
+    if (!normalized) return;
+    const exists = displayHashtags.some(
+      (hashtag) => normalizeHashtag(hashtag).toLowerCase() === normalized.toLowerCase()
+    );
+    if (!exists) {
+      onHashtagsChange?.([...displayHashtags, normalized]);
+    }
+    setNewHashtag("");
+  };
+  const handleNewHashtagKeyDown = (e) => {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      handleAddHashtag();
+    }
+  };
   return /* @__PURE__ */ jsxs(
     CardContainer,
     {
@@ -9953,10 +10016,45 @@ var PostPreviewCard = ({
               autoFocus: true
             }
           ) : /* @__PURE__ */ jsx(PostContent, { children: displayContent }),
-          !showSkeleton && post.hashtags.length > 0 && /* @__PURE__ */ jsx(HashtagsContainer, { children: post.hashtags.map((hashtag) => /* @__PURE__ */ jsxs(HashtagPill, { $platformColor: platformConfig.color, children: [
-            "#",
-            hashtag.replace(/^#/, "")
-          ] }, hashtag)) })
+          !showSkeleton && (displayHashtags.length > 0 || isEditing) && /* @__PURE__ */ jsxs(HashtagsContainer, { children: [
+            displayHashtags.map((hashtag) => /* @__PURE__ */ jsxs(HashtagPill, { $platformColor: platformConfig.color, children: [
+              "#",
+              hashtag.replace(/^#/, ""),
+              isEditing && onHashtagsChange && /* @__PURE__ */ jsx(
+                RemoveHashtagButton,
+                {
+                  type: "button",
+                  onClick: () => handleRemoveHashtag(hashtag),
+                  "aria-label": `Remove #${hashtag.replace(/^#/, "")}`,
+                  children: "\xD7"
+                }
+              )
+            ] }, hashtag)),
+            isEditing && onHashtagsChange && /* @__PURE__ */ jsxs(HashtagEditor, { children: [
+              /* @__PURE__ */ jsxs(HashtagInputWrapper, { children: [
+                /* @__PURE__ */ jsx(HashPrefix, { children: "#" }),
+                /* @__PURE__ */ jsx(
+                  HashtagInput,
+                  {
+                    value: newHashtag,
+                    onChange: (e) => setNewHashtag(e.target.value),
+                    onKeyDown: handleNewHashtagKeyDown,
+                    placeholder: "Add hashtag",
+                    "aria-label": "Add hashtag"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx(
+                AddHashtagButton,
+                {
+                  type: "button",
+                  onClick: handleAddHashtag,
+                  disabled: !normalizeHashtag(newHashtag),
+                  children: "Add"
+                }
+              )
+            ] })
+          ] })
         ] }),
         post.imageUrl && !imageError ? onImageChange ? /* @__PURE__ */ jsx(ImageChangeButton, { type: "button", onClick: onImageChange, "aria-label": "Change image", children: /* @__PURE__ */ jsxs(ImagePreviewContainer, { children: [
           /* @__PURE__ */ jsx(
@@ -10171,7 +10269,9 @@ var HashtagsContainer = styled58.div`
   gap: 6px;
 `;
 var HashtagPill = styled58.span`
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
   padding: ${tokens.spacing.xs} 10px;
   border-radius: ${tokens.borderRadius.full};
   font-size: ${tokens.typography.fontSize.xs};
@@ -10187,6 +10287,99 @@ var HashtagPill = styled58.span`
     color: ${tokens.colors.primary};
   }
 `;
+var RemoveHashtagButton = styled58.button`
+  width: 16px;
+  height: 16px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  border: none;
+  border-radius: ${tokens.borderRadius.full};
+  background: ${tokens.colors.background.light};
+  color: ${tokens.colors.text.secondary};
+  cursor: pointer;
+  font-size: 12px;
+  line-height: 1;
+  transition: all ${tokens.transitions.fast};
+
+  &:hover,
+  &:focus-visible {
+    background: ${tokens.colors.error};
+    color: ${tokens.colors.text.primary};
+    outline: none;
+  }
+`;
+var HashtagEditor = styled58.div`
+  display: inline-flex;
+  align-items: center;
+  gap: ${tokens.spacing.xs};
+  min-width: min(100%, 190px);
+`;
+var HashtagInputWrapper = styled58.div`
+  display: inline-flex;
+  align-items: center;
+  flex: 1;
+  min-width: 0;
+  padding: 0 ${tokens.spacing.sm};
+  border: 1px solid ${tokens.colors.border.default};
+  border-radius: ${tokens.borderRadius.full};
+  background: ${tokens.colors.background.darker};
+  transition: border-color ${tokens.transitions.fast}, box-shadow ${tokens.transitions.fast};
+
+  &:focus-within {
+    border-color: ${tokens.colors.border.focus};
+    box-shadow: 0 0 0 2px ${tokens.colors.primary}20;
+  }
+`;
+var HashPrefix = styled58.span`
+  color: ${tokens.colors.text.tertiary};
+  font-size: ${tokens.typography.fontSize.xs};
+`;
+var HashtagInput = styled58.input`
+  width: 100%;
+  min-width: 0;
+  height: 28px;
+  padding: 0;
+  border: none;
+  background: transparent;
+  color: ${tokens.colors.text.primary};
+  font-size: ${tokens.typography.fontSize.xs};
+  font-family: ${tokens.typography.fontFamily.primary};
+
+  &:focus {
+    outline: none;
+  }
+
+  &::placeholder {
+    color: ${tokens.colors.text.tertiary};
+  }
+`;
+var AddHashtagButton = styled58.button`
+  height: 28px;
+  padding: 0 ${tokens.spacing.sm};
+  border: 1px solid ${tokens.colors.border.default};
+  border-radius: ${tokens.borderRadius.full};
+  background: ${tokens.colors.background.light};
+  color: ${tokens.colors.text.primary};
+  cursor: pointer;
+  font-size: ${tokens.typography.fontSize.xs};
+  font-weight: ${tokens.typography.fontWeight.semibold};
+  transition: all ${tokens.transitions.fast};
+
+  &:hover:not(:disabled),
+  &:focus-visible:not(:disabled) {
+    background: ${tokens.colors.primary};
+    border-color: ${tokens.colors.primary};
+    color: ${tokens.colors.background.dark};
+    outline: none;
+  }
+
+  &:disabled {
+    opacity: 0.45;
+    cursor: not-allowed;
+  }
+`;
 var ProgressBarContainer2 = styled58.div`
   margin-top: ${tokens.spacing.sm};
 `;
@@ -10332,6 +10525,8 @@ var PlatformCarousel = ({
   editingIndex,
   editContent,
   onEditContentChange,
+  editHashtags,
+  onEditHashtagsChange,
   isLoading = false,
   onImageChangeRequest
 }) => {
@@ -10393,6 +10588,8 @@ var PlatformCarousel = ({
           isEditing,
           editContent: isEditing ? editContent : void 0,
           onContentChange: isEditing ? onEditContentChange : void 0,
+          editHashtags: isEditing ? editHashtags : void 0,
+          onHashtagsChange: isEditing ? onEditHashtagsChange : void 0,
           isLoading,
           onImageChange: onImageChangeRequest ? () => onImageChangeRequest(index) : void 0
         }
@@ -10523,6 +10720,8 @@ var PlatformGrid = ({
   editingIndex,
   editContent,
   onEditContentChange,
+  editHashtags,
+  onEditHashtagsChange,
   isLoading = false,
   activeIndex = 0,
   onActiveChange,
@@ -10563,6 +10762,8 @@ var PlatformGrid = ({
             isEditing,
             editContent: isEditing ? editContent : void 0,
             onContentChange: isEditing ? onEditContentChange : void 0,
+            editHashtags: isEditing ? editHashtags : void 0,
+            onHashtagsChange: isEditing ? onEditHashtagsChange : void 0,
             isLoading,
             onImageChange: onImageChangeRequest ? () => onImageChangeRequest(index) : void 0
           }
@@ -10757,6 +10958,8 @@ var SocialMediaCanvas = ({
   editingIndex,
   editContent,
   onEditContentChange,
+  editHashtags,
+  onEditHashtagsChange,
   isLoading = false,
   activeIndex = 0,
   onImageChangeRequest
@@ -10816,6 +11019,8 @@ var SocialMediaCanvas = ({
         editingIndex,
         editContent,
         onEditContentChange,
+        editHashtags,
+        onEditHashtagsChange,
         isLoading,
         onImageChangeRequest
       }
@@ -10826,6 +11031,8 @@ var SocialMediaCanvas = ({
         editingIndex,
         editContent,
         onEditContentChange,
+        editHashtags,
+        onEditHashtagsChange,
         isLoading,
         activeIndex,
         onActiveChange: handleActiveChange,
@@ -13698,6 +13905,6 @@ var isMobileDevice = () => {
   return hasTouch && isMobileUA || hasTouch && window.innerWidth <= 768;
 };
 
-export { ActionButtons, Actions, AgentState, AssistantMessage, AssistantThinking, AuthButton, AuthInput, BillingToggle, Button2 as Button, CATEGORY_CONFIGS, CategoryNav, ChatInput, ConnectionStatusBadge, UserMessage2 as CopilotUserMessage, DarkNotificationCard, ErrorBanner, ErrorToast, FacebookIcon, FileAttachment, Footer, GlobalStyle, GmailIcon, Header, Icon, IconNames, Input2 as Input, InstagramIcon, IntegrationCard, Layout, LinkedInIcon, Messages, MessagesList, MessagesListContainer, MessagesListContent, NavHorizontal, NavVertical, NotificationCard, PLATFORM_CONFIGS, PaneMenus, PaneSectionHeader, PasswordInput, PlatformCarousel, PlatformGrid, PostApprovalControls, PostPreviewCard, PostizIcon, RedditEngagementControls, RedditIcon, RedditOpportunityCard, Response, SecretInput, ServiceIcon, SlackIcon, SocialMediaCanvas, StreamErrorMessage, StreamStatusIndicator, StreamingText, SuccessToast, Suggestions, TagInput, TelegramIcon, TokenUsageCard, TrialPlanCard, UserMessage, WhatsAppIcon, Window, WorkflowCard, WorkflowErrorAlert, WorkflowLoadingSkeleton, WorkflowProgressBar, WorkflowResultPanel, WorkflowStatusBadge, WorkflowStatusCard, XIcon, YouTubeIcon, categorizeProgress, clearToolCalls, darkTheme, getCategoryColor, getCategoryIcon, getCharacterCount, getCharacterLimitColor, getCharacterLimitPercentage, isMobileDevice, isWithinCharLimit, lightTheme, normalizePlatform, registerToolCall, tokens, useIsLandscape, useKeyboardDetection, useLocalStorage, useNetworkStatus };
+export { ActionButtons, Actions, AgentState, AssistantMessage, AssistantThinking, AuthButton, AuthInput, BillingToggle, Button2 as Button, CATEGORY_CONFIGS, CategoryNav, ChatInput, ConnectionStatusBadge, UserMessage2 as CopilotUserMessage, DarkNotificationCard, ErrorBanner, ErrorToast, FacebookIcon, FileAttachment, Footer, GlobalStyle, GmailIcon, Header, Icon, IconNames, Input2 as Input, InstagramIcon, IntegrationCard, Layout, LinkedInIcon, Messages, MessagesList, MessagesListContainer, MessagesListContent, NavHorizontal, NavVertical, NotificationCard, PLATFORM_CONFIGS, PaneMenus, PaneSectionHeader, PasswordInput, PlatformCarousel, PlatformGrid, PostApprovalControls, PostPreviewCard, PostizIcon, RedditEngagementControls, RedditIcon, RedditOpportunityCard, Response, SecretInput, ServiceIcon, SlackIcon, SocialMediaCanvas, StreamErrorMessage, StreamStatusIndicator, StreamingText, SuccessToast, Suggestions, TagInput, TelegramIcon, TokenUsageCard, TrialPlanCard, TwilioIcon, UserMessage, WhatsAppIcon, Window, WorkflowCard, WorkflowErrorAlert, WorkflowLoadingSkeleton, WorkflowProgressBar, WorkflowResultPanel, WorkflowStatusBadge, WorkflowStatusCard, XIcon, YouTubeIcon, categorizeProgress, clearToolCalls, darkTheme, getCategoryColor, getCategoryIcon, getCharacterCount, getCharacterLimitColor, getCharacterLimitPercentage, isMobileDevice, isWithinCharLimit, lightTheme, normalizePlatform, registerToolCall, tokens, useIsLandscape, useKeyboardDetection, useLocalStorage, useNetworkStatus };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map