From b0d7b36f85d131129a396e9782a1c1c93437cc09 Mon Sep 17 00:00:00 2001
From: Isaac Roberts <119639439+madebyisaacr@users.noreply.github.com>
Date: Fri, 17 Apr 2026 02:15:27 -0400
Subject: [PATCH] Truncate text, add titles

---
 plugins/airtable/src/App.css          | 5 +++++
 plugins/airtable/src/FieldMapping.tsx | 4 ++--
 plugins/notion/src/App.css            | 5 +++++
 plugins/notion/src/FieldMapping.tsx   | 1 +
 4 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/plugins/airtable/src/App.css b/plugins/airtable/src/App.css
index 9f79d7fff..8b0fd2199 100644
--- a/plugins/airtable/src/App.css
+++ b/plugins/airtable/src/App.css
@@ -130,6 +130,11 @@ select:not(:disabled) {
     gap: 8px;
 }
 
+.mapping .source-field span {
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
 .mapping .source-field[aria-disabled="true"] {
     opacity: 0.5;
 }
diff --git a/plugins/airtable/src/FieldMapping.tsx b/plugins/airtable/src/FieldMapping.tsx
index 3da3e110f..78533c599 100644
--- a/plugins/airtable/src/FieldMapping.tsx
+++ b/plugins/airtable/src/FieldMapping.tsx
@@ -8,8 +8,7 @@ import { isCollectionReference } from "./utils"
 
 function ChevronIcon() {
     return (
-        <svg xmlns="http://www.w3.org/2000/svg" width="8" height="16">
-            <title>Chevron</title>
+        <svg xmlns="http://www.w3.org/2000/svg" width="8" height="16" aria-label="Chevron">
             <path
                 d="M 3 11 L 6 8 L 3 5"
                 fill="transparent"
@@ -75,6 +74,7 @@ const FieldMappingRow = memo(
                     onClick={disabled ? undefined : () => onToggleIgnored?.(field.id)}
                     tabIndex={0}
                     disabled={disabled || unsupported || missingCollection}
+                    title={originalFieldName ?? field.id}
                 >
                     <input type="checkbox" checked={!isIgnored} tabIndex={-1} readOnly disabled={disabled} />
                     <span>{originalFieldName ?? field.id}</span>
diff --git a/plugins/notion/src/App.css b/plugins/notion/src/App.css
index 01917a16c..116ec1926 100644
--- a/plugins/notion/src/App.css
+++ b/plugins/notion/src/App.css
@@ -166,6 +166,11 @@ p a {
     gap: 8px;
 }
 
+.mapping .source-field span {
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
 .mapping .source-field.unsupported {
     pointer-events: none;
 }
diff --git a/plugins/notion/src/FieldMapping.tsx b/plugins/notion/src/FieldMapping.tsx
index f68ece68e..b1ae2198b 100644
--- a/plugins/notion/src/FieldMapping.tsx
+++ b/plugins/notion/src/FieldMapping.tsx
@@ -79,6 +79,7 @@ function FieldMappingRow({
                     onToggleIgnored(id)
                 }}
                 tabIndex={0}
+                title={originalName}
             >
                 <input type="checkbox" checked={!disabled} tabIndex={-1} readOnly />
                 <span>{originalName}</span>