@humain/ui 2.1.62 → 2.1.65

package/dist/index186.js.map

@@ -1 +1 @@
-{"version":3,"file":"index186.js","names":[],"sources":["../src/components/organisms/content/ActivityFeed/ActivityFeed.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\nimport { Badge, type BadgeProps } from '@/components/atoms/display/Badge';\nimport { Avatar, type AvatarProps } from '@/components/molecules/data/Avatar';\nimport { FileTypeIcon } from '@/components/molecules/files/FileUpload';\nimport { cn } from '@/lib/utils';\n\n/* -------------------------------------------------------------------------------------------------\n * ActivityFeed Types and Variants\n * -------------------------------------------------------------------------------------------------*/\n\nconst activityFeedVariants = cva('flex flex-col', {\n  variants: {\n    divider: {\n      divider: 'divide-y divide-border',\n      connector: 'px-6 py-4',\n      none: 'gap-4',\n    },\n  },\n  defaultVariants: {\n    divider: 'divider',\n  },\n});\n\nconst activityItemVariants = cva('flex gap-3 relative', {\n  variants: {\n    type: {\n      notifications: '',\n      messages: '',\n    },\n    divider: {\n      divider: 'px-4 py-4',\n      connector: 'pt-0',\n      none: 'px-4 py-4',\n    },\n  },\n  defaultVariants: {\n    type: 'notifications',\n    divider: 'divider',\n  },\n});\n\n/* -------------------------------------------------------------------------------------------------\n * ActivityFeedItemContent - Renders different content types\n * -------------------------------------------------------------------------------------------------*/\n\nexport type ActivityItemContentType = 'file' | 'message' | 'labels' | 'simple';\n\nexport interface FileContent {\n  type: 'file';\n  fileName: string;\n  fileSize: string;\n  fileExtension?: string;\n}\n\nexport interface MessageContent {\n  type: 'message';\n  message: string;\n  /** Optional @mentions to highlight */\n  mentions?: string[];\n}\n\nexport interface LabelsContent {\n  type: 'labels';\n  labels: Array<{\n    text: string;\n    color?: BadgeProps['color'];\n  }>;\n}\n\nexport interface SimpleContent {\n  type: 'simple';\n}\n\nexport type ActivityContent =\n  | FileContent\n  | MessageContent\n  | LabelsContent\n  | SimpleContent;\n\n/* -------------------------------------------------------------------------------------------------\n * ActivityFeedItem\n * -------------------------------------------------------------------------------------------------*/\n\nexport interface ActivityFeedItemProps\n  extends Omit<React.HTMLAttributes<HTMLElement>, 'content'> {\n  /** User/person info */\n  user: {\n    name: string;\n    avatarSrc?: string;\n    online?: boolean;\n  };\n  /** Timestamp (e.g., \"Just now\", \"2 mins ago\", \"5:20pm 20 Jan 2025\") */\n  timestamp: string;\n  /** Machine-readable ISO 8601 timestamp for the <time> element */\n  dateTime?: string;\n  /** Activity description with optional link text */\n  activity: {\n    /** Plain text part of activity (e.g., \"Added a file to\") */\n    text: string;\n    /** Link text to highlight (e.g., \"Marketing site redesign\") */\n    link?: string;\n    /** Link href */\n    linkHref?: string;\n  };\n  /** Additional content (file attachment, message bubble, labels) */\n  content?: ActivityContent;\n  /** Show unread dot indicator */\n  unread?: boolean;\n  /** Avatar size */\n  avatarSize?: AvatarProps['size'];\n  /** Divider style - affects connector line visibility */\n  divider?: 'divider' | 'connector' | 'none';\n  /** Feed type */\n  feedType?: 'notifications' | 'messages';\n  /** For messages type: show username handle */\n  userHandle?: string;\n  /** Whether to show content details. Defaults to true. */\n  expanded?: boolean;\n  /** Internal: whether this is the last item (hides connector) */\n  isLast?: boolean;\n}\n\nfunction getActivityFeedItemKey(item: ActivityFeedItemProps): React.Key {\n  return (\n    item.id ??\n    `${item.user.name}:${item.timestamp}:${item.activity.text}:${item.activity.link ?? 'no-link'}`\n  );\n}\n\ninterface MessageSegment {\n  key: string;\n  text: string;\n  isMention: boolean;\n}\n\nfunction escapeRegExp(value: string): string {\n  return value.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n\nfunction getMessageSegments(\n  message: string,\n  mentions: string[],\n): MessageSegment[] {\n  const mentionSet = new Set<string>();\n\n  for (const mention of mentions) {\n    const trimmedMention = mention.trim();\n    if (trimmedMention) {\n      mentionSet.add(trimmedMention);\n    }\n  }\n\n  const uniqueMentions = Array.from(mentionSet);\n\n  if (uniqueMentions.length === 0) {\n    return [];\n  }\n\n  const mentionPattern = new RegExp(\n    `@(?:${uniqueMentions.map(escapeRegExp).join('|')})`,\n    'gi',\n  );\n  const segments: MessageSegment[] = [];\n  let cursor = 0;\n\n  for (const match of message.matchAll(mentionPattern)) {\n    const start = match.index ?? 0;\n    const text = match[0];\n    const end = start + text.length;\n\n    if (start > cursor) {\n      segments.push({\n        key: `text:${cursor}:${start}`,\n        text: message.slice(cursor, start),\n        isMention: false,\n      });\n    }\n\n    segments.push({\n      key: `mention:${start}:${end}:${text.toLowerCase()}`,\n      text,\n      isMention: true,\n    });\n    cursor = end;\n  }\n\n  if (cursor < message.length) {\n    segments.push({\n      key: `text:${cursor}:${message.length}`,\n      text: message.slice(cursor),\n      isMention: false,\n    });\n  }\n\n  return segments;\n}\n\ninterface ActivityFeedItemContentProps {\n  content?: ActivityContent;\n  expanded?: boolean;\n}\n\nfunction ActivityFeedMessageContent({\n  message,\n  mentions,\n}: {\n  message: string;\n  mentions?: string[];\n}) {\n  if (!mentions || mentions.length === 0) {\n    return <>{`\"${message}\"`}</>;\n  }\n\n  return (\n    <>\n      {getMessageSegments(message, mentions).map((segment) => (\n        <span\n          key={segment.key}\n          className={\n            segment.isMention ? 'font-semibold text-primary' : undefined\n          }\n        >\n          {segment.text}\n        </span>\n      ))}\n    </>\n  );\n}\n\nfunction ActivityFeedItemContent({\n  content,\n  expanded,\n}: ActivityFeedItemContentProps) {\n  if (!content || expanded === false) return null;\n\n  switch (content.type) {\n    case 'file':\n      return (\n        <div className=\"group/file flex gap-3 items-start w-full mt-3 rounded-lg transition-[background-color,transform] duration-150 ease-out motion-reduce:transition-none hover:bg-muted/40 active:scale-[0.99] motion-reduce:active:scale-100 cursor-default\">\n          <FileTypeIcon extension={content.fileExtension} size=\"md\" />\n          <div className=\"flex flex-col min-w-0 flex-1\">\n            <p className=\"text-sm font-medium text-secondary-foreground truncate\">\n              {content.fileName}\n            </p>\n            <p className=\"text-sm text-muted-foreground\">{content.fileSize}</p>\n          </div>\n        </div>\n      );\n\n    case 'message':\n      return (\n        <div className=\"mt-3 border border-border rounded-ee-md rounded-es-md rounded-se-md p-3 shadow-xs w-full transition-shadow duration-200 ease-out hover:shadow-sm motion-reduce:transition-none\">\n          <p className=\"text-sm text-secondary-foreground\">\n            <ActivityFeedMessageContent\n              message={content.message}\n              mentions={content.mentions}\n            />\n          </p>\n        </div>\n      );\n\n    case 'labels':\n      return (\n        <div className=\"flex flex-wrap gap-1 mt-3\">\n          {content.labels.map((label, i) => (\n            <Badge\n              key={label.text}\n              variant=\"outline\"\n              color={label.color || 'primary'}\n              size=\"sm\"\n              className=\"delight-stagger transition-transform duration-150 ease-out motion-reduce:transition-none hover:scale-105 motion-reduce:hover:scale-100\"\n              style={\n                {\n                  '--delight-delay': `${i * 50}ms`,\n                } as React.CSSProperties\n              }\n            >\n              {label.text}\n            </Badge>\n          ))}\n        </div>\n      );\n\n    default:\n      return null;\n  }\n}\n\nconst ActivityFeedItem = React.memo(\n  React.forwardRef<HTMLElement, ActivityFeedItemProps>(\n    (\n      {\n        className,\n        user,\n        timestamp,\n        dateTime,\n        activity,\n        content,\n        unread = false,\n        avatarSize = 'lg',\n        divider = 'divider',\n        feedType = 'notifications',\n        userHandle,\n        expanded,\n        isLast = false,\n        ...props\n      },\n      ref,\n    ) => {\n      return (\n        <article\n          ref={ref}\n          data-slot=\"activity-feed-item\"\n          aria-label={`${user.name}: ${activity.text}${activity.link ? ` ${activity.link}` : ''}`}\n          className={cn(\n            activityItemVariants({ type: feedType, divider }),\n            'transition-colors duration-150 ease-out motion-reduce:transition-none',\n            'hover:bg-muted/30',\n            className,\n          )}\n          {...props}\n        >\n          {/* Avatar wrap with connector */}\n          <div\n            className={cn(\n              'flex flex-col items-center gap-0.5 self-stretch shrink-0',\n              divider === 'connector' && !isLast && 'pb-0.5',\n            )}\n          >\n            <Avatar\n              src={user.avatarSrc}\n              fallback={user.name}\n              size={avatarSize}\n              indicator={\n                user.online === true\n                  ? 'online'\n                  : user.online === false\n                    ? 'offline'\n                    : undefined\n              }\n            />\n            {/* Connector line - only show for connector divider and not last item */}\n            {divider === 'connector' && !isLast && (\n              <div className=\"flex-1 w-0.5 min-h-4 rounded-sm bg-border delight-connector-grow\" />\n            )}\n          </div>\n\n          {/* Content */}\n          <div\n            className={cn(\n              'flex flex-col flex-1 min-w-0',\n              divider === 'connector' && 'pb-8',\n            )}\n          >\n            {/* Header */}\n            <div className=\"flex flex-col\">\n              <div className=\"flex items-center gap-2 flex-wrap\">\n                <span className=\"text-sm font-medium text-secondary-foreground\">\n                  {user.name}\n                </span>\n                {feedType === 'messages' && userHandle && (\n                  <span className=\"text-sm text-muted-foreground\">\n                    @{userHandle}\n                  </span>\n                )}\n                {dateTime ? (\n                  <time\n                    dateTime={dateTime}\n                    className=\"text-xs text-muted-foreground\"\n                  >\n                    {timestamp}\n                  </time>\n                ) : (\n                  <span className=\"text-xs text-muted-foreground\">\n                    {timestamp}\n                  </span>\n                )}\n              </div>\n\n              {/* Activity description */}\n              <p className=\"text-sm text-muted-foreground\">\n                {activity.text}\n                {activity.link && (\n                  <>\n                    {' '}\n                    {activity.linkHref ? (\n                      <a\n                        href={activity.linkHref}\n                        className=\"font-medium text-primary hover:text-primary/80 transition-colors duration-150 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1 rounded-sm\"\n                      >\n                        {activity.link}\n                      </a>\n                    ) : (\n                      <span className=\"font-medium text-secondary-foreground\">\n                        {activity.link}\n                      </span>\n                    )}\n                  </>\n                )}\n              </p>\n            </div>\n\n            {/* Additional content */}\n            <ActivityFeedItemContent content={content} expanded={expanded} />\n          </div>\n\n          {/* Unread indicator */}\n          {unread && (\n            <div className=\"absolute top-2 end-1 size-2.5\" aria-hidden=\"true\">\n              <div className=\"size-2 rounded-full bg-primary delight-unread-pulse\" />\n            </div>\n          )}\n        </article>\n      );\n    },\n  ),\n);\n\nActivityFeedItem.displayName = 'ActivityFeedItem';\n\n/* -------------------------------------------------------------------------------------------------\n * ActivityFeed\n * -------------------------------------------------------------------------------------------------*/\n\nexport interface ActivityFeedProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof activityFeedVariants> {\n  /** Feed items */\n  items?: ActivityFeedItemProps[];\n  /** Feed type affects styling */\n  type?: 'notifications' | 'messages';\n  /** Whether the feed is loading/updating (sets aria-busy) */\n  loading?: boolean;\n  /** Children (alternative to items prop — note: stagger animations are not auto-applied to children) */\n  children?: React.ReactNode;\n}\n\nconst ActivityFeed = React.forwardRef<HTMLDivElement, ActivityFeedProps>(\n  (\n    {\n      className,\n      divider = 'divider',\n      items,\n      type = 'notifications',\n      loading,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"activity-feed\"\n        role=\"feed\"\n        aria-label=\"Activity feed\"\n        aria-busy={loading || undefined}\n        className={cn(activityFeedVariants({ divider }), className)}\n        {...props}\n      >\n        {items\n          ? items.map((item, index) => (\n              <ActivityFeedItem\n                key={getActivityFeedItemKey(item)}\n                {...item}\n                aria-setsize={items.length}\n                aria-posinset={index + 1}\n                divider={divider ?? 'divider'}\n                feedType={type}\n                isLast={index === items.length - 1}\n                className={cn('delight-stagger', item.className)}\n                style={\n                  {\n                    '--delight-delay': `${index * 60}ms`,\n                    ...item.style,\n                  } as React.CSSProperties\n                }\n              />\n            ))\n          : children}\n      </div>\n    );\n  },\n);\n\nActivityFeed.displayName = 'ActivityFeed';\n\nexport {\n  ActivityFeed,\n  ActivityFeedItem,\n  activityFeedVariants,\n  activityItemVariants,\n};\n"],"mappings":";;;;;;;;AAWA,IAAM,uBAAuB,IAAI,iBAAiB;CAChD,UAAU,EACR,SAAS;EACP,SAAS;EACT,WAAW;EACX,MAAM;CACR,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC;AAED,IAAM,uBAAuB,IAAI,uBAAuB;CACtD,UAAU;EACR,MAAM;GACJ,eAAe;GACf,UAAU;EACZ;EACA,SAAS;GACP,SAAS;GACT,WAAW;GACX,MAAM;EACR;CACF;CACA,iBAAiB;EACf,MAAM;EACN,SAAS;CACX;AACF,CAAC;AAmFD,SAAS,uBAAuB,MAAwC;CACtE,OACE,KAAK,MACL,GAAG,KAAK,KAAK,KAAK,GAAG,KAAK,UAAU,GAAG,KAAK,SAAS,KAAK,GAAG,KAAK,SAAS,QAAQ;AAEvF;AAQA,SAAS,aAAa,OAAuB;CAC3C,OAAO,MAAM,QAAQ,uBAAuB,MAAM;AACpD;AAEA,SAAS,mBACP,SACA,UACkB;CAClB,MAAM,6BAAa,IAAI,IAAY;CAEnC,KAAK,MAAM,WAAW,UAAU;EAC9B,MAAM,iBAAiB,QAAQ,KAAK;EACpC,IAAI,gBACF,WAAW,IAAI,cAAc;CAEjC;CAEA,MAAM,iBAAiB,MAAM,KAAK,UAAU;CAE5C,IAAI,eAAe,WAAW,GAC5B,OAAO,CAAC;CAGV,MAAM,iBAAiB,IAAI,OACzB,OAAO,eAAe,IAAI,YAAY,CAAC,CAAC,KAAK,GAAG,EAAE,IAClD,IACF;CACA,MAAM,WAA6B,CAAC;CACpC,IAAI,SAAS;CAEb,KAAK,MAAM,SAAS,QAAQ,SAAS,cAAc,GAAG;EACpD,MAAM,QAAQ,MAAM,SAAS;EAC7B,MAAM,OAAO,MAAM;EACnB,MAAM,MAAM,QAAQ,KAAK;EAEzB,IAAI,QAAQ,QACV,SAAS,KAAK;GACZ,KAAK,QAAQ,OAAO,GAAG;GACvB,MAAM,QAAQ,MAAM,QAAQ,KAAK;GACjC,WAAW;EACb,CAAC;EAGH,SAAS,KAAK;GACZ,KAAK,WAAW,MAAM,GAAG,IAAI,GAAG,KAAK,YAAY;GACjD;GACA,WAAW;EACb,CAAC;EACD,SAAS;CACX;CAEA,IAAI,SAAS,QAAQ,QACnB,SAAS,KAAK;EACZ,KAAK,QAAQ,OAAO,GAAG,QAAQ;EAC/B,MAAM,QAAQ,MAAM,MAAM;EAC1B,WAAW;CACb,CAAC;CAGH,OAAO;AACT;AAOA,SAAS,2BAA2B,EAClC,SACA,YAIC;CACD,IAAI,CAAC,YAAY,SAAS,WAAW,GACnC,OAAO,oBAAA,UAAA,EAAA,UAAG,IAAI,QAAQ,GAAK,CAAA;CAG7B,OACE,oBAAA,UAAA,EAAA,UACG,mBAAmB,SAAS,QAAQ,CAAC,CAAC,KAAK,YAC1C,oBAAC,QAAD;EAEE,WACE,QAAQ,YAAY,+BAA+B,KAAA;YAGpD,QAAQ;CACL,GANC,QAAQ,GAMT,CACP,EACD,CAAA;AAEN;AAEA,SAAS,wBAAwB,EAC/B,SACA,YAC+B;CAC/B,IAAI,CAAC,WAAW,aAAa,OAAO,OAAO;CAE3C,QAAQ,QAAQ,MAAhB;EACE,KAAK,QACH,OACE,qBAAC,OAAD;GAAK,WAAU;aAAf,CACE,oBAAC,cAAD;IAAc,WAAW,QAAQ;IAAe,MAAK;GAAM,CAAA,GAC3D,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,KAAD;KAAG,WAAU;eACV,QAAQ;IACR,CAAA,GACH,oBAAC,KAAD;KAAG,WAAU;eAAiC,QAAQ;IAAY,CAAA,CAC/D;KACF;;EAGT,KAAK,WACH,OACE,oBAAC,OAAD;GAAK,WAAU;aACb,oBAAC,KAAD;IAAG,WAAU;cACX,oBAAC,4BAAD;KACE,SAAS,QAAQ;KACjB,UAAU,QAAQ;IACnB,CAAA;GACA,CAAA;EACA,CAAA;EAGT,KAAK,UACH,OACE,oBAAC,OAAD;GAAK,WAAU;aACZ,QAAQ,OAAO,KAAK,OAAO,MAC1B,oBAAC,OAAD;IAEE,SAAQ;IACR,OAAO,MAAM,SAAS;IACtB,MAAK;IACL,WAAU;IACV,OACE,EACE,mBAAmB,GAAG,IAAI,GAAG,IAC/B;cAGD,MAAM;GACF,GAZA,MAAM,IAYN,CACR;EACE,CAAA;EAGT,SACE,OAAO;CACX;AACF;AAEA,IAAM,mBAAmB,MAAM,KAC7B,MAAM,YAEF,EACE,WACA,MACA,WACA,UACA,UACA,SACA,SAAS,OACT,aAAa,MACb,UAAU,WACV,WAAW,iBACX,YACA,UACA,SAAS,OACT,GAAG,SAEL,QACG;CACH,OACE,qBAAC,WAAD;EACO;EACL,aAAU;EACV,cAAY,GAAG,KAAK,KAAK,IAAI,SAAS,OAAO,SAAS,OAAO,IAAI,SAAS,SAAS;EACnF,WAAW,GACT,qBAAqB;GAAE,MAAM;GAAU;EAAQ,CAAC,GAChD,yEACA,qBACA,SACF;EACA,GAAI;YAVN;GAaE,qBAAC,OAAD;IACE,WAAW,GACT,4DACA,YAAY,eAAe,CAAC,UAAU,QACxC;cAJF,CAME,oBAAC,QAAD;KACE,KAAK,KAAK;KACV,UAAU,KAAK;KACf,MAAM;KACN,WACE,KAAK,WAAW,OACZ,WACA,KAAK,WAAW,QACd,YACA,KAAA;IAET,CAAA,GAEA,YAAY,eAAe,CAAC,UAC3B,oBAAC,OAAD,EAAK,WAAU,mEAAoE,CAAA,CAElF;;GAGL,qBAAC,OAAD;IACE,WAAW,GACT,gCACA,YAAY,eAAe,MAC7B;cAJF,CAOE,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,qBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,oBAAC,QAAD;QAAM,WAAU;kBACb,KAAK;OACF,CAAA;OACL,aAAa,cAAc,cAC1B,qBAAC,QAAD;QAAM,WAAU;kBAAhB,CAAgD,KAC5C,UACE;;OAEP,WACC,oBAAC,QAAD;QACY;QACV,WAAU;kBAET;OACG,CAAA,IAEN,oBAAC,QAAD;QAAM,WAAU;kBACb;OACG,CAAA;MAEL;SAGL,qBAAC,KAAD;MAAG,WAAU;gBAAb,CACG,SAAS,MACT,SAAS,QACR,qBAAA,UAAA,EAAA,UAAA,CACG,KACA,SAAS,WACR,oBAAC,KAAD;OACE,MAAM,SAAS;OACf,WAAU;iBAET,SAAS;MACT,CAAA,IAEH,oBAAC,QAAD;OAAM,WAAU;iBACb,SAAS;MACN,CAAA,CAER,EAAA,CAAA,CAEH;OACA;QAGL,oBAAC,yBAAD;KAAkC;KAAmB;IAAW,CAAA,CAC7D;;GAGJ,UACC,oBAAC,OAAD;IAAK,WAAU;IAAgC,eAAY;cACzD,oBAAC,OAAD,EAAK,WAAU,sDAAuD,CAAA;GACnE,CAAA;EAEA;;AAEb,CACF,CACF;AAEA,iBAAiB,cAAc;AAmB/B,IAAM,eAAe,MAAM,YAEvB,EACE,WACA,UAAU,WACV,OACA,OAAO,iBACP,SACA,UACA,GAAG,SAEL,QACG;CACH,OACE,oBAAC,OAAD;EACO;EACL,aAAU;EACV,MAAK;EACL,cAAW;EACX,aAAW,WAAW,KAAA;EACtB,WAAW,GAAG,qBAAqB,EAAE,QAAQ,CAAC,GAAG,SAAS;EAC1D,GAAI;YAEH,QACG,MAAM,KAAK,MAAM,UACf,oBAAC,kBAAD;GAEE,GAAI;GACJ,gBAAc,MAAM;GACpB,iBAAe,QAAQ;GACvB,SAAS,WAAW;GACpB,UAAU;GACV,QAAQ,UAAU,MAAM,SAAS;GACjC,WAAW,GAAG,mBAAmB,KAAK,SAAS;GAC/C,OACE;IACE,mBAAmB,GAAG,QAAQ,GAAG;IACjC,GAAG,KAAK;GACV;EAEH,GAdM,uBAAuB,IAAI,CAcjC,CACF,IACD;CACD,CAAA;AAET,CACF;AAEA,aAAa,cAAc"}
+{"version":3,"file":"index186.js","names":[],"sources":["../src/components/organisms/ai/AIToolRun/AIToolRun.tsx"],"sourcesContent":["'use client';\n\nimport {\n  AlertCircle,\n  Check,\n  ChevronDown,\n  ChevronRight,\n  CirclePause,\n  Clock,\n  Wrench,\n} from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from '@/components/atoms/buttons/Button';\nimport { Progress } from '@/components/atoms/display/Progress';\nimport { Card } from '@/components/atoms/layout/Card';\nimport { formatAIDuration } from '@/components/organisms/ai/_shared/format-ai-duration';\nimport {\n  WorkflowStepRenderer,\n  type WorkflowStepStatus,\n  type WorkflowStepViewModel,\n} from '@/components/organisms/ai/_shared/workflow-step-renderer';\nimport { AISource } from '@/components/organisms/ai/AISource';\nimport { AIToolCallList } from '@/components/organisms/ai/AIToolCall';\nimport { assertNever, cn } from '@/lib/utils';\nimport {\n  type AIToolRunAction,\n  type AIToolRunActionEvent,\n  type AIToolRunActionKind,\n  type AIToolRunProgress,\n  type AIToolRunSnapshot,\n  type AIToolRunSource,\n  type AIToolRunStep,\n  type AIToolRunTechnicalDetails,\n  validateAIToolRunSnapshot,\n} from './validation';\n\nexport interface AIToolRunProps\n  extends Omit<\n    React.ComponentPropsWithoutRef<'section'>,\n    'children' | 'dangerouslySetInnerHTML'\n  > {\n  run: AIToolRunSnapshot;\n  headingLevel?: 2 | 3 | 4 | 5 | 6;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  expandedStepIds?: readonly string[];\n  defaultExpandedStepIds?: readonly string[];\n  onExpandedStepIdsChange?: (ids: readonly string[]) => void;\n  onAction?: (event: AIToolRunActionEvent) => void;\n}\n\ninterface AIToolRunRuntimeBoundaryInput\n  extends Omit<\n    AIToolRunProps,\n    | 'run'\n    | 'headingLevel'\n    | 'open'\n    | 'defaultOpen'\n    | 'expandedStepIds'\n    | 'defaultExpandedStepIds'\n  > {\n  run: unknown;\n  dangerouslySetInnerHTML?: unknown;\n  headingLevel?: unknown;\n  open?: unknown;\n  defaultOpen?: unknown;\n  expandedStepIds?: unknown;\n  defaultExpandedStepIds?: unknown;\n}\n\ninterface AIToolRunViewOptions {\n  headingLevel?: AIToolRunProps['headingLevel'];\n  open?: boolean;\n  defaultOpen?: boolean;\n  expandedStepIds?: readonly string[];\n  defaultExpandedStepIds?: readonly string[];\n}\n\ntype AIToolRunViewValidationResult =\n  | { valid: true; value: AIToolRunViewOptions }\n  | { valid: false; issues: readonly string[] };\n\nconst MAX_RUNTIME_EXPANDED_STEP_IDS = 10_000;\nconst INVALID_RUNTIME_STRING_ARRAY = Symbol('invalid-runtime-string-array');\nconst ARRAY_PROTOTYPE_MEMBER_KEYS = Reflect.ownKeys(Array.prototype).filter(\n  (key) => key !== 'length',\n);\n\nfunction cloneRuntimeStringArray(\n  value: unknown,\n): string[] | typeof INVALID_RUNTIME_STRING_ARRAY {\n  try {\n    if (!Array.isArray(value)) {\n      return INVALID_RUNTIME_STRING_ARRAY;\n    }\n\n    const lengthDescriptor = Reflect.getOwnPropertyDescriptor(value, 'length');\n    if (\n      lengthDescriptor === undefined ||\n      lengthDescriptor.enumerable ||\n      !Object.hasOwn(lengthDescriptor, 'value') ||\n      typeof lengthDescriptor.value !== 'number' ||\n      !Number.isInteger(lengthDescriptor.value) ||\n      lengthDescriptor.value < 0 ||\n      lengthDescriptor.value > MAX_RUNTIME_EXPANDED_STEP_IDS ||\n      !Object.is(Reflect.get(value, 'length'), lengthDescriptor.value)\n    ) {\n      return INVALID_RUNTIME_STRING_ARRAY;\n    }\n\n    for (const key of ARRAY_PROTOTYPE_MEMBER_KEYS) {\n      if (Reflect.getOwnPropertyDescriptor(value, key) !== undefined) {\n        return INVALID_RUNTIME_STRING_ARRAY;\n      }\n    }\n\n    const copy: string[] = [];\n    for (let index = 0; index < lengthDescriptor.value; index += 1) {\n      const key = String(index);\n      const descriptor = Reflect.getOwnPropertyDescriptor(value, key);\n      if (\n        descriptor === undefined ||\n        descriptor.enumerable !== true ||\n        !Object.hasOwn(descriptor, 'value') ||\n        typeof descriptor.value !== 'string' ||\n        !Object.is(Reflect.get(value, key), descriptor.value)\n      ) {\n        return INVALID_RUNTIME_STRING_ARRAY;\n      }\n      copy.push(descriptor.value);\n    }\n    return copy;\n  } catch {\n    return INVALID_RUNTIME_STRING_ARRAY;\n  }\n}\n\nfunction validateRuntimeViewProps({\n  headingLevel,\n  open,\n  defaultOpen,\n  expandedStepIds,\n  defaultExpandedStepIds,\n}: Pick<\n  AIToolRunRuntimeBoundaryInput,\n  | 'headingLevel'\n  | 'open'\n  | 'defaultOpen'\n  | 'expandedStepIds'\n  | 'defaultExpandedStepIds'\n>): AIToolRunViewValidationResult {\n  const issues: string[] = [];\n  let validatedExpandedStepIds: string[] | undefined;\n  let validatedDefaultExpandedStepIds: string[] | undefined;\n\n  if (\n    headingLevel !== undefined &&\n    (typeof headingLevel !== 'number' ||\n      !Number.isInteger(headingLevel) ||\n      headingLevel < 2 ||\n      headingLevel > 6)\n  ) {\n    issues.push('headingLevel must be an integer from 2 through 6');\n  }\n  if (open !== undefined && typeof open !== 'boolean') {\n    issues.push('open must be a boolean');\n  }\n  if (defaultOpen !== undefined && typeof defaultOpen !== 'boolean') {\n    issues.push('defaultOpen must be a boolean');\n  }\n  if (expandedStepIds !== undefined) {\n    const cloned = cloneRuntimeStringArray(expandedStepIds);\n    if (cloned === INVALID_RUNTIME_STRING_ARRAY) {\n      issues.push('expandedStepIds must be an array of strings');\n    } else {\n      validatedExpandedStepIds = cloned;\n    }\n  }\n  if (defaultExpandedStepIds !== undefined) {\n    const cloned = cloneRuntimeStringArray(defaultExpandedStepIds);\n    if (cloned === INVALID_RUNTIME_STRING_ARRAY) {\n      issues.push('defaultExpandedStepIds must be an array of strings');\n    } else {\n      validatedDefaultExpandedStepIds = cloned;\n    }\n  }\n\n  if (issues.length > 0) return { valid: false, issues };\n\n  return {\n    valid: true,\n    value: {\n      ...(headingLevel === undefined\n        ? {}\n        : { headingLevel: headingLevel as AIToolRunProps['headingLevel'] }),\n      ...(open === undefined ? {} : { open: open as boolean }),\n      ...(defaultOpen === undefined\n        ? {}\n        : { defaultOpen: defaultOpen as boolean }),\n      ...(expandedStepIds === undefined\n        ? {}\n        : { expandedStepIds: validatedExpandedStepIds }),\n      ...(defaultExpandedStepIds === undefined\n        ? {}\n        : {\n            defaultExpandedStepIds: validatedDefaultExpandedStepIds,\n          }),\n    },\n  };\n}\n\nconst InvalidAIToolRun = React.forwardRef<\n  HTMLElement,\n  React.ComponentPropsWithoutRef<'section'>\n>(({ className, ...sectionProps }, ref) => (\n  <section\n    {...sectionProps}\n    ref={ref}\n    data-slot=\"ai-tool-run\"\n    role=\"alert\"\n    aria-label=\"Tool run\"\n    className={cn('w-full min-w-0', className)}\n  >\n    Unable to display tool run.\n  </section>\n));\n\nInvalidAIToolRun.displayName = 'InvalidAIToolRun';\n\nconst RUN_STATUS_LABELS = {\n  ready: 'Ready',\n  running: 'Running',\n  paused: 'Paused',\n  completed: 'Completed',\n  error: 'Failed',\n} as const satisfies Record<AIToolRunSnapshot['status'], string>;\n\nconst STANDARD_ACTION_LABELS = {\n  start: 'Start',\n  pause: 'Pause',\n  resume: 'Resume',\n  retry: 'Retry',\n  dismiss: 'Dismiss',\n} as const satisfies Record<Exclude<AIToolRunActionKind, 'custom'>, string>;\n\nconst PAUSED_PROGRESS_CLASS_NAME =\n  '[&_[data-slot=progress-indicator]]:!transition-none [&_[data-slot=progress-indicator]]:!animate-none';\n\nfunction RunStatusIcon({ status }: { status: AIToolRunSnapshot['status'] }) {\n  switch (status) {\n    case 'ready':\n      return (\n        <Wrench aria-hidden=\"true\" className=\"size-4 text-muted-foreground\" />\n      );\n    case 'running':\n      return (\n        <Clock\n          aria-hidden=\"true\"\n          className=\"size-4 text-primary animate-pulse motion-reduce:animate-none\"\n        />\n      );\n    case 'paused':\n      return <CirclePause aria-hidden=\"true\" className=\"size-4 text-warning\" />;\n    case 'completed':\n      return <Check aria-hidden=\"true\" className=\"size-4 text-success\" />;\n    case 'error':\n      return (\n        <AlertCircle aria-hidden=\"true\" className=\"size-4 text-destructive\" />\n      );\n    default:\n      return assertNever(status);\n  }\n}\n\nRunStatusIcon.displayName = 'RunStatusIcon';\n\nfunction getActionLabel(action: AIToolRunAction): string {\n  if (action.kind === 'custom') return action.label;\n  return action.label ?? STANDARD_ACTION_LABELS[action.kind];\n}\n\nfunction getPoliteAnnouncement(run: AIToolRunSnapshot): string {\n  if (run.status === 'error') return '';\n\n  const activeStep =\n    run.activeStepId === undefined\n      ? undefined\n      : run.steps.find((step) => step.toolCall.toolCallId === run.activeStepId);\n  const statusLabel = RUN_STATUS_LABELS[run.status];\n\n  return activeStep\n    ? `${statusLabel}. Current step: ${activeStep.title ?? activeStep.toolCall.toolName}.`\n    : `${statusLabel}.`;\n}\n\nfunction getWorkflowStepStatus(\n  runStatus: AIToolRunSnapshot['status'],\n  step: AIToolRunStep,\n): WorkflowStepStatus {\n  const toolStatus = step.toolCall.status;\n  switch (toolStatus) {\n    case 'pending':\n      return 'pending';\n    case 'running':\n      return runStatus === 'paused' ? 'suspended' : 'running';\n    case 'success':\n      return 'completed';\n    case 'error':\n      return 'error';\n    default:\n      return assertNever(toolStatus);\n  }\n}\n\nfunction AIToolRunStepContent({\n  progress,\n  sources,\n  title,\n  paused,\n  technicalDetails,\n}: {\n  progress?: AIToolRunProgress;\n  sources: readonly AIToolRunSource[];\n  title: string;\n  paused: boolean;\n  technicalDetails?: AIToolRunTechnicalDetails;\n}) {\n  const failedToolCallIds =\n    technicalDetails?.toolCalls.flatMap((toolCall) =>\n      toolCall.status === 'error' ? [toolCall.toolCallId] : [],\n    ) ?? [];\n\n  return (\n    <div className=\"grid min-w-0 gap-3\">\n      {progress && (\n        <Progress\n          value={progress.value}\n          label={progress.label}\n          subLabel={progress.meta}\n          className={paused ? PAUSED_PROGRESS_CLASS_NAME : undefined}\n        />\n      )}\n      {sources.length > 0 && (\n        <ul aria-label={`Sources for ${title}`} className=\"grid min-w-0 gap-2\">\n          {sources.map((item, index) => (\n            <li\n              key={`${item.id}-${index}`}\n              className=\"flex min-w-0 items-center gap-2\"\n            >\n              {item.kind === 'reference' ? (\n                <span\n                  data-slot=\"ai-tool-run-reference\"\n                  className=\"min-w-0 truncate text-sm text-secondary-foreground\"\n                  title={item.description}\n                >\n                  {item.title}\n                </span>\n              ) : (\n                <AISource\n                  source={item}\n                  variant=\"minimal\"\n                  showTooltip={false}\n                  className=\"min-w-0 max-w-none\"\n                />\n              )}\n            </li>\n          ))}\n        </ul>\n      )}\n      {technicalDetails && technicalDetails.toolCalls.length > 0 && (\n        <div className=\"grid min-w-0 gap-2\">\n          {technicalDetails.label && (\n            <p className=\"text-xs font-medium text-secondary-foreground\">\n              {technicalDetails.label}\n            </p>\n          )}\n          <AIToolCallList\n            toolCalls={technicalDetails.toolCalls}\n            defaultOpenToolCallIds={failedToolCallIds}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\nAIToolRunStepContent.displayName = 'AIToolRunStepContent';\n\nfunction toWorkflowStep(\n  runStatus: AIToolRunSnapshot['status'],\n  step: AIToolRunStep,\n  sourcesById: ReadonlyMap<string, AIToolRunSource>,\n): WorkflowStepViewModel {\n  const title = step.title ?? step.toolCall.toolName;\n  const stepSources = (step.sourceIds ?? []).flatMap((sourceId) => {\n    const source = sourcesById.get(sourceId);\n    return source === undefined ? [] : [source];\n  });\n  const hasContent =\n    step.progress !== undefined ||\n    stepSources.length > 0 ||\n    step.technicalDetails !== undefined;\n\n  return {\n    id: step.toolCall.toolCallId,\n    title,\n    description: step.description,\n    contextLabel: step.context?.label,\n    status: getWorkflowStepStatus(runStatus, step),\n    content: hasContent ? (\n      <AIToolRunStepContent\n        progress={step.progress}\n        sources={stepSources}\n        title={title}\n        paused={runStatus === 'paused'}\n        technicalDetails={step.technicalDetails}\n      />\n    ) : undefined,\n    durationMs: step.durationMs,\n    error: step.toolCall.status === 'error' ? step.toolCall.error : undefined,\n  };\n}\n\nfunction useAIToolRunOpenState({\n  open,\n  defaultOpen,\n  onOpenChange,\n}: Pick<AIToolRunProps, 'open' | 'defaultOpen' | 'onOpenChange'>) {\n  const isControlled = open !== undefined;\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(\n    defaultOpen ?? true,\n  );\n  const lastControlledOpenRef = React.useRef(open ?? uncontrolledOpen);\n  const wasControlledRef = React.useRef(isControlled);\n\n  React.useLayoutEffect(() => {\n    if (open !== undefined) {\n      lastControlledOpenRef.current = open;\n    }\n  }, [open]);\n\n  React.useLayoutEffect(() => {\n    const wasControlled = wasControlledRef.current;\n    wasControlledRef.current = isControlled;\n\n    if (isControlled || !wasControlled) {\n      return;\n    }\n\n    setUncontrolledOpen((currentOpen) =>\n      currentOpen === lastControlledOpenRef.current\n        ? currentOpen\n        : lastControlledOpenRef.current,\n    );\n  }, [isControlled]);\n\n  const setOpen = React.useCallback(\n    (nextOpen: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(nextOpen);\n      }\n      onOpenChange?.(nextOpen);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  return [isControlled ? open : uncontrolledOpen, setOpen] as const;\n}\n\nconst AIToolRunPresentation = React.forwardRef<HTMLElement, AIToolRunProps>(\n  (\n    {\n      run,\n      headingLevel = 2,\n      open,\n      defaultOpen,\n      onOpenChange,\n      expandedStepIds,\n      defaultExpandedStepIds,\n      onExpandedStepIdsChange,\n      onAction,\n      className,\n      ...sectionProps\n    },\n    ref,\n  ) => {\n    const headingId = React.useId();\n    const detailsId = React.useId();\n    const Heading = `h${headingLevel}` as 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n    const [isOpen, setIsOpen] = useAIToolRunOpenState({\n      open,\n      defaultOpen,\n      onOpenChange,\n    });\n    const sourcesById = React.useMemo(\n      () => new Map((run.sources ?? []).map((source) => [source.id, source])),\n      [run.sources],\n    );\n    const workflowSteps = React.useMemo(\n      () =>\n        run.steps.map((step) => toWorkflowStep(run.status, step, sourcesById)),\n      [run.status, run.steps, sourcesById],\n    );\n    const initialExpandedStepIds = React.useMemo(() => {\n      const requested = new Set(defaultExpandedStepIds);\n      for (const step of run.steps) {\n        if (step.toolCall.status === 'error') {\n          requested.add(step.toolCall.toolCallId);\n        }\n      }\n      return run.steps.flatMap((step) =>\n        requested.has(step.toolCall.toolCallId)\n          ? [step.toolCall.toolCallId]\n          : [],\n      );\n    }, [defaultExpandedStepIds, run.steps]);\n    const rootError = run.status === 'error' ? run.error.message : undefined;\n    const politeAnnouncement = getPoliteAnnouncement(run);\n    const { 'aria-busy': _ariaBusy, ...nativeSectionProps } = sectionProps;\n\n    return (\n      <section\n        {...nativeSectionProps}\n        ref={ref}\n        data-slot=\"ai-tool-run\"\n        aria-labelledby={headingId}\n        className={cn('relative w-full min-w-0', className)}\n      >\n        <Card\n          aria-busy={run.status === 'running' ? true : undefined}\n          className=\"rounded-2xl\"\n        >\n          <Card.Header>\n            <div className=\"grid min-w-0 gap-1\">\n              <div className=\"flex min-w-0 items-center gap-2 text-xs font-medium text-secondary-foreground\">\n                <RunStatusIcon status={run.status} />\n                <span>Status: {RUN_STATUS_LABELS[run.status]}</span>\n                {run.durationMs !== undefined && (\n                  <span>{formatAIDuration(run.durationMs)}</span>\n                )}\n              </div>\n              <Heading\n                id={headingId}\n                className=\"min-w-0 truncate text-base font-semibold text-foreground\"\n              >\n                {run.header.title}\n              </Heading>\n              {run.header.description && (\n                <p className=\"line-clamp-2 text-sm text-secondary-foreground\">\n                  {run.header.description}\n                </p>\n              )}\n              {run.header.metadata && run.header.metadata.length > 0 && (\n                <dl className=\"flex flex-wrap gap-x-3 gap-y-1 text-xs text-secondary-foreground\">\n                  {run.header.metadata.map((item, index) => (\n                    <div\n                      key={`${item.label}-${index}`}\n                      className=\"flex min-w-0 items-center gap-1\"\n                    >\n                      <dt className=\"text-muted-foreground\">{item.label}:</dt>\n                      <dd className=\"min-w-0 truncate\">{item.value}</dd>\n                    </div>\n                  ))}\n                </dl>\n              )}\n              {!isOpen && run.progress && (\n                <Progress\n                  value={run.progress.value}\n                  label={run.progress.label}\n                  subLabel={run.progress.meta}\n                  className={\n                    run.status === 'paused'\n                      ? PAUSED_PROGRESS_CLASS_NAME\n                      : undefined\n                  }\n                />\n              )}\n            </div>\n            <Card.Action>\n              <Button\n                appearance=\"ghost\"\n                variant=\"secondary\"\n                size=\"icon-xl\"\n                iconOnly\n                aria-label={isOpen ? 'Collapse tool run' : 'Expand tool run'}\n                aria-expanded={isOpen}\n                aria-controls={detailsId}\n                onClick={() => setIsOpen(!isOpen)}\n              >\n                {isOpen ? (\n                  <ChevronDown aria-hidden=\"true\" />\n                ) : (\n                  <ChevronRight aria-hidden=\"true\" className=\"rtl:rotate-180\" />\n                )}\n              </Button>\n            </Card.Action>\n          </Card.Header>\n          <Card.Content\n            id={detailsId}\n            hidden={!isOpen}\n            className=\"grid min-w-0 gap-4\"\n          >\n            {run.progress && (\n              <Progress\n                value={run.progress.value}\n                label={run.progress.label}\n                subLabel={run.progress.meta}\n                className={\n                  run.status === 'paused'\n                    ? PAUSED_PROGRESS_CLASS_NAME\n                    : undefined\n                }\n              />\n            )}\n            {rootError && (\n              <div className=\"flex min-w-0 items-start gap-2 rounded-lg border border-destructive/50 bg-destructive/10 p-3\">\n                <AlertCircle\n                  aria-hidden=\"true\"\n                  className=\"mt-0.5 size-4 shrink-0 text-destructive\"\n                />\n                <p className=\"min-w-0 text-sm text-destructive\">{rootError}</p>\n              </div>\n            )}\n            <WorkflowStepRenderer\n              key={run.runId}\n              appearance=\"timeline\"\n              steps={workflowSteps}\n              activeStepId={run.activeStepId}\n              expandedStepIds={expandedStepIds}\n              defaultExpandedStepIds={initialExpandedStepIds}\n              onExpandedStepIdsChange={onExpandedStepIdsChange}\n              renderItems={isOpen}\n            />\n          </Card.Content>\n          {run.actions && run.actions.length > 0 && (\n            <Card.Footer className=\"flex flex-wrap gap-2\">\n              {run.actions.map((action) => (\n                <Button\n                  key={action.id}\n                  appearance=\"outline\"\n                  variant=\"secondary\"\n                  disabled={action.disabled}\n                  loading={action.loading}\n                  aria-label={getActionLabel(action)}\n                  className=\"min-w-0 w-full max-w-full min-[480px]:w-auto h-auto min-h-9 whitespace-normal break-words [overflow-wrap:anywhere] [&>span]:min-w-0\"\n                  onClick={() => {\n                    if (action.disabled || action.loading) return;\n                    onAction?.({\n                      runId: run.runId,\n                      actionId: action.id,\n                      kind: action.kind,\n                    });\n                  }}\n                >\n                  {getActionLabel(action)}\n                </Button>\n              ))}\n            </Card.Footer>\n          )}\n        </Card>\n        {rootError ? (\n          <div\n            role=\"alert\"\n            aria-live=\"assertive\"\n            className=\"sr-only left-0 top-0\"\n          >\n            {rootError}\n          </div>\n        ) : (\n          <div\n            role=\"status\"\n            aria-live=\"polite\"\n            className=\"sr-only left-0 top-0\"\n          >\n            {politeAnnouncement}\n          </div>\n        )}\n      </section>\n    );\n  },\n);\n\nAIToolRunPresentation.displayName = 'AIToolRunPresentation';\n\nexport const AIToolRunRuntimeBoundary = React.forwardRef<\n  HTMLElement,\n  AIToolRunRuntimeBoundaryInput\n>((props, ref) => {\n  const {\n    run,\n    headingLevel,\n    open,\n    defaultOpen,\n    expandedStepIds,\n    defaultExpandedStepIds,\n    dangerouslySetInnerHTML: unsafeHtml,\n    onOpenChange,\n    onExpandedStepIdsChange,\n    onAction,\n    ...sectionProps\n  } = props;\n  void unsafeHtml;\n  const snapshotResult = validateAIToolRunSnapshot(run);\n  const viewResult = validateRuntimeViewProps({\n    headingLevel,\n    open,\n    defaultOpen,\n    expandedStepIds,\n    defaultExpandedStepIds,\n  });\n\n  if (!snapshotResult.valid || !viewResult.valid) {\n    return <InvalidAIToolRun {...sectionProps} ref={ref} />;\n  }\n\n  return (\n    <AIToolRunPresentation\n      {...sectionProps}\n      {...viewResult.value}\n      onOpenChange={onOpenChange}\n      onExpandedStepIdsChange={onExpandedStepIdsChange}\n      onAction={onAction}\n      ref={ref}\n      run={snapshotResult.value}\n    />\n  );\n});\n\n/**\n * Displays one validated AI tool run with lifecycle, progress, sources,\n * disclosure, and action intents.\n *\n * @llms Validated AI tool-run timeline with lifecycle, progress, sources, disclosure, and actions\n */\nexport const AIToolRun = React.forwardRef<HTMLElement, AIToolRunProps>(\n  (props, ref) => <AIToolRunRuntimeBoundary {...props} ref={ref} />,\n);\n\nAIToolRunRuntimeBoundary.displayName = 'AIToolRunRuntimeBoundary';\nAIToolRun.displayName = 'AIToolRun';\n"],"mappings":"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"}

