@devalok/shilp-sutra 0.56.0 → 0.59.0

package/dist/_chunks/chat.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat.js","names":[],"sources":["../../src/ui/chat/date-separator.tsx","../../src/ui/chat/message.tsx","../../src/ui/chat/message-input.tsx","../../src/ui/chat/message-list.tsx","../../src/ui/chat/system-message.tsx","../../src/ui/chat/typing-indicator.tsx","../../src/ui/chat/unread-separator.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\nexport interface DateSeparatorProps {\n  date: Date | string\n  format?: (date: Date) => string\n  className?: string\n}\n\nfunction defaultFormat(date: Date): string {\n  const now = new Date()\n  const today = new Date(now.getFullYear(), now.getMonth(), now.getDate())\n  const target = new Date(date.getFullYear(), date.getMonth(), date.getDate())\n  const diffMs = today.getTime() - target.getTime()\n  const diffDays = Math.round(diffMs / (1000 * 60 * 60 * 24))\n\n  if (diffDays === 0) return 'Today'\n  if (diffDays === 1) return 'Yesterday'\n\n  const month = date.toLocaleString('en-US', { month: 'short' })\n  const day = date.getDate()\n\n  if (date.getFullYear() !== now.getFullYear()) {\n    return `${month} ${day}, ${date.getFullYear()}`\n  }\n\n  return `${month} ${day}`\n}\n\nfunction DateSeparator({ date, format, className }: DateSeparatorProps) {\n  const d = typeof date === 'string' ? new Date(date) : date\n  const label = format ? format(d) : defaultFormat(d)\n\n  return (\n    <div className={cn('flex items-center gap-ds-03 py-ds-03', className)}>\n      <div className=\"flex-1 border-t border-surface-border-subtle\" />\n      <span className=\"text-label-xs font-medium text-surface-fg-subtle/50 uppercase tracking-wider\">\n        {label}\n      </span>\n      <div className=\"flex-1 border-t border-surface-border-subtle\" />\n    </div>\n  )\n}\nDateSeparator.displayName = 'DateSeparator'\n\nexport { DateSeparator }\n","'use client'\n\nimport { IconTrash } from '@tabler/icons-react'\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { Avatar, AvatarFallback,AvatarImage } from '../avatar'\nimport { Icon } from '../icon'\nimport { IconProvider } from '../icon-context'\nimport type { IconInput } from '../lib/icon-input'\nimport { MENTION_TOKEN_CLASS } from '../lib/mention'\nimport { motionProps,springs } from '../lib/motion'\nimport { normalizeIcon } from '../lib/normalize-icon'\nimport { cn } from '../lib/utils'\nimport { Textarea } from '../textarea'\nimport { Tooltip, TooltipContent,TooltipTrigger } from '../tooltip'\n\n// ── Context ──────────────────────────────────────────────────────────────\n\ninterface MessageContextValue {\n  variant: 'flat' | 'bubble'\n  placement: 'start' | 'end'\n  grouped: boolean\n  highlight?: 'mention' | 'internal'\n}\n\nconst MessageContext = React.createContext<MessageContextValue>({\n  variant: 'flat',\n  placement: 'start',\n  grouped: false,\n})\n\nfunction useMessageContext() {\n  return React.useContext(MessageContext)\n}\n\n// ── Root ─────────────────────────────────────────────────────────────────\n\nexport interface MessageProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  variant?: 'flat' | 'bubble'\n  placement?: 'start' | 'end'\n  highlight?: 'mention' | 'internal'\n  grouped?: boolean\n  deleted?: boolean\n  deletedText?: string\n}\n\nconst MessageRoot = React.forwardRef<HTMLDivElement, MessageProps>(\n  (\n    {\n      children,\n      variant = 'flat',\n      placement = 'start',\n      highlight,\n      grouped = false,\n      deleted = false,\n      deletedText = 'This message was deleted',\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const ctx = React.useMemo<MessageContextValue>(\n      () => ({ variant, placement, grouped, highlight }),\n      [variant, placement, grouped, highlight],\n    )\n\n    if (deleted) {\n      return (\n        <motion.div\n          ref={ref}\n          initial={{ y: 8 }}\n          animate={{ opacity: 1, y: 0 }}\n          transition={springs.snappy}\n          className={cn(\n            'flex items-center gap-ds-02 py-ds-02 text-caption text-surface-fg-subtle/50 italic',\n            className,\n          )}\n          {...motionProps(props)}\n        >\n          <Icon icon={IconTrash} size=\"xs\" />\n          {deletedText}\n        </motion.div>\n      )\n    }\n\n    if (variant === 'bubble') {\n      return (\n        <MessageContext.Provider value={ctx}>\n          <motion.div\n            ref={ref}\n            data-highlight={highlight}\n            initial={{ y: 8 }}\n            animate={{ opacity: 1, y: 0 }}\n            transition={springs.snappy}\n            className={cn(\n              'group/message relative flex',\n              placement === 'end' ? 'justify-end' : 'justify-start',\n              // mention is carried by the styled in-content @token (see MENTION_TOKEN_CLASS), not a row tint/rail\n              MENTION_TOKEN_CLASS,\n              highlight === 'internal' && 'bg-warning-2/50 rounded-control-inner',\n              className,\n            )}\n            {...motionProps(props)}\n          >\n            <div\n              className={cn(\n                'max-w-[85%] rounded-bubble px-ds-04 py-ds-03',\n                placement === 'end'\n                  ? 'bg-accent-3 text-surface-fg'\n                  : 'bg-surface-raised text-surface-fg',\n              )}\n            >\n              {children}\n            </div>\n          </motion.div>\n        </MessageContext.Provider>\n      )\n    }\n\n    // flat variant (default)\n    return (\n      <MessageContext.Provider value={ctx}>\n        <motion.div\n          ref={ref}\n          data-highlight={highlight}\n          initial={{ y: 8 }}\n          animate={{ opacity: 1, y: 0 }}\n          transition={springs.snappy}\n          className={cn(\n            'group/message relative flex gap-ds-04',\n            grouped && '-mt-ds-01',\n            // mention is carried by the styled in-content @token (see MENTION_TOKEN_CLASS), not a row rail/tint\n            MENTION_TOKEN_CLASS,\n            highlight === 'internal' && 'bg-warning-2/50 rounded-control-inner',\n            className,\n          )}\n          {...motionProps(props)}\n        >\n          {children}\n        </motion.div>\n      </MessageContext.Provider>\n    )\n  },\n)\nMessageRoot.displayName = 'Message'\n\n// ── Avatar ───────────────────────────────────────────────────────────────\n\nexport interface MessageAvatarProps {\n  src?: string | null\n  fallback?: string\n  icon?: IconInput\n  size?: 'sm' | 'md'\n  children?: React.ReactNode\n}\n\nfunction MessageAvatar({\n  src,\n  fallback,\n  icon,\n  size = 'md',\n  children,\n}: MessageAvatarProps) {\n  const { grouped } = useMessageContext()\n\n  const sizeClass = size === 'sm' ? 'w-5' : 'w-6'\n  const heightClass = size === 'sm' ? 'h-5' : 'h-6'\n\n  if (grouped) {\n    return <div className={cn(sizeClass, heightClass, 'shrink-0')} />\n  }\n\n  if (children) {\n    return (\n      <div className={cn(sizeClass, 'shrink-0 flex items-start')}>\n        {children}\n      </div>\n    )\n  }\n\n  if (icon) {\n    return (\n      <div\n        className={cn(\n          sizeClass,\n          size === 'sm' ? 'h-5' : 'h-6',\n          'shrink-0 flex items-center justify-center rounded-pill bg-surface-raised-hover',\n        )}\n      >\n        <IconProvider size={size === 'sm' ? 'xs' : 'sm'}>{normalizeIcon(icon)}</IconProvider>\n      </div>\n    )\n  }\n\n  return (\n    <div className={cn(sizeClass, 'shrink-0')}>\n      <Avatar size={size === 'sm' ? 'xs' : 'sm'}>\n        {src && <AvatarImage src={src} alt={fallback ?? ''} />}\n        <AvatarFallback>{fallback ?? ''}</AvatarFallback>\n      </Avatar>\n    </div>\n  )\n}\nMessageAvatar.displayName = 'Message.Avatar'\n\n// ── Content ──────────────────────────────────────────────────────────────\n\nexport interface MessageContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n}\n\nfunction MessageContent({ children, className, ...props }: MessageContentProps) {\n  return (\n    <div className={cn('min-w-0 flex-1 flex flex-col gap-ds-02', className)} {...props}>\n      {children}\n    </div>\n  )\n}\nMessageContent.displayName = 'Message.Content'\n\n// ── Author ───────────────────────────────────────────────────────────────\n\nexport interface MessageAuthorProps {\n  name: string\n  badge?: React.ReactNode\n  timestamp?: Date\n  formattedTimestamp?: string\n  timestampFormat?: (date: Date) => string\n}\n\nfunction defaultTimestampFormat(date: Date): string {\n  return date.toLocaleTimeString('en-US', { hour: 'numeric', minute: '2-digit' })\n}\n\nfunction MessageAuthor({\n  name,\n  badge,\n  timestamp,\n  formattedTimestamp,\n  timestampFormat = defaultTimestampFormat,\n}: MessageAuthorProps) {\n  const { grouped } = useMessageContext()\n\n  if (grouped) return null\n\n  const timeStr = formattedTimestamp\n    ?? (timestamp ? timestampFormat(timestamp) : undefined)\n\n  return (\n    <div className=\"flex items-baseline gap-ds-02\">\n      <span className=\"font-semibold text-body-md text-surface-fg\">{name}</span>\n      {badge}\n      {timeStr && (\n        <span className=\"text-body-sm text-surface-fg-subtle/50\">{timeStr}</span>\n      )}\n    </div>\n  )\n}\nMessageAuthor.displayName = 'Message.Author'\n\n// ── Body ─────────────────────────────────────────────────────────────────\n\nexport interface MessageBodyProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n}\n\nfunction MessageBody({ children, className, ...props }: MessageBodyProps) {\n  return (\n    <div\n      className={cn(\n        'text-body-md leading-relaxed text-surface-fg whitespace-pre-wrap',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\nMessageBody.displayName = 'Message.Body'\n\n// ── EditableBody ─────────────────────────────────────────────────────────\n\nexport interface MessageEditableBodyProps {\n  content: string\n  onSave: (newContent: string) => void\n  onCancel?: () => void\n  canEdit?: boolean\n  renderContent?: (content: string) => React.ReactNode\n}\n\nfunction MessageEditableBody({\n  content,\n  onSave,\n  onCancel,\n  canEdit = false,\n  renderContent,\n}: MessageEditableBodyProps) {\n  const [isEditing, setIsEditing] = React.useState(false)\n  const [editDraft, setEditDraft] = React.useState(content)\n  const textareaRef = React.useRef<HTMLTextAreaElement>(null)\n\n  React.useEffect(() => {\n    if (isEditing && textareaRef.current) {\n      textareaRef.current.focus()\n      textareaRef.current.select()\n    }\n  }, [isEditing])\n\n  const handleStartEdit = React.useCallback(() => {\n    if (!canEdit) return\n    setEditDraft(content)\n    setIsEditing(true)\n  }, [canEdit, content])\n\n  const handleSave = React.useCallback(() => {\n    const trimmed = editDraft.trim()\n    if (trimmed && trimmed !== content) {\n      onSave(trimmed)\n    }\n    setIsEditing(false)\n  }, [editDraft, content, onSave])\n\n  const handleCancel = React.useCallback(() => {\n    setIsEditing(false)\n    setEditDraft(content)\n    onCancel?.()\n  }, [content, onCancel])\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n      if (e.key === 'Enter' && !e.shiftKey) {\n        e.preventDefault()\n        handleSave()\n      } else if (e.key === 'Escape') {\n        e.preventDefault()\n        handleCancel()\n      }\n    },\n    [handleSave, handleCancel],\n  )\n\n  if (isEditing) {\n    return (\n      <div className=\"text-body-md leading-relaxed\">\n        <Textarea\n          ref={textareaRef}\n          value={editDraft}\n          onChange={(e) => setEditDraft(e.target.value)}\n          onKeyDown={handleKeyDown}\n          onBlur={handleSave}\n          // compact inline-edit overrides on top of the Textarea base\n          className=\"resize-none rounded-control-inner bg-surface-raised-hover px-ds-02 py-ds-01 text-body-md leading-relaxed\"\n          rows={2}\n        />\n        <div className=\"mt-ds-01 text-caption text-surface-fg-subtle/50\">\n          Enter to save · Escape to cancel\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div\n      className={cn(\n        'text-body-md leading-relaxed text-surface-fg whitespace-pre-wrap',\n        canEdit && 'cursor-pointer hover:bg-surface-raised-hover rounded-control-inner transition-colors',\n      )}\n      onClick={handleStartEdit}\n      role={canEdit ? 'button' : undefined}\n      tabIndex={canEdit ? 0 : undefined}\n      onKeyDown={\n        canEdit\n          ? (e) => {\n              if (e.key === 'Enter' || e.key === ' ') {\n                e.preventDefault()\n                handleStartEdit()\n              }\n            }\n          : undefined\n      }\n    >\n      {renderContent ? renderContent(content) : content}\n    </div>\n  )\n}\nMessageEditableBody.displayName = 'Message.EditableBody'\n\n// ── Reactions ────────────────────────────────────────────────────────────\n\nexport interface MessageReactionsProps {\n  reactions: { emoji: string; count: number; reacted: boolean }[]\n  onReact: (emoji: string) => void\n}\n\nfunction MessageReactions({ reactions, onReact }: MessageReactionsProps) {\n  if (reactions.length === 0) return null\n\n  return (\n    <div className=\"flex flex-wrap gap-ds-02 mt-ds-03\">\n      {reactions.map((r) => (\n        <button\n          key={r.emoji}\n          type=\"button\"\n          onClick={() => onReact(r.emoji)}\n          aria-label={`${r.emoji} ${r.count} reaction${r.count !== 1 ? 's' : ''}${r.reacted ? ', you reacted' : ''}`}\n          className={cn(\n            'inline-flex items-center gap-ds-01 rounded-pill px-ds-02 py-ds-01 text-body-xs transition-colors',\n            r.reacted\n              ? 'bg-accent-3 ring-1 ring-accent-6'\n              : 'bg-surface-raised-hover hover:bg-surface-raised-active',\n          )}\n        >\n          <span>{r.emoji}</span>\n          <span>{r.count}</span>\n        </button>\n      ))}\n    </div>\n  )\n}\nMessageReactions.displayName = 'Message.Reactions'\n\n// ── Actions (floating toolbar) ───────────────────────────────────────────\n\nexport interface MessageActionsProps {\n  children: React.ReactNode\n  delay?: number\n}\n\nfunction MessageActions({ children, delay = 100 }: MessageActionsProps) {\n  return (\n    <div\n      className={cn(\n        'absolute -top-2 right-0 z-10',\n        'flex items-center gap-ds-01 rounded-control bg-surface-raised px-ds-01 py-ds-01 shadow-raised',\n        'opacity-0 group-hover/message:opacity-100 group-focus-within/message:opacity-100 transition-opacity duration-150',\n      )}\n      style={{ transitionDelay: `${delay}ms` }}\n    >\n      {children}\n    </div>\n  )\n}\nMessageActions.displayName = 'Message.Actions'\n\n// ── Action (single icon button) ──────────────────────────────────────────\n\nexport interface MessageActionProps {\n  icon: IconInput\n  label: string\n  onClick: () => void\n  variant?: 'default' | 'danger'\n}\n\nfunction MessageAction({\n  icon,\n  label,\n  onClick,\n  variant = 'default',\n}: MessageActionProps) {\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <button\n          type=\"button\"\n          onClick={onClick}\n          aria-label={label}\n          className={cn(\n            'p-ds-02 rounded-control-inner transition-colors',\n            variant === 'default' &&\n              'text-surface-fg-subtle hover:text-surface-fg hover:bg-surface-raised-hover',\n            variant === 'danger' &&\n              'text-surface-fg-subtle hover:text-error-11 hover:bg-surface-raised-hover',\n          )}\n        >\n          <IconProvider size=\"xs\">{normalizeIcon(icon)}</IconProvider>\n        </button>\n      </TooltipTrigger>\n      <TooltipContent>{label}</TooltipContent>\n    </Tooltip>\n  )\n}\nMessageAction.displayName = 'Message.Action'\n\n// ── Compound Export ──────────────────────────────────────────────────────\n\nexport const Message = Object.assign(MessageRoot, {\n  Avatar: MessageAvatar,\n  Content: MessageContent,\n  Author: MessageAuthor,\n  Body: MessageBody,\n  EditableBody: MessageEditableBody,\n  Reactions: MessageReactions,\n  Actions: MessageActions,\n  Action: MessageAction,\n})\n\nexport {\n  type MessageContextValue,\n  useMessageContext,\n}\n","'use client'\n\nimport { IconSend, IconSquare } from '@tabler/icons-react'\nimport * as React from 'react'\n\nimport { Button } from '../button'\nimport { Icon } from '../icon'\nimport { cn } from '../lib/utils'\n\nexport interface MessageInputProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSubmit'> {\n  onSubmit: (text: string) => void\n  placeholder?: string\n  disabled?: boolean\n  isStreaming?: boolean\n  onCancel?: () => void\n  leadingSlot?: React.ReactNode\n  trailingSlot?: React.ReactNode\n  disclaimer?: string\n  sendIcon?: React.ReactNode\n}\n\nconst MessageInput = React.forwardRef<HTMLDivElement, MessageInputProps>(\n  (\n    {\n      onSubmit,\n      placeholder = 'Type a message...',\n      disabled = false,\n      isStreaming = false,\n      onCancel,\n      leadingSlot,\n      trailingSlot,\n      disclaimer,\n      sendIcon,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const [text, setText] = React.useState('')\n    const textareaRef = React.useRef<HTMLTextAreaElement>(null)\n\n    const resize = React.useCallback(() => {\n      const el = textareaRef.current\n      if (!el) return\n      el.style.height = 'auto'\n      el.style.height = `${Math.min(el.scrollHeight, 160)}px`\n    }, [])\n\n    const handleChange = React.useCallback(\n      (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n        setText(e.target.value)\n        resize()\n      },\n      [resize],\n    )\n\n    const handleSend = React.useCallback(() => {\n      const trimmed = text.trim()\n      if (!trimmed || isStreaming) return\n      onSubmit(trimmed)\n      setText('')\n      // Reset height after clearing\n      if (textareaRef.current) {\n        textareaRef.current.style.height = 'auto'\n      }\n    }, [text, isStreaming, onSubmit])\n\n    const handleKeyDown = React.useCallback(\n      (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n        if (e.key === 'Enter' && !e.shiftKey) {\n          e.preventDefault()\n          if (!isStreaming) {\n            handleSend()\n          }\n        }\n      },\n      [isStreaming, handleSend],\n    )\n\n    const isEmpty = text.trim().length === 0\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'border-t border-surface-border-subtle px-ds-05 py-ds-04',\n          className,\n        )}\n        {...props}\n      >\n        <div className=\"flex items-end gap-ds-02 rounded-overlay-lg border border-surface-border bg-surface-base p-ds-03\">\n          {leadingSlot}\n          <textarea\n            ref={textareaRef}\n            value={text}\n            onChange={handleChange}\n            onKeyDown={handleKeyDown}\n            placeholder={placeholder}\n            aria-label={placeholder || 'Type a message'}\n            disabled={disabled}\n            rows={1}\n            className=\"flex-1 resize-none bg-transparent px-ds-02 py-ds-01 text-body-sm text-surface-fg placeholder:text-surface-fg-subtle/50 focus:outline-hidden disabled:opacity-50\"\n            style={{ maxHeight: 160 }}\n          />\n          {isStreaming ? (\n            <Button\n              variant=\"ghost\"\n              size=\"icon-sm\"\n              color=\"error\"\n              onClick={onCancel}\n              aria-label=\"Stop\"\n            >\n              <Icon icon={IconSquare} size=\"sm\" />\n            </Button>\n          ) : (\n            <Button\n              variant=\"ghost\"\n              size=\"icon-sm\"\n              onClick={handleSend}\n              disabled={isEmpty || disabled}\n              aria-label=\"Send\"\n            >\n              {sendIcon ?? <Icon icon={IconSend} size=\"sm\" />}\n            </Button>\n          )}\n          {trailingSlot}\n        </div>\n        {disclaimer && (\n          <p className=\"mt-ds-02 text-center text-caption text-surface-fg-subtle/50\">\n            {disclaimer}\n          </p>\n        )}\n      </div>\n    )\n  },\n)\nMessageInput.displayName = 'MessageInput'\n\nexport { MessageInput }\n","'use client'\n\nimport { AnimatePresence,motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { tweens } from '../lib/motion'\nimport { cn } from '../lib/utils'\nimport { Spinner } from '../spinner'\n\nexport interface MessageListProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  /** Auto-scroll to bottom when new content arrives (default true) */\n  autoScroll?: boolean\n  /** Number of new messages to show in the floating pill */\n  newMessageCount?: number\n  /** Called when user clicks the \"N new\" pill */\n  onScrollToBottom?: () => void\n  /** Called when user scrolls near the top — triggers load-more */\n  onLoadMore?: () => void\n  /** Whether more messages are currently being loaded */\n  loadingMore?: boolean\n  /** Content to render when there are no children */\n  emptySlot?: React.ReactNode\n  /** Custom scroll-to-bottom button (unused slot for future override) */\n  scrollToBottomSlot?: React.ReactNode\n  /** Content rendered above the scroll container (e.g. channel name) */\n  headerSlot?: React.ReactNode\n}\n\nconst MessageList = React.forwardRef<HTMLDivElement, MessageListProps>(\n  (\n    {\n      children,\n      autoScroll = true,\n      newMessageCount = 0,\n      onScrollToBottom,\n      onLoadMore,\n      loadingMore = false,\n      emptySlot,\n      scrollToBottomSlot,\n      headerSlot,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const scrollRef = React.useRef<HTMLDivElement>(null)\n    const isAtBottomRef = React.useRef(true)\n    const [isAtBottom, setIsAtBottom] = React.useState(true)\n    const loadingMoreRef = React.useRef(false)\n    const prevScrollHeightRef = React.useRef(0)\n\n    const isEmpty = React.Children.count(children) === 0 && !loadingMore\n\n    // ── Scroll handler ────────────────────────────────────────────\n    const handleScroll = React.useCallback(() => {\n      const el = scrollRef.current\n      if (!el) return\n\n      const atBottom = el.scrollHeight - el.scrollTop - el.clientHeight < 40\n      isAtBottomRef.current = atBottom\n      setIsAtBottom(atBottom)\n\n      // Load more when near top\n      if (el.scrollTop < 100 && onLoadMore && !loadingMoreRef.current) {\n        loadingMoreRef.current = true\n        prevScrollHeightRef.current = el.scrollHeight\n        onLoadMore()\n      }\n    }, [onLoadMore])\n\n    // ── Auto-scroll to bottom when children change ────────────────\n    React.useLayoutEffect(() => {\n      const el = scrollRef.current\n      if (!el) return\n\n      // Scroll preservation after load-more\n      if (loadingMoreRef.current) {\n        const newScrollHeight = el.scrollHeight\n        el.scrollTop = newScrollHeight - prevScrollHeightRef.current\n        loadingMoreRef.current = false\n        return\n      }\n\n      // Auto-scroll if user was at bottom\n      if (autoScroll && isAtBottomRef.current) {\n        el.scrollTo({ top: el.scrollHeight, behavior: 'smooth' })\n      }\n    }, [children, autoScroll])\n\n    // ── Reset loading flag when loadingMore goes false ──────────\n    React.useEffect(() => {\n      if (!loadingMore) {\n        loadingMoreRef.current = false\n      }\n    }, [loadingMore])\n\n    // ── \"N new\" pill visibility ───────────────────────────────────\n    const showNewPill = newMessageCount > 0 && !isAtBottom\n\n    const handleScrollToBottom = React.useCallback(() => {\n      const el = scrollRef.current\n      if (el) {\n        el.scrollTo({ top: el.scrollHeight, behavior: 'smooth' })\n      }\n      onScrollToBottom?.()\n    }, [onScrollToBottom])\n\n    return (\n      <div\n        ref={ref}\n        className={cn('relative flex flex-1 flex-col overflow-hidden', className)}\n        {...props}\n      >\n        {headerSlot}\n        <div\n          ref={scrollRef}\n          role=\"log\"\n          aria-live=\"polite\"\n          aria-relevant=\"additions\"\n          className=\"flex-1 overflow-y-auto px-ds-05 py-ds-04\"\n          style={{\n            scrollbarWidth: 'thin',\n            scrollbarColor: 'var(--color-surface-border) transparent',\n          }}\n          onScroll={handleScroll}\n        >\n          {loadingMore && (\n            <div className=\"flex justify-center py-ds-03\">\n              <Spinner size=\"sm\" />\n            </div>\n          )}\n          {isEmpty ? (\n            emptySlot\n          ) : (\n            <div className=\"flex flex-col gap-ds-04\">\n              <AnimatePresence initial={false}>{children}</AnimatePresence>\n            </div>\n          )}\n        </div>\n\n        {/* \"N new\" floating pill */}\n        <AnimatePresence>\n          {showNewPill && (\n            <motion.button\n              initial={{ opacity: 0, y: 10 }}\n              animate={{ opacity: 1, y: 0 }}\n              exit={{ opacity: 0, y: 10 }}\n              transition={tweens.fade}\n              onClick={handleScrollToBottom}\n              className=\"absolute bottom-ds-04 left-1/2 z-10 -translate-x-1/2 rounded-pill bg-accent-9 px-ds-04 py-ds-02 text-body-xs font-medium text-accent-fg shadow-raised transition-colors hover:bg-accent-10\"\n            >\n              {newMessageCount} new\n            </motion.button>\n          )}\n        </AnimatePresence>\n      </div>\n    )\n  },\n)\nMessageList.displayName = 'MessageList'\n\nexport { MessageList }\n","'use client'\n\nimport { IconAlertCircle } from '@tabler/icons-react'\nimport * as React from 'react'\n\nimport { Icon } from '../icon'\nimport { IconProvider } from '../icon-context'\nimport type { IconInput } from '../lib/icon-input'\nimport { normalizeIcon } from '../lib/normalize-icon'\nimport { cn } from '../lib/utils'\n\nexport interface SystemMessageProps extends React.HTMLAttributes<HTMLDivElement> {\n  icon?: IconInput\n  timestamp?: string\n  variant?: 'event' | 'alert'\n  children: React.ReactNode\n}\n\nfunction formatTime(ts: string): string {\n  return new Date(ts).toLocaleTimeString('en-US', {\n    hour: 'numeric',\n    minute: '2-digit',\n  })\n}\n\nconst SystemMessage = React.forwardRef<HTMLDivElement, SystemMessageProps>(\n  ({ icon, timestamp, variant = 'event', children, className, ...props }, ref) => {\n    if (variant === 'alert') {\n      return (\n        <div\n          ref={ref}\n          role=\"alert\"\n          className={cn('flex justify-center', className)}\n          {...props}\n        >\n          <div className=\"flex items-center gap-ds-03 rounded-surface bg-error-3 px-ds-04 py-ds-03\">\n            <IconProvider size=\"sm\">{normalizeIcon(icon) ?? <Icon icon={IconAlertCircle} />}</IconProvider>\n            <span className=\"text-body-sm text-error-11\">{children}</span>\n            {timestamp && (\n              <span className=\"text-body-sm text-error-11/60\">\n                {formatTime(timestamp)}\n              </span>\n            )}\n          </div>\n        </div>\n      )\n    }\n\n    // event variant (default)\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'flex items-center gap-ds-02 rounded-control-inner bg-surface-raised-hover/30 px-ds-02 py-ds-01 -mx-ds-02 text-body-sm text-surface-fg-subtle/60',\n          className,\n        )}\n        {...props}\n      >\n        <IconProvider size=\"xs\">{normalizeIcon(icon)}</IconProvider>\n        <span className=\"flex-1\">{children}</span>\n        {timestamp && <span>{formatTime(timestamp)}</span>}\n      </div>\n    )\n  },\n)\nSystemMessage.displayName = 'SystemMessage'\n\nexport { SystemMessage }\n","'use client'\n\nimport { AnimatePresence,motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\nexport interface TypingIndicatorProps {\n  users: { name: string; image?: string }[]\n  className?: string\n}\n\nfunction formatTypingText(users: { name: string }[]): string {\n  if (users.length === 1) return `${users[0].name} is typing...`\n  if (users.length === 2) return `${users[0].name} and ${users[1].name} are typing...`\n  return 'Several people are typing...'\n}\n\nfunction TypingIndicator({ users, className }: TypingIndicatorProps) {\n  return (\n    <div className={cn('min-h-ds-06 px-ds-05', className)} role=\"status\" aria-live=\"polite\">\n      <AnimatePresence>\n        {users.length > 0 && (\n          <motion.div\n            initial={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n            exit={{ opacity: 0 }}\n            className=\"flex items-center gap-ds-02 text-caption text-surface-fg-subtle\"\n          >\n            <span className=\"flex items-center gap-ds-01\">\n              {[0, 1, 2].map((i) => (\n                <motion.span\n                  key={i}\n                  className=\"h-1 w-1 rounded-pill bg-surface-fg-subtle\"\n                  animate={{ y: [0, -3, 0] }}\n                  transition={{\n                    duration: 0.5,\n                    repeat: Infinity,\n                    delay: i * 0.15,\n                  }}\n                />\n              ))}\n            </span>\n            <span>{formatTypingText(users)}</span>\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  )\n}\nTypingIndicator.displayName = 'TypingIndicator'\n\nexport { TypingIndicator }\n","import * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\nexport interface UnreadSeparatorProps {\n  label?: string\n  count?: number\n  className?: string\n}\n\nfunction UnreadSeparator({\n  label = 'NEW',\n  count,\n  className,\n}: UnreadSeparatorProps) {\n  return (\n    <div className={cn('relative flex items-center py-ds-02', className)}>\n      <div className=\"flex-1 border-t-2 border-accent-7\" />\n      <span className=\"px-ds-03 text-body-xs font-semibold text-accent-11\">\n        {count ? `${count} ${label}` : label}\n      </span>\n      <div className=\"flex-1 border-t-2 border-accent-7\" />\n    </div>\n  )\n}\nUnreadSeparator.displayName = 'UnreadSeparator'\n\nexport { UnreadSeparator }\n"],"mappings":"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"}
+{"version":3,"file":"chat.js","names":[],"sources":["../../src/ui/chat/date-separator.tsx","../../src/ui/chat/message.tsx","../../src/ui/chat/message-input.tsx","../../src/ui/chat/message-list.tsx","../../src/ui/chat/system-message.tsx","../../src/ui/chat/typing-indicator.tsx","../../src/ui/chat/unread-separator.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\nexport interface DateSeparatorProps {\n  date: Date | string\n  format?: (date: Date) => string\n  className?: string\n  /** BCP 47 locale for the default label's month name. @default 'en-US' */\n  locale?: string\n  /**\n   * IANA time zone used for the \"Today\"/\"Yesterday\" day-boundary comparison\n   * and for formatting. Defaults to the browser's local time zone.\n   */\n  timeZone?: string\n}\n\n/** Year/month/day of `date` as seen in `timeZone` (or the local zone when omitted). */\nfunction datePartsIn(date: Date, timeZone?: string): { year: number; month: number; day: number } {\n  const parts = new Intl.DateTimeFormat('en-US', {\n    timeZone,\n    year: 'numeric',\n    month: '2-digit',\n    day: '2-digit',\n  }).formatToParts(date)\n  const get = (type: string) => Number(parts.find((p) => p.type === type)?.value)\n  return { year: get('year'), month: get('month'), day: get('day') }\n}\n\nfunction defaultFormat(date: Date, locale: string, timeZone?: string): string {\n  const now = new Date()\n  const today = datePartsIn(now, timeZone)\n  const target = datePartsIn(date, timeZone)\n  const todayUTC = Date.UTC(today.year, today.month - 1, today.day)\n  const targetUTC = Date.UTC(target.year, target.month - 1, target.day)\n  const diffDays = Math.round((todayUTC - targetUTC) / (1000 * 60 * 60 * 24))\n\n  if (diffDays === 0) return 'Today'\n  if (diffDays === 1) return 'Yesterday'\n\n  const month = date.toLocaleString(locale, { month: 'short', timeZone })\n\n  if (target.year !== today.year) {\n    return `${month} ${target.day}, ${target.year}`\n  }\n\n  return `${month} ${target.day}`\n}\n\nfunction DateSeparator({ date, format, className, locale = 'en-US', timeZone }: DateSeparatorProps) {\n  const d = typeof date === 'string' ? new Date(date) : date\n  const label = format ? format(d) : defaultFormat(d, locale, timeZone)\n\n  return (\n    <div className={cn('flex items-center gap-ds-03 py-ds-03', className)}>\n      <div className=\"flex-1 border-t border-surface-border-subtle\" />\n      <span className=\"text-label-xs font-medium text-surface-fg-subtle uppercase tracking-wider\">\n        {label}\n      </span>\n      <div className=\"flex-1 border-t border-surface-border-subtle\" />\n    </div>\n  )\n}\nDateSeparator.displayName = 'DateSeparator'\n\nexport { DateSeparator }\n","'use client'\n\nimport { IconTrash } from '@tabler/icons-react'\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { MotionPreference } from '../../motion/motion-preference'\nimport { Avatar, AvatarFallback,AvatarImage } from '../avatar'\nimport { Icon } from '../icon'\nimport { IconProvider } from '../icon-context'\nimport type { IconInput } from '../lib/icon-input'\nimport { MENTION_TOKEN_CLASS } from '../lib/mention'\nimport { motionProps,springs } from '../lib/motion'\nimport { normalizeIcon } from '../lib/normalize-icon'\nimport { cn } from '../lib/utils'\nimport { Textarea } from '../textarea'\nimport { Tooltip, TooltipContent,TooltipTrigger } from '../tooltip'\n\n// ── Context ──────────────────────────────────────────────────────────────\n\ninterface MessageContextValue {\n  variant: 'flat' | 'bubble'\n  placement: 'start' | 'end'\n  grouped: boolean\n  highlight?: 'mention' | 'internal'\n}\n\nconst MessageContext = React.createContext<MessageContextValue>({\n  variant: 'flat',\n  placement: 'start',\n  grouped: false,\n})\n\nfunction useMessageContext() {\n  return React.useContext(MessageContext)\n}\n\n// ── Root ─────────────────────────────────────────────────────────────────\n\nexport interface MessageProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  variant?: 'flat' | 'bubble'\n  placement?: 'start' | 'end'\n  highlight?: 'mention' | 'internal'\n  grouped?: boolean\n  deleted?: boolean\n  deletedText?: string\n}\n\nconst MessageRoot = React.forwardRef<HTMLDivElement, MessageProps>(\n  (\n    {\n      children,\n      variant = 'flat',\n      placement = 'start',\n      highlight,\n      grouped = false,\n      deleted = false,\n      deletedText = 'This message was deleted',\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const ctx = React.useMemo<MessageContextValue>(\n      () => ({ variant, placement, grouped, highlight }),\n      [variant, placement, grouped, highlight],\n    )\n\n    if (deleted) {\n      return (\n        <MotionPreference>\n          <motion.div\n            ref={ref}\n            initial={{ y: 8 }}\n            animate={{ opacity: 1, y: 0 }}\n            transition={springs.snappy}\n            className={cn(\n              'flex items-center gap-ds-02 py-ds-02 text-caption text-surface-fg-subtle italic',\n              className,\n            )}\n            {...motionProps(props)}\n          >\n            <Icon icon={IconTrash} size=\"xs\" />\n            {deletedText}\n          </motion.div>\n        </MotionPreference>\n      )\n    }\n\n    if (variant === 'bubble') {\n      return (\n        <MotionPreference>\n          <MessageContext.Provider value={ctx}>\n            <motion.div\n              ref={ref}\n              data-highlight={highlight}\n              initial={{ y: 8 }}\n              animate={{ opacity: 1, y: 0 }}\n              transition={springs.snappy}\n              className={cn(\n                'group/message relative flex',\n                placement === 'end' ? 'justify-end' : 'justify-start',\n                // mention is carried by the styled in-content @token (see MENTION_TOKEN_CLASS), not a row tint/rail\n                MENTION_TOKEN_CLASS,\n                highlight === 'internal' && 'bg-warning-2/50 rounded-control-inner',\n                className,\n              )}\n              {...motionProps(props)}\n            >\n              <div\n                className={cn(\n                  'max-w-[85%] rounded-bubble px-ds-04 py-ds-03',\n                  placement === 'end'\n                    ? 'bg-accent-3 text-surface-fg'\n                    : 'bg-surface-panel text-surface-fg',\n                )}\n              >\n                {children}\n              </div>\n            </motion.div>\n          </MessageContext.Provider>\n        </MotionPreference>\n      )\n    }\n\n    // flat variant (default)\n    return (\n      <MotionPreference>\n        <MessageContext.Provider value={ctx}>\n          <motion.div\n            ref={ref}\n            data-highlight={highlight}\n            initial={{ y: 8 }}\n            animate={{ opacity: 1, y: 0 }}\n            transition={springs.snappy}\n            className={cn(\n              'group/message relative flex gap-ds-04',\n              grouped && '-mt-ds-01',\n              // mention is carried by the styled in-content @token (see MENTION_TOKEN_CLASS), not a row rail/tint\n              MENTION_TOKEN_CLASS,\n              highlight === 'internal' && 'bg-warning-2/50 rounded-control-inner',\n              className,\n            )}\n            {...motionProps(props)}\n          >\n            {children}\n          </motion.div>\n        </MessageContext.Provider>\n      </MotionPreference>\n    )\n  },\n)\nMessageRoot.displayName = 'Message'\n\n// ── Avatar ───────────────────────────────────────────────────────────────\n\nexport interface MessageAvatarProps {\n  src?: string | null\n  fallback?: string\n  icon?: IconInput\n  size?: 'sm' | 'md'\n  children?: React.ReactNode\n}\n\nfunction MessageAvatar({\n  src,\n  fallback,\n  icon,\n  size = 'md',\n  children,\n}: MessageAvatarProps) {\n  const { grouped } = useMessageContext()\n\n  const sizeClass = size === 'sm' ? 'w-5' : 'w-6'\n  const heightClass = size === 'sm' ? 'h-5' : 'h-6'\n\n  if (grouped) {\n    return <div className={cn(sizeClass, heightClass, 'shrink-0')} />\n  }\n\n  if (children) {\n    return (\n      <div className={cn(sizeClass, 'shrink-0 flex items-start')}>\n        {children}\n      </div>\n    )\n  }\n\n  if (icon) {\n    return (\n      <div\n        className={cn(\n          sizeClass,\n          size === 'sm' ? 'h-5' : 'h-6',\n          'shrink-0 flex items-center justify-center rounded-pill bg-surface-panel-hover',\n        )}\n      >\n        <IconProvider size={size === 'sm' ? 'xs' : 'sm'}>{normalizeIcon(icon)}</IconProvider>\n      </div>\n    )\n  }\n\n  return (\n    <div className={cn(sizeClass, 'shrink-0')}>\n      <Avatar size={size === 'sm' ? 'xs' : 'sm'}>\n        {src && <AvatarImage src={src} alt={fallback ?? ''} />}\n        <AvatarFallback>{fallback ?? ''}</AvatarFallback>\n      </Avatar>\n    </div>\n  )\n}\nMessageAvatar.displayName = 'Message.Avatar'\n\n// ── Content ──────────────────────────────────────────────────────────────\n\nexport interface MessageContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n}\n\nfunction MessageContent({ children, className, ...props }: MessageContentProps) {\n  return (\n    <div className={cn('min-w-0 flex-1 flex flex-col gap-ds-02', className)} {...props}>\n      {children}\n    </div>\n  )\n}\nMessageContent.displayName = 'Message.Content'\n\n// ── Author ───────────────────────────────────────────────────────────────\n\nexport interface MessageAuthorProps {\n  name: string\n  badge?: React.ReactNode\n  timestamp?: Date\n  formattedTimestamp?: string\n  timestampFormat?: (date: Date) => string\n}\n\nfunction defaultTimestampFormat(date: Date): string {\n  return date.toLocaleTimeString('en-US', { hour: 'numeric', minute: '2-digit' })\n}\n\nfunction MessageAuthor({\n  name,\n  badge,\n  timestamp,\n  formattedTimestamp,\n  timestampFormat = defaultTimestampFormat,\n}: MessageAuthorProps) {\n  const { grouped } = useMessageContext()\n\n  if (grouped) return null\n\n  const timeStr = formattedTimestamp\n    ?? (timestamp ? timestampFormat(timestamp) : undefined)\n\n  return (\n    <div className=\"flex items-baseline gap-ds-02\">\n      <span className=\"font-semibold text-body-md text-surface-fg\">{name}</span>\n      {badge}\n      {timeStr && (\n        <span className=\"text-body-sm text-surface-fg-subtle\">{timeStr}</span>\n      )}\n    </div>\n  )\n}\nMessageAuthor.displayName = 'Message.Author'\n\n// ── Body ─────────────────────────────────────────────────────────────────\n\nexport interface MessageBodyProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n}\n\nfunction MessageBody({ children, className, ...props }: MessageBodyProps) {\n  return (\n    <div\n      className={cn(\n        'text-body-md leading-relaxed text-surface-fg whitespace-pre-wrap',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\nMessageBody.displayName = 'Message.Body'\n\n// ── EditableBody ─────────────────────────────────────────────────────────\n\nexport interface MessageEditableBodyProps {\n  content: string\n  onSave: (newContent: string) => void\n  onCancel?: () => void\n  canEdit?: boolean\n  renderContent?: (content: string) => React.ReactNode\n}\n\nfunction MessageEditableBody({\n  content,\n  onSave,\n  onCancel,\n  canEdit = false,\n  renderContent,\n}: MessageEditableBodyProps) {\n  const [isEditing, setIsEditing] = React.useState(false)\n  const [editDraft, setEditDraft] = React.useState(content)\n  const textareaRef = React.useRef<HTMLTextAreaElement>(null)\n\n  React.useEffect(() => {\n    if (isEditing && textareaRef.current) {\n      textareaRef.current.focus()\n      textareaRef.current.select()\n    }\n  }, [isEditing])\n\n  const handleStartEdit = React.useCallback(() => {\n    if (!canEdit) return\n    setEditDraft(content)\n    setIsEditing(true)\n  }, [canEdit, content])\n\n  const handleSave = React.useCallback(() => {\n    const trimmed = editDraft.trim()\n    if (trimmed && trimmed !== content) {\n      onSave(trimmed)\n    }\n    setIsEditing(false)\n  }, [editDraft, content, onSave])\n\n  const handleCancel = React.useCallback(() => {\n    setIsEditing(false)\n    setEditDraft(content)\n    onCancel?.()\n  }, [content, onCancel])\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n      if (e.key === 'Enter' && !e.shiftKey) {\n        e.preventDefault()\n        handleSave()\n      } else if (e.key === 'Escape') {\n        e.preventDefault()\n        handleCancel()\n      }\n    },\n    [handleSave, handleCancel],\n  )\n\n  if (isEditing) {\n    return (\n      <div className=\"text-body-md leading-relaxed\">\n        <Textarea\n          ref={textareaRef}\n          value={editDraft}\n          onChange={(e) => setEditDraft(e.target.value)}\n          onKeyDown={handleKeyDown}\n          onBlur={handleSave}\n          // compact inline-edit overrides on top of the Textarea base\n          className=\"resize-none rounded-control-inner bg-surface-panel-hover px-ds-02 py-ds-01 text-body-md leading-relaxed\"\n          rows={2}\n        />\n        <div className=\"mt-ds-01 text-caption text-surface-fg-subtle\">\n          Enter to save · Escape to cancel\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div\n      className={cn(\n        'text-body-md leading-relaxed text-surface-fg whitespace-pre-wrap',\n        canEdit && 'cursor-pointer hover:bg-surface-panel-hover rounded-control-inner transition-colors',\n      )}\n      onClick={handleStartEdit}\n      role={canEdit ? 'button' : undefined}\n      tabIndex={canEdit ? 0 : undefined}\n      onKeyDown={\n        canEdit\n          ? (e) => {\n              if (e.key === 'Enter' || e.key === ' ') {\n                e.preventDefault()\n                handleStartEdit()\n              }\n            }\n          : undefined\n      }\n    >\n      {renderContent ? renderContent(content) : content}\n    </div>\n  )\n}\nMessageEditableBody.displayName = 'Message.EditableBody'\n\n// ── Reactions ────────────────────────────────────────────────────────────\n\nexport interface MessageReactionsProps {\n  reactions: { emoji: string; count: number; reacted: boolean }[]\n  onReact: (emoji: string) => void\n}\n\nfunction MessageReactions({ reactions, onReact }: MessageReactionsProps) {\n  if (reactions.length === 0) return null\n\n  return (\n    <div className=\"flex flex-wrap gap-ds-02 mt-ds-03\">\n      {reactions.map((r) => (\n        <button\n          key={r.emoji}\n          type=\"button\"\n          onClick={() => onReact(r.emoji)}\n          aria-label={`${r.emoji} ${r.count} reaction${r.count !== 1 ? 's' : ''}${r.reacted ? ', you reacted' : ''}`}\n          className={cn(\n            'inline-flex items-center gap-ds-01 rounded-pill px-ds-02 py-ds-01 text-body-xs transition-colors',\n            r.reacted\n              // accent-4, not 3: an unreacted chip is surface-panel-hover and\n              // hovers to panel-active, so at step 3 the chip you HAD reacted to\n              // was the dimmest thing in the row.\n              ? 'bg-accent-4 ring-1 ring-accent-6'\n              : 'bg-surface-panel-hover hover:bg-surface-panel-active',\n          )}\n        >\n          <span>{r.emoji}</span>\n          <span>{r.count}</span>\n        </button>\n      ))}\n    </div>\n  )\n}\nMessageReactions.displayName = 'Message.Reactions'\n\n// ── Actions (floating toolbar) ───────────────────────────────────────────\n\nexport interface MessageActionsProps {\n  children: React.ReactNode\n  delay?: number\n}\n\nfunction MessageActions({ children, delay = 100 }: MessageActionsProps) {\n  return (\n    <div\n      className={cn(\n        'absolute -top-2 right-0 z-10',\n        'flex items-center gap-ds-01 rounded-control bg-surface-panel px-ds-01 py-ds-01 shadow-raised',\n        'opacity-0 group-hover/message:opacity-100 group-focus-within/message:opacity-100 transition-opacity duration-150',\n      )}\n      style={{ transitionDelay: `${delay}ms` }}\n    >\n      {children}\n    </div>\n  )\n}\nMessageActions.displayName = 'Message.Actions'\n\n// ── Action (single icon button) ──────────────────────────────────────────\n\nexport interface MessageActionProps {\n  icon: IconInput\n  label: string\n  onClick: () => void\n  variant?: 'default' | 'danger'\n}\n\nfunction MessageAction({\n  icon,\n  label,\n  onClick,\n  variant = 'default',\n}: MessageActionProps) {\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <button\n          type=\"button\"\n          onClick={onClick}\n          aria-label={label}\n          className={cn(\n            'p-ds-02 rounded-control-inner transition-colors',\n            variant === 'default' &&\n              'text-surface-fg-subtle hover:text-surface-fg hover:bg-surface-panel-hover',\n            variant === 'danger' &&\n              'text-surface-fg-subtle hover:text-error-11 hover:bg-surface-panel-hover',\n          )}\n        >\n          <IconProvider size=\"xs\">{normalizeIcon(icon)}</IconProvider>\n        </button>\n      </TooltipTrigger>\n      <TooltipContent>{label}</TooltipContent>\n    </Tooltip>\n  )\n}\nMessageAction.displayName = 'Message.Action'\n\n// ── Compound Export ──────────────────────────────────────────────────────\n\nexport const Message = Object.assign(MessageRoot, {\n  Avatar: MessageAvatar,\n  Content: MessageContent,\n  Author: MessageAuthor,\n  Body: MessageBody,\n  EditableBody: MessageEditableBody,\n  Reactions: MessageReactions,\n  Actions: MessageActions,\n  Action: MessageAction,\n})\n\nexport {\n  type MessageContextValue,\n  useMessageContext,\n}\n","'use client'\n\nimport { IconSend, IconSquare } from '@tabler/icons-react'\nimport * as React from 'react'\n\nimport { Button } from '../button'\nimport { Icon } from '../icon'\nimport { cn } from '../lib/utils'\n\nexport interface MessageInputProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSubmit'> {\n  onSubmit: (text: string) => void\n  placeholder?: string\n  disabled?: boolean\n  isStreaming?: boolean\n  onCancel?: () => void\n  leadingSlot?: React.ReactNode\n  trailingSlot?: React.ReactNode\n  disclaimer?: string\n  sendIcon?: React.ReactNode\n}\n\nconst MessageInput = React.forwardRef<HTMLDivElement, MessageInputProps>(\n  (\n    {\n      onSubmit,\n      placeholder = 'Type a message...',\n      disabled = false,\n      isStreaming = false,\n      onCancel,\n      leadingSlot,\n      trailingSlot,\n      disclaimer,\n      sendIcon,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const [text, setText] = React.useState('')\n    const textareaRef = React.useRef<HTMLTextAreaElement>(null)\n\n    const resize = React.useCallback(() => {\n      const el = textareaRef.current\n      if (!el) return\n      el.style.height = 'auto'\n      el.style.height = `${Math.min(el.scrollHeight, 160)}px`\n    }, [])\n\n    const handleChange = React.useCallback(\n      (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n        setText(e.target.value)\n        resize()\n      },\n      [resize],\n    )\n\n    const handleSend = React.useCallback(() => {\n      const trimmed = text.trim()\n      if (!trimmed || isStreaming) return\n      onSubmit(trimmed)\n      setText('')\n      // Reset height after clearing\n      if (textareaRef.current) {\n        textareaRef.current.style.height = 'auto'\n      }\n    }, [text, isStreaming, onSubmit])\n\n    const handleKeyDown = React.useCallback(\n      (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n        if (e.key === 'Enter' && !e.shiftKey) {\n          e.preventDefault()\n          if (!isStreaming) {\n            handleSend()\n          }\n        }\n      },\n      [isStreaming, handleSend],\n    )\n\n    const isEmpty = text.trim().length === 0\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'border-t border-surface-border-subtle px-ds-05 py-ds-04',\n          className,\n        )}\n        {...props}\n      >\n        <div className=\"flex items-end gap-ds-02 rounded-overlay-lg border border-surface-border-interactive bg-surface-panel-hover p-ds-03\">\n          {leadingSlot}\n          <textarea\n            ref={textareaRef}\n            value={text}\n            onChange={handleChange}\n            onKeyDown={handleKeyDown}\n            placeholder={placeholder}\n            aria-label={placeholder || 'Type a message'}\n            disabled={disabled}\n            rows={1}\n            className=\"flex-1 resize-none bg-transparent px-ds-02 py-ds-01 text-body-sm text-surface-fg placeholder:text-surface-fg-muted focus:outline-hidden disabled:opacity-50\"\n            style={{ maxHeight: 160 }}\n          />\n          {isStreaming ? (\n            <Button\n              variant=\"ghost\"\n              size=\"icon-sm\"\n              color=\"error\"\n              onClick={onCancel}\n              aria-label=\"Stop\"\n            >\n              <Icon icon={IconSquare} size=\"sm\" />\n            </Button>\n          ) : (\n            <Button\n              variant=\"ghost\"\n              size=\"icon-sm\"\n              onClick={handleSend}\n              disabled={isEmpty || disabled}\n              aria-label=\"Send\"\n            >\n              {sendIcon ?? <Icon icon={IconSend} size=\"sm\" />}\n            </Button>\n          )}\n          {trailingSlot}\n        </div>\n        {disclaimer && (\n          <p className=\"mt-ds-02 text-center text-caption text-surface-fg-subtle\">\n            {disclaimer}\n          </p>\n        )}\n      </div>\n    )\n  },\n)\nMessageInput.displayName = 'MessageInput'\n\nexport { MessageInput }\n","'use client'\n\nimport { AnimatePresence,motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { MotionPreference } from '../../motion/motion-preference'\nimport { tweens } from '../lib/motion'\nimport { cn } from '../lib/utils'\nimport { Spinner } from '../spinner'\n\nexport interface MessageListProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  /** Auto-scroll to bottom when new content arrives (default true) */\n  autoScroll?: boolean\n  /** Number of new messages to show in the floating pill */\n  newMessageCount?: number\n  /** Called when user clicks the \"N new\" pill */\n  onScrollToBottom?: () => void\n  /** Called when user scrolls near the top — triggers load-more */\n  onLoadMore?: () => void\n  /** Whether more messages are currently being loaded */\n  loadingMore?: boolean\n  /** Content to render when there are no children */\n  emptySlot?: React.ReactNode\n  /** Custom scroll-to-bottom button (unused slot for future override) */\n  scrollToBottomSlot?: React.ReactNode\n  /** Content rendered above the scroll container (e.g. channel name) */\n  headerSlot?: React.ReactNode\n}\n\nconst MessageList = React.forwardRef<HTMLDivElement, MessageListProps>(\n  (\n    {\n      children,\n      autoScroll = true,\n      newMessageCount = 0,\n      onScrollToBottom,\n      onLoadMore,\n      loadingMore = false,\n      emptySlot,\n      scrollToBottomSlot,\n      headerSlot,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const scrollRef = React.useRef<HTMLDivElement>(null)\n    const isAtBottomRef = React.useRef(true)\n    const [isAtBottom, setIsAtBottom] = React.useState(true)\n    const loadingMoreRef = React.useRef(false)\n    const prevScrollHeightRef = React.useRef(0)\n\n    const isEmpty = React.Children.count(children) === 0 && !loadingMore\n\n    // ── Scroll handler ────────────────────────────────────────────\n    const handleScroll = React.useCallback(() => {\n      const el = scrollRef.current\n      if (!el) return\n\n      const atBottom = el.scrollHeight - el.scrollTop - el.clientHeight < 40\n      isAtBottomRef.current = atBottom\n      setIsAtBottom(atBottom)\n\n      // Load more when near top\n      if (el.scrollTop < 100 && onLoadMore && !loadingMoreRef.current) {\n        loadingMoreRef.current = true\n        prevScrollHeightRef.current = el.scrollHeight\n        onLoadMore()\n      }\n    }, [onLoadMore])\n\n    // ── Auto-scroll to bottom when children change ────────────────\n    React.useLayoutEffect(() => {\n      const el = scrollRef.current\n      if (!el) return\n\n      // Scroll preservation after load-more\n      if (loadingMoreRef.current) {\n        const newScrollHeight = el.scrollHeight\n        el.scrollTop = newScrollHeight - prevScrollHeightRef.current\n        loadingMoreRef.current = false\n        return\n      }\n\n      // Auto-scroll if user was at bottom\n      if (autoScroll && isAtBottomRef.current) {\n        el.scrollTo({ top: el.scrollHeight, behavior: 'smooth' })\n      }\n    }, [children, autoScroll])\n\n    // ── Reset loading flag when loadingMore goes false ──────────\n    React.useEffect(() => {\n      if (!loadingMore) {\n        loadingMoreRef.current = false\n      }\n    }, [loadingMore])\n\n    // ── \"N new\" pill visibility ───────────────────────────────────\n    const showNewPill = newMessageCount > 0 && !isAtBottom\n\n    const handleScrollToBottom = React.useCallback(() => {\n      const el = scrollRef.current\n      if (el) {\n        el.scrollTo({ top: el.scrollHeight, behavior: 'smooth' })\n      }\n      onScrollToBottom?.()\n    }, [onScrollToBottom])\n\n    return (\n      <MotionPreference>\n        <div\n          ref={ref}\n          className={cn('relative flex flex-1 flex-col overflow-hidden', className)}\n          {...props}\n        >\n          {headerSlot}\n          <div\n            ref={scrollRef}\n            role=\"log\"\n            aria-live=\"polite\"\n            aria-relevant=\"additions\"\n            className=\"flex-1 overflow-y-auto px-ds-05 py-ds-04\"\n            style={{\n              scrollbarWidth: 'thin',\n              scrollbarColor: 'var(--color-surface-border) transparent',\n            }}\n            onScroll={handleScroll}\n          >\n            {loadingMore && (\n              <div className=\"flex justify-center py-ds-03\">\n                <Spinner size=\"sm\" />\n              </div>\n            )}\n            {isEmpty ? (\n              emptySlot\n            ) : (\n              <div className=\"flex flex-col gap-ds-04\">\n                <AnimatePresence initial={false}>{children}</AnimatePresence>\n              </div>\n            )}\n          </div>\n\n          {/* \"N new\" floating pill */}\n          <AnimatePresence>\n            {showNewPill && (\n              <motion.button\n                initial={{ opacity: 0, y: 10 }}\n                animate={{ opacity: 1, y: 0 }}\n                exit={{ opacity: 0, y: 10 }}\n                transition={tweens.fade}\n                onClick={handleScrollToBottom}\n                className=\"absolute bottom-ds-04 left-1/2 z-10 -translate-x-1/2 rounded-pill bg-accent-9 px-ds-04 py-ds-02 text-body-xs font-medium text-accent-fg shadow-raised transition-colors hover:bg-accent-10\"\n              >\n                {newMessageCount} new\n              </motion.button>\n            )}\n          </AnimatePresence>\n        </div>\n      </MotionPreference>\n    )\n  },\n)\nMessageList.displayName = 'MessageList'\n\nexport { MessageList }\n","'use client'\n\nimport { IconAlertCircle } from '@tabler/icons-react'\nimport * as React from 'react'\n\nimport { Icon } from '../icon'\nimport { IconProvider } from '../icon-context'\nimport type { IconInput } from '../lib/icon-input'\nimport { normalizeIcon } from '../lib/normalize-icon'\nimport { cn } from '../lib/utils'\n\nexport interface SystemMessageProps extends React.HTMLAttributes<HTMLDivElement> {\n  icon?: IconInput\n  timestamp?: string\n  variant?: 'event' | 'alert'\n  children: React.ReactNode\n}\n\nfunction formatTime(ts: string): string {\n  return new Date(ts).toLocaleTimeString('en-US', {\n    hour: 'numeric',\n    minute: '2-digit',\n  })\n}\n\nconst SystemMessage = React.forwardRef<HTMLDivElement, SystemMessageProps>(\n  ({ icon, timestamp, variant = 'event', children, className, ...props }, ref) => {\n    if (variant === 'alert') {\n      return (\n        <div\n          ref={ref}\n          role=\"alert\"\n          className={cn('flex justify-center', className)}\n          {...props}\n        >\n          <div className=\"flex items-center gap-ds-03 rounded-surface bg-error-3 px-ds-04 py-ds-03\">\n            <IconProvider size=\"sm\">{normalizeIcon(icon) ?? <Icon icon={IconAlertCircle} />}</IconProvider>\n            <span className=\"text-body-sm text-error-11\">{children}</span>\n            {timestamp && (\n              <span className=\"text-body-sm text-error-11/60\">\n                {formatTime(timestamp)}\n              </span>\n            )}\n          </div>\n        </div>\n      )\n    }\n\n    // event variant (default)\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'flex items-center gap-ds-02 rounded-control-inner bg-surface-panel-hover/30 px-ds-02 py-ds-01 -mx-ds-02 text-body-sm text-surface-fg-subtle',\n          className,\n        )}\n        {...props}\n      >\n        <IconProvider size=\"xs\">{normalizeIcon(icon)}</IconProvider>\n        <span className=\"flex-1\">{children}</span>\n        {timestamp && <span>{formatTime(timestamp)}</span>}\n      </div>\n    )\n  },\n)\nSystemMessage.displayName = 'SystemMessage'\n\nexport { SystemMessage }\n","'use client'\n\nimport { AnimatePresence,motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { MotionPreference } from '../../motion/motion-preference'\nimport { cn } from '../lib/utils'\n\nexport interface TypingIndicatorProps {\n  users: { name: string; image?: string }[]\n  className?: string\n}\n\nfunction formatTypingText(users: { name: string }[]): string {\n  if (users.length === 1) return `${users[0].name} is typing...`\n  if (users.length === 2) return `${users[0].name} and ${users[1].name} are typing...`\n  return 'Several people are typing...'\n}\n\nfunction TypingIndicator({ users, className }: TypingIndicatorProps) {\n  return (\n    <MotionPreference>\n      <div className={cn('min-h-ds-06 px-ds-05', className)} role=\"status\" aria-live=\"polite\">\n        <AnimatePresence>\n          {users.length > 0 && (\n            <motion.div\n              initial={{ opacity: 0 }}\n              animate={{ opacity: 1 }}\n              exit={{ opacity: 0 }}\n              className=\"flex items-center gap-ds-02 text-caption text-surface-fg-subtle\"\n            >\n              <span className=\"flex items-center gap-ds-01\">\n                {[0, 1, 2].map((i) => (\n                  <motion.span\n                    key={i}\n                    className=\"h-1 w-1 rounded-pill bg-surface-fg-subtle\"\n                    animate={{ y: [0, -3, 0] }}\n                    transition={{\n                      duration: 0.5,\n                      repeat: Infinity,\n                      delay: i * 0.15,\n                    }}\n                  />\n                ))}\n              </span>\n              <span>{formatTypingText(users)}</span>\n            </motion.div>\n          )}\n        </AnimatePresence>\n      </div>\n    </MotionPreference>\n  )\n}\nTypingIndicator.displayName = 'TypingIndicator'\n\nexport { TypingIndicator }\n","import * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\nexport interface UnreadSeparatorProps {\n  label?: string\n  count?: number\n  className?: string\n}\n\nfunction UnreadSeparator({\n  label = 'NEW',\n  count,\n  className,\n}: UnreadSeparatorProps) {\n  return (\n    <div className={cn('relative flex items-center py-ds-02', className)}>\n      <div className=\"flex-1 border-t-2 border-accent-7\" />\n      <span className=\"px-ds-03 text-body-xs font-semibold text-accent-11\">\n        {count ? `${count} ${label}` : label}\n      </span>\n      <div className=\"flex-1 border-t-2 border-accent-7\" />\n    </div>\n  )\n}\nUnreadSeparator.displayName = 'UnreadSeparator'\n\nexport { UnreadSeparator }\n"],"mappings":";;;;;;;;;;;;;;;;;AAkBA,SAAS,EAAY,GAAY,GAAiE;CAChG,IAAM,IAAQ,IAAI,KAAK,eAAe,SAAS;EAC7C;EACA,MAAM;EACN,OAAO;EACP,KAAK;CACP,CAAC,CAAC,CAAC,cAAc,CAAI,GACf,KAAO,MAAiB,OAAO,EAAM,MAAM,MAAM,EAAE,SAAS,CAAI,CAAC,EAAE,KAAK;CAC9E,OAAO;EAAE,MAAM,EAAI,MAAM;EAAG,OAAO,EAAI,OAAO;EAAG,KAAK,EAAI,KAAK;CAAE;AACnE;AAEA,SAAS,EAAc,GAAY,GAAgB,GAA2B;CAE5E,IAAM,IAAQ,kBAAY,IADV,KACU,GAAK,CAAQ,GACjC,IAAS,EAAY,GAAM,CAAQ,GACnC,IAAW,KAAK,IAAI,EAAM,MAAM,EAAM,QAAQ,GAAG,EAAM,GAAG,GAC1D,IAAY,KAAK,IAAI,EAAO,MAAM,EAAO,QAAQ,GAAG,EAAO,GAAG,GAC9D,IAAW,KAAK,OAAO,IAAW,MAAc,MAAO,KAAK,KAAK,GAAG;CAE1E,IAAI,MAAa,GAAG,OAAO;CAC3B,IAAI,MAAa,GAAG,OAAO;CAE3B,IAAM,IAAQ,EAAK,eAAe,GAAQ;EAAE,OAAO;EAAS;CAAS,CAAC;CAMtE,OAJI,EAAO,SAAS,EAAM,OAInB,GAAG,EAAM,GAAG,EAAO,QAHjB,GAAG,EAAM,GAAG,EAAO,IAAI,IAAI,EAAO;AAI7C;AAEA,SAAS,EAAc,EAAE,SAAM,WAAQ,cAAW,YAAS,SAAS,eAAgC;CAClG,IAAM,IAAI,OAAO,KAAS,WAAW,IAAI,KAAK,CAAI,IAAI,GAChD,IAAQ,IAAS,EAAO,CAAC,IAAI,EAAc,GAAG,GAAQ,CAAQ;CAEpE,OACE,kBAAC,OAAD;EAAK,WAAW,EAAG,wCAAwC,CAAS;YAApE;GACE,kBAAC,OAAD,EAAK,WAAU,+CAAgD,CAAA;GAC/D,kBAAC,QAAD;IAAM,WAAU;cACb;GACG,CAAA;GACN,kBAAC,OAAD,EAAK,WAAU,+CAAgD,CAAA;EAC5D;;AAET;AACA,EAAc,cAAc;;;ACpC5B,IAAM,IAAiB,EAAM,cAAmC;CAC9D,SAAS;CACT,WAAW;CACX,SAAS;AACX,CAAC;AAED,SAAS,IAAoB;CAC3B,OAAO,EAAM,WAAW,CAAc;AACxC;AAcA,IAAM,IAAc,EAAM,YAEtB,EACE,aACA,aAAU,QACV,eAAY,SACZ,cACA,aAAU,IACV,aAAU,IACV,iBAAc,4BACd,cACA,GAAG,KAEL,MACG;CACH,IAAM,IAAM,EAAM,eACT;EAAE;EAAS;EAAW;EAAS;CAAU,IAChD;EAAC;EAAS;EAAW;EAAS;CAAS,CACzC;CA4DA,OA1DI,IAEA,kBAAC,GAAD,EAAA,UACE,kBAAC,EAAO,KAAR;EACO;EACL,SAAS,EAAE,GAAG,EAAE;EAChB,SAAS;GAAE,SAAS;GAAG,GAAG;EAAE;EAC5B,YAAY,EAAQ;EACpB,WAAW,EACT,mFACA,CACF;EACA,GAAI,EAAY,CAAK;YATvB,CAWE,kBAAC,GAAD;GAAM,MAAM;GAAW,MAAK;EAAM,CAAA,GACjC,CACS;IACI,CAAA,IAIlB,MAAY,WAEZ,kBAAC,GAAD,EAAA,UACE,kBAAC,EAAe,UAAhB;EAAyB,OAAO;YAC9B,kBAAC,EAAO,KAAR;GACO;GACL,kBAAgB;GAChB,SAAS,EAAE,GAAG,EAAE;GAChB,SAAS;IAAE,SAAS;IAAG,GAAG;GAAE;GAC5B,YAAY,EAAQ;GACpB,WAAW,EACT,+BACA,MAAc,QAAQ,gBAAgB,iBAEtC,GACA,MAAc,cAAc,yCAC5B,CACF;GACA,GAAI,EAAY,CAAK;aAErB,kBAAC,OAAD;IACE,WAAW,EACT,gDACA,MAAc,QACV,gCACA,kCACN;IAEC;GACE,CAAA;EACK,CAAA;CACW,CAAA,EACT,CAAA,IAMpB,kBAAC,GAAD,EAAA,UACE,kBAAC,EAAe,UAAhB;EAAyB,OAAO;YAC9B,kBAAC,EAAO,KAAR;GACO;GACL,kBAAgB;GAChB,SAAS,EAAE,GAAG,EAAE;GAChB,SAAS;IAAE,SAAS;IAAG,GAAG;GAAE;GAC5B,YAAY,EAAQ;GACpB,WAAW,EACT,yCACA,KAAW,aAEX,GACA,MAAc,cAAc,yCAC5B,CACF;GACA,GAAI,EAAY,CAAK;GAEpB;EACS,CAAA;CACW,CAAA,EACT,CAAA;AAEtB,CACF;AACA,EAAY,cAAc;AAY1B,SAAS,EAAc,EACrB,QACA,aACA,SACA,UAAO,MACP,eACqB;CACrB,IAAM,EAAE,eAAY,EAAkB,GAEhC,IAAY,MAAS,OAAO,QAAQ;CA6B1C,OA1BI,IACK,kBAAC,OAAD,EAAK,WAAW,EAAG,GAHR,MAAS,OAAO,QAAQ,OAGQ,UAAU,EAAI,CAAA,IAG9D,IAEA,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAW,2BAA2B;EACtD;CACE,CAAA,IAIL,IAEA,kBAAC,OAAD;EACE,WAAW,EACT,GACA,MAAS,OAAO,QAAQ,OACxB,+EACF;YAEA,kBAAC,GAAD;GAAc,MAAM,MAAS,OAAO,OAAO;aAAO,EAAc,CAAI;EAAgB,CAAA;CACjF,CAAA,IAKP,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAW,UAAU;YACtC,kBAAC,GAAD;GAAQ,MAAM,MAAS,OAAO,OAAO;aAArC,CACG,KAAO,kBAAC,GAAD;IAAkB;IAAK,KAAK,KAAY;GAAK,CAAA,GACrD,kBAAC,GAAD,EAAA,UAAiB,KAAY,GAAmB,CAAA,CAC1C;;CACL,CAAA;AAET;AACA,EAAc,cAAc;AAQ5B,SAAS,EAAe,EAAE,aAAU,cAAW,GAAG,KAA8B;CAC9E,OACE,kBAAC,OAAD;EAAK,WAAW,EAAG,0CAA0C,CAAS;EAAG,GAAI;EAC1E;CACE,CAAA;AAET;AACA,EAAe,cAAc;AAY7B,SAAS,EAAuB,GAAoB;CAClD,OAAO,EAAK,mBAAmB,SAAS;EAAE,MAAM;EAAW,QAAQ;CAAU,CAAC;AAChF;AAEA,SAAS,EAAc,EACrB,SACA,UACA,cACA,uBACA,qBAAkB,KACG;CACrB,IAAM,EAAE,eAAY,EAAkB;CAEtC,IAAI,GAAS,OAAO;CAEpB,IAAM,IAAU,MACV,IAAY,EAAgB,CAAS,IAAI,KAAA;CAE/C,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,QAAD;IAAM,WAAU;cAA8C;GAAW,CAAA;GACxE;GACA,KACC,kBAAC,QAAD;IAAM,WAAU;cAAuC;GAAc,CAAA;EAEpE;;AAET;AACA,EAAc,cAAc;AAQ5B,SAAS,EAAY,EAAE,aAAU,cAAW,GAAG,KAA2B;CACxE,OACE,kBAAC,OAAD;EACE,WAAW,EACT,oEACA,CACF;EACA,GAAI;EAEH;CACE,CAAA;AAET;AACA,EAAY,cAAc;AAY1B,SAAS,EAAoB,EAC3B,YACA,WACA,aACA,aAAU,IACV,oBAC2B;CAC3B,IAAM,CAAC,GAAW,KAAgB,EAAM,SAAS,EAAK,GAChD,CAAC,GAAW,KAAgB,EAAM,SAAS,CAAO,GAClD,IAAc,EAAM,OAA4B,IAAI;CAE1D,EAAM,gBAAgB;EACpB,AAAI,KAAa,EAAY,YAC3B,EAAY,QAAQ,MAAM,GAC1B,EAAY,QAAQ,OAAO;CAE/B,GAAG,CAAC,CAAS,CAAC;CAEd,IAAM,IAAkB,EAAM,kBAAkB;EACzC,MACL,EAAa,CAAO,GACpB,EAAa,EAAI;CACnB,GAAG,CAAC,GAAS,CAAO,CAAC,GAEf,IAAa,EAAM,kBAAkB;EACzC,IAAM,IAAU,EAAU,KAAK;EAI/B,AAHI,KAAW,MAAY,KACzB,EAAO,CAAO,GAEhB,EAAa,EAAK;CACpB,GAAG;EAAC;EAAW;EAAS;CAAM,CAAC,GAEzB,IAAe,EAAM,kBAAkB;EAG3C,AAFA,EAAa,EAAK,GAClB,EAAa,CAAO,GACpB,IAAW;CACb,GAAG,CAAC,GAAS,CAAQ,CAAC,GAEhB,IAAgB,EAAM,aACzB,MAAgD;EAC/C,AAAI,EAAE,QAAQ,WAAW,CAAC,EAAE,YAC1B,EAAE,eAAe,GACjB,EAAW,KACF,EAAE,QAAQ,aACnB,EAAE,eAAe,GACjB,EAAa;CAEjB,GACA,CAAC,GAAY,CAAY,CAC3B;CAsBA,OApBI,IAEA,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACE,KAAK;GACL,OAAO;GACP,WAAW,MAAM,EAAa,EAAE,OAAO,KAAK;GAC5C,WAAW;GACX,QAAQ;GAER,WAAU;GACV,MAAM;EACP,CAAA,GACD,kBAAC,OAAD;GAAK,WAAU;aAA+C;EAEzD,CAAA,CACF;MAKP,kBAAC,OAAD;EACE,WAAW,EACT,oEACA,KAAW,qFACb;EACA,SAAS;EACT,MAAM,IAAU,WAAW,KAAA;EAC3B,UAAU,IAAU,IAAI,KAAA;EACxB,WACE,KACK,MAAM;GACL,CAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,eAAe,GACjB,EAAgB;EAEpB,IACA,KAAA;YAGL,IAAgB,EAAc,CAAO,IAAI;CACvC,CAAA;AAET;AACA,EAAoB,cAAc;AASlC,SAAS,EAAiB,EAAE,cAAW,cAAkC;CAGvE,OAFI,EAAU,WAAW,IAAU,OAGjC,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAU,KAAK,MACd,kBAAC,UAAD;GAEE,MAAK;GACL,eAAe,EAAQ,EAAE,KAAK;GAC9B,cAAY,GAAG,EAAE,MAAM,GAAG,EAAE,MAAM,WAAW,EAAE,UAAU,IAAU,KAAN,MAAW,EAAE,UAAU,kBAAkB;GACtG,WAAW,EACT,oGACA,EAAE,UAIE,qCACA,sDACN;aAbF,CAeE,kBAAC,QAAD,EAAA,UAAO,EAAE,MAAY,CAAA,GACrB,kBAAC,QAAD,EAAA,UAAO,EAAE,MAAY,CAAA,CACf;KAhBD,EAAE,KAgBD,CACT;CACE,CAAA;AAET;AACA,EAAiB,cAAc;AAS/B,SAAS,EAAe,EAAE,aAAU,WAAQ,OAA4B;CACtE,OACE,kBAAC,OAAD;EACE,WAAW,EACT,gCACA,gGACA,kHACF;EACA,OAAO,EAAE,iBAAiB,GAAG,EAAM,IAAI;EAEtC;CACE,CAAA;AAET;AACA,EAAe,cAAc;AAW7B,SAAS,EAAc,EACrB,SACA,UACA,YACA,aAAU,aACW;CACrB,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EAAgB,SAAA;YACd,kBAAC,UAAD;GACE,MAAK;GACI;GACT,cAAY;GACZ,WAAW,EACT,mDACA,MAAY,aACV,6EACF,MAAY,YACV,yEACJ;aAEA,kBAAC,GAAD;IAAc,MAAK;cAAM,EAAc,CAAI;GAAgB,CAAA;EACrD,CAAA;CACM,CAAA,GAChB,kBAAC,GAAD,EAAA,UAAiB,EAAsB,CAAA,CAChC,EAAA,CAAA;AAEb;AACA,EAAc,cAAc;AAI5B,IAAa,IAAU,OAAO,OAAO,GAAa;CAChD,QAAQ;CACR,SAAS;CACT,QAAQ;CACR,MAAM;CACN,cAAc;CACd,WAAW;CACX,SAAS;CACT,QAAQ;AACV,CAAC,GCreK,IAAe,EAAM,YAEvB,EACE,aACA,iBAAc,qBACd,cAAW,IACX,iBAAc,IACd,aACA,gBACA,iBACA,eACA,aACA,cACA,GAAG,KAEL,MACG;CACH,IAAM,CAAC,GAAM,KAAW,EAAM,SAAS,EAAE,GACnC,IAAc,EAAM,OAA4B,IAAI,GAEpD,IAAS,EAAM,kBAAkB;EACrC,IAAM,IAAK,EAAY;EAClB,MACL,EAAG,MAAM,SAAS,QAClB,EAAG,MAAM,SAAS,GAAG,KAAK,IAAI,EAAG,cAAc,GAAG,EAAE;CACtD,GAAG,CAAC,CAAC,GAEC,IAAe,EAAM,aACxB,MAA8C;EAE7C,AADA,EAAQ,EAAE,OAAO,KAAK,GACtB,EAAO;CACT,GACA,CAAC,CAAM,CACT,GAEM,IAAa,EAAM,kBAAkB;EACzC,IAAM,IAAU,EAAK,KAAK;EACtB,CAAC,KAAW,MAChB,EAAS,CAAO,GAChB,EAAQ,EAAE,GAEN,EAAY,YACd,EAAY,QAAQ,MAAM,SAAS;CAEvC,GAAG;EAAC;EAAM;EAAa;CAAQ,CAAC,GAE1B,IAAgB,EAAM,aACzB,MAAgD;EAC/C,AAAI,EAAE,QAAQ,WAAW,CAAC,EAAE,aAC1B,EAAE,eAAe,GACZ,KACH,EAAW;CAGjB,GACA,CAAC,GAAa,CAAU,CAC1B,GAEM,IAAU,EAAK,KAAK,CAAC,CAAC,WAAW;CAEvC,OACE,kBAAC,OAAD;EACO;EACL,WAAW,EACT,2DACA,CACF;EACA,GAAI;YANN,CAQE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG;IACD,kBAAC,YAAD;KACE,KAAK;KACL,OAAO;KACP,UAAU;KACV,WAAW;KACE;KACb,cAAY,KAAe;KACjB;KACV,MAAM;KACN,WAAU;KACV,OAAO,EAAE,WAAW,IAAI;IACzB,CAAA;IACA,IACC,kBAAC,GAAD;KACE,SAAQ;KACR,MAAK;KACL,OAAM;KACN,SAAS;KACT,cAAW;eAEX,kBAAC,GAAD;MAAM,MAAM;MAAY,MAAK;KAAM,CAAA;IAC7B,CAAA,IAER,kBAAC,GAAD;KACE,SAAQ;KACR,MAAK;KACL,SAAS;KACT,UAAU,KAAW;KACrB,cAAW;eAEV,KAAY,kBAAC,GAAD;MAAM,MAAM;MAAU,MAAK;KAAM,CAAA;IACxC,CAAA;IAET;GACE;MACJ,KACC,kBAAC,KAAD;GAAG,WAAU;aACV;EACA,CAAA,CAEF;;AAET,CACF;AACA,EAAa,cAAc;;;AC3G3B,IAAM,IAAc,EAAM,YAEtB,EACE,aACA,gBAAa,IACb,qBAAkB,GAClB,qBACA,eACA,iBAAc,IACd,cACA,uBACA,eACA,cACA,GAAG,KAEL,MACG;CACH,IAAM,IAAY,EAAM,OAAuB,IAAI,GAC7C,IAAgB,EAAM,OAAO,EAAI,GACjC,CAAC,GAAY,KAAiB,EAAM,SAAS,EAAI,GACjD,IAAiB,EAAM,OAAO,EAAK,GACnC,IAAsB,EAAM,OAAO,CAAC,GAEpC,IAAU,EAAM,SAAS,MAAM,CAAQ,MAAM,KAAK,CAAC,GAGnD,IAAe,EAAM,kBAAkB;EAC3C,IAAM,IAAK,EAAU;EACrB,IAAI,CAAC,GAAI;EAET,IAAM,IAAW,EAAG,eAAe,EAAG,YAAY,EAAG,eAAe;EAKpE,AAJA,EAAc,UAAU,GACxB,EAAc,CAAQ,GAGlB,EAAG,YAAY,OAAO,KAAc,CAAC,EAAe,YACtD,EAAe,UAAU,IACzB,EAAoB,UAAU,EAAG,cACjC,EAAW;CAEf,GAAG,CAAC,CAAU,CAAC;CAsBf,AAnBA,EAAM,sBAAsB;EAC1B,IAAM,IAAK,EAAU;EAChB,OAGL;OAAI,EAAe,SAAS;IAG1B,AADA,EAAG,YADqB,EAAG,eACM,EAAoB,SACrD,EAAe,UAAU;IACzB;GACF;GAGA,AAAI,KAAc,EAAc,WAC9B,EAAG,SAAS;IAAE,KAAK,EAAG;IAAc,UAAU;GAAS,CAAC;EAJ1D;CAMF,GAAG,CAAC,GAAU,CAAU,CAAC,GAGzB,EAAM,gBAAgB;EACpB,AAAK,MACH,EAAe,UAAU;CAE7B,GAAG,CAAC,CAAW,CAAC;CAGhB,IAAM,IAAc,IAAkB,KAAK,CAAC,GAEtC,IAAuB,EAAM,kBAAkB;EACnD,IAAM,IAAK,EAAU;EAIrB,AAHI,KACF,EAAG,SAAS;GAAE,KAAK,EAAG;GAAc,UAAU;EAAS,CAAC,GAE1D,IAAmB;CACrB,GAAG,CAAC,CAAgB,CAAC;CAErB,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;EACO;EACL,WAAW,EAAG,iDAAiD,CAAS;EACxE,GAAI;YAHN;GAKG;GACD,kBAAC,OAAD;IACE,KAAK;IACL,MAAK;IACL,aAAU;IACV,iBAAc;IACd,WAAU;IACV,OAAO;KACL,gBAAgB;KAChB,gBAAgB;IAClB;IACA,UAAU;cAVZ,CAYG,KACC,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD,EAAS,MAAK,KAAM,CAAA;IACjB,CAAA,GAEN,IACC,IAEA,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MAAiB,SAAS;MAAQ;KAA0B,CAAA;IACzD,CAAA,CAEJ;;GAGL,kBAAC,GAAD,EAAA,UACG,KACC,kBAAC,EAAO,QAAR;IACE,SAAS;KAAE,SAAS;KAAG,GAAG;IAAG;IAC7B,SAAS;KAAE,SAAS;KAAG,GAAG;IAAE;IAC5B,MAAM;KAAE,SAAS;KAAG,GAAG;IAAG;IAC1B,YAAY,EAAO;IACnB,SAAS;IACT,WAAU;cANZ,CAQG,GAAgB,MACJ;MAEF,CAAA;EACd;IACW,CAAA;AAEtB,CACF;AACA,EAAY,cAAc;;;ACjJ1B,SAAS,EAAW,GAAoB;CACtC,OAAO,IAAI,KAAK,CAAE,CAAC,CAAC,mBAAmB,SAAS;EAC9C,MAAM;EACN,QAAQ;CACV,CAAC;AACH;AAEA,IAAM,IAAgB,EAAM,YACzB,EAAE,SAAM,cAAW,aAAU,SAAS,aAAU,cAAW,GAAG,KAAS,MAClE,MAAY,UAEZ,kBAAC,OAAD;CACO;CACL,MAAK;CACL,WAAW,EAAG,uBAAuB,CAAS;CAC9C,GAAI;WAEJ,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD;IAAc,MAAK;cAAM,EAAc,CAAI,KAAK,kBAAC,GAAD,EAAM,MAAM,EAAkB,CAAA;GAAgB,CAAA;GAC9F,kBAAC,QAAD;IAAM,WAAU;IAA8B;GAAe,CAAA;GAC5D,KACC,kBAAC,QAAD;IAAM,WAAU;cACb,EAAW,CAAS;GACjB,CAAA;EAEL;;AACF,CAAA,IAMP,kBAAC,OAAD;CACO;CACL,WAAW,EACT,+IACA,CACF;CACA,GAAI;WANN;EAQE,kBAAC,GAAD;GAAc,MAAK;aAAM,EAAc,CAAI;EAAgB,CAAA;EAC3D,kBAAC,QAAD;GAAM,WAAU;GAAU;EAAe,CAAA;EACxC,KAAa,kBAAC,QAAD,EAAA,UAAO,EAAW,CAAS,EAAQ,CAAA;CAC9C;EAGX;AACA,EAAc,cAAc;;;ACpD5B,SAAS,EAAiB,GAAmC;CAG3D,OAFI,EAAM,WAAW,IAAU,GAAG,EAAM,EAAE,CAAC,KAAK,iBAC5C,EAAM,WAAW,IAAU,GAAG,EAAM,EAAE,CAAC,KAAK,OAAO,EAAM,EAAE,CAAC,KAAK,kBAC9D;AACT;AAEA,SAAS,EAAgB,EAAE,UAAO,gBAAmC;CACnE,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;EAAK,WAAW,EAAG,wBAAwB,CAAS;EAAG,MAAK;EAAS,aAAU;YAC7E,kBAAC,GAAD,EAAA,UACG,EAAM,SAAS,KACd,kBAAC,EAAO,KAAR;GACE,SAAS,EAAE,SAAS,EAAE;GACtB,SAAS,EAAE,SAAS,EAAE;GACtB,MAAM,EAAE,SAAS,EAAE;GACnB,WAAU;aAJZ,CAME,kBAAC,QAAD;IAAM,WAAU;cACb;KAAC;KAAG;KAAG;IAAC,CAAC,CAAC,KAAK,MACd,kBAAC,EAAO,MAAR;KAEE,WAAU;KACV,SAAS,EAAE,GAAG;MAAC;MAAG;MAAI;KAAC,EAAE;KACzB,YAAY;MACV,UAAU;MACV,QAAQ;MACR,OAAO,IAAI;KACb;IACD,GARM,CAQN,CACF;GACG,CAAA,GACN,kBAAC,QAAD,EAAA,UAAO,EAAiB,CAAK,EAAQ,CAAA,CAC3B;KAEC,CAAA;CACd,CAAA,EACW,CAAA;AAEtB;AACA,EAAgB,cAAc;;;AC3C9B,SAAS,EAAgB,EACvB,WAAQ,OACR,UACA,gBACuB;CACvB,OACE,kBAAC,OAAD;EAAK,WAAW,EAAG,uCAAuC,CAAS;YAAnE;GACE,kBAAC,OAAD,EAAK,WAAU,oCAAqC,CAAA;GACpD,kBAAC,QAAD;IAAM,WAAU;cACb,IAAQ,GAAG,EAAM,GAAG,MAAU;GAC3B,CAAA;GACN,kBAAC,OAAD,EAAK,WAAU,oCAAqC,CAAA;EACjD;;AAET;AACA,EAAgB,cAAc"}

