From ce584a15ab9722076f30c158f91d8b5e388770f9 Mon Sep 17 00:00:00 2001
From: Le-King-Fu <Le-King-Fu@users.noreply.github.com>
Date: Sun, 8 Feb 2026 04:00:25 +0000
Subject: [PATCH] fix: use middle dot instead of pipe as raw column separator
 in preview

Prevents confusion between the display separator and actual CSV delimiters.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/components/import/FilePreviewTable.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/import/FilePreviewTable.tsx b/src/components/import/FilePreviewTable.tsx
index ed11dc1..d22c1cd 100644
--- a/src/components/import/FilePreviewTable.tsx
+++ b/src/components/import/FilePreviewTable.tsx
@@ -90,7 +90,14 @@ export default function FilePreviewTable({
                     : "—"}
                 </td>
                 <td className="px-3 py-2 text-xs text-[var(--muted-foreground)] max-w-xs truncate">
-                  {row.raw.join(" | ")}
+                  <span className="inline-flex gap-0">
+                    {row.raw.map((cell, i) => (
+                      <span key={i}>
+                        {i > 0 && <span className="text-[var(--border)] mx-0.5">{'·'}</span>}
+                        {cell}
+                      </span>
+                    ))}
+                  </span>
                 </td>
               </tr>
             ))}