feat: enhance canvas components with clientRequestId for optimistic updates

- Added clientRequestId to various canvas components to support optimistic UI updates during node creation and manipulation.
- Updated the canvas command palette, toolbar, and node components to generate unique clientRequestIds for better tracking of user actions.
- Enhanced the canvas placement context to handle clientRequestId for improved correlation between optimistic and real node IDs.
- Refactored node duplication and creation logic to utilize clientRequestId, ensuring smoother user interactions and state management.

components/canvas/canvas-command-palette.tsx

@@ -67,7 +67,7 @@ export function CanvasCommandPalette() {
     return () => document.removeEventListener("keydown", onKeyDown);
   }, []);
 
-  const handleAddNode = async (
+  const handleAddNode = (
     type: CanvasNodeTemplate["type"],
     data: CanvasNodeTemplate["defaultData"],
     width: number,
@@ -75,14 +75,17 @@ export function CanvasCommandPalette() {
   ) => {
     const offset = (nodeCountRef.current % 8) * 24;
     nodeCountRef.current += 1;
-    await createNodeWithIntersection({
+    setOpen(false);
+    void createNodeWithIntersection({
       type,
       position: { x: 100 + offset, y: 100 + offset },
       width,
       height,
       data,
+      clientRequestId: crypto.randomUUID(),
+    }).catch((error) => {
+      console.error("[CanvasCommandPalette] createNode failed", error);
     });
-    setOpen(false);
   };
 
   return (
@@ -104,7 +107,7 @@ export function CanvasCommandPalette() {
                   key={template.type}
                   keywords={NODE_SEARCH_KEYWORDS[template.type] ?? []}
                   onSelect={() =>
-                    void handleAddNode(
+                    handleAddNode(
                       template.type,
                       template.defaultData,
                       template.width,