package/dist/_chunks/document-preview.js

@@ -88,7 +88,7 @@ function g({ url: g, initialPage: _, onError: v }) {
 					onChange: (e) => w(e.target.value),
 					onKeyDown: A,
 					onBlur: () => w(String(x)),
-					className: "w-8 bg-transparent text-center font-mono text-surface-fg outline-hidden focus:bg-surface-raised-hover rounded-control-inner",
+					className: "w-8 bg-transparent text-center font-mono text-surface-fg outline-hidden focus:bg-surface-panel-hover rounded-control-inner",
 					"aria-label": "Page number"
 				}), /* @__PURE__ */ c("span", { children: ["/ ", y] })]
 			}),

package/dist/_chunks/document-preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"document-preview.js","names":[],"sources":["../../src/composed/file-preview/document-preview.tsx"],"sourcesContent":["'use client'\n\nimport { IconChevronLeft, IconChevronRight } from '@tabler/icons-react'\nimport { AnimatePresence,motion } from 'framer-motion'\nimport * as React from 'react'\nimport { Document, Page, pdfjs } from 'react-pdf'\n\nimport { Button } from '../../ui/button'\nimport { Icon } from '../../ui/icon'\nimport { tweens } from '../../ui/lib/motion'\nimport { Skeleton } from '../../ui/skeleton'\nimport { ErrorFallback, Toolbar } from './shared'\n\n// ============================================================\n// PDF Preview — Adobe/Google Drive style\n// ============================================================\n\nexport default function DocumentPreview({ url, initialPage, onError }: { url: string; initialPage: number; onError?: (msg: string) => void }) {\n  React.useEffect(() => {\n    pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.mjs`\n  }, [])\n\n  const [numPages, setNumPages] = React.useState(0)\n  const [page, setPage] = React.useState(initialPage)\n  const [pageInput, setPageInput] = React.useState(String(initialPage))\n  const [error, setError] = React.useState(false)\n  const containerRef = React.useRef<HTMLDivElement>(null)\n  const [hovered, setHovered] = React.useState(false)\n\n  // Sync page input when page changes via buttons\n  React.useEffect(() => { setPageInput(String(page)) }, [page])\n\n  // Keyboard nav — scoped to container focus/hover\n  React.useEffect(() => {\n    function handleKey(e: KeyboardEvent) {\n      const el = containerRef.current\n      if (!el) return\n      const hasFocus = el.contains(document.activeElement)\n      if (!hasFocus && !hovered) return\n\n      if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n        e.preventDefault()\n        setPage((p) => Math.min(numPages, p + 1))\n      } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n        e.preventDefault()\n        setPage((p) => Math.max(1, p - 1))\n      }\n    }\n    document.addEventListener('keydown', handleKey)\n    return () => document.removeEventListener('keydown', handleKey)\n  }, [numPages, hovered])\n\n  function handlePageInputSubmit(e: React.KeyboardEvent) {\n    if (e.key === 'Enter') {\n      const n = parseInt(pageInput, 10)\n      if (n >= 1 && n <= numPages) setPage(n)\n      else setPageInput(String(page))\n    }\n  }\n\n  if (error) return <ErrorFallback message=\"Could not load PDF\" url={url} />\n\n  return (\n    <div\n      ref={containerRef}\n      className=\"flex flex-col items-center gap-ds-03\"\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n      tabIndex={-1}\n    >\n      <div className=\"overflow-auto max-h-[70vh] rounded-control bg-surface-sunken border border-surface-border\">\n        <Document\n          file={url}\n          onLoadSuccess={({ numPages: n }) => setNumPages(n)}\n          onLoadError={() => { setError(true); onError?.('PDF failed to load') }}\n          loading={<Skeleton className=\"h-[500px] w-[400px]\" />}\n          error={<ErrorFallback message=\"Failed to load PDF\" url={url} />}\n        >\n          <AnimatePresence mode=\"wait\">\n            <motion.div\n              key={page}\n              initial={{ opacity: 0 }}\n              animate={{ opacity: 1 }}\n              exit={{ opacity: 0 }}\n              transition={tweens.fade}\n            >\n              <Page pageNumber={page} renderTextLayer={false} renderAnnotationLayer={false} />\n            </motion.div>\n          </AnimatePresence>\n        </Document>\n      </div>\n\n      {numPages > 0 && (\n        <Toolbar>\n          <Button variant=\"ghost\" size=\"icon-xs\" onClick={() => setPage((p) => Math.max(1, p - 1))} disabled={page <= 1} aria-label=\"Previous page (←)\" title=\"Previous page\">\n            <Icon icon={IconChevronLeft} size=\"sm\" />\n          </Button>\n          <div className=\"flex items-center gap-ds-01 text-caption text-surface-fg-muted\">\n            <input\n              type=\"text\"\n              value={pageInput}\n              onChange={(e) => setPageInput(e.target.value)}\n              onKeyDown={handlePageInputSubmit}\n              onBlur={() => setPageInput(String(page))}\n              className=\"w-8 bg-transparent text-center font-mono text-surface-fg outline-hidden focus:bg-surface-raised-hover rounded-control-inner\"\n              aria-label=\"Page number\"\n            />\n            <span>/ {numPages}</span>\n          </div>\n          <Button variant=\"ghost\" size=\"icon-xs\" onClick={() => setPage((p) => Math.min(numPages, p + 1))} disabled={page >= numPages} aria-label=\"Next page (→)\" title=\"Next page\">\n            <Icon icon={IconChevronRight} size=\"sm\" />\n          </Button>\n        </Toolbar>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"document-preview.js","names":[],"sources":["../../src/composed/file-preview/document-preview.tsx"],"sourcesContent":["'use client'\n\nimport { IconChevronLeft, IconChevronRight } from '@tabler/icons-react'\nimport { AnimatePresence,motion } from 'framer-motion'\nimport * as React from 'react'\nimport { Document, Page, pdfjs } from 'react-pdf'\n\nimport { Button } from '../../ui/button'\nimport { Icon } from '../../ui/icon'\nimport { tweens } from '../../ui/lib/motion'\nimport { Skeleton } from '../../ui/skeleton'\nimport { ErrorFallback, Toolbar } from './shared'\n\n// ============================================================\n// PDF Preview — Adobe/Google Drive style\n// ============================================================\n\nexport default function DocumentPreview({ url, initialPage, onError }: { url: string; initialPage: number; onError?: (msg: string) => void }) {\n  React.useEffect(() => {\n    pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.mjs`\n  }, [])\n\n  const [numPages, setNumPages] = React.useState(0)\n  const [page, setPage] = React.useState(initialPage)\n  const [pageInput, setPageInput] = React.useState(String(initialPage))\n  const [error, setError] = React.useState(false)\n  const containerRef = React.useRef<HTMLDivElement>(null)\n  const [hovered, setHovered] = React.useState(false)\n\n  // Sync page input when page changes via buttons\n  React.useEffect(() => { setPageInput(String(page)) }, [page])\n\n  // Keyboard nav — scoped to container focus/hover\n  React.useEffect(() => {\n    function handleKey(e: KeyboardEvent) {\n      const el = containerRef.current\n      if (!el) return\n      const hasFocus = el.contains(document.activeElement)\n      if (!hasFocus && !hovered) return\n\n      if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n        e.preventDefault()\n        setPage((p) => Math.min(numPages, p + 1))\n      } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n        e.preventDefault()\n        setPage((p) => Math.max(1, p - 1))\n      }\n    }\n    document.addEventListener('keydown', handleKey)\n    return () => document.removeEventListener('keydown', handleKey)\n  }, [numPages, hovered])\n\n  function handlePageInputSubmit(e: React.KeyboardEvent) {\n    if (e.key === 'Enter') {\n      const n = parseInt(pageInput, 10)\n      if (n >= 1 && n <= numPages) setPage(n)\n      else setPageInput(String(page))\n    }\n  }\n\n  if (error) return <ErrorFallback message=\"Could not load PDF\" url={url} />\n\n  return (\n    <div\n      ref={containerRef}\n      className=\"flex flex-col items-center gap-ds-03\"\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n      tabIndex={-1}\n    >\n      <div className=\"overflow-auto max-h-[70vh] rounded-control bg-surface-sunken border border-surface-border\">\n        <Document\n          file={url}\n          onLoadSuccess={({ numPages: n }) => setNumPages(n)}\n          onLoadError={() => { setError(true); onError?.('PDF failed to load') }}\n          loading={<Skeleton className=\"h-[500px] w-[400px]\" />}\n          error={<ErrorFallback message=\"Failed to load PDF\" url={url} />}\n        >\n          <AnimatePresence mode=\"wait\">\n            <motion.div\n              key={page}\n              initial={{ opacity: 0 }}\n              animate={{ opacity: 1 }}\n              exit={{ opacity: 0 }}\n              transition={tweens.fade}\n            >\n              <Page pageNumber={page} renderTextLayer={false} renderAnnotationLayer={false} />\n            </motion.div>\n          </AnimatePresence>\n        </Document>\n      </div>\n\n      {numPages > 0 && (\n        <Toolbar>\n          <Button variant=\"ghost\" size=\"icon-xs\" onClick={() => setPage((p) => Math.max(1, p - 1))} disabled={page <= 1} aria-label=\"Previous page (←)\" title=\"Previous page\">\n            <Icon icon={IconChevronLeft} size=\"sm\" />\n          </Button>\n          <div className=\"flex items-center gap-ds-01 text-caption text-surface-fg-muted\">\n            <input\n              type=\"text\"\n              value={pageInput}\n              onChange={(e) => setPageInput(e.target.value)}\n              onKeyDown={handlePageInputSubmit}\n              onBlur={() => setPageInput(String(page))}\n              className=\"w-8 bg-transparent text-center font-mono text-surface-fg outline-hidden focus:bg-surface-panel-hover rounded-control-inner\"\n              aria-label=\"Page number\"\n            />\n            <span>/ {numPages}</span>\n          </div>\n          <Button variant=\"ghost\" size=\"icon-xs\" onClick={() => setPage((p) => Math.min(numPages, p + 1))} disabled={page >= numPages} aria-label=\"Next page (→)\" title=\"Next page\">\n            <Icon icon={IconChevronRight} size=\"sm\" />\n          </Button>\n        </Toolbar>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/_chunks/emoji-suggestion.js

@@ -49,7 +49,7 @@ var p = t.forwardRef(({ items: i, command: a }, o) => {
 			role: "option",
 			"aria-selected": i === s,
 			onClick: () => a(t),
-			className: e("flex w-full items-center gap-ds-03 px-ds-04 py-ds-02b text-left text-body-sm", i === s ? "bg-surface-raised text-surface-fg" : "text-surface-fg-muted hover:bg-surface-raised"),
+			className: e("flex w-full items-center gap-ds-03 px-ds-04 py-ds-02b text-left text-body-sm", i === s ? "bg-surface-panel-hover text-surface-fg" : "text-surface-fg-muted hover:bg-surface-panel-hover"),
 			children: [/* @__PURE__ */ n(f, {
 				emoji: t,
 				size: "1.25em"

package/dist/_chunks/emoji-suggestion.js.map

@@ -1 +1 @@
-{"version":3,"file":"emoji-suggestion.js","names":[],"sources":["../../src/composed/extensions/emoji-data.ts","../../src/composed/extensions/emoji-suggestion.tsx"],"sourcesContent":["// Emoji dataset for the editors' `:shortcode:` autocomplete. Sources\n// `@emoji-mart/data` — a pure-JSON package with NO react peer, so it is\n// unaffected by the React-19 peer issue that drove the picker off\n// `@emoji-mart/react` (→ frimousse). Native-only since that migration: no\n// spritesheet coordinates, no per-art-style loaders.\n\ninterface EmojiSkin {\n  native: string\n}\n\ninterface EmojiEntry {\n  id: string\n  name: string\n  keywords?: string[]\n  skins: EmojiSkin[]\n}\n\nexport interface EmojiDataset {\n  emojis: Record<string, EmojiEntry>\n}\n\nexport interface ResolvedEmoji {\n  id: string\n  name: string\n  native: string\n}\n\nlet cachedData: EmojiDataset | null = null\n\nexport async function loadEmojiData(): Promise<EmojiDataset> {\n  if (cachedData) return cachedData\n  const mod = await import('@emoji-mart/data')\n  cachedData = ((mod as { default?: EmojiDataset }).default ?? mod) as EmojiDataset\n  return cachedData\n}\n\nfunction resolve(entry: EmojiEntry): ResolvedEmoji {\n  return { id: entry.id, name: entry.name, native: entry.skins[0]?.native ?? '' }\n}\n\nexport function searchEmoji(data: EmojiDataset, query: string, limit = 8): ResolvedEmoji[] {\n  const entries = Object.values(data.emojis)\n  if (!query) return entries.slice(0, limit).map(resolve)\n  const q = query.toLowerCase()\n  const results: ResolvedEmoji[] = []\n  for (const e of entries) {\n    if (results.length >= limit) break\n    if (\n      e.id.includes(q) ||\n      e.name.toLowerCase().includes(q) ||\n      e.keywords?.some((k) => k.includes(q))\n    ) {\n      results.push(resolve(e))\n    }\n  }\n  return results\n}\n","import { Extension } from '@tiptap/core'\nimport Suggestion, { type SuggestionKeyDownProps,type SuggestionProps } from '@tiptap/suggestion'\nimport { PluginKey } from '@tiptap/pm/state'\nimport * as React from 'react'\nimport { createRoot, type Root } from 'react-dom/client'\n\nimport { cn } from '../../ui/lib/utils'\nimport { loadEmojiData, type ResolvedEmoji, searchEmoji } from './emoji-data'\n\n// Re-export for external consumers\nexport type { ResolvedEmoji as EmojiSuggestionItem }\n\n// Native-only since the frimousse migration.\nfunction EmojiImage({ emoji, size = '1.2em' }: { emoji: ResolvedEmoji; size?: string }) {\n  return <span style={{ fontSize: size }}>{emoji.native}</span>\n}\n\ninterface EmojiListRef {\n  onKeyDown: (props: SuggestionKeyDownProps) => boolean\n}\n\ninterface EmojiListProps {\n  items: ResolvedEmoji[]\n  command: (item: ResolvedEmoji) => void\n}\n\nconst EmojiList = React.forwardRef<EmojiListRef, EmojiListProps>(\n  ({ items, command }, ref) => {\n    const [selectedIndex, setSelectedIndex] = React.useState(0)\n\n    React.useEffect(() => setSelectedIndex(0), [items])\n\n    React.useImperativeHandle(ref, () => ({\n      onKeyDown: ({ event }: SuggestionKeyDownProps) => {\n        if (event.key === 'ArrowUp') {\n          setSelectedIndex((i) => (i + items.length - 1) % items.length)\n          return true\n        }\n        if (event.key === 'ArrowDown') {\n          setSelectedIndex((i) => (i + 1) % items.length)\n          return true\n        }\n        if (event.key === 'Enter') {\n          if (items[selectedIndex]) command(items[selectedIndex])\n          return true\n        }\n        return false\n      },\n    }))\n\n    if (!items.length) return null\n\n    return (\n      <div role=\"listbox\" aria-label=\"Emoji suggestions\" className=\"z-popover max-h-[200px] overflow-x-hidden overflow-y-auto rounded-control bg-surface-overlay shadow-raised-hover\">\n        {items.map((item, index) => (\n          <button\n            key={item.id}\n            type=\"button\"\n            role=\"option\"\n            aria-selected={index === selectedIndex}\n            onClick={() => command(item)}\n            className={cn(\n              'flex w-full items-center gap-ds-03 px-ds-04 py-ds-02b text-left text-body-sm',\n              index === selectedIndex ? 'bg-surface-raised text-surface-fg' : 'text-surface-fg-muted hover:bg-surface-raised',\n            )}\n          >\n            <EmojiImage emoji={item} size=\"1.25em\" />\n            <span className=\"truncate\">:{item.id}:</span>\n          </button>\n        ))}\n      </div>\n    )\n  },\n)\nEmojiList.displayName = 'EmojiList'\n\nfunction createEmojiSuggestionRenderer() {\n  return () => {\n    let root: Root | null = null\n    let container: HTMLDivElement | null = null\n    let componentRef: EmojiListRef | null = null\n\n    return {\n      onStart: (props: SuggestionProps<ResolvedEmoji>) => {\n        container = document.createElement('div')\n        container.style.position = 'absolute'\n        container.style.zIndex = '1400'\n        const rect = props.clientRect?.()\n        if (rect) {\n          container.style.left = `${rect.left}px`\n          container.style.top = `${rect.bottom + 4}px`\n        }\n        document.body.appendChild(container)\n        root = createRoot(container)\n        root.render(\n          <EmojiList\n            ref={(r) => { componentRef = r }}\n            items={props.items as ResolvedEmoji[]}\n            command={(item) => props.command(item)}\n          />,\n        )\n      },\n\n      onUpdate: (props: SuggestionProps<ResolvedEmoji>) => {\n        if (!root || !container) return\n        const rect = props.clientRect?.()\n        if (rect) {\n          container.style.left = `${rect.left}px`\n          container.style.top = `${rect.bottom + 4}px`\n        }\n        root.render(\n          <EmojiList\n            ref={(r) => { componentRef = r }}\n            items={props.items as ResolvedEmoji[]}\n            command={(item) => props.command(item)}\n          />,\n        )\n      },\n\n      onKeyDown: (props: SuggestionKeyDownProps) => {\n        if (props.event.key === 'Escape') {\n          if (container) {\n            root?.unmount()\n            container.remove()\n            container = null\n            root = null\n          }\n          return true\n        }\n        return componentRef?.onKeyDown(props) ?? false\n      },\n\n      onExit: () => {\n        if (container) {\n          root?.unmount()\n          container.remove()\n          container = null\n          root = null\n        }\n      },\n    }\n  }\n}\n\n/** Factory: returns the configured `:shortcode:` emoji suggestion extension. */\nexport function createEmojiSuggestion() {\n  return Extension.create({\n    name: 'emojiSuggestion',\n\n    addProseMirrorPlugins() {\n      return [\n        Suggestion({\n          pluginKey: new PluginKey('emojiSuggestion'),\n          editor: this.editor,\n          char: ':',\n          items: async ({ query }) => {\n            const data = await loadEmojiData()\n            return searchEmoji(data, query, 8)\n          },\n          command: ({ editor, range, props: item }) => {\n            const emoji = item as ResolvedEmoji\n            editor\n              .chain()\n              .focus()\n              .deleteRange(range)\n              .insertContent({\n                type: 'emojiNode',\n                attrs: { id: emoji.id, native: emoji.native },\n              })\n              .run()\n          },\n          render: createEmojiSuggestionRenderer(),\n        }),\n      ]\n    },\n  })\n}\n"],"mappings":"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"}
+{"version":3,"file":"emoji-suggestion.js","names":[],"sources":["../../src/composed/extensions/emoji-data.ts","../../src/composed/extensions/emoji-suggestion.tsx"],"sourcesContent":["// Emoji dataset for the editors' `:shortcode:` autocomplete. Sources\n// `@emoji-mart/data` — a pure-JSON package with NO react peer, so it is\n// unaffected by the React-19 peer issue that drove the picker off\n// `@emoji-mart/react` (→ frimousse). Native-only since that migration: no\n// spritesheet coordinates, no per-art-style loaders.\n\ninterface EmojiSkin {\n  native: string\n}\n\ninterface EmojiEntry {\n  id: string\n  name: string\n  keywords?: string[]\n  skins: EmojiSkin[]\n}\n\nexport interface EmojiDataset {\n  emojis: Record<string, EmojiEntry>\n}\n\nexport interface ResolvedEmoji {\n  id: string\n  name: string\n  native: string\n}\n\nlet cachedData: EmojiDataset | null = null\n\nexport async function loadEmojiData(): Promise<EmojiDataset> {\n  if (cachedData) return cachedData\n  const mod = await import('@emoji-mart/data')\n  cachedData = ((mod as { default?: EmojiDataset }).default ?? mod) as EmojiDataset\n  return cachedData\n}\n\nfunction resolve(entry: EmojiEntry): ResolvedEmoji {\n  return { id: entry.id, name: entry.name, native: entry.skins[0]?.native ?? '' }\n}\n\nexport function searchEmoji(data: EmojiDataset, query: string, limit = 8): ResolvedEmoji[] {\n  const entries = Object.values(data.emojis)\n  if (!query) return entries.slice(0, limit).map(resolve)\n  const q = query.toLowerCase()\n  const results: ResolvedEmoji[] = []\n  for (const e of entries) {\n    if (results.length >= limit) break\n    if (\n      e.id.includes(q) ||\n      e.name.toLowerCase().includes(q) ||\n      e.keywords?.some((k) => k.includes(q))\n    ) {\n      results.push(resolve(e))\n    }\n  }\n  return results\n}\n","import { Extension } from '@tiptap/core'\nimport Suggestion, { type SuggestionKeyDownProps,type SuggestionProps } from '@tiptap/suggestion'\nimport { PluginKey } from '@tiptap/pm/state'\nimport * as React from 'react'\nimport { createRoot, type Root } from 'react-dom/client'\n\nimport { cn } from '../../ui/lib/utils'\nimport { loadEmojiData, type ResolvedEmoji, searchEmoji } from './emoji-data'\n\n// Re-export for external consumers\nexport type { ResolvedEmoji as EmojiSuggestionItem }\n\n// Native-only since the frimousse migration.\nfunction EmojiImage({ emoji, size = '1.2em' }: { emoji: ResolvedEmoji; size?: string }) {\n  return <span style={{ fontSize: size }}>{emoji.native}</span>\n}\n\ninterface EmojiListRef {\n  onKeyDown: (props: SuggestionKeyDownProps) => boolean\n}\n\ninterface EmojiListProps {\n  items: ResolvedEmoji[]\n  command: (item: ResolvedEmoji) => void\n}\n\nconst EmojiList = React.forwardRef<EmojiListRef, EmojiListProps>(\n  ({ items, command }, ref) => {\n    const [selectedIndex, setSelectedIndex] = React.useState(0)\n\n    React.useEffect(() => setSelectedIndex(0), [items])\n\n    React.useImperativeHandle(ref, () => ({\n      onKeyDown: ({ event }: SuggestionKeyDownProps) => {\n        if (event.key === 'ArrowUp') {\n          setSelectedIndex((i) => (i + items.length - 1) % items.length)\n          return true\n        }\n        if (event.key === 'ArrowDown') {\n          setSelectedIndex((i) => (i + 1) % items.length)\n          return true\n        }\n        if (event.key === 'Enter') {\n          if (items[selectedIndex]) command(items[selectedIndex])\n          return true\n        }\n        return false\n      },\n    }))\n\n    if (!items.length) return null\n\n    return (\n      <div role=\"listbox\" aria-label=\"Emoji suggestions\" className=\"z-popover max-h-[200px] overflow-x-hidden overflow-y-auto rounded-control bg-surface-overlay shadow-raised-hover\">\n        {items.map((item, index) => (\n          <button\n            key={item.id}\n            type=\"button\"\n            role=\"option\"\n            aria-selected={index === selectedIndex}\n            onClick={() => command(item)}\n            className={cn(\n              'flex w-full items-center gap-ds-03 px-ds-04 py-ds-02b text-left text-body-sm',\n              index === selectedIndex ? 'bg-surface-panel-hover text-surface-fg' : 'text-surface-fg-muted hover:bg-surface-panel-hover',\n            )}\n          >\n            <EmojiImage emoji={item} size=\"1.25em\" />\n            <span className=\"truncate\">:{item.id}:</span>\n          </button>\n        ))}\n      </div>\n    )\n  },\n)\nEmojiList.displayName = 'EmojiList'\n\nfunction createEmojiSuggestionRenderer() {\n  return () => {\n    let root: Root | null = null\n    let container: HTMLDivElement | null = null\n    let componentRef: EmojiListRef | null = null\n\n    return {\n      onStart: (props: SuggestionProps<ResolvedEmoji>) => {\n        container = document.createElement('div')\n        container.style.position = 'absolute'\n        container.style.zIndex = '1400'\n        const rect = props.clientRect?.()\n        if (rect) {\n          container.style.left = `${rect.left}px`\n          container.style.top = `${rect.bottom + 4}px`\n        }\n        document.body.appendChild(container)\n        root = createRoot(container)\n        root.render(\n          <EmojiList\n            ref={(r) => { componentRef = r }}\n            items={props.items as ResolvedEmoji[]}\n            command={(item) => props.command(item)}\n          />,\n        )\n      },\n\n      onUpdate: (props: SuggestionProps<ResolvedEmoji>) => {\n        if (!root || !container) return\n        const rect = props.clientRect?.()\n        if (rect) {\n          container.style.left = `${rect.left}px`\n          container.style.top = `${rect.bottom + 4}px`\n        }\n        root.render(\n          <EmojiList\n            ref={(r) => { componentRef = r }}\n            items={props.items as ResolvedEmoji[]}\n            command={(item) => props.command(item)}\n          />,\n        )\n      },\n\n      onKeyDown: (props: SuggestionKeyDownProps) => {\n        if (props.event.key === 'Escape') {\n          if (container) {\n            root?.unmount()\n            container.remove()\n            container = null\n            root = null\n          }\n          return true\n        }\n        return componentRef?.onKeyDown(props) ?? false\n      },\n\n      onExit: () => {\n        if (container) {\n          root?.unmount()\n          container.remove()\n          container = null\n          root = null\n        }\n      },\n    }\n  }\n}\n\n/** Factory: returns the configured `:shortcode:` emoji suggestion extension. */\nexport function createEmojiSuggestion() {\n  return Extension.create({\n    name: 'emojiSuggestion',\n\n    addProseMirrorPlugins() {\n      return [\n        Suggestion({\n          pluginKey: new PluginKey('emojiSuggestion'),\n          editor: this.editor,\n          char: ':',\n          items: async ({ query }) => {\n            const data = await loadEmojiData()\n            return searchEmoji(data, query, 8)\n          },\n          command: ({ editor, range, props: item }) => {\n            const emoji = item as ResolvedEmoji\n            editor\n              .chain()\n              .focus()\n              .deleteRange(range)\n              .insertContent({\n                type: 'emojiNode',\n                attrs: { id: emoji.id, native: emoji.native },\n              })\n              .run()\n          },\n          render: createEmojiSuggestionRenderer(),\n        }),\n      ]\n    },\n  })\n}\n"],"mappings":"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"}

package/dist/_chunks/image-preview.js

@@ -1,36 +1,37 @@
 "use client";
 import { tweens as e } from "../ui/lib/motion.js";
-import { cn as t } from "../ui/lib/utils.js";
-import { Icon as n } from "../ui/icon.js";
-import { Skeleton as r } from "../ui/skeleton.js";
-import { Button as i } from "../ui/button.js";
-import { ErrorFallback as a, Toolbar as o, ToolbarDivider as s } from "./shared.js";
-import * as c from "react";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-import { IconMaximize as f, IconMinimize as p, IconZoomIn as m, IconZoomOut as h, IconZoomReset as g } from "@tabler/icons-react";
-import { motion as _ } from "framer-motion";
-import { TransformComponent as v, TransformWrapper as y } from "react-zoom-pan-pinch";
+import { MotionPreference as t } from "./motion-preference.js";
+import { cn as n } from "../ui/lib/utils.js";
+import { Icon as r } from "../ui/icon.js";
+import { Skeleton as i } from "../ui/skeleton.js";
+import { Button as a } from "../ui/button.js";
+import { ErrorFallback as o, Toolbar as s, ToolbarDivider as c } from "./shared.js";
+import * as l from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { IconMaximize as p, IconMinimize as m, IconZoomIn as h, IconZoomOut as g, IconZoomReset as _ } from "@tabler/icons-react";
+import { motion as v } from "framer-motion";
+import { TransformComponent as y, TransformWrapper as b } from "react-zoom-pan-pinch";
 //#region src/composed/file-preview/image-preview.tsx
-function b({ url: b, alt: x, onError: S }) {
-	let [C, w] = c.useState(!1), [T, E] = c.useState(!1), [D, O] = c.useState(100), [k, A] = c.useState(!1), j = c.useRef(null), [M, N] = c.useState(!1), P = c.useRef(null);
-	return c.useEffect(() => {
+function x({ url: x, alt: S, onError: C }) {
+	let [w, T] = l.useState(!1), [E, D] = l.useState(!1), [O, k] = l.useState(100), [A, j] = l.useState(!1), M = l.useRef(null), [N, P] = l.useState(!1), F = l.useRef(null);
+	return l.useEffect(() => {
 		function e(e) {
-			let t = j.current;
-			if (!t || !t.contains(document.activeElement) && !M) return;
-			let n = P.current;
-			n && (e.key === "+" || e.key === "=" ? (e.preventDefault(), n.zoomIn()) : e.key === "-" ? (e.preventDefault(), n.zoomOut()) : e.key === "0" ? (e.preventDefault(), n.resetTransform()) : e.key === "f" || e.key === "F" ? (e.preventDefault(), A((e) => !e)) : e.key === "Escape" && k && (e.preventDefault(), A(!1)));
+			let t = M.current;
+			if (!t || !t.contains(document.activeElement) && !N) return;
+			let n = F.current;
+			n && (e.key === "+" || e.key === "=" ? (e.preventDefault(), n.zoomIn()) : e.key === "-" ? (e.preventDefault(), n.zoomOut()) : e.key === "0" ? (e.preventDefault(), n.resetTransform()) : e.key === "f" || e.key === "F" ? (e.preventDefault(), j((e) => !e)) : e.key === "Escape" && A && (e.preventDefault(), j(!1)));
 		}
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [M, k]), T ? /* @__PURE__ */ u(a, {
+	}, [N, A]), E ? /* @__PURE__ */ d(o, {
 		message: "Could not load image",
-		url: b
-	}) : /* @__PURE__ */ u("div", {
-		ref: j,
-		className: k ? "fixed inset-0 z-modal flex flex-col items-center justify-center bg-black/90 backdrop-blur-xs" : "relative flex flex-col items-center gap-ds-03",
-		onMouseEnter: () => N(!0),
-		onMouseLeave: () => N(!1),
+		url: x
+	}) : /* @__PURE__ */ d("div", {
+		ref: M,
+		className: A ? "fixed inset-0 z-modal flex flex-col items-center justify-center bg-black/90 backdrop-blur-xs" : "relative flex flex-col items-center gap-ds-03",
+		onMouseEnter: () => P(!0),
+		onMouseLeave: () => P(!1),
 		tabIndex: -1,
-		children: /* @__PURE__ */ u(y, {
+		children: /* @__PURE__ */ d(b, {
 			initialScale: 1,
 			minScale: .1,
 			maxScale: 8,
@@ -39,91 +40,91 @@ function b({ url: b, alt: x, onError: S }) {
 				mode: "toggle",
 				step: 2
 			},
-			onTransform: (e, t) => O(Math.round(t.scale * 100)),
-			children: ({ zoomIn: a, zoomOut: c, resetTransform: y, centerView: T }) => (P.current = {
-				zoomIn: a,
-				zoomOut: c,
-				resetTransform: y,
-				centerView: T
-			}, /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ d("div", {
-				className: t("overflow-hidden rounded-control bg-surface-sunken", k ? "flex-1 w-full" : "max-h-[70vh] max-w-full"),
-				children: [!C && /* @__PURE__ */ u(r, { className: "h-64 w-full rounded-control" }), /* @__PURE__ */ u(v, {
-					wrapperClass: t("w-full!", k && "h-full!"),
+			onTransform: (e, t) => k(Math.round(t.scale * 100)),
+			children: ({ zoomIn: o, zoomOut: l, resetTransform: b, centerView: E }) => (F.current = {
+				zoomIn: o,
+				zoomOut: l,
+				resetTransform: b,
+				centerView: E
+			}, /* @__PURE__ */ d(t, { children: /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f("div", {
+				className: n("overflow-hidden rounded-control bg-surface-sunken", A ? "flex-1 w-full" : "max-h-[70vh] max-w-full"),
+				children: [!w && /* @__PURE__ */ d(i, { className: "h-64 w-full rounded-control" }), /* @__PURE__ */ d(y, {
+					wrapperClass: n("w-full!", A && "h-full!"),
 					contentClass: "w-full! flex! items-center! justify-center!",
-					children: /* @__PURE__ */ u(_.img, {
-						src: b,
-						alt: x ?? "",
-						onLoad: () => w(!0),
+					children: /* @__PURE__ */ d(v.img, {
+						src: x,
+						alt: S ?? "",
+						onLoad: () => T(!0),
 						onError: () => {
-							E(!0), S?.("Image failed to load");
+							D(!0), C?.("Image failed to load");
 						},
 						initial: { opacity: 0 },
-						animate: { opacity: +!!C },
+						animate: { opacity: +!!w },
 						transition: e.fade,
-						className: t("max-w-full select-none", !C && "hidden", k && "max-h-[90vh] object-contain"),
+						className: n("max-w-full select-none", !w && "hidden", A && "max-h-[90vh] object-contain"),
 						draggable: !1
 					})
 				})]
-			}), C && /* @__PURE__ */ d(o, {
-				className: k ? "absolute bottom-ds-06" : void 0,
+			}), w && /* @__PURE__ */ f(s, {
+				className: A ? "absolute bottom-ds-06" : void 0,
 				children: [
-					/* @__PURE__ */ u(i, {
+					/* @__PURE__ */ d(a, {
 						variant: "ghost",
 						size: "icon-xs",
-						onClick: () => c(),
+						onClick: () => l(),
 						"aria-label": "Zoom out (-)",
 						title: "Zoom out",
-						children: /* @__PURE__ */ u(n, {
-							icon: h,
+						children: /* @__PURE__ */ d(r, {
+							icon: g,
 							size: "sm"
 						})
 					}),
-					/* @__PURE__ */ d("span", {
+					/* @__PURE__ */ f("span", {
 						className: "text-caption font-mono text-surface-fg-muted w-12 text-center tabular-nums select-none",
-						children: [D, "%"]
+						children: [O, "%"]
 					}),
-					/* @__PURE__ */ u(i, {
+					/* @__PURE__ */ d(a, {
 						variant: "ghost",
 						size: "icon-xs",
-						onClick: () => a(),
+						onClick: () => o(),
 						"aria-label": "Zoom in (+)",
 						title: "Zoom in",
-						children: /* @__PURE__ */ u(n, {
-							icon: m,
+						children: /* @__PURE__ */ d(r, {
+							icon: h,
 							size: "sm"
 						})
 					}),
-					/* @__PURE__ */ u(s, {}),
-					/* @__PURE__ */ u(i, {
+					/* @__PURE__ */ d(c, {}),
+					/* @__PURE__ */ d(a, {
 						variant: "ghost",
 						size: "icon-xs",
-						onClick: () => y(),
+						onClick: () => b(),
 						"aria-label": "Reset zoom (0)",
 						title: "Reset zoom",
-						children: /* @__PURE__ */ u(n, {
-							icon: g,
+						children: /* @__PURE__ */ d(r, {
+							icon: _,
 							size: "sm"
 						})
 					}),
-					/* @__PURE__ */ u(s, {}),
-					/* @__PURE__ */ u(i, {
+					/* @__PURE__ */ d(c, {}),
+					/* @__PURE__ */ d(a, {
 						variant: "ghost",
 						size: "icon-xs",
-						onClick: () => A((e) => !e),
-						"aria-label": k ? "Exit fullscreen (Esc)" : "Fullscreen (F)",
-						title: k ? "Exit fullscreen" : "Fullscreen",
-						children: k ? /* @__PURE__ */ u(n, {
-							icon: p,
+						onClick: () => j((e) => !e),
+						"aria-label": A ? "Exit fullscreen (Esc)" : "Fullscreen (F)",
+						title: A ? "Exit fullscreen" : "Fullscreen",
+						children: A ? /* @__PURE__ */ d(r, {
+							icon: m,
 							size: "sm"
-						}) : /* @__PURE__ */ u(n, {
-							icon: f,
+						}) : /* @__PURE__ */ d(r, {
+							icon: p,
 							size: "sm"
 						})
 					})
 				]
-			})] }))
+			})] }) }))
 		})
 	});
 }
 //#endregion
-export { b as default };
+export { x as default };

package/dist/_chunks/image-preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-preview.js","names":[],"sources":["../../src/composed/file-preview/image-preview.tsx"],"sourcesContent":["'use client'\n\nimport {\n  IconMaximize,\n  IconMinimize,\n  IconZoomIn,\n  IconZoomOut,\n  IconZoomReset,\n} from '@tabler/icons-react'\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\nimport { TransformComponent,TransformWrapper } from 'react-zoom-pan-pinch'\n\nimport { Button } from '../../ui/button'\nimport { Icon } from '../../ui/icon'\nimport { tweens } from '../../ui/lib/motion'\nimport { cn } from '../../ui/lib/utils'\nimport { Skeleton } from '../../ui/skeleton'\nimport { ErrorFallback, Toolbar, ToolbarDivider } from './shared'\n\n// ============================================================\n// Image Preview — Google Drive / Figma style\n// ============================================================\n\nexport default function ImagePreview({ url, alt, onError }: { url: string; alt?: string; onError?: (msg: string) => void }) {\n  const [loaded, setLoaded] = React.useState(false)\n  const [error, setError] = React.useState(false)\n  const [zoom, setZoom] = React.useState(100)\n  const [fullscreen, setFullscreen] = React.useState(false)\n  const containerRef = React.useRef<HTMLDivElement>(null)\n  const [hovered, setHovered] = React.useState(false)\n  const controlsRef = React.useRef<{\n    zoomIn: () => void; zoomOut: () => void; resetTransform: () => void;\n    centerView: (s: number) => void\n  } | null>(null)\n\n  // Keyboard shortcuts\n  React.useEffect(() => {\n    function handleKeyDown(e: KeyboardEvent) {\n      const el = containerRef.current\n      if (!el) return\n      const hasFocus = el.contains(document.activeElement)\n      if (!hasFocus && !hovered) return\n      const ctrl = controlsRef.current\n      if (!ctrl) return\n\n      if (e.key === '+' || e.key === '=') { e.preventDefault(); ctrl.zoomIn() }\n      else if (e.key === '-') { e.preventDefault(); ctrl.zoomOut() }\n      else if (e.key === '0') { e.preventDefault(); ctrl.resetTransform() }\n      else if (e.key === 'f' || e.key === 'F') { e.preventDefault(); setFullscreen((f) => !f) }\n      else if (e.key === 'Escape' && fullscreen) { e.preventDefault(); setFullscreen(false) }\n    }\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [hovered, fullscreen])\n\n  if (error) return <ErrorFallback message=\"Could not load image\" url={url} />\n\n  const containerClasses = fullscreen\n    ? 'fixed inset-0 z-modal flex flex-col items-center justify-center bg-black/90 backdrop-blur-xs'\n    : 'relative flex flex-col items-center gap-ds-03'\n\n  return (\n    <div\n      ref={containerRef}\n      className={containerClasses}\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n      tabIndex={-1}\n    >\n      <TransformWrapper\n        initialScale={1}\n        minScale={0.1}\n        maxScale={8}\n        centerOnInit\n        doubleClick={{ mode: 'toggle', step: 2 }}\n        onTransform={(_: unknown, state: { scale: number }) => setZoom(Math.round(state.scale * 100))}\n      >\n        {({ zoomIn, zoomOut, resetTransform, centerView }) => {\n          controlsRef.current = { zoomIn, zoomOut, resetTransform, centerView }\n          return (\n            <>\n              <div className={cn(\n                'overflow-hidden rounded-control bg-surface-sunken',\n                fullscreen ? 'flex-1 w-full' : 'max-h-[70vh] max-w-full',\n              )}>\n                {!loaded && <Skeleton className=\"h-64 w-full rounded-control\" />}\n                <TransformComponent\n                  wrapperClass={cn('w-full!', fullscreen && 'h-full!')}\n                  contentClass=\"w-full! flex! items-center! justify-center!\"\n                >\n                  <motion.img\n                    src={url}\n                    alt={alt ?? ''}\n                    onLoad={() => setLoaded(true)}\n                    onError={() => { setError(true); onError?.('Image failed to load') }}\n                    initial={{ opacity: 0 }}\n                    animate={{ opacity: loaded ? 1 : 0 }}\n                    transition={tweens.fade}\n                    className={cn('max-w-full select-none', !loaded && 'hidden', fullscreen && 'max-h-[90vh] object-contain')}\n                    draggable={false}\n                  />\n                </TransformComponent>\n              </div>\n\n              {/* Toolbar — Google Drive style */}\n              {loaded && (\n                <Toolbar className={fullscreen ? 'absolute bottom-ds-06' : undefined}>\n                  <Button variant=\"ghost\" size=\"icon-xs\" onClick={() => zoomOut()} aria-label=\"Zoom out (-)\" title=\"Zoom out\">\n                    <Icon icon={IconZoomOut} size=\"sm\" />\n                  </Button>\n                  <span className=\"text-caption font-mono text-surface-fg-muted w-12 text-center tabular-nums select-none\">\n                    {zoom}%\n                  </span>\n                  <Button variant=\"ghost\" size=\"icon-xs\" onClick={() => zoomIn()} aria-label=\"Zoom in (+)\" title=\"Zoom in\">\n                    <Icon icon={IconZoomIn} size=\"sm\" />\n                  </Button>\n                  <ToolbarDivider />\n                  <Button variant=\"ghost\" size=\"icon-xs\" onClick={() => resetTransform()} aria-label=\"Reset zoom (0)\" title=\"Reset zoom\">\n                    <Icon icon={IconZoomReset} size=\"sm\" />\n                  </Button>\n                  <ToolbarDivider />\n                  <Button variant=\"ghost\" size=\"icon-xs\" onClick={() => setFullscreen((f) => !f)} aria-label={fullscreen ? 'Exit fullscreen (Esc)' : 'Fullscreen (F)'} title={fullscreen ? 'Exit fullscreen' : 'Fullscreen'}>\n                    {fullscreen ? <Icon icon={IconMinimize} size=\"sm\" /> : <Icon icon={IconMaximize} size=\"sm\" />}\n                  </Button>\n                </Toolbar>\n              )}\n            </>\n          )\n        }}\n      </TransformWrapper>\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"image-preview.js","names":[],"sources":["../../src/composed/file-preview/image-preview.tsx"],"sourcesContent":["'use client'\n\nimport {\n  IconMaximize,\n  IconMinimize,\n  IconZoomIn,\n  IconZoomOut,\n  IconZoomReset,\n} from '@tabler/icons-react'\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\nimport { TransformComponent,TransformWrapper } from 'react-zoom-pan-pinch'\n\nimport { MotionPreference } from '../../motion/motion-preference'\nimport { Button } from '../../ui/button'\nimport { Icon } from '../../ui/icon'\nimport { tweens } from '../../ui/lib/motion'\nimport { cn } from '../../ui/lib/utils'\nimport { Skeleton } from '../../ui/skeleton'\nimport { ErrorFallback, Toolbar, ToolbarDivider } from './shared'\n\n// ============================================================\n// Image Preview — Google Drive / Figma style\n// ============================================================\n\nexport default function ImagePreview({ url, alt, onError }: { url: string; alt?: string; onError?: (msg: string) => void }) {\n  const [loaded, setLoaded] = React.useState(false)\n  const [error, setError] = React.useState(false)\n  const [zoom, setZoom] = React.useState(100)\n  const [fullscreen, setFullscreen] = React.useState(false)\n  const containerRef = React.useRef<HTMLDivElement>(null)\n  const [hovered, setHovered] = React.useState(false)\n  const controlsRef = React.useRef<{\n    zoomIn: () => void; zoomOut: () => void; resetTransform: () => void;\n    centerView: (s: number) => void\n  } | null>(null)\n\n  // Keyboard shortcuts\n  React.useEffect(() => {\n    function handleKeyDown(e: KeyboardEvent) {\n      const el = containerRef.current\n      if (!el) return\n      const hasFocus = el.contains(document.activeElement)\n      if (!hasFocus && !hovered) return\n      const ctrl = controlsRef.current\n      if (!ctrl) return\n\n      if (e.key === '+' || e.key === '=') { e.preventDefault(); ctrl.zoomIn() }\n      else if (e.key === '-') { e.preventDefault(); ctrl.zoomOut() }\n      else if (e.key === '0') { e.preventDefault(); ctrl.resetTransform() }\n      else if (e.key === 'f' || e.key === 'F') { e.preventDefault(); setFullscreen((f) => !f) }\n      else if (e.key === 'Escape' && fullscreen) { e.preventDefault(); setFullscreen(false) }\n    }\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [hovered, fullscreen])\n\n  if (error) return <ErrorFallback message=\"Could not load image\" url={url} />\n\n  const containerClasses = fullscreen\n    ? 'fixed inset-0 z-modal flex flex-col items-center justify-center bg-black/90 backdrop-blur-xs'\n    : 'relative flex flex-col items-center gap-ds-03'\n\n  return (\n    <div\n      ref={containerRef}\n      className={containerClasses}\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n      tabIndex={-1}\n    >\n      <TransformWrapper\n        initialScale={1}\n        minScale={0.1}\n        maxScale={8}\n        centerOnInit\n        doubleClick={{ mode: 'toggle', step: 2 }}\n        onTransform={(_: unknown, state: { scale: number }) => setZoom(Math.round(state.scale * 100))}\n      >\n        {({ zoomIn, zoomOut, resetTransform, centerView }) => {\n          controlsRef.current = { zoomIn, zoomOut, resetTransform, centerView }\n          return (\n            <MotionPreference>\n              <>\n                <div className={cn(\n                  'overflow-hidden rounded-control bg-surface-sunken',\n                  fullscreen ? 'flex-1 w-full' : 'max-h-[70vh] max-w-full',\n                )}>\n                  {!loaded && <Skeleton className=\"h-64 w-full rounded-control\" />}\n                  <TransformComponent\n                    wrapperClass={cn('w-full!', fullscreen && 'h-full!')}\n                    contentClass=\"w-full! flex! items-center! justify-center!\"\n                  >\n                    <motion.img\n                      src={url}\n                      alt={alt ?? ''}\n                      onLoad={() => setLoaded(true)}\n                      onError={() => { setError(true); onError?.('Image failed to load') }}\n                      initial={{ opacity: 0 }}\n                      animate={{ opacity: loaded ? 1 : 0 }}\n                      transition={tweens.fade}\n                      className={cn('max-w-full select-none', !loaded && 'hidden', fullscreen && 'max-h-[90vh] object-contain')}\n                      draggable={false}\n                    />\n                  </TransformComponent>\n                </div>\n\n                {/* Toolbar — Google Drive style */}\n                {loaded && (\n                  <Toolbar className={fullscreen ? 'absolute bottom-ds-06' : undefined}>\n                    <Button variant=\"ghost\" size=\"icon-xs\" onClick={() => zoomOut()} aria-label=\"Zoom out (-)\" title=\"Zoom out\">\n                      <Icon icon={IconZoomOut} size=\"sm\" />\n                    </Button>\n                    <span className=\"text-caption font-mono text-surface-fg-muted w-12 text-center tabular-nums select-none\">\n                      {zoom}%\n                    </span>\n                    <Button variant=\"ghost\" size=\"icon-xs\" onClick={() => zoomIn()} aria-label=\"Zoom in (+)\" title=\"Zoom in\">\n                      <Icon icon={IconZoomIn} size=\"sm\" />\n                    </Button>\n                    <ToolbarDivider />\n                    <Button variant=\"ghost\" size=\"icon-xs\" onClick={() => resetTransform()} aria-label=\"Reset zoom (0)\" title=\"Reset zoom\">\n                      <Icon icon={IconZoomReset} size=\"sm\" />\n                    </Button>\n                    <ToolbarDivider />\n                    <Button variant=\"ghost\" size=\"icon-xs\" onClick={() => setFullscreen((f) => !f)} aria-label={fullscreen ? 'Exit fullscreen (Esc)' : 'Fullscreen (F)'} title={fullscreen ? 'Exit fullscreen' : 'Fullscreen'}>\n                      {fullscreen ? <Icon icon={IconMinimize} size=\"sm\" /> : <Icon icon={IconMaximize} size=\"sm\" />}\n                    </Button>\n                  </Toolbar>\n                )}\n              </>\n            </MotionPreference>\n          )\n        }}\n      </TransformWrapper>\n    </div>\n  )\n}\n"],"mappings":"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"}