fix(tables): show toast on incompatible column type change

The server validates type compatibility and returns a clear error message
(e.g. "3 row(s) have incompatible values"), but the client was silently
swallowing it. Now surfaces the error via toast notification. Also moved
the undo push to onSuccess so a failed type change doesn't pollute the
undo stack.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/tables/[tableId]/components/table/table.tsx

@@ -1624,15 +1624,22 @@ export function Table({
 
   const handleChangeType = useCallback((columnName: string, newType: string) => {
     const column = columnsRef.current.find((c) => c.name === columnName)
-    if (column) {
-      pushUndoRef.current({
-        type: 'update-column-type',
-        columnName,
-        previousType: column.type,
-        newType,
-      })
-    }
-    updateColumnMutation.mutate({ columnName, updates: { type: newType } })
+    const previousType = column?.type
+    updateColumnMutation.mutate(
+      { columnName, updates: { type: newType } },
+      {
+        onSuccess: () => {
+          if (previousType) {
+            pushUndoRef.current({
+              type: 'update-column-type',
+              columnName,
+              previousType,
+              newType,
+            })
+          }
+        },
+      }
+    )
   }, [])
 
   const insertColumnInOrder = useCallback(

apps/sim/hooks/queries/tables.ts

@@ -676,6 +676,9 @@ export function useUpdateColumn({ workspaceId, tableId }: RowMutationContext) {
 
       return res.json()
     },
+    onError: (error) => {
+      toast.error(error.message, { duration: 5000 })
+    },
     onSettled: () => {
       invalidateTableSchema(queryClient, workspaceId, tableId)
     },