From aa8ac45229a07ad2b8b7cff089b55bfd2bd06533 Mon Sep 17 00:00:00 2001
From: Nandan Acharya <samarthachar18@gmail.com>
Date: Wed, 25 Mar 2026 10:07:10 +0530
Subject: [PATCH 1/2] feat: improve a11y by adding aria-labels to icon-only
 buttons

---
 src/components/EditorCanvas/Table.jsx             |  4 ++++
 .../RelationshipsTab/RelationshipInfo.jsx         |  2 +-
 .../EditorSidePanel/TablesTab/IndexDetails.jsx    |  1 +
 .../EditorSidePanel/TablesTab/TableField.jsx      |  2 +-
 .../EditorSidePanel/TypesTab/TypeField.jsx        |  2 +-
 .../EditorSidePanel/TypesTab/TypesTab.jsx         |  2 +-
 src/utils/types.js                                | 15 +++++++++++++++
 7 files changed, 24 insertions(+), 4 deletions(-)
 create mode 100644 src/utils/types.js

diff --git a/src/components/EditorCanvas/Table.jsx b/src/components/EditorCanvas/Table.jsx
index b10e9eb76..6c959f5ad 100644
--- a/src/components/EditorCanvas/Table.jsx
+++ b/src/components/EditorCanvas/Table.jsx
@@ -174,6 +174,7 @@ export default function Table({
               <div className="hidden group-hover:block">
                 <div className="flex justify-end items-center mx-2 space-x-1.5">
                   <Button
+                    aria-label={t("lock")}
                     icon={tableData.locked ? <IconLock /> : <IconUnlock />}
                     size="small"
                     theme="solid"
@@ -184,6 +185,7 @@ export default function Table({
                     onClick={lockUnlockTable}
                   />
                   <Button
+                    aria-label={t("edit")}
                     icon={<IconEdit />}
                     size="small"
                     theme="solid"
@@ -260,6 +262,7 @@ export default function Table({
                     style={{ width: "200px", wordBreak: "break-word" }}
                   >
                     <Button
+                      aria-label={t("more")}
                       icon={<IconMore />}
                       type="tertiary"
                       size="small"
@@ -461,6 +464,7 @@ export default function Table({
         <div className="text-zinc-400">
           {hoveredField === index ? (
             <Button
+              aria-label={t("delete")}
               theme="solid"
               size="small"
               style={{
diff --git a/src/components/EditorSidePanel/RelationshipsTab/RelationshipInfo.jsx b/src/components/EditorSidePanel/RelationshipsTab/RelationshipInfo.jsx
index fc42ae13d..87dbf5400 100644
--- a/src/components/EditorSidePanel/RelationshipsTab/RelationshipInfo.jsx
+++ b/src/components/EditorSidePanel/RelationshipsTab/RelationshipInfo.jsx
@@ -216,7 +216,7 @@ export default function RelationshipInfo({ data }) {
             position="rightTop"
             showArrow
           >
-            <Button icon={<IconMore />} type="tertiary" />
+            <Button aria-label={t("more")} icon={<IconMore />} type="tertiary" />
           </Popover>
         </div>
       </div>
diff --git a/src/components/EditorSidePanel/TablesTab/IndexDetails.jsx b/src/components/EditorSidePanel/TablesTab/IndexDetails.jsx
index 45e85fba3..47bc51561 100644
--- a/src/components/EditorSidePanel/TablesTab/IndexDetails.jsx
+++ b/src/components/EditorSidePanel/TablesTab/IndexDetails.jsx
@@ -189,6 +189,7 @@ export default function IndexDetails({ data, fields, iid, tid }) {
         showArrow
       >
         <Button
+          aria-label={t("more")}
           icon={<IconMore />}
           type="tertiary"
           style={{ marginLeft: "12px" }}
diff --git a/src/components/EditorSidePanel/TablesTab/TableField.jsx b/src/components/EditorSidePanel/TablesTab/TableField.jsx
index bdad924a0..dd2b16ff4 100644
--- a/src/components/EditorSidePanel/TablesTab/TableField.jsx
+++ b/src/components/EditorSidePanel/TablesTab/TableField.jsx
@@ -226,7 +226,7 @@ export default function TableField({ data, tid, index, inherited }) {
           position="right"
           showArrow
         >
-          <Button type="tertiary" icon={<IconMore />} />
+          <Button aria-label={t("more")} type="tertiary" icon={<IconMore />} />
         </Popover>
       </div>
     </div>
diff --git a/src/components/EditorSidePanel/TypesTab/TypeField.jsx b/src/components/EditorSidePanel/TypesTab/TypeField.jsx
index e902c7446..0e73d82a1 100644
--- a/src/components/EditorSidePanel/TypesTab/TypeField.jsx
+++ b/src/components/EditorSidePanel/TypesTab/TypeField.jsx
@@ -327,7 +327,7 @@ export default function TypeField({ data, tid, fid }) {
           trigger="click"
           position="right"
         >
-          <Button icon={<IconMore />} type="tertiary" />
+          <Button aria-label={t("more")} icon={<IconMore />} type="tertiary" />
         </Popover>
       </Col>
     </Row>
diff --git a/src/components/EditorSidePanel/TypesTab/TypesTab.jsx b/src/components/EditorSidePanel/TypesTab/TypesTab.jsx
index 4896ceb7b..ef26b9d6a 100644
--- a/src/components/EditorSidePanel/TypesTab/TypesTab.jsx
+++ b/src/components/EditorSidePanel/TypesTab/TypesTab.jsx
@@ -42,7 +42,7 @@ export default function TypesTab() {
             showArrow
             position="rightTop"
           >
-            <Button theme="borderless" icon={<IconInfoCircle />} />
+            <Button aria-label={t("info")} theme="borderless" icon={<IconInfoCircle />} />
           </Popover>
         )}
       </div>
diff --git a/src/utils/types.js b/src/utils/types.js
new file mode 100644
index 000000000..fcf54d7fd
--- /dev/null
+++ b/src/utils/types.js
@@ -0,0 +1,15 @@
+export function getTypeIndex(types, idOrIndex) {
+  if (typeof idOrIndex === "number") return idOrIndex;
+  if (typeof idOrIndex === "string") {
+    return types.findIndex((t) => t.id === idOrIndex);
+  }
+  return -1;
+}
+
+export function getTypeById(types, idOrIndex) {
+  const index = getTypeIndex(types, idOrIndex);
+  return {
+    type: index >= 0 ? types[index] : null,
+    index,
+  };
+}

From 2f4641dd4f2ce6cd3d6ac4127ed6f19c889353b9 Mon Sep 17 00:00:00 2001
From: Nandan Acharya <samarthachar18@gmail.com>
Date: Wed, 25 Mar 2026 10:20:06 +0530
Subject: [PATCH 2/2] chore: optimize build with code-splitting and fix missing
 i18n keys

---
 src/components/EditorCanvas/Table.jsx |  2 +-
 src/i18n/locales/en.js                |  4 ++++
 vite.config.js                        | 26 +++++++++++++++++++++++++-
 3 files changed, 30 insertions(+), 2 deletions(-)

diff --git a/src/components/EditorCanvas/Table.jsx b/src/components/EditorCanvas/Table.jsx
index 6c959f5ad..ebc81214a 100644
--- a/src/components/EditorCanvas/Table.jsx
+++ b/src/components/EditorCanvas/Table.jsx
@@ -174,7 +174,7 @@ export default function Table({
               <div className="hidden group-hover:block">
                 <div className="flex justify-end items-center mx-2 space-x-1.5">
                   <Button
-                    aria-label={t("lock")}
+                    aria-label={tableData.locked ? t("unlock") : t("lock")}
                     icon={tableData.locked ? <IconLock /> : <IconUnlock />}
                     size="small"
                     theme="solid"
diff --git a/src/i18n/locales/en.js b/src/i18n/locales/en.js
index ccbf1f878..6b518e1eb 100644
--- a/src/i18n/locales/en.js
+++ b/src/i18n/locales/en.js
@@ -290,6 +290,10 @@ const en = {
     type_name_required: "Type name is required",
     database: "Database",
     saved: "Saved",
+    lock: "Lock",
+    unlock: "Unlock",
+    info: "Info",
+    more: "More",
   },
 };
 
diff --git a/vite.config.js b/vite.config.js
index 5a33944a9..cfce3bb07 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -4,4 +4,28 @@ import react from '@vitejs/plugin-react'
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
-})
+  build: {
+    rollupOptions: {
+      output: {
+        manualChunks(id) {
+          if (id.includes("node_modules")) {
+            if (id.includes("@douyinfe/semi-ui") || id.includes("@douyinfe/semi-icons")) {
+              return "semi-ui";
+            }
+            if (id.includes("@lexical") || id.includes("lexical")) {
+              return "lexical";
+            }
+            if (id.includes("node-sql-parser") || id.includes("oracle-sql-parser")) {
+              return "sql-parser";
+            }
+            if (id.includes("lodash") || id.includes("luxon") || id.includes("axios")) {
+              return "utils";
+            }
+            return "vendor";
+          }
+        },
+      },
+    },
+    chunkSizeWarningLimit: 1000,
+  },
+});