feat: fixing the duplicated name

src/components/query-result-table.tsx

@@ -70,7 +70,7 @@ function Header({
           }}
         >
           {header.icon ? <div className="mr-2">{header.icon}</div> : null}
-          <div className="grow">{header.name}</div>
+          <div className="grow">{header.displayName}</div>
           <LucideChevronDown className="text-mute w-4 h-4 cursor-pointer" />
         </div>
       </DropdownMenuTrigger>

src/components/table-optimized/OptimizeTableState.tsx

@@ -63,6 +63,7 @@ export default class OptimizeTableState {
         return {
           initialSize,
           name: headerName ?? "",
+          displayName: header.displayName,
           resizable: true,
           dataType,
           icon: schemaResult?.pk.includes(headerName ?? "") ? (

src/components/table-optimized/index.tsx

@@ -18,6 +18,7 @@ import { cn } from "@/lib/utils";
 
 export interface OptimizeTableHeaderProps {
   name: string;
+  displayName: string;
   initialSize: number;
   resizable?: boolean;
   dataType?: TableColumnDataType;

src/drivers/base-driver.ts

@@ -12,6 +12,7 @@ export type DatabaseRow = Record<string, unknown>;
 
 export interface DatabaseHeader {
   name: string;
+  displayName: string;
   originalType: string | null;
   type: TableColumnDataType;
 }

src/drivers/rqlite-driver.ts

@@ -20,26 +20,35 @@ export function transformRawResult(raw: RqliteResult): DatabaseResultSet {
   const columns = raw.columns ?? [];
   const types = raw.types ?? [];
   const values = raw.values;
-
-  const rows = values
-    ? values.map((r) =>
-        columns.reduce((a, b, idx) => {
-          a[b] = r[idx];
-          return a;
-        }, {} as DatabaseRow)
-      )
-    : [];
+  const headerSet = new Set();
 
   const headers: DatabaseHeader[] = columns.map((colName, colIdx) => {
     const colType = types[colIdx];
 
+    let renameColName = colName;
+
+    for (let i = 0; i < 20; i++) {
+      if (!headerSet.has(renameColName)) break;
+      renameColName = `__${colName}_${i}`;
+    }
+
     return {
-      name: colName,
+      name: renameColName,
+      displayName: colName,
       originalType: colType,
       type: convertSqliteType(colType),
     };
   });
 
+  const rows = values
+    ? values.map((r) =>
+        headers.reduce((a, b, idx) => {
+          a[b.name] = r[idx];
+          return a;
+        }, {} as DatabaseRow)
+      )
+    : [];
+
   return {
     rows,
     rowsAffected: raw?.rows_affected ?? 0,

src/drivers/turso-driver.tsx

@@ -9,23 +9,34 @@ import { DatabaseHeader, DatabaseResultSet, DatabaseRow } from "./base-driver";
 import SqliteLikeBaseDriver from "./sqlite-base-driver";
 
 export function transformRawResult(raw: ResultSet): DatabaseResultSet {
-  const rows = raw.rows.map((r) =>
-    raw.columns.reduce((a, b, idx) => {
-      a[b] = r[idx];
-      return a;
-    }, {} as DatabaseRow)
-  );
+  const headerSet = new Set();
 
   const headers: DatabaseHeader[] = raw.columns.map((colName, colIdx) => {
     const colType = raw.columnTypes[colIdx];
+    let renameColName = colName;
+
+    for (let i = 0; i < 20; i++) {
+      if (!headerSet.has(renameColName)) break;
+      renameColName = `__${colName}_${i}`;
+    }
+
+    headerSet.add(renameColName);
 
     return {
-      name: colName,
+      name: renameColName,
+      displayName: colName,
       originalType: colType,
       type: convertSqliteType(colType),
     };
   });
 
+  const rows = raw.rows.map((r) =>
+    headers.reduce((a, b, idx) => {
+      a[b.name] = r[idx];
+      return a;
+    }, {} as DatabaseRow)
+  );
+
   return {
     rows,
     rowsAffected: raw.rowsAffected,