@devalok/shilp-sutra 0.49.2 → 0.49.4

package/dist/_chunks/shared.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared.js","names":[],"sources":["../../src/composed/file-preview/shared.tsx"],"sourcesContent":["'use client'\n\nimport * as SliderPrimitive from '@primitives/react-slider'\nimport {\n  IconAlertTriangle,\n  IconDownload,\n  IconVolume,\n  IconVolumeOff,\n} from '@tabler/icons-react'\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { Button } from '../../ui/button'\nimport { Icon } from '../../ui/icon'\nimport { tweens } from '../../ui/lib/motion'\nimport { cn } from '../../ui/lib/utils'\n\n// ============================================================\n// Shared: Error Fallback\n// ============================================================\n\nexport function ErrorFallback({ message, url }: { message: string; url: string }) {\n  return (\n    <div className=\"flex flex-col items-center justify-center gap-ds-04 rounded-control border border-surface-border bg-surface-sunken p-ds-08 text-center\">\n      <Icon icon={IconAlertTriangle} size=\"2xl\" className=\"text-warning-9\" />\n      <div>\n        <p className=\"text-ds-md font-semibold text-surface-fg\">Preview unavailable</p>\n        <p className=\"text-ds-sm text-surface-fg-muted mt-ds-01\">{message}</p>\n      </div>\n      <Button variant=\"outline\" size=\"xs\" startIcon={<Icon icon={IconDownload} />} asChild>\n        <a href={url} download target=\"_blank\" rel=\"noopener noreferrer\">Download file</a>\n      </Button>\n    </div>\n  )\n}\n\n// ============================================================\n// Shared: Floating Toolbar\n// ============================================================\n\nexport function Toolbar({ children, className }: { children: React.ReactNode; className?: string }) {\n  return (\n    <motion.div\n      initial={{ opacity: 0, y: 8 }}\n      animate={{ opacity: 1, y: 0 }}\n      transition={tweens.fade}\n      className={cn(\n        'flex items-center gap-ds-01 rounded-control bg-surface-overlay/95 px-ds-02 py-ds-01 shadow-floating backdrop-blur-xs',\n        className,\n      )}\n    >\n      {children}\n    </motion.div>\n  )\n}\n\nexport function ToolbarDivider() {\n  return <div className=\"mx-ds-01 h-4 w-px bg-surface-border-subtle\" />\n}\n\n// ============================================================\n// Shared: MediaSlider — slim seek/scrub/volume control\n// Composes the Radix Slider primitive (the same one ui/Slider uses) so it's\n// keyboard-operable (Arrow/Home/End), shows a visible focus ring, and forced-colors-safe —\n// unlike the old mouse-only <div role=\"slider\">. Styled slim for media chrome;\n// the thumb is hover/focus-reveal (hidden at rest, shown on hover, drag, or\n// keyboard focus). `tone=\"dark\"` = white-on-overlay; `tone=\"light\"` = accent.\n// ============================================================\n\nexport function MediaSlider({\n  value,\n  max = 100,\n  step = 1,\n  onValueChange,\n  tone = 'light',\n  ariaLabel,\n  disabled,\n  className,\n}: {\n  value: number\n  max?: number\n  step?: number\n  onValueChange: (v: number) => void\n  tone?: 'light' | 'dark'\n  ariaLabel: string\n  disabled?: boolean\n  className?: string\n}) {\n  const isDark = tone === 'dark'\n  return (\n    <SliderPrimitive.Root\n      className={cn(\n        'group/ms relative flex h-3 w-full cursor-pointer touch-none select-none items-center',\n        className,\n      )}\n      value={[value]}\n      max={max}\n      step={step}\n      disabled={disabled}\n      onValueChange={(vals) => onValueChange(vals[0] ?? 0)}\n      aria-label={ariaLabel}\n    >\n      <SliderPrimitive.Track\n        className={cn(\n          'relative h-1 w-full grow overflow-hidden rounded-pill',\n          isDark ? 'bg-white/30' : 'bg-surface-sunken',\n        )}\n      >\n        <SliderPrimitive.Range\n          className={cn('absolute h-full rounded-pill', isDark ? 'bg-white' : 'bg-accent-9')}\n        />\n      </SliderPrimitive.Track>\n      <SliderPrimitive.Thumb\n        className={cn(\n          'block h-3 w-3 rounded-pill shadow-raised outline-hidden transition-[opacity,transform] duration-fast-02',\n          // hover/focus-reveal: hidden at rest, shown on hover, drag (focus), or keyboard\n          'opacity-0 group-hover/ms:opacity-100 focus:opacity-100 active:scale-110',\n          'focus-visible:opacity-100 focus-visible:ring-2 focus-visible:ring-offset-1',\n          isDark ? 'bg-white focus-visible:ring-white' : 'bg-accent-9 focus-visible:ring-accent-9',\n        )}\n      />\n    </SliderPrimitive.Root>\n  )\n}\n\n// ============================================================\n// Shared: Volume Slider (Spotify/YouTube style)\n// ============================================================\n\nexport function VolumeControl({\n  volume,\n  muted,\n  onVolumeChange,\n  onMuteToggle,\n  variant = 'light',\n}: {\n  volume: number\n  muted: boolean\n  onVolumeChange: (v: number) => void\n  onMuteToggle: () => void\n  variant?: 'light' | 'dark'\n}) {\n  const displayVolume = muted ? 0 : volume\n  const isDark = variant === 'dark'\n  const iconClass = isDark ? 'text-white hover:text-white/80' : 'text-surface-fg-muted hover:text-surface-fg'\n\n  return (\n    <div className=\"flex items-center gap-ds-02 shrink-0 group/vol\">\n      <button onClick={onMuteToggle} className={cn('transition-colors', iconClass)} aria-label={muted ? 'Unmute (M)' : 'Mute (M)'} title={muted ? 'Unmute' : 'Mute'}>\n        {muted || volume === 0 ? <Icon icon={IconVolumeOff} size=\"sm\" /> : <Icon icon={IconVolume} size=\"sm\" />}\n      </button>\n      <div className=\"flex w-0 items-center overflow-hidden transition-[width] duration-200 ease-productive-standard group-hover/vol:w-20 focus-within:w-20\">\n        <MediaSlider\n          value={displayVolume}\n          max={1}\n          step={0.01}\n          onValueChange={onVolumeChange}\n          tone={variant}\n          ariaLabel=\"Volume\"\n        />\n      </div>\n    </div>\n  )\n}\n\n// ============================================================\n// Shared: Time Formatting\n// ============================================================\n\nexport function formatTime(s: number): string {\n  if (!isFinite(s) || s < 0) return '0:00'\n  const h = Math.floor(s / 3600)\n  const m = Math.floor((s % 3600) / 60)\n  const sec = Math.floor(s % 60)\n  if (h > 0) return `${h}:${m.toString().padStart(2, '0')}:${sec.toString().padStart(2, '0')}`\n  return `${m}:${sec.toString().padStart(2, '0')}`\n}\n"],"mappings":";;;;;;;;;;AAqBA,SAAgB,EAAc,EAAE,YAAS,UAAyC;AAChF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD;IAAM,MAAM;IAAmB,MAAK;IAAM,WAAU;IAAmB,CAAA;GACvE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;IAAG,WAAU;cAA2C;IAAuB,CAAA,EAC/E,kBAAC,KAAD;IAAG,WAAU;cAA6C;IAAY,CAAA,CAClE,EAAA,CAAA;GACN,kBAAC,GAAD;IAAQ,SAAQ;IAAU,MAAK;IAAK,WAAW,kBAAC,GAAD,EAAM,MAAM,GAAgB,CAAA;IAAE,SAAA;cAC3E,kBAAC,KAAD;KAAG,MAAM;KAAK,UAAA;KAAS,QAAO;KAAS,KAAI;eAAsB;KAAiB,CAAA;IAC3E,CAAA;GACL;;;AAQV,SAAgB,EAAQ,EAAE,aAAU,gBAAgE;AAClG,QACE,kBAAC,EAAO,KAAR;EACE,SAAS;GAAE,SAAS;GAAG,GAAG;GAAG;EAC7B,SAAS;GAAE,SAAS;GAAG,GAAG;GAAG;EAC7B,YAAY,EAAO;EACnB,WAAW,EACT,wHACA,EACD;EAEA;EACU,CAAA;;AAIjB,SAAgB,IAAiB;AAC/B,QAAO,kBAAC,OAAD,EAAK,WAAU,8CAA+C,CAAA;;AAYvE,SAAgB,EAAY,EAC1B,UACA,SAAM,KACN,UAAO,GACP,kBACA,UAAO,SACP,cACA,aACA,gBAUC;CACD,IAAM,IAAS,MAAS;AACxB,QACE,kBAAC,GAAD;EACE,WAAW,EACT,wFACA,EACD;EACD,OAAO,CAAC,EAAM;EACT;EACC;EACI;EACV,gBAAgB,MAAS,EAAc,EAAK,MAAM,EAAE;EACpD,cAAY;YAVd,CAYE,kBAAC,GAAD;GACE,WAAW,EACT,yDACA,IAAS,gBAAgB,oBAC1B;aAED,kBAAC,GAAD,EACE,WAAW,EAAG,gCAAgC,IAAS,aAAa,cAAc,EAClF,CAAA;GACoB,CAAA,EACxB,kBAAC,GAAD,EACE,WAAW,EACT,2GAEA,2EACA,8EACA,IAAS,sCAAsC,0CAChD,EACD,CAAA,CACmB;;;AAQ3B,SAAgB,EAAc,EAC5B,WACA,UACA,mBACA,iBACA,aAAU,WAOT;CACD,IAAM,IAAgB,IAAQ,IAAI;AAIlC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,UAAD;GAAQ,SAAS;GAAc,WAAW,EAAG,qBALlC,MAAY,SACA,mCAAmC,8CAIkB;GAAE,cAAY,IAAQ,eAAe;GAAY,OAAO,IAAQ,WAAW;aACpJ,KAAS,MAAW,IAAI,kBAAC,GAAD;IAAM,MAAM;IAAe,MAAK;IAAO,CAAA,GAAG,kBAAC,GAAD;IAAM,MAAM;IAAY,MAAK;IAAO,CAAA;GAChG,CAAA,EACT,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IACE,OAAO;IACP,KAAK;IACL,MAAM;IACN,eAAe;IACf,MAAM;IACN,WAAU;IACV,CAAA;GACE,CAAA,CACF;;;AAQV,SAAgB,EAAW,GAAmB;AAC5C,KAAI,CAAC,SAAS,EAAE,IAAI,IAAI,EAAG,QAAO;CAClC,IAAM,IAAI,KAAK,MAAM,IAAI,KAAK,EACxB,IAAI,KAAK,MAAO,IAAI,OAAQ,GAAG,EAC/B,IAAM,KAAK,MAAM,IAAI,GAAG;AAE9B,QADI,IAAI,IAAU,GAAG,EAAE,GAAG,EAAE,UAAU,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,EAAI,UAAU,CAAC,SAAS,GAAG,IAAI,KACnF,GAAG,EAAE,GAAG,EAAI,UAAU,CAAC,SAAS,GAAG,IAAI"}
+{"version":3,"file":"shared.js","names":[],"sources":["../../src/composed/file-preview/shared.tsx"],"sourcesContent":["'use client'\n\nimport * as SliderPrimitive from '@primitives/react-slider'\nimport {\n  IconAlertTriangle,\n  IconDownload,\n  IconVolume,\n  IconVolumeOff,\n} from '@tabler/icons-react'\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { Button } from '../../ui/button'\nimport { Icon } from '../../ui/icon'\nimport { tweens } from '../../ui/lib/motion'\nimport { cn } from '../../ui/lib/utils'\n\n// ============================================================\n// Shared: Error Fallback\n// ============================================================\n\nexport function ErrorFallback({ message, url }: { message: string; url: string }) {\n  return (\n    <div className=\"flex flex-col items-center justify-center gap-ds-04 rounded-control border border-surface-border bg-surface-sunken p-ds-08 text-center\">\n      <Icon icon={IconAlertTriangle} size=\"2xl\" className=\"text-warning-9\" />\n      <div>\n        <p className=\"text-ds-md font-semibold text-surface-fg\">Preview unavailable</p>\n        <p className=\"text-ds-sm text-surface-fg-muted mt-ds-01\">{message}</p>\n      </div>\n      <Button variant=\"outline\" size=\"xs\" startIcon={<Icon icon={IconDownload} />} asChild>\n        <a href={url} download target=\"_blank\" rel=\"noopener noreferrer\">Download file</a>\n      </Button>\n    </div>\n  )\n}\n\n// ============================================================\n// Shared: Floating Toolbar\n// ============================================================\n\nexport function Toolbar({ children, className }: { children: React.ReactNode; className?: string }) {\n  return (\n    <motion.div\n      initial={{ opacity: 0, y: 8 }}\n      animate={{ opacity: 1, y: 0 }}\n      transition={tweens.fade}\n      className={cn(\n        'flex items-center gap-ds-01 rounded-control bg-surface-overlay/95 px-ds-02 py-ds-01 shadow-floating backdrop-blur-xs',\n        className,\n      )}\n    >\n      {children}\n    </motion.div>\n  )\n}\n\nexport function ToolbarDivider() {\n  return <div className=\"mx-ds-01 h-4 w-px bg-surface-border-subtle\" />\n}\n\n// ============================================================\n// Shared: MediaSlider — slim seek/scrub/volume control\n// Composes the Radix Slider primitive (the same one ui/Slider uses) so it's\n// keyboard-operable (Arrow/Home/End), shows a visible focus ring, and forced-colors-safe —\n// unlike the old mouse-only <div role=\"slider\">. Styled slim for media chrome;\n// the thumb is hover/focus-reveal (hidden at rest, shown on hover, drag, or\n// keyboard focus). `tone=\"dark\"` = white-on-overlay; `tone=\"light\"` = accent.\n// ============================================================\n\nexport function MediaSlider({\n  value,\n  max = 100,\n  step = 1,\n  onValueChange,\n  tone = 'light',\n  ariaLabel,\n  disabled,\n  className,\n}: {\n  value: number\n  max?: number\n  step?: number\n  onValueChange: (v: number) => void\n  tone?: 'light' | 'dark'\n  ariaLabel: string\n  disabled?: boolean\n  className?: string\n}) {\n  const isDark = tone === 'dark'\n  return (\n    <SliderPrimitive.Root\n      className={cn(\n        'group/ms relative flex h-3 w-full cursor-pointer touch-none select-none items-center',\n        className,\n      )}\n      value={[value]}\n      max={max}\n      step={step}\n      disabled={disabled}\n      onValueChange={(vals) => onValueChange(vals[0] ?? 0)}\n      aria-label={ariaLabel}\n    >\n      <SliderPrimitive.Track\n        className={cn(\n          'relative h-1 w-full grow overflow-hidden rounded-pill',\n          isDark ? 'bg-white/30' : 'bg-surface-sunken',\n        )}\n      >\n        <SliderPrimitive.Range\n          className={cn('absolute h-full rounded-pill', isDark ? 'bg-white' : 'bg-accent-9')}\n        />\n      </SliderPrimitive.Track>\n      <SliderPrimitive.Thumb\n        className={cn(\n          'block h-3 w-3 rounded-pill shadow-raised outline-hidden transition-[opacity,transform] duration-fast-02',\n          // hover/focus-reveal: hidden at rest, shown on hover, drag (focus), or keyboard\n          'opacity-0 group-hover/ms:opacity-100 focus:opacity-100 active:scale-110',\n          'focus-visible:opacity-100 focus-visible:ring-2 focus-visible:ring-offset-1',\n          isDark ? 'bg-white focus-visible:ring-white' : 'bg-accent-9 focus-visible:ring-accent-9',\n        )}\n      />\n    </SliderPrimitive.Root>\n  )\n}\n\n// ============================================================\n// Shared: Volume Slider (Spotify/YouTube style)\n// ============================================================\n\nexport function VolumeControl({\n  volume,\n  muted,\n  onVolumeChange,\n  onMuteToggle,\n  variant = 'light',\n}: {\n  volume: number\n  muted: boolean\n  onVolumeChange: (v: number) => void\n  onMuteToggle: () => void\n  variant?: 'light' | 'dark'\n}) {\n  const displayVolume = muted ? 0 : volume\n  const isDark = variant === 'dark'\n  const iconClass = isDark ? 'text-white hover:text-white/80' : 'text-surface-fg-muted hover:text-surface-fg'\n\n  return (\n    <div className=\"flex items-center gap-ds-02 shrink-0 group/vol\">\n      <button onClick={onMuteToggle} className={cn('transition-colors', iconClass)} aria-label={muted ? 'Unmute (M)' : 'Mute (M)'} title={muted ? 'Unmute' : 'Mute'}>\n        {muted || volume === 0 ? <Icon icon={IconVolumeOff} size=\"sm\" /> : <Icon icon={IconVolume} size=\"sm\" />}\n      </button>\n      <div className=\"flex w-0 items-center overflow-hidden transition-[width] duration-200 ease-productive-standard group-hover/vol:w-20 focus-within:w-20\">\n        <MediaSlider\n          value={displayVolume}\n          max={1}\n          step={0.01}\n          onValueChange={onVolumeChange}\n          tone={variant}\n          ariaLabel=\"Volume\"\n        />\n      </div>\n    </div>\n  )\n}\n\n// ============================================================\n// Shared: Time Formatting\n// ============================================================\n\nexport function formatTime(s: number): string {\n  if (!isFinite(s) || s < 0) return '0:00'\n  const h = Math.floor(s / 3600)\n  const m = Math.floor((s % 3600) / 60)\n  const sec = Math.floor(s % 60)\n  if (h > 0) return `${h}:${m.toString().padStart(2, '0')}:${sec.toString().padStart(2, '0')}`\n  return `${m}:${sec.toString().padStart(2, '0')}`\n}\n"],"mappings":";;;;;;;;;;AAqBA,SAAgB,EAAc,EAAE,YAAS,UAAyC;CAChF,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD;IAAM,MAAM;IAAmB,MAAK;IAAM,WAAU;GAAkB,CAAA;GACtE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;IAAG,WAAU;cAA2C;GAAsB,CAAA,GAC9E,kBAAC,KAAD;IAAG,WAAU;cAA6C;GAAW,CAAA,CAClE,EAAA,CAAA;GACL,kBAAC,GAAD;IAAQ,SAAQ;IAAU,MAAK;IAAK,WAAW,kBAAC,GAAD,EAAM,MAAM,EAAe,CAAA;IAAG,SAAA;cAC3E,kBAAC,KAAD;KAAG,MAAM;KAAK,UAAA;KAAS,QAAO;KAAS,KAAI;eAAsB;IAAgB,CAAA;GAC3E,CAAA;EACL;;AAET;AAMA,SAAgB,EAAQ,EAAE,aAAU,gBAAgE;CAClG,OACE,kBAAC,EAAO,KAAR;EACE,SAAS;GAAE,SAAS;GAAG,GAAG;EAAE;EAC5B,SAAS;GAAE,SAAS;GAAG,GAAG;EAAE;EAC5B,YAAY,EAAO;EACnB,WAAW,EACT,wHACA,CACF;EAEC;CACS,CAAA;AAEhB;AAEA,SAAgB,IAAiB;CAC/B,OAAO,kBAAC,OAAD,EAAK,WAAU,6CAA8C,CAAA;AACtE;AAWA,SAAgB,EAAY,EAC1B,UACA,SAAM,KACN,UAAO,GACP,kBACA,UAAO,SACP,cACA,aACA,gBAUC;CACD,IAAM,IAAS,MAAS;CACxB,OACE,kBAAC,GAAD;EACE,WAAW,EACT,wFACA,CACF;EACA,OAAO,CAAC,CAAK;EACR;EACC;EACI;EACV,gBAAgB,MAAS,EAAc,EAAK,MAAM,CAAC;EACnD,cAAY;YAVd,CAYE,kBAAC,GAAD;GACE,WAAW,EACT,yDACA,IAAS,gBAAgB,mBAC3B;aAEA,kBAAC,GAAD,EACE,WAAW,EAAG,gCAAgC,IAAS,aAAa,aAAa,EAClF,CAAA;EACoB,CAAA,GACvB,kBAAC,GAAD,EACE,WAAW,EACT,2GAEA,2EACA,8EACA,IAAS,sCAAsC,yCACjD,EACD,CAAA,CACmB;;AAE1B;AAMA,SAAgB,EAAc,EAC5B,WACA,UACA,mBACA,iBACA,aAAU,WAOT;CACD,IAAM,IAAgB,IAAQ,IAAI;CAIlC,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,UAAD;GAAQ,SAAS;GAAc,WAAW,EAAG,qBALlC,MAAY,SACA,mCAAmC,6CAIiB;GAAG,cAAY,IAAQ,eAAe;GAAY,OAAO,IAAQ,WAAW;aACpJ,KAAS,MAAW,IAAI,kBAAC,GAAD;IAAM,MAAM;IAAe,MAAK;GAAM,CAAA,IAAI,kBAAC,GAAD;IAAM,MAAM;IAAY,MAAK;GAAM,CAAA;EAChG,CAAA,GACR,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IACE,OAAO;IACP,KAAK;IACL,MAAM;IACN,eAAe;IACf,MAAM;IACN,WAAU;GACX,CAAA;EACE,CAAA,CACF;;AAET;AAMA,SAAgB,EAAW,GAAmB;CAC5C,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,GAAG,OAAO;CAClC,IAAM,IAAI,KAAK,MAAM,IAAI,IAAI,GACvB,IAAI,KAAK,MAAO,IAAI,OAAQ,EAAE,GAC9B,IAAM,KAAK,MAAM,IAAI,EAAE;CAE7B,OADI,IAAI,IAAU,GAAG,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC,SAAS,GAAG,GAAG,EAAE,GAAG,EAAI,SAAS,CAAC,CAAC,SAAS,GAAG,GAAG,MAClF,GAAG,EAAE,GAAG,EAAI,SAAS,CAAC,CAAC,SAAS,GAAG,GAAG;AAC/C"}

