feat: integrate Sentry for error tracking and enhance user notifications

- Added Sentry integration for error tracking across various components, including error boundaries and user actions.
- Updated global error handling to capture exceptions and provide detailed feedback to users.
- Enhanced user notifications with toast messages for actions such as credit management, image generation, and canvas exports.
- Improved user experience by displaying relevant messages during interactions, ensuring better visibility of system states and errors.

components/canvas/nodes/ai-image-node.tsx

@@ -10,6 +10,8 @@ import BaseNodeWrapper from "./base-node-wrapper";
 import { DEFAULT_MODEL_ID, getModel } from "@/lib/ai-models";
 import { classifyError, type AiErrorCategory } from "@/lib/ai-errors";
 import { DEFAULT_ASPECT_RATIO } from "@/lib/image-formats";
+import { toast } from "@/lib/toast";
+import { msg } from "@/lib/toast-messages";
 import {
   Loader2,
   AlertCircle,
@@ -106,16 +108,30 @@ export default function AiImageNode({
         }
       }
 
-      await generateImage({
-        canvasId,
-        nodeId: id as Id<"nodes">,
-        prompt,
-        referenceStorageId,
-        model: nodeData.model ?? DEFAULT_MODEL_ID,
-        aspectRatio: nodeData.aspectRatio ?? DEFAULT_ASPECT_RATIO,
-      });
+      const modelId = nodeData.model ?? DEFAULT_MODEL_ID;
+      const regenCreditCost = getModel(modelId)?.creditCost ?? 4;
+
+      await toast.promise(
+        generateImage({
+          canvasId,
+          nodeId: id as Id<"nodes">,
+          prompt,
+          referenceStorageId,
+          model: modelId,
+          aspectRatio: nodeData.aspectRatio ?? DEFAULT_ASPECT_RATIO,
+        }),
+        {
+          loading: msg.ai.generating.title,
+          success: msg.ai.generated.title,
+          error: msg.ai.generationFailed.title,
+          description: {
+            success: msg.ai.generatedDesc(regenCreditCost),
+            error: msg.ai.creditsNotCharged,
+          },
+        },
+      );
     } catch (err) {
-      setLocalError(err instanceof Error ? err.message : "Generation failed");
+      setLocalError(err instanceof Error ? err.message : msg.ai.generationFailed.title);
     } finally {
       setIsGenerating(false);
     }