feat: enhance canvas and layout components with new features and improvements

- Added remote image patterns to the Next.js configuration for enhanced image handling.
- Updated TypeScript configuration to exclude the 'implement' directory.
- Refactored layout component to fetch initial authentication token and pass it to Providers.
- Replaced CanvasToolbar with CanvasSidebar for improved UI layout and functionality.
- Enhanced Canvas component with new drag-and-drop file upload capabilities and batch node movement.
- Updated various node components to support new status handling and improved user interactions.
- Added debounced saving for note and prompt nodes to optimize performance.

components/canvas/nodes/base-node-wrapper.tsx

@@ -4,34 +4,43 @@ import type { ReactNode } from "react";
 
 interface BaseNodeWrapperProps {
   selected?: boolean;
-  status?: "idle" | "executing" | "done" | "error";
+  status?: string;
+  statusMessage?: string;
   children: ReactNode;
   className?: string;
 }
 
-const statusClassMap: Record<NonNullable<BaseNodeWrapperProps["status"]>, string> = {
-  idle: "",
-  executing: "animate-pulse border-yellow-400",
-  done: "border-green-500",
-  error: "border-red-500",
-};
-
 export default function BaseNodeWrapper({
   selected,
   status = "idle",
+  statusMessage,
   children,
   className = "",
 }: BaseNodeWrapperProps) {
+  const statusStyles: Record<string, string> = {
+    idle: "",
+    analyzing: "border-yellow-400 animate-pulse",
+    clarifying: "border-amber-400",
+    executing: "border-yellow-400 animate-pulse",
+    done: "border-green-500",
+    error: "border-red-500",
+  };
+
   return (
     <div
-      className={[
-        "rounded-xl border bg-card shadow-sm transition-shadow",
-        selected ? "ring-2 ring-primary shadow-md" : "",
-        statusClassMap[status],
-        className,
-      ].join(" ")}
+      className={`
+        rounded-xl border bg-card shadow-sm transition-shadow
+        ${selected ? "ring-2 ring-primary shadow-md" : ""}
+        ${statusStyles[status] ?? ""}
+        ${className}
+      `}
     >
       {children}
+      {status === "error" && statusMessage && (
+        <div className="px-3 pb-2 text-xs text-red-500 truncate">
+          {statusMessage}
+        </div>
+      )}
     </div>
   );
 }