package/dist/_chunks/success.js.map

@@ -1 +1 @@
-{"version":3,"file":"success.js","names":[],"sources":["../../src/ai/blocks/block-table.tsx","../../src/ai/blocks/confirm.tsx","../../src/ai/blocks/divider.tsx","../../src/ai/blocks/info.tsx","../../src/ai/blocks/loading.tsx","../../src/ai/blocks/stat-row.tsx","../../src/ai/blocks/success.tsx"],"sourcesContent":["'use client'\n\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { useMotion } from '../../motion/motion-provider'\nimport { Badge } from '../../ui/badge'\nimport { springs } from '../../ui/lib/motion'\nimport { cn } from '../../ui/lib/utils'\nimport {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '../../ui/table'\nimport type { BlockComponentProps, BlockTableColumn,BlockTableData } from '../types'\nimport { BlockShell } from './block-shell'\n\ntype SortDir = 'asc' | 'desc' | null\n\nfunction renderCellValue(value: unknown, column: BlockTableColumn) {\n  if (column.variant === 'badge') {\n    if (value && typeof value === 'object' && 'label' in value) {\n      const badgeObj = value as { label: string; color: string }\n      return (\n        <Badge variant=\"subtle\" size=\"sm\" color={badgeObj.color as 'default'}>\n          {badgeObj.label}\n        </Badge>\n      )\n    }\n    return (\n      <Badge variant=\"subtle\" size=\"sm\">\n        {String(value ?? '')}\n      </Badge>\n    )\n  }\n\n  return String(value ?? '')\n}\n\nfunction sortRows(\n  rows: Record<string, unknown>[],\n  sortKey: string | null,\n  sortDir: SortDir,\n): Record<string, unknown>[] {\n  if (!sortKey || !sortDir) return rows\n  return [...rows].sort((a, b) => {\n    const aVal = a[sortKey]\n    const bVal = b[sortKey]\n    const aStr = String(aVal ?? '')\n    const bStr = String(bVal ?? '')\n    const aNum = Number(aVal)\n    const bNum = Number(bVal)\n\n    // If both are numeric, sort numerically\n    if (!Number.isNaN(aNum) && !Number.isNaN(bNum)) {\n      return sortDir === 'asc' ? aNum - bNum : bNum - aNum\n    }\n\n    // Otherwise sort lexicographically\n    const cmp = aStr.localeCompare(bStr)\n    return sortDir === 'asc' ? cmp : -cmp\n  })\n}\n\nconst BlockTable = React.memo(function BlockTable({\n  data,\n  confidence,\n}: BlockComponentProps<BlockTableData>) {\n  const { reducedMotion } = useMotion()\n  const [sortKey, setSortKey] = React.useState<string | null>(null)\n  const [sortDir, setSortDir] = React.useState<SortDir>(null)\n\n  const handleHeaderClick = React.useCallback(\n    (key: string) => {\n      if (!data.sortable) return\n      if (sortKey !== key) {\n        setSortKey(key)\n        setSortDir('asc')\n      } else if (sortDir === 'asc') {\n        setSortDir('desc')\n      } else if (sortDir === 'desc') {\n        setSortKey(null)\n        setSortDir(null)\n      }\n    },\n    [data.sortable, sortKey, sortDir],\n  )\n\n  const columns = data.columns ?? []\n  const sortedRows = sortRows(data.rows ?? [], sortKey, sortDir)\n\n  return (\n    <BlockShell confidence={confidence} className=\"overflow-x-auto\">\n      <Table>\n        {data.caption && <TableCaption>{data.caption}</TableCaption>}\n        <TableHeader>\n          <TableRow>\n            {columns.map((col) => {\n              const isSorted = sortKey === col.key\n              const ariaSort = data.sortable\n                ? isSorted\n                  ? sortDir === 'asc'\n                    ? ('ascending' as const)\n                    : ('descending' as const)\n                  : ('none' as const)\n                : undefined\n\n              return (\n                <TableHead\n                  key={col.key}\n                  role=\"columnheader\"\n                  className={cn(\n                    col.variant === 'number' && 'text-right',\n                    data.sortable && 'cursor-pointer select-none',\n                  )}\n                  tabIndex={data.sortable ? 0 : undefined}\n                  onClick={\n                    data.sortable\n                      ? () => handleHeaderClick(col.key)\n                      : undefined\n                  }\n                  onKeyDown={\n                    data.sortable\n                      ? (e: React.KeyboardEvent) => {\n                          if (e.key === 'Enter' || e.key === ' ') {\n                            e.preventDefault()\n                            handleHeaderClick(col.key)\n                          }\n                        }\n                      : undefined\n                  }\n                  aria-sort={ariaSort}\n                >\n                  <span className=\"inline-flex items-center gap-1\">\n                    {col.label}\n                    {isSorted && sortDir === 'asc' && (\n                      <span aria-hidden=\"true\">&#9650;</span>\n                    )}\n                    {isSorted && sortDir === 'desc' && (\n                      <span aria-hidden=\"true\">&#9660;</span>\n                    )}\n                  </span>\n                </TableHead>\n              )\n            })}\n          </TableRow>\n        </TableHeader>\n        <TableBody>\n          {sortedRows.map((row, rowIndex) => {\n            const rowKey =\n              typeof row.id === 'string' || typeof row.id === 'number'\n                ? String(row.id)\n                : `row-${rowIndex}`\n\n            const RowWrapper = reducedMotion ? 'tr' : motion.tr\n\n            const motionProps = reducedMotion\n              ? {}\n              : {\n                  initial: { opacity: 0, y: 6 } as const,\n                  animate: { opacity: 1, y: 0 } as const,\n                  transition: { ...springs.responsive, delay: rowIndex * 0.03 },\n                }\n\n            return (\n              <RowWrapper\n                key={rowKey}\n                className=\"hover:bg-surface-raised-hover transition-colors\"\n                {...motionProps}\n              >\n                {columns.map((col) => (\n                  <TableCell\n                    key={col.key}\n                    className={cn(\n                      'text-ds-sm py-ds-02b px-ds-04',\n                      col.variant === 'number' &&\n                        'text-right tabular-nums font-medium',\n                    )}\n                  >\n                    {renderCellValue(row[col.key], col)}\n                  </TableCell>\n                ))}\n              </RowWrapper>\n            )\n          })}\n        </TableBody>\n      </Table>\n    </BlockShell>\n  )\n})\n\nBlockTable.displayName = 'BlockTable'\n\nexport { BlockTable }\n","'use client'\n\nimport * as React from 'react'\n\nimport { Button } from '../../ui/button'\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from '../../ui/collapsible'\nimport type { BlockComponentProps, ConfirmBlockData } from '../types'\nimport { BlockShell } from './block-shell'\n\nconst ConfirmBlock = React.memo(function ConfirmBlock({\n  data,\n  confidence,\n  onAction,\n}: BlockComponentProps<ConfirmBlockData>) {\n  const handleConfirm = React.useCallback(() => {\n    onAction?.(data.actionId, 'confirm')\n  }, [data.actionId, onAction])\n\n  const handleCancel = React.useCallback(() => {\n    onAction?.(data.actionId, 'cancel')\n  }, [data.actionId, onAction])\n\n  return (\n    <BlockShell confidence={confidence}>\n      {data.description && (\n        <p className=\"text-ds-sm text-surface-fg-muted mb-3\">\n          {data.description}\n        </p>\n      )}\n\n      <div className=\"flex items-center gap-3\">\n        <Button\n          variant=\"solid\"\n          color={data.destructive ? 'error' : undefined}\n          onClick={handleConfirm}\n        >\n          {data.label}\n        </Button>\n        <Button variant=\"ghost\" onClick={handleCancel}>\n          Cancel\n        </Button>\n      </div>\n\n      {data.rationale && (\n        <Collapsible className=\"mt-3\">\n          <CollapsibleTrigger asChild>\n            <button\n              type=\"button\"\n              className=\"text-ds-xs text-surface-fg-subtle underline cursor-pointer\"\n            >\n              Why this action?\n            </button>\n          </CollapsibleTrigger>\n          <CollapsibleContent>\n            <p className=\"text-ds-sm text-surface-fg-muted mt-2 p-3 bg-surface-raised rounded-surface\">\n              {data.rationale}\n            </p>\n          </CollapsibleContent>\n        </Collapsible>\n      )}\n    </BlockShell>\n  )\n})\n\nConfirmBlock.displayName = 'ConfirmBlock'\n\nexport { ConfirmBlock }\n","'use client'\n\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { useMotion } from '../../motion/motion-provider'\nimport { tweens } from '../../ui/lib/motion'\nimport { Separator } from '../../ui/separator'\nimport type { BlockComponentProps } from '../types'\n\nconst DividerBlock = React.memo(function DividerBlock(\n  _props: BlockComponentProps<Record<string, never>>,\n) {\n  const { reducedMotion } = useMotion()\n\n  if (reducedMotion) {\n    return <Separator />\n  }\n\n  return (\n    <motion.div\n      initial={{ scaleX: 0 }}\n      animate={{ scaleX: 1 }}\n      style={{ originX: 0.5 }}\n      transition={tweens.elegant}\n    >\n      <Separator />\n    </motion.div>\n  )\n})\n\nDividerBlock.displayName = 'DividerBlock'\n\nexport { DividerBlock }\n","'use client'\n\nimport * as React from 'react'\n\nimport { Alert } from '../../ui/alert'\nimport type { BlockComponentProps } from '../types'\n\nconst InfoBlock = React.memo(function InfoBlock({\n  data,\n}: BlockComponentProps<{ message: string }>) {\n  return (\n    <Alert color=\"info\" variant=\"subtle\" role=\"status\">\n      {data.message}\n    </Alert>\n  )\n})\n\nInfoBlock.displayName = 'InfoBlock'\n\nexport { InfoBlock }\n","'use client'\n\nimport {\n  IconCircle,\n  IconCircleCheck,\n  IconCircleX,\n} from '@tabler/icons-react'\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { useMotion } from '../../motion/motion-provider'\nimport { Icon } from '../../ui/icon'\nimport { durations } from '../../ui/lib/motion'\nimport { cn } from '../../ui/lib/utils'\nimport { Skeleton } from '../../ui/skeleton'\nimport type { BlockComponentProps, LoadingBlockData, ProcessingStep } from '../types'\n\n/** Spinning indicator for active steps */\nfunction StepSpinner() {\n  return (\n    <motion.span\n      className=\"inline-block h-4 w-4 rounded-pill border-2 border-current border-t-transparent text-accent-9\"\n      animate={{ rotate: 360 }}\n      transition={{ repeat: Infinity, duration: 1, ease: 'linear' }}\n      aria-hidden=\"true\"\n      data-testid=\"step-spinner\"\n    />\n  )\n}\n\n/** Icon for a processing step based on its status */\nfunction StepIcon({ status }: { status: ProcessingStep['status'] }) {\n  switch (status) {\n    case 'done':\n      return (\n        <span data-testid=\"step-icon-done\">\n          <Icon icon={IconCircleCheck} size=\"sm\" className=\"text-success-11\" />\n        </span>\n      )\n    case 'active':\n      return <StepSpinner />\n    case 'error':\n      return (\n        <span data-testid=\"step-icon-error\">\n          <Icon icon={IconCircleX} size=\"sm\" className=\"text-error-11\" />\n        </span>\n      )\n    case 'pending':\n    default:\n      return (\n        <span data-testid=\"step-icon-pending\">\n          <Icon icon={IconCircle} size=\"sm\" className=\"text-surface-fg-subtle opacity-50\" />\n        </span>\n      )\n  }\n}\n\nconst LoadingBlock = React.memo(function LoadingBlock({\n  data,\n}: BlockComponentProps<LoadingBlockData>) {\n  const { reducedMotion } = useMotion()\n  const isReduced = reducedMotion\n\n  // Mode A: Skeleton lines\n  if (data.lines != null) {\n    const lineCount = Math.max(1, data.lines)\n    return (\n      <div\n        role=\"status\"\n        aria-busy=\"true\"\n        aria-label=\"Loading\"\n        className=\"flex flex-col gap-2\"\n      >\n        {Array.from({ length: lineCount }).map((_, i) => (\n          <Skeleton\n            key={i}\n            animation=\"shimmer\"\n            className={cn(\n              'h-4',\n              i === lineCount - 1 ? 'w-3/5' : 'w-full',\n            )}\n          />\n        ))}\n        <span className=\"sr-only\">Loading</span>\n      </div>\n    )\n  }\n\n  // Mode B: Processing steps\n  if (data.steps) {\n    return (\n      <div\n        role=\"status\"\n        aria-busy=\"true\"\n        aria-label=\"Processing\"\n        className=\"flex flex-col gap-2\"\n      >\n        {data.steps.map((step, index) => (\n          <motion.div\n            key={step.id}\n            className=\"flex items-center gap-2\"\n            initial={isReduced ? undefined : { opacity: 0, x: -8 }}\n            animate={{ opacity: 1, x: 0 }}\n            transition={\n              isReduced\n                ? { duration: 0 }\n                : { duration: durations.moderate01b, delay: index * 0.06 }\n            }\n          >\n            <StepIcon status={step.status} />\n            <span\n              className={cn(\n                'text-ds-sm',\n                step.status === 'done' || step.status === 'active'\n                  ? 'text-surface-fg'\n                  : 'text-surface-fg-subtle',\n              )}\n            >\n              {step.label}\n            </span>\n          </motion.div>\n        ))}\n        <span className=\"sr-only\">Processing</span>\n      </div>\n    )\n  }\n\n  // Fallback: empty status container\n  return (\n    <div role=\"status\" aria-busy=\"true\" aria-label=\"Loading\">\n      <span className=\"sr-only\">Loading</span>\n    </div>\n  )\n})\n\nLoadingBlock.displayName = 'LoadingBlock'\n\nexport { LoadingBlock }\n","'use client'\n\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { useMotion } from '../../motion/motion-provider'\nimport { springs } from '../../ui/lib/motion'\nimport { StatCard } from '../../ui/stat-card'\nimport type { BlockComponentProps, StatRowBlockData } from '../types'\n\nconst StatRowBlock = React.memo(function StatRowBlock({\n  data,\n}: BlockComponentProps<StatRowBlockData>) {\n  const { reducedMotion } = useMotion()\n  const stats = data.stats ?? []\n\n  if (stats.length === 0) return null\n\n  return (\n    <div className=\"flex flex-wrap gap-ds-05\">\n      {stats.map((stat, index) => {\n        const delta = stat.change\n          ? {\n              value: stat.change.value,\n              direction: stat.change.direction,\n            }\n          : undefined\n\n        if (reducedMotion) {\n          return (\n            <div key={stat.label} className=\"flex-1 min-w-[140px]\">\n              <StatCard\n                label={stat.label}\n                value={stat.value}\n                delta={delta}\n              />\n            </div>\n          )\n        }\n\n        return (\n          <motion.div\n            key={stat.label}\n            className=\"flex-1 min-w-[140px]\"\n            initial={{ y: 8 }}\n            animate={{ opacity: 1, y: 0 }}\n            transition={{ ...springs.responsive, delay: index * 0.08 }}\n          >\n            <StatCard\n              label={stat.label}\n              value={stat.value}\n              delta={delta}\n            />\n          </motion.div>\n        )\n      })}\n    </div>\n  )\n})\n\nStatRowBlock.displayName = 'StatRowBlock'\n\nexport { StatRowBlock }\n","'use client'\n\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { useMotion } from '../../motion/motion-provider'\nimport { Alert } from '../../ui/alert'\nimport { Button } from '../../ui/button'\nimport type { BlockComponentProps, SuccessBlockData } from '../types'\nimport { BlockShell } from './block-shell'\n\nconst DEFAULT_UNDO_TIMEOUT = 5000\n\nconst SuccessBlock = React.memo(function SuccessBlock({\n  data,\n  blockId,\n  confidence,\n  onAction,\n}: BlockComponentProps<SuccessBlockData>) {\n  const { reducedMotion } = useMotion()\n  const isReduced = reducedMotion\n  const undoTimeout = data.undoTimeout ?? DEFAULT_UNDO_TIMEOUT\n  const [remaining, setRemaining] = React.useState(undoTimeout)\n  const [showUndo, setShowUndo] = React.useState(!!data.undoable)\n\n  React.useEffect(() => {\n    if (!data.undoable) return\n\n    const interval = setInterval(() => {\n      setRemaining((prev) => {\n        const next = prev - 100\n        if (next <= 0) {\n          clearInterval(interval)\n          setShowUndo(false)\n          return 0\n        }\n        return next\n      })\n    }, 100)\n\n    return () => clearInterval(interval)\n  }, [data.undoable, undoTimeout])\n\n  const handleUndo = React.useCallback(() => {\n    onAction?.(blockId || 'unknown', 'undo')\n  }, [blockId, onAction])\n\n  const remainingSeconds = Math.ceil(remaining / 1000)\n\n  // Countdown ring dimensions\n  const ringSize = 20\n  const ringStroke = 2\n  const ringRadius = (ringSize - ringStroke) / 2\n  const ringCircumference = 2 * Math.PI * ringRadius\n\n  return (\n    <BlockShell confidence={confidence}>\n      <Alert\n        color=\"success\"\n        variant=\"subtle\"\n        title={data.title}\n      >\n        {data.message}\n      </Alert>\n\n      {showUndo && data.undoable && (\n        <div className=\"mt-2 flex items-center gap-2\">\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={handleUndo}\n            aria-label={`Undo action, ${remainingSeconds} seconds remaining`}\n          >\n            <span className=\"flex items-center gap-1.5\">\n              <svg\n                width={ringSize}\n                height={ringSize}\n                viewBox={`0 0 ${ringSize} ${ringSize}`}\n                className=\"shrink-0 -rotate-90\"\n                aria-hidden=\"true\"\n              >\n                <circle\n                  cx={ringSize / 2}\n                  cy={ringSize / 2}\n                  r={ringRadius}\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  strokeWidth={ringStroke}\n                  opacity={0.2}\n                />\n                <motion.circle\n                  cx={ringSize / 2}\n                  cy={ringSize / 2}\n                  r={ringRadius}\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  strokeWidth={ringStroke}\n                  strokeDasharray={ringCircumference}\n                  initial={isReduced ? undefined : { strokeDashoffset: 0 }}\n                  animate={{\n                    strokeDashoffset: ringCircumference,\n                  }}\n                  transition={\n                    isReduced\n                      ? { duration: 0 }\n                      : {\n                          duration: undoTimeout / 1000,\n                          ease: 'linear',\n                        }\n                  }\n                />\n              </svg>\n              Undo\n            </span>\n          </Button>\n        </div>\n      )}\n\n    </BlockShell>\n  )\n})\n\nSuccessBlock.displayName = 'SuccessBlock'\n\nexport { SuccessBlock }\n"],"mappings":"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"}
+{"version":3,"file":"success.js","names":[],"sources":["../../src/ai/blocks/block-table.tsx","../../src/ai/blocks/confirm.tsx","../../src/ai/blocks/divider.tsx","../../src/ai/blocks/info.tsx","../../src/ai/blocks/loading.tsx","../../src/ai/blocks/stat-row.tsx","../../src/ai/blocks/success.tsx"],"sourcesContent":["'use client'\n\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { useMotion } from '../../motion/motion-provider'\nimport { Badge } from '../../ui/badge'\nimport { springs } from '../../ui/lib/motion'\nimport { cn } from '../../ui/lib/utils'\nimport {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '../../ui/table'\nimport type { BlockComponentProps, BlockTableColumn,BlockTableData } from '../types'\nimport { BlockShell } from './block-shell'\n\ntype SortDir = 'asc' | 'desc' | null\n\nfunction renderCellValue(value: unknown, column: BlockTableColumn) {\n  if (column.variant === 'badge') {\n    if (value && typeof value === 'object' && 'label' in value) {\n      const badgeObj = value as { label: string; color: string }\n      return (\n        <Badge variant=\"subtle\" size=\"sm\" color={badgeObj.color as 'default'}>\n          {badgeObj.label}\n        </Badge>\n      )\n    }\n    return (\n      <Badge variant=\"subtle\" size=\"sm\">\n        {String(value ?? '')}\n      </Badge>\n    )\n  }\n\n  return String(value ?? '')\n}\n\nfunction sortRows(\n  rows: Record<string, unknown>[],\n  sortKey: string | null,\n  sortDir: SortDir,\n): Record<string, unknown>[] {\n  if (!sortKey || !sortDir) return rows\n  return [...rows].sort((a, b) => {\n    const aVal = a[sortKey]\n    const bVal = b[sortKey]\n    const aStr = String(aVal ?? '')\n    const bStr = String(bVal ?? '')\n    const aNum = Number(aVal)\n    const bNum = Number(bVal)\n\n    // If both are numeric, sort numerically\n    if (!Number.isNaN(aNum) && !Number.isNaN(bNum)) {\n      return sortDir === 'asc' ? aNum - bNum : bNum - aNum\n    }\n\n    // Otherwise sort lexicographically\n    const cmp = aStr.localeCompare(bStr)\n    return sortDir === 'asc' ? cmp : -cmp\n  })\n}\n\nconst BlockTable = React.memo(function BlockTable({\n  data,\n  confidence,\n}: BlockComponentProps<BlockTableData>) {\n  const { reducedMotion } = useMotion()\n  const [sortKey, setSortKey] = React.useState<string | null>(null)\n  const [sortDir, setSortDir] = React.useState<SortDir>(null)\n\n  const handleHeaderClick = React.useCallback(\n    (key: string) => {\n      if (!data.sortable) return\n      if (sortKey !== key) {\n        setSortKey(key)\n        setSortDir('asc')\n      } else if (sortDir === 'asc') {\n        setSortDir('desc')\n      } else if (sortDir === 'desc') {\n        setSortKey(null)\n        setSortDir(null)\n      }\n    },\n    [data.sortable, sortKey, sortDir],\n  )\n\n  const columns = data.columns ?? []\n  const sortedRows = sortRows(data.rows ?? [], sortKey, sortDir)\n\n  return (\n    <BlockShell confidence={confidence} className=\"overflow-x-auto\">\n      <Table>\n        {data.caption && <TableCaption>{data.caption}</TableCaption>}\n        <TableHeader>\n          <TableRow>\n            {columns.map((col) => {\n              const isSorted = sortKey === col.key\n              const ariaSort = data.sortable\n                ? isSorted\n                  ? sortDir === 'asc'\n                    ? ('ascending' as const)\n                    : ('descending' as const)\n                  : ('none' as const)\n                : undefined\n\n              return (\n                <TableHead\n                  key={col.key}\n                  role=\"columnheader\"\n                  className={cn(\n                    col.variant === 'number' && 'text-right',\n                    data.sortable && 'cursor-pointer select-none',\n                  )}\n                  tabIndex={data.sortable ? 0 : undefined}\n                  onClick={\n                    data.sortable\n                      ? () => handleHeaderClick(col.key)\n                      : undefined\n                  }\n                  onKeyDown={\n                    data.sortable\n                      ? (e: React.KeyboardEvent) => {\n                          if (e.key === 'Enter' || e.key === ' ') {\n                            e.preventDefault()\n                            handleHeaderClick(col.key)\n                          }\n                        }\n                      : undefined\n                  }\n                  aria-sort={ariaSort}\n                >\n                  <span className=\"inline-flex items-center gap-1\">\n                    {col.label}\n                    {isSorted && sortDir === 'asc' && (\n                      <span aria-hidden=\"true\">&#9650;</span>\n                    )}\n                    {isSorted && sortDir === 'desc' && (\n                      <span aria-hidden=\"true\">&#9660;</span>\n                    )}\n                  </span>\n                </TableHead>\n              )\n            })}\n          </TableRow>\n        </TableHeader>\n        <TableBody>\n          {sortedRows.map((row, rowIndex) => {\n            const rowKey =\n              typeof row.id === 'string' || typeof row.id === 'number'\n                ? String(row.id)\n                : `row-${rowIndex}`\n\n            const RowWrapper = reducedMotion ? 'tr' : motion.tr\n\n            const motionProps = reducedMotion\n              ? {}\n              : {\n                  initial: { opacity: 0, y: 6 } as const,\n                  animate: { opacity: 1, y: 0 } as const,\n                  transition: { ...springs.responsive, delay: rowIndex * 0.03 },\n                }\n\n            return (\n              <RowWrapper\n                key={rowKey}\n                className=\"hover:bg-surface-raised-hover transition-colors\"\n                {...motionProps}\n              >\n                {columns.map((col) => (\n                  <TableCell\n                    key={col.key}\n                    className={cn(\n                      'text-ds-sm py-ds-02b px-ds-04',\n                      col.variant === 'number' &&\n                        'text-right tabular-nums font-medium',\n                    )}\n                  >\n                    {renderCellValue(row[col.key], col)}\n                  </TableCell>\n                ))}\n              </RowWrapper>\n            )\n          })}\n        </TableBody>\n      </Table>\n    </BlockShell>\n  )\n})\n\nBlockTable.displayName = 'BlockTable'\n\nexport { BlockTable }\n","'use client'\n\nimport * as React from 'react'\n\nimport { Button } from '../../ui/button'\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from '../../ui/collapsible'\nimport type { BlockComponentProps, ConfirmBlockData } from '../types'\nimport { BlockShell } from './block-shell'\n\nconst ConfirmBlock = React.memo(function ConfirmBlock({\n  data,\n  confidence,\n  onAction,\n}: BlockComponentProps<ConfirmBlockData>) {\n  const handleConfirm = React.useCallback(() => {\n    onAction?.(data.actionId, 'confirm')\n  }, [data.actionId, onAction])\n\n  const handleCancel = React.useCallback(() => {\n    onAction?.(data.actionId, 'cancel')\n  }, [data.actionId, onAction])\n\n  return (\n    <BlockShell confidence={confidence}>\n      {data.description && (\n        <p className=\"text-ds-sm text-surface-fg-muted mb-3\">\n          {data.description}\n        </p>\n      )}\n\n      <div className=\"flex items-center gap-3\">\n        <Button\n          variant=\"solid\"\n          color={data.destructive ? 'error' : undefined}\n          onClick={handleConfirm}\n        >\n          {data.label}\n        </Button>\n        <Button variant=\"ghost\" onClick={handleCancel}>\n          Cancel\n        </Button>\n      </div>\n\n      {data.rationale && (\n        <Collapsible className=\"mt-3\">\n          <CollapsibleTrigger asChild>\n            <button\n              type=\"button\"\n              className=\"text-ds-xs text-surface-fg-subtle underline cursor-pointer\"\n            >\n              Why this action?\n            </button>\n          </CollapsibleTrigger>\n          <CollapsibleContent>\n            <p className=\"text-ds-sm text-surface-fg-muted mt-2 p-3 bg-surface-raised rounded-surface\">\n              {data.rationale}\n            </p>\n          </CollapsibleContent>\n        </Collapsible>\n      )}\n    </BlockShell>\n  )\n})\n\nConfirmBlock.displayName = 'ConfirmBlock'\n\nexport { ConfirmBlock }\n","'use client'\n\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { useMotion } from '../../motion/motion-provider'\nimport { tweens } from '../../ui/lib/motion'\nimport { Separator } from '../../ui/separator'\nimport type { BlockComponentProps } from '../types'\n\nconst DividerBlock = React.memo(function DividerBlock(\n  _props: BlockComponentProps<Record<string, never>>,\n) {\n  const { reducedMotion } = useMotion()\n\n  if (reducedMotion) {\n    return <Separator />\n  }\n\n  return (\n    <motion.div\n      initial={{ scaleX: 0 }}\n      animate={{ scaleX: 1 }}\n      style={{ originX: 0.5 }}\n      transition={tweens.elegant}\n    >\n      <Separator />\n    </motion.div>\n  )\n})\n\nDividerBlock.displayName = 'DividerBlock'\n\nexport { DividerBlock }\n","'use client'\n\nimport * as React from 'react'\n\nimport { Alert } from '../../ui/alert'\nimport type { BlockComponentProps } from '../types'\n\nconst InfoBlock = React.memo(function InfoBlock({\n  data,\n}: BlockComponentProps<{ message: string }>) {\n  return (\n    <Alert color=\"info\" variant=\"subtle\" role=\"status\">\n      {data.message}\n    </Alert>\n  )\n})\n\nInfoBlock.displayName = 'InfoBlock'\n\nexport { InfoBlock }\n","'use client'\n\nimport {\n  IconCircle,\n  IconCircleCheck,\n  IconCircleX,\n} from '@tabler/icons-react'\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { useMotion } from '../../motion/motion-provider'\nimport { Icon } from '../../ui/icon'\nimport { durations } from '../../ui/lib/motion'\nimport { cn } from '../../ui/lib/utils'\nimport { Skeleton } from '../../ui/skeleton'\nimport type { BlockComponentProps, LoadingBlockData, ProcessingStep } from '../types'\n\n/** Spinning indicator for active steps */\nfunction StepSpinner() {\n  return (\n    <motion.span\n      className=\"inline-block h-4 w-4 rounded-pill border-2 border-current border-t-transparent text-accent-9\"\n      animate={{ rotate: 360 }}\n      transition={{ repeat: Infinity, duration: 1, ease: 'linear' }}\n      aria-hidden=\"true\"\n      data-testid=\"step-spinner\"\n    />\n  )\n}\n\n/** Icon for a processing step based on its status */\nfunction StepIcon({ status }: { status: ProcessingStep['status'] }) {\n  switch (status) {\n    case 'done':\n      return (\n        <span data-testid=\"step-icon-done\">\n          <Icon icon={IconCircleCheck} size=\"sm\" className=\"text-success-11\" />\n        </span>\n      )\n    case 'active':\n      return <StepSpinner />\n    case 'error':\n      return (\n        <span data-testid=\"step-icon-error\">\n          <Icon icon={IconCircleX} size=\"sm\" className=\"text-error-11\" />\n        </span>\n      )\n    case 'pending':\n    default:\n      return (\n        <span data-testid=\"step-icon-pending\">\n          <Icon icon={IconCircle} size=\"sm\" className=\"text-surface-fg-subtle opacity-50\" />\n        </span>\n      )\n  }\n}\n\nconst LoadingBlock = React.memo(function LoadingBlock({\n  data,\n}: BlockComponentProps<LoadingBlockData>) {\n  const { reducedMotion } = useMotion()\n  const isReduced = reducedMotion\n\n  // Mode A: Skeleton lines\n  if (data.lines != null) {\n    const lineCount = Math.max(1, data.lines)\n    return (\n      <div\n        role=\"status\"\n        aria-busy=\"true\"\n        aria-label=\"Loading\"\n        className=\"flex flex-col gap-2\"\n      >\n        {Array.from({ length: lineCount }).map((_, i) => (\n          <Skeleton\n            key={i}\n            animation=\"shimmer\"\n            className={cn(\n              'h-4',\n              i === lineCount - 1 ? 'w-3/5' : 'w-full',\n            )}\n          />\n        ))}\n        <span className=\"sr-only\">Loading</span>\n      </div>\n    )\n  }\n\n  // Mode B: Processing steps\n  if (data.steps) {\n    return (\n      <div\n        role=\"status\"\n        aria-busy=\"true\"\n        aria-label=\"Processing\"\n        className=\"flex flex-col gap-2\"\n      >\n        {data.steps.map((step, index) => (\n          <motion.div\n            key={step.id}\n            className=\"flex items-center gap-2\"\n            initial={isReduced ? undefined : { opacity: 0, x: -8 }}\n            animate={{ opacity: 1, x: 0 }}\n            transition={\n              isReduced\n                ? { duration: 0 }\n                : { duration: durations.moderate01b, delay: index * 0.06 }\n            }\n          >\n            <StepIcon status={step.status} />\n            <span\n              className={cn(\n                'text-ds-sm',\n                step.status === 'done' || step.status === 'active'\n                  ? 'text-surface-fg'\n                  : 'text-surface-fg-subtle',\n              )}\n            >\n              {step.label}\n            </span>\n          </motion.div>\n        ))}\n        <span className=\"sr-only\">Processing</span>\n      </div>\n    )\n  }\n\n  // Fallback: empty status container\n  return (\n    <div role=\"status\" aria-busy=\"true\" aria-label=\"Loading\">\n      <span className=\"sr-only\">Loading</span>\n    </div>\n  )\n})\n\nLoadingBlock.displayName = 'LoadingBlock'\n\nexport { LoadingBlock }\n","'use client'\n\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { useMotion } from '../../motion/motion-provider'\nimport { springs } from '../../ui/lib/motion'\nimport { StatCard } from '../../ui/stat-card'\nimport type { BlockComponentProps, StatRowBlockData } from '../types'\n\nconst StatRowBlock = React.memo(function StatRowBlock({\n  data,\n}: BlockComponentProps<StatRowBlockData>) {\n  const { reducedMotion } = useMotion()\n  const stats = data.stats ?? []\n\n  if (stats.length === 0) return null\n\n  return (\n    <div className=\"flex flex-wrap gap-ds-05\">\n      {stats.map((stat, index) => {\n        const delta = stat.change\n          ? {\n              value: stat.change.value,\n              direction: stat.change.direction,\n            }\n          : undefined\n\n        if (reducedMotion) {\n          return (\n            <div key={stat.label} className=\"flex-1 min-w-[140px]\">\n              <StatCard\n                label={stat.label}\n                value={stat.value}\n                delta={delta}\n              />\n            </div>\n          )\n        }\n\n        return (\n          <motion.div\n            key={stat.label}\n            className=\"flex-1 min-w-[140px]\"\n            initial={{ y: 8 }}\n            animate={{ opacity: 1, y: 0 }}\n            transition={{ ...springs.responsive, delay: index * 0.08 }}\n          >\n            <StatCard\n              label={stat.label}\n              value={stat.value}\n              delta={delta}\n            />\n          </motion.div>\n        )\n      })}\n    </div>\n  )\n})\n\nStatRowBlock.displayName = 'StatRowBlock'\n\nexport { StatRowBlock }\n","'use client'\n\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { useMotion } from '../../motion/motion-provider'\nimport { Alert } from '../../ui/alert'\nimport { Button } from '../../ui/button'\nimport type { BlockComponentProps, SuccessBlockData } from '../types'\nimport { BlockShell } from './block-shell'\n\nconst DEFAULT_UNDO_TIMEOUT = 5000\n\nconst SuccessBlock = React.memo(function SuccessBlock({\n  data,\n  blockId,\n  confidence,\n  onAction,\n}: BlockComponentProps<SuccessBlockData>) {\n  const { reducedMotion } = useMotion()\n  const isReduced = reducedMotion\n  const undoTimeout = data.undoTimeout ?? DEFAULT_UNDO_TIMEOUT\n  const [remaining, setRemaining] = React.useState(undoTimeout)\n  const [showUndo, setShowUndo] = React.useState(!!data.undoable)\n\n  React.useEffect(() => {\n    if (!data.undoable) return\n\n    const interval = setInterval(() => {\n      setRemaining((prev) => {\n        const next = prev - 100\n        if (next <= 0) {\n          clearInterval(interval)\n          setShowUndo(false)\n          return 0\n        }\n        return next\n      })\n    }, 100)\n\n    return () => clearInterval(interval)\n  }, [data.undoable, undoTimeout])\n\n  const handleUndo = React.useCallback(() => {\n    onAction?.(blockId || 'unknown', 'undo')\n  }, [blockId, onAction])\n\n  const remainingSeconds = Math.ceil(remaining / 1000)\n\n  // Countdown ring dimensions\n  const ringSize = 20\n  const ringStroke = 2\n  const ringRadius = (ringSize - ringStroke) / 2\n  const ringCircumference = 2 * Math.PI * ringRadius\n\n  return (\n    <BlockShell confidence={confidence}>\n      <Alert\n        color=\"success\"\n        variant=\"subtle\"\n        title={data.title}\n      >\n        {data.message}\n      </Alert>\n\n      {showUndo && data.undoable && (\n        <div className=\"mt-2 flex items-center gap-2\">\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={handleUndo}\n            aria-label={`Undo action, ${remainingSeconds} seconds remaining`}\n          >\n            <span className=\"flex items-center gap-1.5\">\n              <svg\n                width={ringSize}\n                height={ringSize}\n                viewBox={`0 0 ${ringSize} ${ringSize}`}\n                className=\"shrink-0 -rotate-90\"\n                aria-hidden=\"true\"\n              >\n                <circle\n                  cx={ringSize / 2}\n                  cy={ringSize / 2}\n                  r={ringRadius}\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  strokeWidth={ringStroke}\n                  opacity={0.2}\n                />\n                <motion.circle\n                  cx={ringSize / 2}\n                  cy={ringSize / 2}\n                  r={ringRadius}\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  strokeWidth={ringStroke}\n                  strokeDasharray={ringCircumference}\n                  initial={isReduced ? undefined : { strokeDashoffset: 0 }}\n                  animate={{\n                    strokeDashoffset: ringCircumference,\n                  }}\n                  transition={\n                    isReduced\n                      ? { duration: 0 }\n                      : {\n                          duration: undoTimeout / 1000,\n                          ease: 'linear',\n                        }\n                  }\n                />\n              </svg>\n              Undo\n            </span>\n          </Button>\n        </div>\n      )}\n\n    </BlockShell>\n  )\n})\n\nSuccessBlock.displayName = 'SuccessBlock'\n\nexport { SuccessBlock }\n"],"mappings":"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"}