@devalok/shilp-sutra 0.42.0 → 0.43.0

package/dist/composed/extensions/emoji-suggestion.js.map

@@ -1 +1 @@
-{"version":3,"file":"emoji-suggestion.js","names":[],"sources":["../../../src/composed/extensions/emoji-suggestion.tsx"],"sourcesContent":["import { Extension } from '@tiptap/core'\nimport Suggestion, { type SuggestionKeyDownProps,type SuggestionProps } from '@tiptap/suggestion'\nimport { PluginKey } from 'prosemirror-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, SHEET_COLS, SHEET_ROWS,SPRITESHEET_URL } from './emoji-data'\n\n// Re-export for external consumers\nexport type { ResolvedEmoji as EmojiSuggestionItem }\n\nfunction EmojiImage({ emoji, set, size = '1.2em' }: { emoji: ResolvedEmoji; set: string; size?: string }) {\n  if (set === 'native') {\n    return <span style={{ fontSize: size }}>{emoji.native}</span>\n  }\n  return (\n    <span\n      role=\"img\"\n      aria-label={emoji.native}\n      className=\"inline-block\"\n      style={{\n        width: size,\n        height: size,\n        backgroundImage: `url(${SPRITESHEET_URL(set)})`,\n        backgroundSize: `${100 * SHEET_COLS}% ${100 * SHEET_ROWS}%`,\n        backgroundPosition: `${(100 / (SHEET_COLS - 1)) * emoji.x}% ${(100 / (SHEET_ROWS - 1)) * emoji.y}%`,\n      }}\n    />\n  )\n}\n\ninterface EmojiListRef {\n  onKeyDown: (props: SuggestionKeyDownProps) => boolean\n}\n\ninterface EmojiListProps {\n  items: ResolvedEmoji[]\n  set: string\n  command: (item: ResolvedEmoji) => void\n}\n\nconst EmojiList = React.forwardRef<EmojiListRef, EmojiListProps>(\n  ({ items, set, 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 border border-surface-border-strong 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-ds-sm',\n              index === selectedIndex ? 'bg-surface-raised text-surface-fg' : 'text-surface-fg-muted hover:bg-surface-raised',\n            )}\n          >\n            <EmojiImage emoji={item} set={set} size=\"1.25em\" />\n            <span className=\"truncate\">:{item.id}:</span>\n          </button>\n        ))}\n      </div>\n    )\n  },\n)\nEmojiList.displayName = 'EmojiList'\n\nfunction createEmojiSuggestionRenderer(set: string) {\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            set={set}\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            set={set}\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: call with the emoji set to get a configured extension. */\nexport function createEmojiSuggestion(set = 'native') {\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(set)\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, set, x: emoji.x, y: emoji.y },\n              })\n              .run()\n          },\n          render: createEmojiSuggestionRenderer(set),\n        }),\n      ]\n    },\n  })\n}\n"],"mappings":"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"}
+{"version":3,"file":"emoji-suggestion.js","names":[],"sources":["../../../src/composed/extensions/emoji-suggestion.tsx"],"sourcesContent":["import { Extension } from '@tiptap/core'\nimport Suggestion, { type SuggestionKeyDownProps,type SuggestionProps } from '@tiptap/suggestion'\nimport { PluginKey } from 'prosemirror-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, SHEET_COLS, SHEET_ROWS,SPRITESHEET_URL } from './emoji-data'\n\n// Re-export for external consumers\nexport type { ResolvedEmoji as EmojiSuggestionItem }\n\nfunction EmojiImage({ emoji, set, size = '1.2em' }: { emoji: ResolvedEmoji; set: string; size?: string }) {\n  if (set === 'native') {\n    return <span style={{ fontSize: size }}>{emoji.native}</span>\n  }\n  return (\n    <span\n      role=\"img\"\n      aria-label={emoji.native}\n      className=\"inline-block\"\n      style={{\n        width: size,\n        height: size,\n        backgroundImage: `url(${SPRITESHEET_URL(set)})`,\n        backgroundSize: `${100 * SHEET_COLS}% ${100 * SHEET_ROWS}%`,\n        backgroundPosition: `${(100 / (SHEET_COLS - 1)) * emoji.x}% ${(100 / (SHEET_ROWS - 1)) * emoji.y}%`,\n      }}\n    />\n  )\n}\n\ninterface EmojiListRef {\n  onKeyDown: (props: SuggestionKeyDownProps) => boolean\n}\n\ninterface EmojiListProps {\n  items: ResolvedEmoji[]\n  set: string\n  command: (item: ResolvedEmoji) => void\n}\n\nconst EmojiList = React.forwardRef<EmojiListRef, EmojiListProps>(\n  ({ items, set, 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-ds-sm',\n              index === selectedIndex ? 'bg-surface-raised text-surface-fg' : 'text-surface-fg-muted hover:bg-surface-raised',\n            )}\n          >\n            <EmojiImage emoji={item} set={set} size=\"1.25em\" />\n            <span className=\"truncate\">:{item.id}:</span>\n          </button>\n        ))}\n      </div>\n    )\n  },\n)\nEmojiList.displayName = 'EmojiList'\n\nfunction createEmojiSuggestionRenderer(set: string) {\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            set={set}\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            set={set}\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: call with the emoji set to get a configured extension. */\nexport function createEmojiSuggestion(set = 'native') {\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(set)\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, set, x: emoji.x, y: emoji.y },\n              })\n              .run()\n          },\n          render: createEmojiSuggestionRenderer(set),\n        }),\n      ]\n    },\n  })\n}\n"],"mappings":"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"}

package/dist/composed/file-preview.js