package/dist/index187.js

@@ -1,266 +1,221 @@
-"use client";
-import { cn, extractText } from "./index2.js";
+import { cn } from "./index2.js";
+import { Badge } from "./index14.js";
+import { Avatar } from "./index70.js";
+import { FileTypeIcon } from "./index115.js";
 import { cva } from "class-variance-authority";
 import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Tooltip } from "@base-ui/react/tooltip";
-//#region src/components/organisms/overlays/Tooltip/Tooltip.tsx
-var tooltipVariants = cva("data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 motion-reduce:animate-none z-50 w-fit max-w-xs origin-(--transform-origin) px-3 py-1.5 text-xs shadow-[var(--shadow-tooltip)]", {
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/organisms/content/ActivityFeed/ActivityFeed.tsx
+var activityFeedVariants = cva("flex flex-col", {
+	variants: { divider: {
+		divider: "divide-y divide-border",
+		connector: "px-6 py-4",
+		none: "gap-4"
+	} },
+	defaultVariants: { divider: "divider" }
+});
+var activityItemVariants = cva("flex gap-3 relative", {
 	variants: {
-		variant: {
-			primary: "bg-foreground text-background",
-			secondary: "bg-secondary text-secondary-foreground border border-border shadow-sm",
-			info: "bg-info text-primary-foreground",
-			success: "bg-success text-primary-foreground",
-			warning: "bg-warning text-primary-foreground",
-			destructive: "bg-destructive text-primary-foreground"
+		type: {
+			notifications: "",
+			messages: ""
 		},
-		shape: {
-			default: "rounded-md",
-			rounded: "rounded-full"
+		divider: {
+			divider: "px-4 py-4",
+			connector: "pt-0",
+			none: "px-4 py-4"
 		}
 	},
 	defaultVariants: {
-		variant: "primary",
-		shape: "default"
+		type: "notifications",
+		divider: "divider"
 	}
 });
-var arrowVariants = cva("size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] z-50 data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5", {
-	variants: { variant: {
-		primary: "bg-foreground fill-foreground",
-		secondary: "bg-secondary fill-secondary",
-		info: "bg-info fill-info",
-		success: "bg-success fill-success",
-		warning: "bg-warning fill-warning",
-		destructive: "bg-destructive fill-destructive"
-	} },
-	defaultVariants: { variant: "primary" }
-});
-function TooltipProvider({ delay = 0, ...props }) {
-	return /* @__PURE__ */ jsx(Tooltip.Provider, {
-		"data-slot": "tooltip-provider",
-		delay,
-		...props
-	});
-}
-function TooltipRoot(props) {
-	return /* @__PURE__ */ jsx(Tooltip.Root, {
-		"data-slot": "tooltip",
-		...props
-	});
-}
-var TooltipTrigger = React.forwardRef(function TooltipTrigger(props, ref) {
-	return /* @__PURE__ */ jsx(Tooltip.Trigger, {
-		ref,
-		"data-slot": "tooltip-trigger",
-		...props
-	});
-});
-function TooltipPopup({ className, side = "top", sideOffset = 4, align = "center", alignOffset = 0, variant = "primary", shape = "default", hideArrow = false, container, children, ...props }) {
-	return /* @__PURE__ */ jsx(Tooltip.Portal, {
-		container,
-		children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
-			align,
-			alignOffset,
-			side,
-			sideOffset,
-			className: "isolate z-50",
-			children: /* @__PURE__ */ jsxs(Tooltip.Popup, {
-				"data-slot": "tooltip-popup",
-				className: cn(tooltipVariants({
-					variant,
-					shape
-				}), className),
-				...props,
-				children: [children, !hideArrow && /* @__PURE__ */ jsx(Tooltip.Arrow, { className: arrowVariants({ variant }) })]
-			})
-		})
-	});
-}
-function TooltipIcon({ children, className }) {
-	return /* @__PURE__ */ jsx("span", {
-		"data-slot": "tooltip-icon",
-		className: cn("shrink-0 [&>svg]:size-4", className),
-		children
-	});
-}
-TooltipIcon.displayName = "Tooltip.Icon";
-function TooltipAvatar({ src, alt, children, className }) {
-	if (children) return /* @__PURE__ */ jsx("span", {
-		"data-slot": "tooltip-avatar",
-		className: cn("shrink-0", className),
-		children
-	});
-	return /* @__PURE__ */ jsx("img", {
-		"data-slot": "tooltip-avatar",
-		src,
-		alt,
-		className: cn("size-4 shrink-0 rounded-full object-cover", className)
-	});
+function getActivityFeedItemKey(item) {
+	return item.id ?? `${item.user.name}:${item.timestamp}:${item.activity.text}:${item.activity.link ?? "no-link"}`;
 }
-TooltipAvatar.displayName = "Tooltip.Avatar";
-function TooltipContent({ children, className }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "tooltip-content",
-		className: cn("flex flex-col gap-0.5", className),
-		children
-	});
+function escapeRegExp(value) {
+	return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-TooltipContent.displayName = "Tooltip.Content";
-function TooltipTitle({ children, className }) {
-	return /* @__PURE__ */ jsx("span", {
-		"data-slot": "tooltip-title",
-		className: cn("text-xs font-semibold leading-4", className),
-		children
-	});
-}
-TooltipTitle.displayName = "Tooltip.Title";
-function TooltipSubtitle({ children, className, variant = "primary" }) {
-	return /* @__PURE__ */ jsx("span", {
-		"data-slot": "tooltip-subtitle",
-		className: cn("text-xs font-medium leading-4", variant === "secondary" ? "text-muted-foreground" : "text-inherit opacity-70", className),
-		children
+function getMessageSegments(message, mentions) {
+	const mentionSet = /* @__PURE__ */ new Set();
+	for (const mention of mentions) {
+		const trimmedMention = mention.trim();
+		if (trimmedMention) mentionSet.add(trimmedMention);
+	}
+	const uniqueMentions = Array.from(mentionSet);
+	if (uniqueMentions.length === 0) return [];
+	const mentionPattern = new RegExp(`@(?:${uniqueMentions.map(escapeRegExp).join("|")})`, "gi");
+	const segments = [];
+	let cursor = 0;
+	for (const match of message.matchAll(mentionPattern)) {
+		const start = match.index ?? 0;
+		const text = match[0];
+		const end = start + text.length;
+		if (start > cursor) segments.push({
+			key: `text:${cursor}:${start}`,
+			text: message.slice(cursor, start),
+			isMention: false
+		});
+		segments.push({
+			key: `mention:${start}:${end}:${text.toLowerCase()}`,
+			text,
+			isMention: true
+		});
+		cursor = end;
+	}
+	if (cursor < message.length) segments.push({
+		key: `text:${cursor}:${message.length}`,
+		text: message.slice(cursor),
+		isMention: false
 	});
+	return segments;
 }
-TooltipSubtitle.displayName = "Tooltip.Subtitle";
-function TooltipBadge({ children, className }) {
-	return /* @__PURE__ */ jsx("span", {
-		"data-slot": "tooltip-badge",
-		className: cn("shrink-0", className),
-		children
-	});
+function ActivityFeedMessageContent({ message, mentions }) {
+	if (!mentions || mentions.length === 0) return /* @__PURE__ */ jsx(Fragment, { children: `"${message}"` });
+	return /* @__PURE__ */ jsx(Fragment, { children: getMessageSegments(message, mentions).map((segment) => /* @__PURE__ */ jsx("span", {
+		className: segment.isMention ? "font-semibold text-primary" : void 0,
+		children: segment.text
+	}, segment.key)) });
 }
-TooltipBadge.displayName = "Tooltip.Badge";
-function TooltipImage({ src, alt, layout = "vertical", className }) {
-	return /* @__PURE__ */ jsx("img", {
-		"data-slot": "tooltip-image",
-		src,
-		alt,
-		className: cn("rounded-md object-cover", layout === "vertical" ? "w-full h-20" : "w-20 h-14 shrink-0", className)
-	});
+function ActivityFeedItemContent({ content, expanded }) {
+	if (!content || expanded === false) return null;
+	switch (content.type) {
+		case "file": return /* @__PURE__ */ jsxs("div", {
+			className: "group/file flex gap-3 items-start w-full mt-3 rounded-lg transition-[background-color,transform] duration-150 ease-out motion-reduce:transition-none hover:bg-muted/40 active:scale-[0.99] motion-reduce:active:scale-100 cursor-default",
+			children: [/* @__PURE__ */ jsx(FileTypeIcon, {
+				extension: content.fileExtension,
+				size: "md"
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col min-w-0 flex-1",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "text-sm font-medium text-secondary-foreground truncate",
+					children: content.fileName
+				}), /* @__PURE__ */ jsx("p", {
+					className: "text-sm text-muted-foreground",
+					children: content.fileSize
+				})]
+			})]
+		});
+		case "message": return /* @__PURE__ */ jsx("div", {
+			className: "mt-3 border border-border rounded-ee-md rounded-es-md rounded-se-md p-3 shadow-xs w-full transition-shadow duration-200 ease-out hover:shadow-sm motion-reduce:transition-none",
+			children: /* @__PURE__ */ jsx("p", {
+				className: "text-sm text-secondary-foreground",
+				children: /* @__PURE__ */ jsx(ActivityFeedMessageContent, {
+					message: content.message,
+					mentions: content.mentions
+				})
+			})
+		});
+		case "labels": return /* @__PURE__ */ jsx("div", {
+			className: "flex flex-wrap gap-1 mt-3",
+			children: content.labels.map((label, i) => /* @__PURE__ */ jsx(Badge, {
+				variant: "outline",
+				color: label.color || "primary",
+				size: "sm",
+				className: "delight-stagger transition-transform duration-150 ease-out motion-reduce:transition-none hover:scale-105 motion-reduce:hover:scale-100",
+				style: { "--delight-delay": `${i * 50}ms` },
+				children: label.text
+			}, label.text))
+		});
+		default: return null;
+	}
 }
-TooltipImage.displayName = "Tooltip.Image";
-function TooltipRenderedContent({ children, content, variant, icon, avatar, subtitle, badge, image, imageLayout, hasRichContent, contentAlt }) {
-	if (children) return children;
-	const subtitleElement = subtitle && /* @__PURE__ */ jsx(TooltipSubtitle, {
-		variant,
-		children: subtitle
-	});
-	if (image) return /* @__PURE__ */ jsxs("div", {
-		className: cn("flex gap-1.5 delight-tooltip-stagger", imageLayout === "vertical" ? "flex-col" : "flex-row items-center"),
-		children: [/* @__PURE__ */ jsx(TooltipImage, {
-			src: image,
-			alt: contentAlt,
-			layout: imageLayout,
-			className: "delight-tooltip-image"
-		}), /* @__PURE__ */ jsxs(TooltipContent, { children: [/* @__PURE__ */ jsx(TooltipTitle, { children: content }), subtitleElement] })]
-	});
-	if (!hasRichContent) return content;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex items-center gap-1.5 delight-tooltip-stagger",
+var ActivityFeedItem = React.memo(React.forwardRef(({ className, user, timestamp, dateTime, activity, content, unread = false, avatarSize = "lg", divider = "divider", feedType = "notifications", userHandle, expanded, isLast = false, ...props }, ref) => {
+	return /* @__PURE__ */ jsxs("article", {
+		ref,
+		"data-slot": "activity-feed-item",
+		"aria-label": `${user.name}: ${activity.text}${activity.link ? ` ${activity.link}` : ""}`,
+		className: cn(activityItemVariants({
+			type: feedType,
+			divider
+		}), "transition-colors duration-150 ease-out motion-reduce:transition-none", "hover:bg-muted/30", className),
+		...props,
 		children: [
-			avatar && (typeof avatar === "string" ? /* @__PURE__ */ jsx(TooltipAvatar, {
-				src: avatar,
-				alt: contentAlt
-			}) : /* @__PURE__ */ jsx(TooltipAvatar, {
-				alt: contentAlt,
-				children: avatar
-			})),
-			icon && /* @__PURE__ */ jsx(TooltipIcon, { children: icon }),
-			/* @__PURE__ */ jsxs(TooltipContent, { children: [/* @__PURE__ */ jsx(TooltipTitle, { children: content }), subtitleElement] }),
-			badge && /* @__PURE__ */ jsx(TooltipBadge, { children: badge })
+			/* @__PURE__ */ jsxs("div", {
+				className: cn("flex flex-col items-center gap-0.5 self-stretch shrink-0", divider === "connector" && !isLast && "pb-0.5"),
+				children: [/* @__PURE__ */ jsx(Avatar, {
+					src: user.avatarSrc,
+					fallback: user.name,
+					size: avatarSize,
+					indicator: user.online === true ? "online" : user.online === false ? "offline" : void 0
+				}), divider === "connector" && !isLast && /* @__PURE__ */ jsx("div", { className: "flex-1 w-0.5 min-h-4 rounded-sm bg-border delight-connector-grow" })]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: cn("flex flex-col flex-1 min-w-0", divider === "connector" && "pb-8"),
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2 flex-wrap",
+						children: [
+							/* @__PURE__ */ jsx("span", {
+								className: "text-sm font-medium text-secondary-foreground",
+								children: user.name
+							}),
+							feedType === "messages" && userHandle && /* @__PURE__ */ jsxs("span", {
+								className: "text-sm text-muted-foreground",
+								children: ["@", userHandle]
+							}),
+							dateTime ? /* @__PURE__ */ jsx("time", {
+								dateTime,
+								className: "text-xs text-muted-foreground",
+								children: timestamp
+							}) : /* @__PURE__ */ jsx("span", {
+								className: "text-xs text-muted-foreground",
+								children: timestamp
+							})
+						]
+					}), /* @__PURE__ */ jsxs("p", {
+						className: "text-sm text-muted-foreground",
+						children: [activity.text, activity.link && /* @__PURE__ */ jsxs(Fragment, { children: [" ", activity.linkHref ? /* @__PURE__ */ jsx("a", {
+							href: activity.linkHref,
+							className: "font-medium text-primary hover:text-primary/80 transition-colors duration-150 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1 rounded-sm",
+							children: activity.link
+						}) : /* @__PURE__ */ jsx("span", {
+							className: "font-medium text-secondary-foreground",
+							children: activity.link
+						})] })]
+					})]
+				}), /* @__PURE__ */ jsx(ActivityFeedItemContent, {
+					content,
+					expanded
+				})]
+			}),
+			unread && /* @__PURE__ */ jsx("div", {
+				className: "absolute top-2 end-1 size-2.5",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ jsx("div", { className: "size-2 rounded-full bg-primary delight-unread-pulse" })
+			})
 		]
 	});
-}
-var Tooltip$1 = ({ trigger, content, variant = "primary", shape = "default", position = "top", align = "center", delayDuration, sideOffset = 6, icon, avatar, subtitle, badge, image, imageLayout, container, children }) => {
-	const [triggerElement, setTriggerElement] = React.useState(null);
-	const [triggerPortalContainer, setTriggerPortalContainer] = React.useState(null);
-	const setTriggerRef = React.useCallback((element) => {
-		setTriggerElement((currentElement) => currentElement === element ? currentElement : element);
-	}, []);
-	React.useEffect(() => {
-		const nextContainer = triggerElement?.ownerDocument.body ?? null;
-		setTriggerPortalContainer((currentContainer) => currentContainer === nextContainer ? currentContainer : nextContainer);
-	}, [triggerElement]);
-	const hasRichContent = icon || avatar || subtitle || badge || image;
-	const resolvedImageLayout = imageLayout ?? "vertical";
-	const contentAlt = extractText(content);
-	return /* @__PURE__ */ jsx(TooltipProvider, {
-		delay: delayDuration,
-		children: /* @__PURE__ */ jsxs(TooltipRoot, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-			ref: setTriggerRef,
-			render: trigger
-		}), /* @__PURE__ */ jsx(TooltipPopup, {
-			container: container === void 0 ? triggerPortalContainer : container,
-			side: position === "none" ? "top" : position,
-			align,
-			sideOffset,
-			variant,
-			shape,
-			hideArrow: position === "none",
-			className: cn(hasRichContent && "p-2"),
-			children: /* @__PURE__ */ jsx(TooltipRenderedContent, {
-				content,
-				variant,
-				icon,
-				avatar,
-				subtitle,
-				badge,
-				image,
-				imageLayout: resolvedImageLayout,
-				hasRichContent,
-				contentAlt,
-				children
-			})
-		})] })
+}));
+ActivityFeedItem.displayName = "ActivityFeedItem";
+var ActivityFeed = React.forwardRef(({ className, divider = "divider", items, type = "notifications", loading, children, ...props }, ref) => {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		"data-slot": "activity-feed",
+		role: "feed",
+		"aria-label": "Activity feed",
+		"aria-busy": loading || void 0,
+		className: cn(activityFeedVariants({ divider }), className),
+		...props,
+		children: items ? items.map((item, index) => /* @__PURE__ */ jsx(ActivityFeedItem, {
+			...item,
+			"aria-setsize": items.length,
+			"aria-posinset": index + 1,
+			divider: divider ?? "divider",
+			feedType: type,
+			isLast: index === items.length - 1,
+			className: cn("delight-stagger", item.className),
+			style: {
+				"--delight-delay": `${index * 60}ms`,
+				...item.style
+			}
+		}, getActivityFeedItemKey(item))) : children
 	});
