@devalok/shilp-sutra 0.49.4 → 0.50.0

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-body-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-body-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-caption text-surface-fg-subtle underline cursor-pointer\"\n            >\n              Why this action?\n            </button>\n          </CollapsibleTrigger>\n          <CollapsibleContent>\n            <p className=\"text-body-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-body-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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"}