@@ -58,7 +58,7 @@ function y({ url: e, fileName: t, onError: n }) {
 		url: e
 	}) : /* @__PURE__ */ f("div", {
 		ref: o,
-		className: "rounded-surface border border-surface-border bg-surface-raised shadow-raised overflow-hidden",
+		className: "rounded-surface bg-surface-raised shadow-raised overflow-hidden",
 		tabIndex: -1,
 		children: [
 			/* @__PURE__ */ d("audio", {

package/dist/composed/file-preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-preview.js","names":[],"sources":["../../src/composed/file-preview/audio-preview.tsx","../../src/composed/file-preview/embed-preview.tsx","../../src/composed/file-preview/video-preview.tsx","../../src/composed/file-preview.tsx"],"sourcesContent":["'use client'\n\nimport { IconPlayerPause,IconPlayerPlay } from '@tabler/icons-react'\nimport * as React from 'react'\n\nimport { Button } from '../../ui/button'\nimport { Icon } from '../../ui/icon'\nimport { ErrorFallback, formatTime,VolumeControl } from './shared'\n\n// ============================================================\n// Audio Preview — Branded mini-player (Spotify/SoundCloud style)\n// ============================================================\n\nexport default function AudioPreview({ url, fileName, onError }: { url: string; fileName?: string; onError?: (msg: string) => void }) {\n  const audioRef = React.useRef<HTMLAudioElement>(null)\n  const containerRef = React.useRef<HTMLDivElement>(null)\n  const [playing, setPlaying] = React.useState(false)\n  const [progress, setProgress] = React.useState(0)\n  const [duration, setDuration] = React.useState(0)\n  const [currentTime, setCurrentTime] = React.useState(0)\n  const [volume, setVolume] = React.useState(1)\n  const [muted, setMuted] = React.useState(false)\n  const [error, setError] = React.useState(false)\n  const [hoverTime, setHoverTime] = React.useState<number | null>(null)\n\n  // Keyboard shortcuts\n  React.useEffect(() => {\n    function handleKeyDown(e: KeyboardEvent) {\n      const el = containerRef.current\n      if (!el || !el.contains(document.activeElement) && document.activeElement !== el) return\n      const a = audioRef.current\n      if (!a) return\n\n      switch (e.key) {\n        case ' ':\n          e.preventDefault()\n          setPlaying(prev => {\n            if (prev) a.pause(); else a.play()\n            return !prev\n          })\n          break\n        case 'ArrowRight':\n          e.preventDefault()\n          a.currentTime = Math.min(a.duration || 0, a.currentTime + 5)\n          break\n        case 'ArrowLeft':\n          e.preventDefault()\n          a.currentTime = Math.max(0, a.currentTime - 5)\n          break\n        case 'm':\n          e.preventDefault()\n          setMuted(prev => {\n            a.muted = !prev\n            return !prev\n          })\n          break\n      }\n    }\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n   \n  }, [])\n\n  function togglePlay() {\n    if (!audioRef.current) return\n    if (playing) audioRef.current.pause()\n    else audioRef.current.play()\n    setPlaying(!playing)\n  }\n\n  function handleSeek(e: React.MouseEvent<HTMLDivElement>) {\n    if (!audioRef.current || !duration) return\n    const rect = e.currentTarget.getBoundingClientRect()\n    const pct = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width))\n    audioRef.current.currentTime = pct * duration\n  }\n\n  function handleHover(e: React.MouseEvent<HTMLDivElement>) {\n    if (!duration) return\n    const rect = e.currentTarget.getBoundingClientRect()\n    const pct = (e.clientX - rect.left) / rect.width\n    setHoverTime(pct * duration)\n  }\n\n  function toggleMute() {\n    if (!audioRef.current) return\n    const next = !muted\n    setMuted(next)\n    audioRef.current.muted = next\n  }\n\n  if (error) return <ErrorFallback message=\"Could not load audio\" url={url} />\n\n  return (\n    <div ref={containerRef} className=\"rounded-surface border border-surface-border bg-surface-raised shadow-raised overflow-hidden\" tabIndex={-1}>\n      {/* eslint-disable-next-line jsx-a11y/media-has-caption */}\n      <audio\n        ref={audioRef}\n        src={url}\n        onTimeUpdate={() => {\n          if (!audioRef.current) return\n          setCurrentTime(audioRef.current.currentTime)\n          if (audioRef.current.duration) setProgress((audioRef.current.currentTime / audioRef.current.duration) * 100)\n        }}\n        onLoadedMetadata={() => setDuration(audioRef.current?.duration ?? 0)}\n        onEnded={() => setPlaying(false)}\n        onError={() => { setError(true); onError?.('Audio failed to load') }}\n      />\n\n      {/* Progress bar — full width at top (Spotify style) */}\n      <div\n        className=\"relative h-1 w-full cursor-pointer bg-surface-sunken group/bar\"\n        onClick={handleSeek}\n        onMouseMove={handleHover}\n        onMouseLeave={() => setHoverTime(null)}\n        role=\"slider\"\n        aria-label=\"Audio progress\"\n        aria-valuenow={Math.round(progress)}\n        aria-valuemin={0}\n        aria-valuemax={100}\n        tabIndex={0}\n      >\n        <div\n          className=\"absolute left-0 top-0 h-full bg-accent-9 transition-[width] duration-75\"\n          style={{ width: `${progress}%` }}\n        />\n        {/* Hover time tooltip */}\n        {hoverTime !== null && (\n          <div\n            className=\"absolute -top-7 -translate-x-1/2 rounded-control-inner bg-surface-overlay px-1.5 py-0.5 text-[10px] font-mono text-surface-fg shadow-floating pointer-events-none\"\n            style={{ left: `${(hoverTime / (duration || 1)) * 100}%` }}\n          >\n            {formatTime(hoverTime)}\n          </div>\n        )}\n        {/* Scrub handle */}\n        <div\n          className=\"absolute top-1/2 -translate-y-1/2 h-2.5 w-2.5 rounded-pill bg-accent-9 shadow-raised opacity-0 group-hover/bar:opacity-100 transition-opacity\"\n          style={{ left: `${progress}%`, marginLeft: '-5px' }}\n        />\n      </div>\n\n      {/* Controls */}\n      <div className=\"flex items-center gap-ds-04 px-ds-05 py-ds-04\">\n        <Button\n          variant=\"solid\"\n          size=\"icon-sm\"\n          onClick={togglePlay}\n          aria-label={playing ? 'Pause' : 'Play'}\n          title={playing ? 'Pause' : 'Play'}\n          className=\"shrink-0\"\n        >\n          {playing ? (\n            <Icon icon={IconPlayerPause} size=\"sm\" />\n          ) : (\n            <Icon icon={IconPlayerPlay} size=\"sm\" className=\"ml-0.5\" />\n          )}\n        </Button>\n\n        {/* File name + time */}\n        <div className=\"flex-1 min-w-0\">\n          {fileName && (\n            <p className=\"text-ds-sm font-semibold text-surface-fg truncate\">{fileName}</p>\n          )}\n          <p className=\"text-ds-xs font-mono text-surface-fg-muted tabular-nums\">\n            {formatTime(currentTime)} / {formatTime(duration)}\n          </p>\n        </div>\n\n        {/* Volume */}\n        <VolumeControl\n          volume={volume}\n          muted={muted}\n          onVolumeChange={(v) => {\n            setVolume(v)\n            if (audioRef.current) audioRef.current.volume = v\n            if (v > 0 && muted) {\n              setMuted(false)\n              if (audioRef.current) audioRef.current.muted = false\n            }\n          }}\n          onMuteToggle={toggleMute}\n          variant=\"light\"\n        />\n      </div>\n    </div>\n  )\n}\n","'use client'\n\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { tweens } from '../../ui/lib/motion'\nimport { Skeleton } from '../../ui/skeleton'\nimport { ErrorFallback } from './shared'\n\n// ============================================================\n// Embed Preview — 16:9 with error timeout\n// ============================================================\n\nexport default function EmbedPreview({ url, embedUrl, onError }: { url: string; embedUrl: string; onError?: (msg: string) => void }) {\n  const [loaded, setLoaded] = React.useState(false)\n  const [error, setError] = React.useState(false)\n\n  // Timeout — if iframe doesn't load in 15s, show error\n  React.useEffect(() => {\n    const timer = setTimeout(() => {\n      if (!loaded) { setError(true); onError?.('Embed timed out') }\n    }, 15000)\n    return () => clearTimeout(timer)\n  }, [loaded, onError])\n\n  if (error) return <ErrorFallback message=\"Could not load embed\" url={url} />\n\n  return (\n    <div className=\"relative w-full rounded-control overflow-hidden\" style={{ aspectRatio: '16 / 9' }}>\n      {!loaded && <Skeleton className=\"absolute inset-0\" />}\n      <motion.iframe\n        src={embedUrl}\n        title=\"Embedded content\"\n        onLoad={() => setLoaded(true)}\n        onError={() => { setError(true); onError?.('Embed failed to load') }}\n        initial={{ opacity: 0 }}\n        animate={{ opacity: loaded ? 1 : 0 }}\n        transition={tweens.fade}\n        className=\"absolute inset-0 h-full w-full border-none\"\n        allowFullScreen\n      />\n    </div>\n  )\n}\n","'use client'\n\nimport {\n  IconMaximize,\n  IconPlayerPause,\n  IconPlayerPlay,\n} from '@tabler/icons-react'\nimport { AnimatePresence,motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { Icon } from '../../ui/icon'\nimport { springs, tweens } from '../../ui/lib/motion'\nimport { ErrorFallback, formatTime,VolumeControl } from './shared'\n\n// ============================================================\n// Video Preview — Custom player with DS styling\n// ============================================================\n\nconst PLAYBACK_RATES = [0.5, 0.75, 1, 1.25, 1.5, 2] as const\n\nexport default function VideoPreview({ url, onError }: { url: string; onError?: (msg: string) => void }) {\n  const videoRef = React.useRef<HTMLVideoElement>(null)\n  const containerRef = React.useRef<HTMLDivElement>(null)\n  const [playing, setPlaying] = React.useState(false)\n  const [progress, setProgress] = React.useState(0)\n  const [duration, setDuration] = React.useState(0)\n  const [currentTime, setCurrentTime] = React.useState(0)\n  const [muted, setMuted] = React.useState(false)\n  const [error, setError] = React.useState(false)\n  const [showControls, setShowControls] = React.useState(true)\n  const [playbackRate, setPlaybackRate] = React.useState(1)\n  const hideTimer = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined)\n\n  React.useEffect(() => {\n    return () => clearTimeout(hideTimer.current)\n  }, [])\n\n  // Keyboard shortcuts — YouTube style\n  React.useEffect(() => {\n    function handleKeyDown(e: KeyboardEvent) {\n      const el = containerRef.current\n      if (!el || !el.contains(document.activeElement) && document.activeElement !== el) return\n      const v = videoRef.current\n      if (!v) return\n\n      switch (e.key) {\n        case ' ':\n        case 'k':\n          e.preventDefault()\n          setPlaying(prev => {\n            if (prev) v.pause(); else v.play()\n            return !prev\n          })\n          break\n        case 'ArrowRight':\n          e.preventDefault()\n          v.currentTime = Math.min(v.duration, v.currentTime + 5)\n          break\n        case 'ArrowLeft':\n          e.preventDefault()\n          v.currentTime = Math.max(0, v.currentTime - 5)\n          break\n        case 'j':\n          e.preventDefault()\n          v.currentTime = Math.max(0, v.currentTime - 10)\n          break\n        case 'l':\n          e.preventDefault()\n          v.currentTime = Math.min(v.duration, v.currentTime + 10)\n          break\n        case 'm':\n          e.preventDefault()\n          setMuted(prev => {\n            v.muted = !prev\n            return !prev\n          })\n          break\n        case 'f':\n          e.preventDefault()\n          v.requestFullscreen?.()\n          break\n        case '>':\n          e.preventDefault()\n          cyclePlaybackRate(1)\n          break\n        case '<':\n          e.preventDefault()\n          cyclePlaybackRate(-1)\n          break\n      }\n    }\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  function cyclePlaybackRate(direction: 1 | -1) {\n    const idx = PLAYBACK_RATES.indexOf(playbackRate as typeof PLAYBACK_RATES[number])\n    const nextIdx = Math.max(0, Math.min(PLAYBACK_RATES.length - 1, idx + direction))\n    const next = PLAYBACK_RATES[nextIdx]\n    setPlaybackRate(next)\n    if (videoRef.current) videoRef.current.playbackRate = next\n  }\n\n  function togglePlay() {\n    if (!videoRef.current) return\n    if (playing) videoRef.current.pause()\n    else videoRef.current.play()\n    setPlaying(!playing)\n  }\n\n  function handleSeek(e: React.MouseEvent<HTMLDivElement>) {\n    if (!videoRef.current || !duration) return\n    const rect = e.currentTarget.getBoundingClientRect()\n    const pct = (e.clientX - rect.left) / rect.width\n    videoRef.current.currentTime = pct * duration\n  }\n\n  function handleMouseMove() {\n    setShowControls(true)\n    clearTimeout(hideTimer.current)\n    if (playing) {\n      hideTimer.current = setTimeout(() => setShowControls(false), 3000)\n    }\n  }\n\n  if (error) return <ErrorFallback message=\"Could not load video\" url={url} />\n\n  return (\n    <div\n      ref={containerRef}\n      className=\"group relative rounded-control bg-black overflow-hidden\"\n      onMouseMove={handleMouseMove}\n      onMouseLeave={() => playing && setShowControls(false)}\n      tabIndex={-1}\n    >\n      {/* eslint-disable-next-line jsx-a11y/media-has-caption */}\n      <video\n        ref={videoRef}\n        src={url}\n        className=\"max-h-[70vh] w-full\"\n        onClick={togglePlay}\n        muted={muted}\n        onTimeUpdate={() => {\n          if (!videoRef.current) return\n          setCurrentTime(videoRef.current.currentTime)\n          if (videoRef.current.duration) setProgress((videoRef.current.currentTime / videoRef.current.duration) * 100)\n        }}\n        onLoadedMetadata={() => setDuration(videoRef.current?.duration ?? 0)}\n        onEnded={() => { setPlaying(false); setShowControls(true) }}\n        onError={() => { setError(true); onError?.('Video failed to load') }}\n        playsInline\n      />\n\n      {/* Play button overlay — shown when paused */}\n      {!playing && (\n        <motion.button\n          initial={{ opacity: 0, scale: 0.8 }}\n          animate={{ opacity: 1, scale: 1 }}\n          transition={springs.snappy}\n          onClick={togglePlay}\n          className=\"absolute inset-0 flex items-center justify-center bg-black/30\"\n          aria-label=\"Play video\"\n        >\n          <div className=\"flex h-14 w-14 items-center justify-center rounded-pill bg-white/90 shadow-floating\">\n            <Icon icon={IconPlayerPlay} size=\"xl\" className=\"text-surface-fg ml-0.5\" />\n          </div>\n        </motion.button>\n      )}\n\n      {/* Bottom controls — auto-hide after 3s during playback */}\n      <AnimatePresence>\n        {showControls && duration > 0 && (\n          <motion.div\n            initial={{ opacity: 0, y: 10 }}\n            animate={{ opacity: 1, y: 0 }}\n            exit={{ opacity: 0, y: 10 }}\n            transition={tweens.fade}\n            className=\"absolute bottom-0 left-0 right-0 bg-linear-to-t from-black/80 to-transparent px-ds-04 pb-ds-04 pt-ds-08\"\n          >\n            {/* Progress bar */}\n            <div\n              className=\"relative h-1 w-full cursor-pointer rounded-pill bg-white/30 mb-ds-03 group/progress\"\n              onClick={handleSeek}\n              role=\"slider\"\n              aria-label=\"Video progress\"\n              aria-valuenow={Math.round(progress)}\n              aria-valuemin={0}\n              aria-valuemax={100}\n              tabIndex={0}\n            >\n              <div\n                className=\"absolute left-0 top-0 h-full rounded-pill bg-white transition-[width] duration-75\"\n                style={{ width: `${progress}%` }}\n              />\n              {/* Scrub handle */}\n              <div\n                className=\"absolute top-1/2 -translate-y-1/2 h-3 w-3 rounded-pill bg-white shadow-raised opacity-0 group-hover/progress:opacity-100 transition-opacity\"\n                style={{ left: `${progress}%`, marginLeft: '-6px' }}\n              />\n            </div>\n\n            {/* Controls row */}\n            <div className=\"flex items-center gap-ds-03\">\n              <button onClick={togglePlay} className=\"text-white hover:text-white/80\" aria-label={playing ? 'Pause' : 'Play'} title={playing ? 'Pause' : 'Play'}>\n                {playing ? <Icon icon={IconPlayerPause} size=\"lg\" /> : <Icon icon={IconPlayerPlay} size=\"lg\" />}\n              </button>\n              <VolumeControl\n                volume={muted ? 0 : 1}\n                muted={muted}\n                onVolumeChange={(v) => {\n                  if (videoRef.current) videoRef.current.volume = v\n                  if (v > 0 && muted) { setMuted(false); if (videoRef.current) videoRef.current.muted = false }\n                }}\n                onMuteToggle={() => { setMuted(!muted); if (videoRef.current) videoRef.current.muted = !muted }}\n                variant=\"dark\"\n              />\n              <span className=\"text-[11px] font-mono text-white/70 tabular-nums\">\n                {formatTime(currentTime)} / {formatTime(duration)}\n              </span>\n              <div className=\"flex-1\" />\n              <button\n                onClick={() => cyclePlaybackRate(1)}\n                className=\"text-[11px] font-mono text-white/70 hover:text-white px-1 rounded-control-inner hover:bg-white/10 transition-colors\"\n                aria-label={`Playback speed: ${playbackRate}x`}\n              >\n                {playbackRate}x\n              </button>\n              <button\n                onClick={() => videoRef.current?.requestFullscreen?.()}\n                className=\"text-white hover:text-white/80\"\n                aria-label=\"Fullscreen (F)\"\n                title=\"Fullscreen\"\n              >\n                <Icon icon={IconMaximize} size=\"sm\" />\n              </button>\n            </div>\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  )\n}\n","'use client'\n\nimport { IconDownload } from '@tabler/icons-react'\nimport * as React from 'react'\n\nimport { Badge } from '../ui/badge'\nimport { Button } from '../ui/button'\nimport { Icon } from '../ui/icon'\nimport { cn } from '../ui/lib/utils'\nimport { Skeleton } from '../ui/skeleton'\n\n// Sub-components: direct imports for non-peer-dep renderers,\n// React.lazy for renderers that pull in optional peer deps\n// (react-zoom-pan-pinch, react-pdf) to preserve code-splitting.\nconst LazyImagePreview = React.lazy(() => import('./file-preview/image-preview'))\nconst LazyDocumentPreview = React.lazy(() => import('./file-preview/document-preview'))\nimport AudioPreview from './file-preview/audio-preview'\nimport EmbedPreview from './file-preview/embed-preview'\nimport VideoPreview from './file-preview/video-preview'\n\n// ============================================================\n// Types\n// ============================================================\n\ntype FileType = 'image' | 'pdf' | 'video' | 'audio' | 'embed'\n\nexport interface FilePreviewProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onError'> {\n  url: string\n  /** Auto-detected from URL/mimeType if omitted */\n  type?: FileType\n  mimeType?: string\n  alt?: string\n  /** PDF starting page @default 1 */\n  initialPage?: number\n  /** File name for display */\n  fileName?: string\n  /** File size for display (e.g. '2.4 MB') */\n  fileSize?: string\n  /** Called on errors (broken URL, CORS, timeout) */\n  onError?: (error: string) => void\n}\n\n// ============================================================\n// Type Detection\n// ============================================================\n\nfunction detectType(url: string, mimeType?: string): FileType {\n  if (mimeType) {\n    if (mimeType.startsWith('image/')) return 'image'\n    if (mimeType === 'application/pdf') return 'pdf'\n    if (mimeType.startsWith('video/')) return 'video'\n    if (mimeType.startsWith('audio/')) return 'audio'\n  }\n\n  const ext = url.split('?')[0].split('.').pop()?.toLowerCase()\n  if (['jpg', 'jpeg', 'png', 'gif', 'webp', 'svg', 'avif', 'bmp'].includes(ext ?? '')) return 'image'\n  if (ext === 'pdf') return 'pdf'\n  if (['mp4', 'webm', 'ogg', 'mov'].includes(ext ?? '')) return 'video'\n  if (['mp3', 'wav', 'ogg', 'aac', 'flac'].includes(ext ?? '')) return 'audio'\n\n  if (url.includes('figma.com') || url.includes('loom.com') || url.includes('youtube.com') || url.includes('youtu.be') || url.includes('vimeo.com')) {\n    return 'embed'\n  }\n\n  return 'image'\n}\n\nfunction getEmbedUrl(url: string): string {\n  const ytMatch = url.match(/(?:youtube\\.com\\/watch\\?v=|youtu\\.be\\/)([^&?]+)/)\n  if (ytMatch) return `https://www.youtube.com/embed/${ytMatch[1]}`\n\n  const vimeoMatch = url.match(/vimeo\\.com\\/(\\d+)/)\n  if (vimeoMatch) return `https://player.vimeo.com/video/${vimeoMatch[1]}`\n\n  if (url.includes('figma.com')) return `https://www.figma.com/embed?embed_host=share&url=${encodeURIComponent(url)}`\n\n  const loomMatch = url.match(/loom\\.com\\/share\\/([^?]+)/)\n  if (loomMatch) return `https://www.loom.com/embed/${loomMatch[1]}`\n\n  return url\n}\n\n// ============================================================\n// FilePreview — Main component (router)\n// ============================================================\n\nfunction FilePreview({\n  url,\n  type: typeProp,\n  mimeType,\n  alt,\n  initialPage = 1,\n  fileName,\n  fileSize,\n  onError,\n  className,\n  ...props\n}: FilePreviewProps) {\n  const type = typeProp ?? detectType(url, mimeType)\n  const fallback = <Skeleton className=\"h-64 w-full rounded-control\" />\n\n  return (\n    <div className={cn('flex flex-col gap-ds-03', className)} {...props}>\n      {/* File info bar */}\n      {(fileName || fileSize) && (\n        <div className=\"flex items-center gap-ds-03\">\n          {fileName && <span className=\"text-ds-sm font-semibold text-surface-fg truncate\">{fileName}</span>}\n          {fileSize && <Badge variant=\"subtle\" size=\"xs\">{fileSize}</Badge>}\n        </div>\n      )}\n\n      {/* Preview */}\n      {type === 'image' && (\n        <React.Suspense fallback={fallback}>\n          <LazyImagePreview url={url} alt={alt} onError={onError} />\n        </React.Suspense>\n      )}\n      {type === 'pdf' && (\n        <React.Suspense fallback={fallback}>\n          <LazyDocumentPreview url={url} initialPage={initialPage} onError={onError} />\n        </React.Suspense>\n      )}\n      {type === 'video' && <VideoPreview url={url} onError={onError} />}\n      {type === 'audio' && <AudioPreview url={url} fileName={fileName} onError={onError} />}\n      {type === 'embed' && <EmbedPreview url={url} embedUrl={getEmbedUrl(url)} onError={onError} />}\n\n      {/* Download — not shown for audio (it has its own layout) */}\n      {type !== 'audio' && (\n        <div className=\"flex justify-end\">\n          <Button variant=\"ghost\" size=\"xs\" startIcon={<Icon icon={IconDownload} />} asChild>\n            <a href={url} download target=\"_blank\" rel=\"noopener noreferrer\">Download</a>\n          </Button>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport { FilePreview }\nexport type { FileType }\n"],"mappings":"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"}
+{"version":3,"file":"file-preview.js","names":[],"sources":["../../src/composed/file-preview/audio-preview.tsx","../../src/composed/file-preview/embed-preview.tsx","../../src/composed/file-preview/video-preview.tsx","../../src/composed/file-preview.tsx"],"sourcesContent":["'use client'\n\nimport { IconPlayerPause,IconPlayerPlay } from '@tabler/icons-react'\nimport * as React from 'react'\n\nimport { Button } from '../../ui/button'\nimport { Icon } from '../../ui/icon'\nimport { ErrorFallback, formatTime,VolumeControl } from './shared'\n\n// ============================================================\n// Audio Preview — Branded mini-player (Spotify/SoundCloud style)\n// ============================================================\n\nexport default function AudioPreview({ url, fileName, onError }: { url: string; fileName?: string; onError?: (msg: string) => void }) {\n  const audioRef = React.useRef<HTMLAudioElement>(null)\n  const containerRef = React.useRef<HTMLDivElement>(null)\n  const [playing, setPlaying] = React.useState(false)\n  const [progress, setProgress] = React.useState(0)\n  const [duration, setDuration] = React.useState(0)\n  const [currentTime, setCurrentTime] = React.useState(0)\n  const [volume, setVolume] = React.useState(1)\n  const [muted, setMuted] = React.useState(false)\n  const [error, setError] = React.useState(false)\n  const [hoverTime, setHoverTime] = React.useState<number | null>(null)\n\n  // Keyboard shortcuts\n  React.useEffect(() => {\n    function handleKeyDown(e: KeyboardEvent) {\n      const el = containerRef.current\n      if (!el || !el.contains(document.activeElement) && document.activeElement !== el) return\n      const a = audioRef.current\n      if (!a) return\n\n      switch (e.key) {\n        case ' ':\n          e.preventDefault()\n          setPlaying(prev => {\n            if (prev) a.pause(); else a.play()\n            return !prev\n          })\n          break\n        case 'ArrowRight':\n          e.preventDefault()\n          a.currentTime = Math.min(a.duration || 0, a.currentTime + 5)\n          break\n        case 'ArrowLeft':\n          e.preventDefault()\n          a.currentTime = Math.max(0, a.currentTime - 5)\n          break\n        case 'm':\n          e.preventDefault()\n          setMuted(prev => {\n            a.muted = !prev\n            return !prev\n          })\n          break\n      }\n    }\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n   \n  }, [])\n\n  function togglePlay() {\n    if (!audioRef.current) return\n    if (playing) audioRef.current.pause()\n    else audioRef.current.play()\n    setPlaying(!playing)\n  }\n\n  function handleSeek(e: React.MouseEvent<HTMLDivElement>) {\n    if (!audioRef.current || !duration) return\n    const rect = e.currentTarget.getBoundingClientRect()\n    const pct = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width))\n    audioRef.current.currentTime = pct * duration\n  }\n\n  function handleHover(e: React.MouseEvent<HTMLDivElement>) {\n    if (!duration) return\n    const rect = e.currentTarget.getBoundingClientRect()\n    const pct = (e.clientX - rect.left) / rect.width\n    setHoverTime(pct * duration)\n  }\n\n  function toggleMute() {\n    if (!audioRef.current) return\n    const next = !muted\n    setMuted(next)\n    audioRef.current.muted = next\n  }\n\n  if (error) return <ErrorFallback message=\"Could not load audio\" url={url} />\n\n  return (\n    <div ref={containerRef} className=\"rounded-surface bg-surface-raised shadow-raised overflow-hidden\" tabIndex={-1}>\n      {/* eslint-disable-next-line jsx-a11y/media-has-caption */}\n      <audio\n        ref={audioRef}\n        src={url}\n        onTimeUpdate={() => {\n          if (!audioRef.current) return\n          setCurrentTime(audioRef.current.currentTime)\n          if (audioRef.current.duration) setProgress((audioRef.current.currentTime / audioRef.current.duration) * 100)\n        }}\n        onLoadedMetadata={() => setDuration(audioRef.current?.duration ?? 0)}\n        onEnded={() => setPlaying(false)}\n        onError={() => { setError(true); onError?.('Audio failed to load') }}\n      />\n\n      {/* Progress bar — full width at top (Spotify style) */}\n      <div\n        className=\"relative h-1 w-full cursor-pointer bg-surface-sunken group/bar\"\n        onClick={handleSeek}\n        onMouseMove={handleHover}\n        onMouseLeave={() => setHoverTime(null)}\n        role=\"slider\"\n        aria-label=\"Audio progress\"\n        aria-valuenow={Math.round(progress)}\n        aria-valuemin={0}\n        aria-valuemax={100}\n        tabIndex={0}\n      >\n        <div\n          className=\"absolute left-0 top-0 h-full bg-accent-9 transition-[width] duration-75\"\n          style={{ width: `${progress}%` }}\n        />\n        {/* Hover time tooltip */}\n        {hoverTime !== null && (\n          <div\n            className=\"absolute -top-7 -translate-x-1/2 rounded-control-inner bg-surface-overlay px-1.5 py-0.5 text-[10px] font-mono text-surface-fg shadow-floating pointer-events-none\"\n            style={{ left: `${(hoverTime / (duration || 1)) * 100}%` }}\n          >\n            {formatTime(hoverTime)}\n          </div>\n        )}\n        {/* Scrub handle */}\n        <div\n          className=\"absolute top-1/2 -translate-y-1/2 h-2.5 w-2.5 rounded-pill bg-accent-9 shadow-raised opacity-0 group-hover/bar:opacity-100 transition-opacity\"\n          style={{ left: `${progress}%`, marginLeft: '-5px' }}\n        />\n      </div>\n\n      {/* Controls */}\n      <div className=\"flex items-center gap-ds-04 px-ds-05 py-ds-04\">\n        <Button\n          variant=\"solid\"\n          size=\"icon-sm\"\n          onClick={togglePlay}\n          aria-label={playing ? 'Pause' : 'Play'}\n          title={playing ? 'Pause' : 'Play'}\n          className=\"shrink-0\"\n        >\n          {playing ? (\n            <Icon icon={IconPlayerPause} size=\"sm\" />\n          ) : (\n            <Icon icon={IconPlayerPlay} size=\"sm\" className=\"ml-0.5\" />\n          )}\n        </Button>\n\n        {/* File name + time */}\n        <div className=\"flex-1 min-w-0\">\n          {fileName && (\n            <p className=\"text-ds-sm font-semibold text-surface-fg truncate\">{fileName}</p>\n          )}\n          <p className=\"text-ds-xs font-mono text-surface-fg-muted tabular-nums\">\n            {formatTime(currentTime)} / {formatTime(duration)}\n          </p>\n        </div>\n\n        {/* Volume */}\n        <VolumeControl\n          volume={volume}\n          muted={muted}\n          onVolumeChange={(v) => {\n            setVolume(v)\n            if (audioRef.current) audioRef.current.volume = v\n            if (v > 0 && muted) {\n              setMuted(false)\n              if (audioRef.current) audioRef.current.muted = false\n            }\n          }}\n          onMuteToggle={toggleMute}\n          variant=\"light\"\n        />\n      </div>\n    </div>\n  )\n}\n","'use client'\n\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { tweens } from '../../ui/lib/motion'\nimport { Skeleton } from '../../ui/skeleton'\nimport { ErrorFallback } from './shared'\n\n// ============================================================\n// Embed Preview — 16:9 with error timeout\n// ============================================================\n\nexport default function EmbedPreview({ url, embedUrl, onError }: { url: string; embedUrl: string; onError?: (msg: string) => void }) {\n  const [loaded, setLoaded] = React.useState(false)\n  const [error, setError] = React.useState(false)\n\n  // Timeout — if iframe doesn't load in 15s, show error\n  React.useEffect(() => {\n    const timer = setTimeout(() => {\n      if (!loaded) { setError(true); onError?.('Embed timed out') }\n    }, 15000)\n    return () => clearTimeout(timer)\n  }, [loaded, onError])\n\n  if (error) return <ErrorFallback message=\"Could not load embed\" url={url} />\n\n  return (\n    <div className=\"relative w-full rounded-control overflow-hidden\" style={{ aspectRatio: '16 / 9' }}>\n      {!loaded && <Skeleton className=\"absolute inset-0\" />}\n      <motion.iframe\n        src={embedUrl}\n        title=\"Embedded content\"\n        onLoad={() => setLoaded(true)}\n        onError={() => { setError(true); onError?.('Embed failed to load') }}\n        initial={{ opacity: 0 }}\n        animate={{ opacity: loaded ? 1 : 0 }}\n        transition={tweens.fade}\n        className=\"absolute inset-0 h-full w-full border-none\"\n        allowFullScreen\n      />\n    </div>\n  )\n}\n","'use client'\n\nimport {\n  IconMaximize,\n  IconPlayerPause,\n  IconPlayerPlay,\n} from '@tabler/icons-react'\nimport { AnimatePresence,motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { Icon } from '../../ui/icon'\nimport { springs, tweens } from '../../ui/lib/motion'\nimport { ErrorFallback, formatTime,VolumeControl } from './shared'\n\n// ============================================================\n// Video Preview — Custom player with DS styling\n// ============================================================\n\nconst PLAYBACK_RATES = [0.5, 0.75, 1, 1.25, 1.5, 2] as const\n\nexport default function VideoPreview({ url, onError }: { url: string; onError?: (msg: string) => void }) {\n  const videoRef = React.useRef<HTMLVideoElement>(null)\n  const containerRef = React.useRef<HTMLDivElement>(null)\n  const [playing, setPlaying] = React.useState(false)\n  const [progress, setProgress] = React.useState(0)\n  const [duration, setDuration] = React.useState(0)\n  const [currentTime, setCurrentTime] = React.useState(0)\n  const [muted, setMuted] = React.useState(false)\n  const [error, setError] = React.useState(false)\n  const [showControls, setShowControls] = React.useState(true)\n  const [playbackRate, setPlaybackRate] = React.useState(1)\n  const hideTimer = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined)\n\n  React.useEffect(() => {\n    return () => clearTimeout(hideTimer.current)\n  }, [])\n\n  // Keyboard shortcuts — YouTube style\n  React.useEffect(() => {\n    function handleKeyDown(e: KeyboardEvent) {\n      const el = containerRef.current\n      if (!el || !el.contains(document.activeElement) && document.activeElement !== el) return\n      const v = videoRef.current\n      if (!v) return\n\n      switch (e.key) {\n        case ' ':\n        case 'k':\n          e.preventDefault()\n          setPlaying(prev => {\n            if (prev) v.pause(); else v.play()\n            return !prev\n          })\n          break\n        case 'ArrowRight':\n          e.preventDefault()\n          v.currentTime = Math.min(v.duration, v.currentTime + 5)\n          break\n        case 'ArrowLeft':\n          e.preventDefault()\n          v.currentTime = Math.max(0, v.currentTime - 5)\n          break\n        case 'j':\n          e.preventDefault()\n          v.currentTime = Math.max(0, v.currentTime - 10)\n          break\n        case 'l':\n          e.preventDefault()\n          v.currentTime = Math.min(v.duration, v.currentTime + 10)\n          break\n        case 'm':\n          e.preventDefault()\n          setMuted(prev => {\n            v.muted = !prev\n            return !prev\n          })\n          break\n        case 'f':\n          e.preventDefault()\n          v.requestFullscreen?.()\n          break\n        case '>':\n          e.preventDefault()\n          cyclePlaybackRate(1)\n          break\n        case '<':\n          e.preventDefault()\n          cyclePlaybackRate(-1)\n          break\n      }\n    }\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  function cyclePlaybackRate(direction: 1 | -1) {\n    const idx = PLAYBACK_RATES.indexOf(playbackRate as typeof PLAYBACK_RATES[number])\n    const nextIdx = Math.max(0, Math.min(PLAYBACK_RATES.length - 1, idx + direction))\n    const next = PLAYBACK_RATES[nextIdx]\n    setPlaybackRate(next)\n    if (videoRef.current) videoRef.current.playbackRate = next\n  }\n\n  function togglePlay() {\n    if (!videoRef.current) return\n    if (playing) videoRef.current.pause()\n    else videoRef.current.play()\n    setPlaying(!playing)\n  }\n\n  function handleSeek(e: React.MouseEvent<HTMLDivElement>) {\n    if (!videoRef.current || !duration) return\n    const rect = e.currentTarget.getBoundingClientRect()\n    const pct = (e.clientX - rect.left) / rect.width\n    videoRef.current.currentTime = pct * duration\n  }\n\n  function handleMouseMove() {\n    setShowControls(true)\n    clearTimeout(hideTimer.current)\n    if (playing) {\n      hideTimer.current = setTimeout(() => setShowControls(false), 3000)\n    }\n  }\n\n  if (error) return <ErrorFallback message=\"Could not load video\" url={url} />\n\n  return (\n    <div\n      ref={containerRef}\n      className=\"group relative rounded-control bg-black overflow-hidden\"\n      onMouseMove={handleMouseMove}\n      onMouseLeave={() => playing && setShowControls(false)}\n      tabIndex={-1}\n    >\n      {/* eslint-disable-next-line jsx-a11y/media-has-caption */}\n      <video\n        ref={videoRef}\n        src={url}\n        className=\"max-h-[70vh] w-full\"\n        onClick={togglePlay}\n        muted={muted}\n        onTimeUpdate={() => {\n          if (!videoRef.current) return\n          setCurrentTime(videoRef.current.currentTime)\n          if (videoRef.current.duration) setProgress((videoRef.current.currentTime / videoRef.current.duration) * 100)\n        }}\n        onLoadedMetadata={() => setDuration(videoRef.current?.duration ?? 0)}\n        onEnded={() => { setPlaying(false); setShowControls(true) }}\n        onError={() => { setError(true); onError?.('Video failed to load') }}\n        playsInline\n      />\n\n      {/* Play button overlay — shown when paused */}\n      {!playing && (\n        <motion.button\n          initial={{ opacity: 0, scale: 0.8 }}\n          animate={{ opacity: 1, scale: 1 }}\n          transition={springs.snappy}\n          onClick={togglePlay}\n          className=\"absolute inset-0 flex items-center justify-center bg-black/30\"\n          aria-label=\"Play video\"\n        >\n          <div className=\"flex h-14 w-14 items-center justify-center rounded-pill bg-white/90 shadow-floating\">\n            <Icon icon={IconPlayerPlay} size=\"xl\" className=\"text-surface-fg ml-0.5\" />\n          </div>\n        </motion.button>\n      )}\n\n      {/* Bottom controls — auto-hide after 3s during playback */}\n      <AnimatePresence>\n        {showControls && duration > 0 && (\n          <motion.div\n            initial={{ opacity: 0, y: 10 }}\n            animate={{ opacity: 1, y: 0 }}\n            exit={{ opacity: 0, y: 10 }}\n            transition={tweens.fade}\n            className=\"absolute bottom-0 left-0 right-0 bg-linear-to-t from-black/80 to-transparent px-ds-04 pb-ds-04 pt-ds-08\"\n          >\n            {/* Progress bar */}\n            <div\n              className=\"relative h-1 w-full cursor-pointer rounded-pill bg-white/30 mb-ds-03 group/progress\"\n              onClick={handleSeek}\n              role=\"slider\"\n              aria-label=\"Video progress\"\n              aria-valuenow={Math.round(progress)}\n              aria-valuemin={0}\n              aria-valuemax={100}\n              tabIndex={0}\n            >\n              <div\n                className=\"absolute left-0 top-0 h-full rounded-pill bg-white transition-[width] duration-75\"\n                style={{ width: `${progress}%` }}\n              />\n              {/* Scrub handle */}\n              <div\n                className=\"absolute top-1/2 -translate-y-1/2 h-3 w-3 rounded-pill bg-white shadow-raised opacity-0 group-hover/progress:opacity-100 transition-opacity\"\n                style={{ left: `${progress}%`, marginLeft: '-6px' }}\n              />\n            </div>\n\n            {/* Controls row */}\n            <div className=\"flex items-center gap-ds-03\">\n              <button onClick={togglePlay} className=\"text-white hover:text-white/80\" aria-label={playing ? 'Pause' : 'Play'} title={playing ? 'Pause' : 'Play'}>\n                {playing ? <Icon icon={IconPlayerPause} size=\"lg\" /> : <Icon icon={IconPlayerPlay} size=\"lg\" />}\n              </button>\n              <VolumeControl\n                volume={muted ? 0 : 1}\n                muted={muted}\n                onVolumeChange={(v) => {\n                  if (videoRef.current) videoRef.current.volume = v\n                  if (v > 0 && muted) { setMuted(false); if (videoRef.current) videoRef.current.muted = false }\n                }}\n                onMuteToggle={() => { setMuted(!muted); if (videoRef.current) videoRef.current.muted = !muted }}\n                variant=\"dark\"\n              />\n              <span className=\"text-[11px] font-mono text-white/70 tabular-nums\">\n                {formatTime(currentTime)} / {formatTime(duration)}\n              </span>\n              <div className=\"flex-1\" />\n              <button\n                onClick={() => cyclePlaybackRate(1)}\n                className=\"text-[11px] font-mono text-white/70 hover:text-white px-1 rounded-control-inner hover:bg-white/10 transition-colors\"\n                aria-label={`Playback speed: ${playbackRate}x`}\n              >\n                {playbackRate}x\n              </button>\n              <button\n                onClick={() => videoRef.current?.requestFullscreen?.()}\n                className=\"text-white hover:text-white/80\"\n                aria-label=\"Fullscreen (F)\"\n                title=\"Fullscreen\"\n              >\n                <Icon icon={IconMaximize} size=\"sm\" />\n              </button>\n            </div>\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  )\n}\n","'use client'\n\nimport { IconDownload } from '@tabler/icons-react'\nimport * as React from 'react'\n\nimport { Badge } from '../ui/badge'\nimport { Button } from '../ui/button'\nimport { Icon } from '../ui/icon'\nimport { cn } from '../ui/lib/utils'\nimport { Skeleton } from '../ui/skeleton'\n\n// Sub-components: direct imports for non-peer-dep renderers,\n// React.lazy for renderers that pull in optional peer deps\n// (react-zoom-pan-pinch, react-pdf) to preserve code-splitting.\nconst LazyImagePreview = React.lazy(() => import('./file-preview/image-preview'))\nconst LazyDocumentPreview = React.lazy(() => import('./file-preview/document-preview'))\nimport AudioPreview from './file-preview/audio-preview'\nimport EmbedPreview from './file-preview/embed-preview'\nimport VideoPreview from './file-preview/video-preview'\n\n// ============================================================\n// Types\n// ============================================================\n\ntype FileType = 'image' | 'pdf' | 'video' | 'audio' | 'embed'\n\nexport interface FilePreviewProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onError'> {\n  url: string\n  /** Auto-detected from URL/mimeType if omitted */\n  type?: FileType\n  mimeType?: string\n  alt?: string\n  /** PDF starting page @default 1 */\n  initialPage?: number\n  /** File name for display */\n  fileName?: string\n  /** File size for display (e.g. '2.4 MB') */\n  fileSize?: string\n  /** Called on errors (broken URL, CORS, timeout) */\n  onError?: (error: string) => void\n}\n\n// ============================================================\n// Type Detection\n// ============================================================\n\nfunction detectType(url: string, mimeType?: string): FileType {\n  if (mimeType) {\n    if (mimeType.startsWith('image/')) return 'image'\n    if (mimeType === 'application/pdf') return 'pdf'\n    if (mimeType.startsWith('video/')) return 'video'\n    if (mimeType.startsWith('audio/')) return 'audio'\n  }\n\n  const ext = url.split('?')[0].split('.').pop()?.toLowerCase()\n  if (['jpg', 'jpeg', 'png', 'gif', 'webp', 'svg', 'avif', 'bmp'].includes(ext ?? '')) return 'image'\n  if (ext === 'pdf') return 'pdf'\n  if (['mp4', 'webm', 'ogg', 'mov'].includes(ext ?? '')) return 'video'\n  if (['mp3', 'wav', 'ogg', 'aac', 'flac'].includes(ext ?? '')) return 'audio'\n\n  if (url.includes('figma.com') || url.includes('loom.com') || url.includes('youtube.com') || url.includes('youtu.be') || url.includes('vimeo.com')) {\n    return 'embed'\n  }\n\n  return 'image'\n}\n\nfunction getEmbedUrl(url: string): string {\n  const ytMatch = url.match(/(?:youtube\\.com\\/watch\\?v=|youtu\\.be\\/)([^&?]+)/)\n  if (ytMatch) return `https://www.youtube.com/embed/${ytMatch[1]}`\n\n  const vimeoMatch = url.match(/vimeo\\.com\\/(\\d+)/)\n  if (vimeoMatch) return `https://player.vimeo.com/video/${vimeoMatch[1]}`\n\n  if (url.includes('figma.com')) return `https://www.figma.com/embed?embed_host=share&url=${encodeURIComponent(url)}`\n\n  const loomMatch = url.match(/loom\\.com\\/share\\/([^?]+)/)\n  if (loomMatch) return `https://www.loom.com/embed/${loomMatch[1]}`\n\n  return url\n}\n\n// ============================================================\n// FilePreview — Main component (router)\n// ============================================================\n\nfunction FilePreview({\n  url,\n  type: typeProp,\n  mimeType,\n  alt,\n  initialPage = 1,\n  fileName,\n  fileSize,\n  onError,\n  className,\n  ...props\n}: FilePreviewProps) {\n  const type = typeProp ?? detectType(url, mimeType)\n  const fallback = <Skeleton className=\"h-64 w-full rounded-control\" />\n\n  return (\n    <div className={cn('flex flex-col gap-ds-03', className)} {...props}>\n      {/* File info bar */}\n      {(fileName || fileSize) && (\n        <div className=\"flex items-center gap-ds-03\">\n          {fileName && <span className=\"text-ds-sm font-semibold text-surface-fg truncate\">{fileName}</span>}\n          {fileSize && <Badge variant=\"subtle\" size=\"xs\">{fileSize}</Badge>}\n        </div>\n      )}\n\n      {/* Preview */}\n      {type === 'image' && (\n        <React.Suspense fallback={fallback}>\n          <LazyImagePreview url={url} alt={alt} onError={onError} />\n        </React.Suspense>\n      )}\n      {type === 'pdf' && (\n        <React.Suspense fallback={fallback}>\n          <LazyDocumentPreview url={url} initialPage={initialPage} onError={onError} />\n        </React.Suspense>\n      )}\n      {type === 'video' && <VideoPreview url={url} onError={onError} />}\n      {type === 'audio' && <AudioPreview url={url} fileName={fileName} onError={onError} />}\n      {type === 'embed' && <EmbedPreview url={url} embedUrl={getEmbedUrl(url)} onError={onError} />}\n\n      {/* Download — not shown for audio (it has its own layout) */}\n      {type !== 'audio' && (\n        <div className=\"flex justify-end\">\n          <Button variant=\"ghost\" size=\"xs\" startIcon={<Icon icon={IconDownload} />} asChild>\n            <a href={url} download target=\"_blank\" rel=\"noopener noreferrer\">Download</a>\n          </Button>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport { FilePreview }\nexport type { FileType }\n"],"mappings":"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"}

package/dist/composed/rich-chat-input.js

@@ -51,7 +51,7 @@ var B = E.forwardRef(({ groups: e, query: t, command: n }, r) => {
 	return /* @__PURE__ */ A("div", {
 		role: "listbox",
 		"aria-label": "Slash commands",
-		className: "z-popover max-h-[320px] min-w-[220px] overflow-x-hidden overflow-y-auto rounded-surface border border-surface-border-strong bg-surface-overlay p-ds-02 shadow-floating",
+		className: "z-popover max-h-[320px] min-w-[220px] overflow-x-hidden overflow-y-auto rounded-surface bg-surface-overlay p-ds-02 shadow-floating",
 		children: c.map((e, t) => /* @__PURE__ */ j("div", {
 			role: "group",
 			"aria-label": e.label,
@@ -1336,7 +1336,7 @@ function _t({ options: e }) {
 				size: "xs"
 			})
 		}), t && /* @__PURE__ */ j("div", {
-			className: "absolute bottom-full right-0 mb-ds-02 min-w-[200px] rounded-surface border border-surface-border-strong bg-surface-overlay p-ds-02 shadow-floating z-popover",
+			className: "absolute bottom-full right-0 mb-ds-02 min-w-[200px] rounded-surface bg-surface-overlay p-ds-02 shadow-floating z-popover",
 			children: [/* @__PURE__ */ A("p", {
 				className: "px-ds-03 py-ds-01 text-ds-xs font-medium text-surface-fg-subtle",
 				children: "Send options"
@@ -1368,7 +1368,7 @@ function yt({ set: e = "native", onSelect: t, onClose: n }) {
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, [n]);
 	let s = /* @__PURE__ */ A("div", {
-		className: "flex h-[350px] w-[352px] items-center justify-center rounded-surface border border-surface-border-strong bg-surface-overlay shadow-floating",
+		className: "flex h-[350px] w-[352px] items-center justify-center rounded-surface bg-surface-overlay shadow-floating",
 		children: /* @__PURE__ */ A("span", {
 			className: "text-ds-sm text-surface-fg-subtle",
 			children: "Loading..."
@@ -1376,7 +1376,7 @@ function yt({ set: e = "native", onSelect: t, onClose: n }) {
 	});
 	return /* @__PURE__ */ A("div", {
 		ref: o,
-		className: "rounded-surface border border-surface-border-strong bg-surface-overlay shadow-floating overflow-hidden",
+		className: "rounded-surface bg-surface-overlay shadow-floating overflow-hidden",
 		children: r ? /* @__PURE__ */ A(E.Suspense, {
 			fallback: s,
 			children: /* @__PURE__ */ A(vt, {
@@ -1418,7 +1418,7 @@ function bt({ editor: e }) {
 	});
 	return /* @__PURE__ */ j(S, {
 		editor: e,
-		className: "flex gap-ds-01 rounded-surface border border-surface-border-strong bg-surface-overlay p-ds-02 shadow-floating",
+		className: "flex gap-ds-01 rounded-surface bg-surface-overlay p-ds-02 shadow-floating",
 		children: [
 			/* @__PURE__ */ A(Q, {
 				onClick: () => e.chain().focus().toggleBold().run(),