-};
-Tooltip$1.displayName = "Tooltip";
-TooltipProvider.displayName = "Tooltip.Provider";
-TooltipRoot.displayName = "Tooltip.Root";
-TooltipTrigger.displayName = "Tooltip.Trigger";
-TooltipPopup.displayName = "Tooltip.Popup";
-/**
-* Tooltip component with dot notation for compound parts.
-*
-* @example
-* ```tsx
-* // Simple usage (recommended for most cases)
-* <Tooltip trigger={<Button>Hover me</Button>} content="Tooltip text" />
-*
-* // With variants
-* <Tooltip trigger={<Button>Save</Button>} content="Saved!" variant="success" shape="rounded" />
-*
-* // With rich content
-* <Tooltip trigger={<Button>Info</Button>} content="Title" icon={<InfoIcon />} subtitle="Description" />
-*
-* // Advanced usage with dot notation
-* <Tooltip.Root>
-*   <Tooltip.Trigger render={<Button>Hover me</Button>} />
-*   <Tooltip.Popup variant="info">
-*     <Tooltip.Icon><InfoIcon /></Tooltip.Icon>
-*     <Tooltip.Content>
-*       <Tooltip.Title>Title</Tooltip.Title>
-*       <Tooltip.Subtitle>Description</Tooltip.Subtitle>
-*     </Tooltip.Content>
-*   </Tooltip.Popup>
-* </Tooltip.Root>
-* ```
-*/
-var TooltipCompound = Object.assign(Tooltip$1, {
-	Root: TooltipRoot,
-	Provider: TooltipProvider,
-	Trigger: TooltipTrigger,
-	Popup: TooltipPopup,
-	Icon: TooltipIcon,
-	Avatar: TooltipAvatar,
-	Content: TooltipContent,
-	Title: TooltipTitle,
-	Subtitle: TooltipSubtitle,
-	Badge: TooltipBadge,
-	Image: TooltipImage
 });
+ActivityFeed.displayName = "ActivityFeed";
 //#endregion
-export { TooltipCompound as Tooltip, TooltipAvatar, TooltipBadge, TooltipContent, TooltipIcon, TooltipImage, TooltipPopup, TooltipProvider, TooltipRoot, TooltipSubtitle, TooltipTitle, TooltipTrigger, arrowVariants, tooltipVariants };
+export { ActivityFeed, ActivityFeedItem, activityFeedVariants, activityItemVariants };
 
 //# sourceMappingURL=index187.js.map