diff --git a/public/r/data-grid.json b/public/r/data-grid.json
index e7aa49f4..9910fd16 100644
--- a/public/r/data-grid.json
+++ b/public/r/data-grid.json
@@ -123,7 +123,7 @@
     },
     {
       "path": "src/lib/data-grid.ts",
-      "content": "import type { Column, Table } from \"@tanstack/react-table\";\nimport {\n  BaselineIcon,\n  CalendarIcon,\n  CheckSquareIcon,\n  File,\n  FileArchive,\n  FileAudio,\n  FileIcon,\n  FileImage,\n  FileSpreadsheet,\n  FileText,\n  FileVideo,\n  HashIcon,\n  LinkIcon,\n  ListChecksIcon,\n  ListIcon,\n  Presentation,\n  TextInitialIcon,\n} from \"lucide-react\";\nimport type * as React from \"react\";\nimport type {\n  CellOpts,\n  CellPosition,\n  Direction,\n  FileCellData,\n  RowHeightValue,\n} from \"@/types/data-grid\";\n\nexport function flexRender<TProps extends object>(\n  Comp: ((props: TProps) => React.ReactNode) | string | undefined,\n  props: TProps,\n): React.ReactNode {\n  if (typeof Comp === \"string\") {\n    return Comp;\n  }\n  return Comp?.(props);\n}\n\nexport function getIsFileCellData(item: unknown): item is FileCellData {\n  return (\n    !!item &&\n    typeof item === \"object\" &&\n    \"id\" in item &&\n    \"name\" in item &&\n    \"size\" in item &&\n    \"type\" in item\n  );\n}\n\nexport function matchSelectOption(\n  value: string,\n  options: { value: string; label: string }[],\n): string | undefined {\n  return options.find(\n    (o) =>\n      o.value === value ||\n      o.value.toLowerCase() === value.toLowerCase() ||\n      o.label.toLowerCase() === value.toLowerCase(),\n  )?.value;\n}\n\nexport function getCellKey(rowIndex: number, columnId: string) {\n  return `${rowIndex}:${columnId}`;\n}\n\nexport function parseCellKey(cellKey: string): Required<CellPosition> {\n  const parts = cellKey.split(\":\");\n  const rowIndexStr = parts[0];\n  const columnId = parts[1];\n  if (rowIndexStr && columnId) {\n    const rowIndex = parseInt(rowIndexStr, 10);\n    if (!Number.isNaN(rowIndex)) {\n      return { rowIndex, columnId };\n    }\n  }\n  return { rowIndex: 0, columnId: \"\" };\n}\n\nexport function getRowHeightValue(rowHeight: RowHeightValue): number {\n  const rowHeightMap: Record<RowHeightValue, number> = {\n    short: 36,\n    medium: 56,\n    tall: 76,\n    \"extra-tall\": 96,\n  };\n\n  return rowHeightMap[rowHeight];\n}\n\nexport function getLineCount(rowHeight: RowHeightValue): number {\n  const lineCountMap: Record<RowHeightValue, number> = {\n    short: 1,\n    medium: 2,\n    tall: 3,\n    \"extra-tall\": 4,\n  };\n\n  return lineCountMap[rowHeight];\n}\n\nexport function getColumnBorderVisibility<TData>(params: {\n  column: Column<TData>;\n  nextColumn?: Column<TData>;\n  isLastColumn: boolean;\n}): {\n  showEndBorder: boolean;\n  showStartBorder: boolean;\n} {\n  const { column, nextColumn, isLastColumn } = params;\n\n  const isPinned = column.getIsPinned();\n  const isFirstRightPinnedColumn =\n    isPinned === \"right\" && column.getIsFirstColumn(\"right\");\n  const isLastRightPinnedColumn =\n    isPinned === \"right\" && column.getIsLastColumn(\"right\");\n\n  const nextIsPinned = nextColumn?.getIsPinned();\n  const isBeforeRightPinned =\n    nextIsPinned === \"right\" && nextColumn?.getIsFirstColumn(\"right\");\n\n  const showEndBorder =\n    !isBeforeRightPinned && (isLastColumn || !isLastRightPinnedColumn);\n\n  const showStartBorder = isFirstRightPinnedColumn;\n\n  return {\n    showEndBorder,\n    showStartBorder,\n  };\n}\n\nexport function getColumnPinningStyle<TData>(params: {\n  column: Column<TData>;\n  withBorder?: boolean;\n  dir?: Direction;\n}): React.CSSProperties {\n  const { column, dir = \"ltr\", withBorder = false } = params;\n\n  const isPinned = column.getIsPinned();\n  const isLastLeftPinnedColumn =\n    isPinned === \"left\" && column.getIsLastColumn(\"left\");\n  const isFirstRightPinnedColumn =\n    isPinned === \"right\" && column.getIsFirstColumn(\"right\");\n\n  const isRtl = dir === \"rtl\";\n\n  const leftPosition =\n    isPinned === \"left\" ? `${column.getStart(\"left\")}px` : undefined;\n  const rightPosition =\n    isPinned === \"right\" ? `${column.getAfter(\"right\")}px` : undefined;\n\n  return {\n    boxShadow: withBorder\n      ? isLastLeftPinnedColumn\n        ? isRtl\n          ? \"4px 0 4px -4px var(--border) inset\"\n          : \"-4px 0 4px -4px var(--border) inset\"\n        : isFirstRightPinnedColumn\n          ? isRtl\n            ? \"-4px 0 4px -4px var(--border) inset\"\n            : \"4px 0 4px -4px var(--border) inset\"\n          : undefined\n      : undefined,\n    left: isRtl ? rightPosition : leftPosition,\n    right: isRtl ? leftPosition : rightPosition,\n    opacity: isPinned ? 0.97 : 1,\n    position: isPinned ? \"sticky\" : \"relative\",\n    background: isPinned ? \"var(--background)\" : \"var(--background)\",\n    width: column.getSize(),\n    zIndex: isPinned ? 1 : undefined,\n  };\n}\n\nexport function getScrollDirection(\n  direction: string,\n): \"left\" | \"right\" | \"home\" | \"end\" | undefined {\n  if (\n    direction === \"left\" ||\n    direction === \"right\" ||\n    direction === \"home\" ||\n    direction === \"end\"\n  ) {\n    return direction as \"left\" | \"right\" | \"home\" | \"end\";\n  }\n  if (direction === \"pageleft\") return \"left\";\n  if (direction === \"pageright\") return \"right\";\n  return undefined;\n}\n\nexport function scrollCellIntoView<TData>(params: {\n  container: HTMLDivElement;\n  targetCell: HTMLDivElement;\n  tableRef: React.RefObject<Table<TData> | null>;\n  viewportOffset: number;\n  direction?: \"left\" | \"right\" | \"home\" | \"end\";\n  isRtl: boolean;\n}): void {\n  const { container, targetCell, tableRef, direction, viewportOffset, isRtl } =\n    params;\n\n  const containerRect = container.getBoundingClientRect();\n  const cellRect = targetCell.getBoundingClientRect();\n\n  const hasNegativeScroll = container.scrollLeft < 0;\n  const isActuallyRtl = isRtl || hasNegativeScroll;\n\n  const currentTable = tableRef.current;\n  const leftPinnedColumns = currentTable?.getLeftVisibleLeafColumns() ?? [];\n  const rightPinnedColumns = currentTable?.getRightVisibleLeafColumns() ?? [];\n\n  const leftPinnedWidth = leftPinnedColumns.reduce(\n    (sum, c) => sum + c.getSize(),\n    0,\n  );\n  const rightPinnedWidth = rightPinnedColumns.reduce(\n    (sum, c) => sum + c.getSize(),\n    0,\n  );\n\n  const viewportLeft = isActuallyRtl\n    ? containerRect.left + rightPinnedWidth + viewportOffset\n    : containerRect.left + leftPinnedWidth + viewportOffset;\n  const viewportRight = isActuallyRtl\n    ? containerRect.right - leftPinnedWidth - viewportOffset\n    : containerRect.right - rightPinnedWidth - viewportOffset;\n\n  const isFullyVisible =\n    cellRect.left >= viewportLeft && cellRect.right <= viewportRight;\n\n  if (isFullyVisible) return;\n\n  const isClippedLeft = cellRect.left < viewportLeft;\n  const isClippedRight = cellRect.right > viewportRight;\n\n  let scrollDelta = 0;\n\n  if (!direction) {\n    if (isClippedRight) {\n      scrollDelta = cellRect.right - viewportRight;\n    } else if (isClippedLeft) {\n      scrollDelta = -(viewportLeft - cellRect.left);\n    }\n  } else {\n    const shouldScrollRight = isActuallyRtl\n      ? direction === \"right\" || direction === \"home\"\n      : direction === \"right\" || direction === \"end\";\n\n    if (shouldScrollRight) {\n      scrollDelta = cellRect.right - viewportRight;\n    } else {\n      scrollDelta = -(viewportLeft - cellRect.left);\n    }\n  }\n\n  container.scrollLeft += scrollDelta;\n}\n\nfunction countTabs(s: string): number {\n  let n = 0;\n  for (let i = 0; i < s.length; i++) if (s[i] === \"\\t\") n++;\n  return n;\n}\n\nexport function parseTsv(\n  text: string,\n  fallbackColumnCount: number,\n): string[][] {\n  if (text.startsWith('\"') || text.includes('\\t\"')) {\n    const rows: string[][] = [];\n    let currentRow: string[] = [];\n    let currentField = \"\";\n    let inQuotes = false;\n    let i = 0;\n\n    while (i < text.length) {\n      const char = text[i];\n      const nextChar = text[i + 1];\n\n      if (inQuotes) {\n        if (char === '\"' && nextChar === '\"') {\n          currentField += '\"';\n          i += 2;\n        } else if (char === '\"') {\n          inQuotes = false;\n          i++;\n        } else {\n          currentField += char;\n          i++;\n        }\n      } else {\n        if (char === '\"' && currentField === \"\") {\n          inQuotes = true;\n          i++;\n        } else if (char === \"\\t\") {\n          currentRow.push(currentField);\n          currentField = \"\";\n          i++;\n        } else if (char === \"\\n\") {\n          currentRow.push(currentField);\n          if (currentRow.length > 1 || currentRow.some((f) => f.length > 0)) {\n            rows.push(currentRow);\n          }\n          currentRow = [];\n          currentField = \"\";\n          i++;\n        } else if (char === \"\\r\" && nextChar === \"\\n\") {\n          currentRow.push(currentField);\n          if (currentRow.length > 1 || currentRow.some((f) => f.length > 0)) {\n            rows.push(currentRow);\n          }\n          currentRow = [];\n          currentField = \"\";\n          i += 2;\n        } else {\n          currentField += char;\n          i++;\n        }\n      }\n    }\n\n    currentRow.push(currentField);\n    if (currentRow.length > 1 || currentRow.some((f) => f.length > 0)) {\n      rows.push(currentRow);\n    }\n\n    return rows;\n  }\n\n  const lines = text.split(\"\\n\");\n  let maxTabs = 0;\n  for (const line of lines) {\n    const n = countTabs(line);\n    if (n > maxTabs) maxTabs = n;\n  }\n  const cols = maxTabs > 0 ? maxTabs + 1 : fallbackColumnCount;\n  if (cols <= 0) return [];\n\n  const rows: string[][] = [];\n  let buf = \"\";\n  let bufTabs = 0;\n\n  for (const line of lines) {\n    const tc = countTabs(line);\n\n    if (tc === cols - 1) {\n      if (buf && bufTabs === cols - 1) rows.push(buf.split(\"\\t\"));\n      buf = \"\";\n      bufTabs = 0;\n      rows.push(line.split(\"\\t\"));\n    } else {\n      buf = buf ? `${buf}\\n${line}` : line;\n      bufTabs += tc;\n      if (bufTabs === cols - 1) {\n        rows.push(buf.split(\"\\t\"));\n        buf = \"\";\n        bufTabs = 0;\n      }\n    }\n  }\n\n  if (buf && bufTabs === cols - 1) rows.push(buf.split(\"\\t\"));\n\n  return rows.length > 0\n    ? rows\n    : lines.filter((l) => l.length > 0).map((l) => l.split(\"\\t\"));\n}\n\nexport function getIsInPopover(element: unknown): boolean {\n  if (!(element instanceof Element)) return false;\n\n  return (\n    element.closest(\"[data-grid-cell-editor]\") !== null ||\n    element.closest(\"[data-grid-popover]\") !== null ||\n    element.closest(\"[data-slot='dropdown-menu-content']\") !== null ||\n    element.closest(\"[data-slot='popover-content']\") !== null\n  );\n}\n\nexport function getColumnVariant(variant?: CellOpts[\"variant\"]): {\n  icon: React.ComponentType<React.SVGProps<SVGSVGElement>>;\n  label: string;\n} | null {\n  switch (variant) {\n    case \"short-text\":\n      return { label: \"Short text\", icon: BaselineIcon };\n    case \"long-text\":\n      return { label: \"Long text\", icon: TextInitialIcon };\n    case \"number\":\n      return { label: \"Number\", icon: HashIcon };\n    case \"url\":\n      return { label: \"URL\", icon: LinkIcon };\n    case \"checkbox\":\n      return { label: \"Checkbox\", icon: CheckSquareIcon };\n    case \"select\":\n      return { label: \"Select\", icon: ListIcon };\n    case \"multi-select\":\n      return { label: \"Multi-select\", icon: ListChecksIcon };\n    case \"date\":\n      return { label: \"Date\", icon: CalendarIcon };\n    case \"file\":\n      return { label: \"File\", icon: FileIcon };\n    default:\n      return null;\n  }\n}\n\nexport function getEmptyCellValue(\n  variant: CellOpts[\"variant\"] | undefined,\n): unknown {\n  if (variant === \"multi-select\" || variant === \"file\") return [];\n  if (variant === \"number\" || variant === \"date\") return null;\n  if (variant === \"checkbox\") return false;\n  return \"\";\n}\n\nexport function getUrlHref(urlString: string): string {\n  if (!urlString || urlString.trim() === \"\") return \"\";\n\n  const trimmed = urlString.trim();\n\n  // Reject dangerous protocols (extra safety, though our http:// prefix would neutralize them)\n  if (/^(javascript|data|vbscript|file):/i.test(trimmed)) {\n    return \"\";\n  }\n\n  if (trimmed.startsWith(\"http://\") || trimmed.startsWith(\"https://\")) {\n    return trimmed;\n  }\n\n  return `http://${trimmed}`;\n}\n\nexport function parseLocalDate(dateStr: unknown): Date | null {\n  if (!dateStr) return null;\n  if (dateStr instanceof Date) return dateStr;\n  if (typeof dateStr !== \"string\") return null;\n  const [year, month, day] = dateStr.split(\"-\").map(Number);\n  if (!year || !month || !day) return null;\n  const date = new Date(year, month - 1, day);\n  // Verify date wasn't auto-corrected (e.g. Feb 30 -> Mar 1)\n  if (\n    date.getFullYear() !== year ||\n    date.getMonth() !== month - 1 ||\n    date.getDate() !== day\n  ) {\n    return null;\n  }\n  return date;\n}\n\nexport function formatDateToString(date: Date): string {\n  const year = date.getFullYear();\n  const month = String(date.getMonth() + 1).padStart(2, \"0\");\n  const day = String(date.getDate()).padStart(2, \"0\");\n  return `${year}-${month}-${day}`;\n}\n\nexport function formatDateForDisplay(dateStr: unknown): string {\n  if (!dateStr) return \"\";\n  const date = parseLocalDate(dateStr);\n  if (!date) return typeof dateStr === \"string\" ? dateStr : \"\";\n  return date.toLocaleDateString();\n}\n\nexport function formatFileSize(bytes: number): string {\n  if (bytes <= 0 || !Number.isFinite(bytes)) return \"0 B\";\n  const k = 1024;\n  const sizes = [\"B\", \"KB\", \"MB\", \"GB\"];\n  const i = Math.min(\n    sizes.length - 1,\n    Math.floor(Math.log(bytes) / Math.log(k)),\n  );\n  return `${Number.parseFloat((bytes / k ** i).toFixed(1))} ${sizes[i]}`;\n}\n\nexport function getFileIcon(\n  type: string,\n): React.ComponentType<React.SVGProps<SVGSVGElement>> {\n  if (type.startsWith(\"image/\")) return FileImage;\n  if (type.startsWith(\"video/\")) return FileVideo;\n  if (type.startsWith(\"audio/\")) return FileAudio;\n  if (type.includes(\"pdf\")) return FileText;\n  if (type.includes(\"zip\") || type.includes(\"rar\")) return FileArchive;\n  if (\n    type.includes(\"word\") ||\n    type.includes(\"document\") ||\n    type.includes(\"doc\")\n  )\n    return FileText;\n  if (type.includes(\"sheet\") || type.includes(\"excel\") || type.includes(\"xls\"))\n    return FileSpreadsheet;\n  if (\n    type.includes(\"presentation\") ||\n    type.includes(\"powerpoint\") ||\n    type.includes(\"ppt\")\n  )\n    return Presentation;\n  return File;\n}\n",
+      "content": "import type { Column, Table } from \"@tanstack/react-table\";\nimport {\n  BaselineIcon,\n  CalendarIcon,\n  CheckSquareIcon,\n  File,\n  FileArchive,\n  FileAudio,\n  FileIcon,\n  FileImage,\n  FileSpreadsheet,\n  FileText,\n  FileVideo,\n  HashIcon,\n  LinkIcon,\n  ListChecksIcon,\n  ListIcon,\n  Presentation,\n  TextInitialIcon,\n} from \"lucide-react\";\nimport type * as React from \"react\";\nimport type {\n  CellOpts,\n  CellPosition,\n  Direction,\n  FileCellData,\n  RowHeightValue,\n} from \"@/types/data-grid\";\n\nexport function flexRender<TProps extends object>(\n  Comp: ((props: TProps) => React.ReactNode) | string | undefined,\n  props: TProps,\n): React.ReactNode {\n  if (typeof Comp === \"string\") {\n    return Comp;\n  }\n  return Comp?.(props);\n}\n\nexport function getIsFileCellData(item: unknown): item is FileCellData {\n  return (\n    !!item &&\n    typeof item === \"object\" &&\n    \"id\" in item &&\n    \"name\" in item &&\n    \"size\" in item &&\n    \"type\" in item\n  );\n}\n\nexport function matchSelectOption(\n  value: string,\n  options: { value: string; label: string }[],\n): string | undefined {\n  return options.find(\n    (o) =>\n      o.value === value ||\n      o.value.toLowerCase() === value.toLowerCase() ||\n      o.label.toLowerCase() === value.toLowerCase(),\n  )?.value;\n}\n\nexport function getCellKey(rowIndex: number, columnId: string) {\n  return `${rowIndex}:${columnId}`;\n}\n\nexport function parseCellKey(cellKey: string): Required<CellPosition> {\n  const parts = cellKey.split(\":\");\n  const rowIndexStr = parts[0];\n  const columnId = parts[1];\n  if (rowIndexStr && columnId) {\n    const rowIndex = parseInt(rowIndexStr, 10);\n    if (!Number.isNaN(rowIndex)) {\n      return { rowIndex, columnId };\n    }\n  }\n  return { rowIndex: 0, columnId: \"\" };\n}\n\nexport function getRowHeightValue(rowHeight: RowHeightValue): number {\n  const rowHeightMap: Record<RowHeightValue, number> = {\n    short: 36,\n    medium: 56,\n    tall: 76,\n    \"extra-tall\": 96,\n  };\n\n  return rowHeightMap[rowHeight];\n}\n\nexport function getLineCount(rowHeight: RowHeightValue): number {\n  const lineCountMap: Record<RowHeightValue, number> = {\n    short: 1,\n    medium: 2,\n    tall: 3,\n    \"extra-tall\": 4,\n  };\n\n  return lineCountMap[rowHeight];\n}\n\nexport function getColumnBorderVisibility<TData>(params: {\n  column: Column<TData>;\n  nextColumn?: Column<TData>;\n  isLastColumn: boolean;\n}): {\n  showEndBorder: boolean;\n  showStartBorder: boolean;\n} {\n  const { column, nextColumn, isLastColumn } = params;\n\n  const isPinned = column.getIsPinned();\n  const isFirstRightPinnedColumn =\n    isPinned === \"right\" && column.getIsFirstColumn(\"right\");\n  const isLastRightPinnedColumn =\n    isPinned === \"right\" && column.getIsLastColumn(\"right\");\n\n  const nextIsPinned = nextColumn?.getIsPinned();\n  const isBeforeRightPinned =\n    nextIsPinned === \"right\" && nextColumn?.getIsFirstColumn(\"right\");\n\n  const showEndBorder =\n    !isBeforeRightPinned && (isLastColumn || !isLastRightPinnedColumn);\n\n  const showStartBorder = isFirstRightPinnedColumn;\n\n  return {\n    showEndBorder,\n    showStartBorder,\n  };\n}\n\nexport function getColumnPinningStyle<TData>(params: {\n  column: Column<TData>;\n  withBorder?: boolean;\n  dir?: Direction;\n}): React.CSSProperties {\n  const { column, dir = \"ltr\", withBorder = false } = params;\n\n  const isPinned = column.getIsPinned();\n  const isLastLeftPinnedColumn =\n    isPinned === \"left\" && column.getIsLastColumn(\"left\");\n  const isFirstRightPinnedColumn =\n    isPinned === \"right\" && column.getIsFirstColumn(\"right\");\n\n  const isRtl = dir === \"rtl\";\n\n  const leftPosition =\n    isPinned === \"left\" ? `${column.getStart(\"left\")}px` : undefined;\n  const rightPosition =\n    isPinned === \"right\" ? `${column.getAfter(\"right\")}px` : undefined;\n\n  return {\n    boxShadow: withBorder\n      ? isLastLeftPinnedColumn\n        ? isRtl\n          ? \"4px 0 4px -4px var(--border) inset\"\n          : \"-4px 0 4px -4px var(--border) inset\"\n        : isFirstRightPinnedColumn\n          ? isRtl\n            ? \"-4px 0 4px -4px var(--border) inset\"\n            : \"4px 0 4px -4px var(--border) inset\"\n          : undefined\n      : undefined,\n    left: isRtl ? rightPosition : leftPosition,\n    right: isRtl ? leftPosition : rightPosition,\n    opacity: isPinned ? 0.97 : 1,\n    position: isPinned ? \"sticky\" : \"relative\",\n    background: isPinned ? \"var(--background)\" : \"var(--background)\",\n    width: column.getSize(),\n    zIndex: isPinned ? 1 : undefined,\n  };\n}\n\nexport function getScrollDirection(\n  direction: string,\n): \"left\" | \"right\" | \"home\" | \"end\" | undefined {\n  if (\n    direction === \"left\" ||\n    direction === \"right\" ||\n    direction === \"home\" ||\n    direction === \"end\"\n  ) {\n    return direction as \"left\" | \"right\" | \"home\" | \"end\";\n  }\n  if (direction === \"pageleft\") return \"left\";\n  if (direction === \"pageright\") return \"right\";\n  return undefined;\n}\n\nexport function scrollCellIntoView<TData>(params: {\n  container: HTMLDivElement;\n  targetCell: HTMLDivElement;\n  tableRef: React.RefObject<Table<TData> | null>;\n  viewportOffset: number;\n  direction?: \"left\" | \"right\" | \"home\" | \"end\";\n  isRtl: boolean;\n}): void {\n  const { container, targetCell, tableRef, direction, viewportOffset, isRtl } =\n    params;\n\n  const containerRect = container.getBoundingClientRect();\n  const cellRect = targetCell.getBoundingClientRect();\n\n  const hasNegativeScroll = container.scrollLeft < 0;\n  const isActuallyRtl = isRtl || hasNegativeScroll;\n\n  const currentTable = tableRef.current;\n  const leftPinnedColumns = currentTable?.getLeftVisibleLeafColumns() ?? [];\n  const rightPinnedColumns = currentTable?.getRightVisibleLeafColumns() ?? [];\n\n  const leftPinnedWidth = leftPinnedColumns.reduce(\n    (sum, c) => sum + c.getSize(),\n    0,\n  );\n  const rightPinnedWidth = rightPinnedColumns.reduce(\n    (sum, c) => sum + c.getSize(),\n    0,\n  );\n\n  const viewportLeft = isActuallyRtl\n    ? containerRect.left + rightPinnedWidth + viewportOffset\n    : containerRect.left + leftPinnedWidth + viewportOffset;\n  const viewportRight = isActuallyRtl\n    ? containerRect.right - leftPinnedWidth - viewportOffset\n    : containerRect.right - rightPinnedWidth - viewportOffset;\n\n  const isFullyVisible =\n    cellRect.left >= viewportLeft && cellRect.right <= viewportRight;\n\n  if (isFullyVisible) return;\n\n  const isClippedLeft = cellRect.left < viewportLeft;\n  const isClippedRight = cellRect.right > viewportRight;\n\n  let scrollDelta = 0;\n\n  if (!direction) {\n    if (isClippedRight) {\n      scrollDelta = cellRect.right - viewportRight;\n    } else if (isClippedLeft) {\n      scrollDelta = -(viewportLeft - cellRect.left);\n    }\n  } else {\n    const shouldScrollRight = isActuallyRtl\n      ? direction === \"right\" || direction === \"home\"\n      : direction === \"right\" || direction === \"end\";\n\n    if (shouldScrollRight) {\n      scrollDelta = cellRect.right - viewportRight;\n    } else {\n      scrollDelta = -(viewportLeft - cellRect.left);\n    }\n  }\n\n  container.scrollLeft += scrollDelta;\n}\n\nfunction countTabs(s: string): number {\n  let n = 0;\n  for (let i = 0; i < s.length; i++) if (s[i] === \"\\t\") n++;\n  return n;\n}\n\nexport function parseTsv(\n  text: string,\n  fallbackColumnCount: number,\n): string[][] {\n  if (text.startsWith('\"') || text.includes('\\t\"')) {\n    const rows: string[][] = [];\n    let currentRow: string[] = [];\n    let currentField = \"\";\n    let inQuotes = false;\n    let i = 0;\n\n    while (i < text.length) {\n      const char = text[i];\n      const nextChar = text[i + 1];\n\n      if (inQuotes) {\n        if (char === '\"' && nextChar === '\"') {\n          currentField += '\"';\n          i += 2;\n        } else if (char === '\"') {\n          inQuotes = false;\n          i++;\n        } else {\n          currentField += char;\n          i++;\n        }\n      } else {\n        if (char === '\"' && currentField === \"\") {\n          inQuotes = true;\n          i++;\n        } else if (char === \"\\t\") {\n          currentRow.push(currentField);\n          currentField = \"\";\n          i++;\n        } else if (char === \"\\n\") {\n          currentRow.push(currentField);\n          if (currentRow.length > 1 || currentRow.some((f) => f.length > 0)) {\n            rows.push(currentRow);\n          }\n          currentRow = [];\n          currentField = \"\";\n          i++;\n        } else if (char === \"\\r\" && nextChar === \"\\n\") {\n          currentRow.push(currentField);\n          if (currentRow.length > 1 || currentRow.some((f) => f.length > 0)) {\n            rows.push(currentRow);\n          }\n          currentRow = [];\n          currentField = \"\";\n          i += 2;\n        } else {\n          currentField += char;\n          i++;\n        }\n      }\n    }\n\n    currentRow.push(currentField);\n    if (currentRow.length > 1 || currentRow.some((f) => f.length > 0)) {\n      rows.push(currentRow);\n    }\n\n    return rows;\n  }\n\n  const lines = text.split(\"\\n\");\n  let maxTabCount = 0;\n  for (const line of lines) {\n    const n = countTabs(line);\n    if (n > maxTabCount) maxTabCount = n;\n  }\n  const columnCount = maxTabCount > 0 ? maxTabCount + 1 : fallbackColumnCount;\n  if (columnCount <= 0) return [];\n\n  const expectedTabCount = columnCount - 1;\n  const rows: string[][] = [];\n  let buf = \"\";\n  let bufTabCount = 0;\n\n  for (const line of lines) {\n    const tc = countTabs(line);\n\n    if (tc === expectedTabCount) {\n      if (buf && bufTabCount === expectedTabCount) rows.push(buf.split(\"\\t\"));\n      buf = \"\";\n      bufTabCount = 0;\n      rows.push(line.split(\"\\t\"));\n    } else {\n      buf = buf ? `${buf}\\n${line}` : line;\n      bufTabCount += tc;\n      if (bufTabCount === expectedTabCount) {\n        rows.push(buf.split(\"\\t\"));\n        buf = \"\";\n        bufTabCount = 0;\n      }\n    }\n  }\n\n  if (buf && bufTabCount === expectedTabCount) rows.push(buf.split(\"\\t\"));\n\n  return rows.length > 0\n    ? rows\n    : lines.filter((l) => l.length > 0).map((l) => l.split(\"\\t\"));\n}\n\nexport function getIsInPopover(element: unknown): boolean {\n  if (!(element instanceof Element)) return false;\n\n  return (\n    element.closest(\"[data-grid-cell-editor]\") !== null ||\n    element.closest(\"[data-grid-popover]\") !== null ||\n    element.closest(\"[data-slot='dropdown-menu-content']\") !== null ||\n    element.closest(\"[data-slot='popover-content']\") !== null\n  );\n}\n\nexport function getColumnVariant(variant?: CellOpts[\"variant\"]): {\n  icon: React.ComponentType<React.SVGProps<SVGSVGElement>>;\n  label: string;\n} | null {\n  switch (variant) {\n    case \"short-text\":\n      return { label: \"Short text\", icon: BaselineIcon };\n    case \"long-text\":\n      return { label: \"Long text\", icon: TextInitialIcon };\n    case \"number\":\n      return { label: \"Number\", icon: HashIcon };\n    case \"url\":\n      return { label: \"URL\", icon: LinkIcon };\n    case \"checkbox\":\n      return { label: \"Checkbox\", icon: CheckSquareIcon };\n    case \"select\":\n      return { label: \"Select\", icon: ListIcon };\n    case \"multi-select\":\n      return { label: \"Multi-select\", icon: ListChecksIcon };\n    case \"date\":\n      return { label: \"Date\", icon: CalendarIcon };\n    case \"file\":\n      return { label: \"File\", icon: FileIcon };\n    default:\n      return null;\n  }\n}\n\nexport function getEmptyCellValue(\n  variant: CellOpts[\"variant\"] | undefined,\n): unknown {\n  if (variant === \"multi-select\" || variant === \"file\") return [];\n  if (variant === \"number\" || variant === \"date\") return null;\n  if (variant === \"checkbox\") return false;\n  return \"\";\n}\n\nexport function getUrlHref(urlString: string): string {\n  if (!urlString || urlString.trim() === \"\") return \"\";\n\n  const trimmed = urlString.trim();\n\n  // Reject dangerous protocols (extra safety, though our http:// prefix would neutralize them)\n  if (/^(javascript|data|vbscript|file):/i.test(trimmed)) {\n    return \"\";\n  }\n\n  if (trimmed.startsWith(\"http://\") || trimmed.startsWith(\"https://\")) {\n    return trimmed;\n  }\n\n  return `http://${trimmed}`;\n}\n\nexport function parseLocalDate(dateStr: unknown): Date | null {\n  if (!dateStr) return null;\n  if (dateStr instanceof Date) return dateStr;\n  if (typeof dateStr !== \"string\") return null;\n  const [year, month, day] = dateStr.split(\"-\").map(Number);\n  if (!year || !month || !day) return null;\n  const date = new Date(year, month - 1, day);\n  // Verify date wasn't auto-corrected (e.g. Feb 30 -> Mar 1)\n  if (\n    date.getFullYear() !== year ||\n    date.getMonth() !== month - 1 ||\n    date.getDate() !== day\n  ) {\n    return null;\n  }\n  return date;\n}\n\nexport function formatDateToString(date: Date): string {\n  const year = date.getFullYear();\n  const month = String(date.getMonth() + 1).padStart(2, \"0\");\n  const day = String(date.getDate()).padStart(2, \"0\");\n  return `${year}-${month}-${day}`;\n}\n\nexport function formatDateForDisplay(dateStr: unknown): string {\n  if (!dateStr) return \"\";\n  const date = parseLocalDate(dateStr);\n  if (!date) return typeof dateStr === \"string\" ? dateStr : \"\";\n  return date.toLocaleDateString();\n}\n\nexport function formatFileSize(bytes: number): string {\n  if (bytes <= 0 || !Number.isFinite(bytes)) return \"0 B\";\n  const k = 1024;\n  const sizes = [\"B\", \"KB\", \"MB\", \"GB\"];\n  const i = Math.min(\n    sizes.length - 1,\n    Math.floor(Math.log(bytes) / Math.log(k)),\n  );\n  return `${Number.parseFloat((bytes / k ** i).toFixed(1))} ${sizes[i]}`;\n}\n\nexport function getFileIcon(\n  type: string,\n): React.ComponentType<React.SVGProps<SVGSVGElement>> {\n  if (type.startsWith(\"image/\")) return FileImage;\n  if (type.startsWith(\"video/\")) return FileVideo;\n  if (type.startsWith(\"audio/\")) return FileAudio;\n  if (type.includes(\"pdf\")) return FileText;\n  if (type.includes(\"zip\") || type.includes(\"rar\")) return FileArchive;\n  if (\n    type.includes(\"word\") ||\n    type.includes(\"document\") ||\n    type.includes(\"doc\")\n  )\n    return FileText;\n  if (type.includes(\"sheet\") || type.includes(\"excel\") || type.includes(\"xls\"))\n    return FileSpreadsheet;\n  if (\n    type.includes(\"presentation\") ||\n    type.includes(\"powerpoint\") ||\n    type.includes(\"ppt\")\n  )\n    return Presentation;\n  return File;\n}\n",
       "type": "registry:lib"
     },
     {
diff --git a/src/lib/data-grid.ts b/src/lib/data-grid.ts
index ccaa7d81..1c83aff1 100644
--- a/src/lib/data-grid.ts
+++ b/src/lib/data-grid.ts
@@ -328,38 +328,39 @@ export function parseTsv(
   }
 
   const lines = text.split("\n");
-  let maxTabs = 0;
+  let maxTabCount = 0;
   for (const line of lines) {
     const n = countTabs(line);
-    if (n > maxTabs) maxTabs = n;
+    if (n > maxTabCount) maxTabCount = n;
   }
-  const cols = maxTabs > 0 ? maxTabs + 1 : fallbackColumnCount;
-  if (cols <= 0) return [];
+  const columnCount = maxTabCount > 0 ? maxTabCount + 1 : fallbackColumnCount;
+  if (columnCount <= 0) return [];
 
+  const expectedTabCount = columnCount - 1;
   const rows: string[][] = [];
   let buf = "";
-  let bufTabs = 0;
+  let bufTabCount = 0;
 
   for (const line of lines) {
     const tc = countTabs(line);
 
-    if (tc === cols - 1) {
-      if (buf && bufTabs === cols - 1) rows.push(buf.split("\t"));
+    if (tc === expectedTabCount) {
+      if (buf && bufTabCount === expectedTabCount) rows.push(buf.split("\t"));
       buf = "";
-      bufTabs = 0;
+      bufTabCount = 0;
       rows.push(line.split("\t"));
     } else {
       buf = buf ? `${buf}\n${line}` : line;
-      bufTabs += tc;
-      if (bufTabs === cols - 1) {
+      bufTabCount += tc;
+      if (bufTabCount === expectedTabCount) {
         rows.push(buf.split("\t"));
         buf = "";
-        bufTabs = 0;
+        bufTabCount = 0;
       }
     }
   }
 
-  if (buf && bufTabs === cols - 1) rows.push(buf.split("\t"));
+  if (buf && bufTabCount === expectedTabCount) rows.push(buf.split("\t"));
 
   return rows.length > 0
     ? rows