rita-workspace 0.5.14 → 0.5.15

package/dist/index.js

@@ -1430,14 +1430,18 @@ var DrawingsDialog = ({
   foldersRef.current = folders;
   (0, import_react5.useEffect)(() => {
     if (open) {
-      setIsRefreshing(true);
-      refreshDrawings().finally(() => setIsRefreshing(false));
-      if (!prevOpenRef.current) {
+      const isFirstOpen = !prevOpenRef.current;
+      if (isFirstOpen) {
         setPosition(null);
         setSearchQuery("");
         setSelectedId(null);
-        setExpandedFolders(new Set(foldersRef.current.map((f) => f.id)));
       }
+      setIsRefreshing(true);
+      refreshDrawings().then(() => {
+        if (isFirstOpen) {
+          setExpandedFolders(new Set(foldersRef.current.map((f) => f.id)));
+        }
+      }).finally(() => setIsRefreshing(false));
     }
     prevOpenRef.current = open;
   }, [open, refreshDrawings]);
@@ -1598,6 +1602,16 @@ var DrawingsDialog = ({
   const renderDrawingRow = (drawing) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     "div",
     {
+      draggable: !editingId && !confirmDeleteId,
+      onDragStart: (e) => {
+        setDraggingDrawingId(drawing.id);
+        e.dataTransfer.effectAllowed = "move";
+        e.dataTransfer.setData("text/plain", drawing.id);
+      },
+      onDragEnd: () => {
+        setDraggingDrawingId(null);
+        setDropTargetFolderId(null);
+      },
       onMouseEnter: () => setHoveredId(drawing.id),
       onMouseLeave: () => setHoveredId(null),
       onClick: (e) => {
@@ -1612,40 +1626,13 @@ var DrawingsDialog = ({
         gap: "12px",
         borderRadius: "8px",
         marginBottom: "4px",
-        cursor: "pointer",
+        cursor: draggingDrawingId ? "grabbing" : "pointer",
         backgroundColor: activeDrawing?.id === drawing.id ? "var(--color-primary-light, rgba(108, 99, 255, 0.1))" : selectedId === drawing.id ? "var(--color-primary-light, rgba(108, 99, 255, 0.06))" : "transparent",
         border: selectedId === drawing.id && activeDrawing?.id !== drawing.id ? "1px solid var(--color-primary, #6c63ff)" : "1px solid transparent",
         transition: "background-color 0.15s, border-color 0.15s",
         opacity: draggingDrawingId === drawing.id ? 0.4 : switchingId && switchingId !== drawing.id ? 0.5 : 1
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          "span",
-          {
-            draggable: !editingId && !confirmDeleteId,
-            onDragStart: (e) => {
-              setDraggingDrawingId(drawing.id);
-              e.dataTransfer.effectAllowed = "move";
-              e.dataTransfer.setData("text/plain", drawing.id);
-            },
-            onDragEnd: () => {
-              setDraggingDrawingId(null);
-              setDropTargetFolderId(null);
-            },
-            onClick: (e) => e.stopPropagation(),
-            style: {
-              cursor: "grab",
-              fontSize: "14px",
-              color: "var(--text-secondary-color, #aaa)",
-              flexShrink: 0,
-              userSelect: "none",
-              padding: "4px 2px",
-              visibility: hoveredId === drawing.id || selectedId === drawing.id || draggingDrawingId === drawing.id ? "visible" : "hidden"
-            },
-            title: t.moveToFolder,
-            children: "\u283F"
-          }
-        ),
         renderThumbnail && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: {
           width: "64px",
           height: "48px",
@@ -2135,8 +2122,7 @@ var DrawingsDialog = ({
                     icon: "\u{1F4C4}",
                     label: t.createNewDrawing,
                     description: t.createNewDrawingDesc,
-                    onClick: () => handleCreate(),
-                    primary: true
+                    onClick: () => handleCreate()
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(

package/dist/index.mjs

@@ -1362,14 +1362,18 @@ var DrawingsDialog = ({
   foldersRef.current = folders;
   useEffect3(() => {
     if (open) {
-      setIsRefreshing(true);
-      refreshDrawings().finally(() => setIsRefreshing(false));
-      if (!prevOpenRef.current) {
+      const isFirstOpen = !prevOpenRef.current;
+      if (isFirstOpen) {
         setPosition(null);
         setSearchQuery("");
         setSelectedId(null);
-        setExpandedFolders(new Set(foldersRef.current.map((f) => f.id)));
       }
+      setIsRefreshing(true);
+      refreshDrawings().then(() => {
+        if (isFirstOpen) {
+          setExpandedFolders(new Set(foldersRef.current.map((f) => f.id)));
+        }
+      }).finally(() => setIsRefreshing(false));
     }
     prevOpenRef.current = open;
   }, [open, refreshDrawings]);
@@ -1530,6 +1534,16 @@ var DrawingsDialog = ({
   const renderDrawingRow = (drawing) => /* @__PURE__ */ jsxs4(
     "div",
     {
+      draggable: !editingId && !confirmDeleteId,
+      onDragStart: (e) => {
+        setDraggingDrawingId(drawing.id);
+        e.dataTransfer.effectAllowed = "move";
+        e.dataTransfer.setData("text/plain", drawing.id);
+      },
+      onDragEnd: () => {
+        setDraggingDrawingId(null);
+        setDropTargetFolderId(null);
+      },
       onMouseEnter: () => setHoveredId(drawing.id),
       onMouseLeave: () => setHoveredId(null),
       onClick: (e) => {
@@ -1544,40 +1558,13 @@ var DrawingsDialog = ({
         gap: "12px",
         borderRadius: "8px",
         marginBottom: "4px",
-        cursor: "pointer",
+        cursor: draggingDrawingId ? "grabbing" : "pointer",
         backgroundColor: activeDrawing?.id === drawing.id ? "var(--color-primary-light, rgba(108, 99, 255, 0.1))" : selectedId === drawing.id ? "var(--color-primary-light, rgba(108, 99, 255, 0.06))" : "transparent",
         border: selectedId === drawing.id && activeDrawing?.id !== drawing.id ? "1px solid var(--color-primary, #6c63ff)" : "1px solid transparent",
         transition: "background-color 0.15s, border-color 0.15s",
         opacity: draggingDrawingId === drawing.id ? 0.4 : switchingId && switchingId !== drawing.id ? 0.5 : 1
       },
       children: [
-        /* @__PURE__ */ jsx6(
-          "span",
-          {
-            draggable: !editingId && !confirmDeleteId,
-            onDragStart: (e) => {
-              setDraggingDrawingId(drawing.id);
-              e.dataTransfer.effectAllowed = "move";
-              e.dataTransfer.setData("text/plain", drawing.id);
-            },
-            onDragEnd: () => {
-              setDraggingDrawingId(null);
-              setDropTargetFolderId(null);
-            },
-            onClick: (e) => e.stopPropagation(),
-            style: {
-              cursor: "grab",
-              fontSize: "14px",
-              color: "var(--text-secondary-color, #aaa)",
-              flexShrink: 0,
-              userSelect: "none",
-              padding: "4px 2px",
-              visibility: hoveredId === drawing.id || selectedId === drawing.id || draggingDrawingId === drawing.id ? "visible" : "hidden"
-            },
-            title: t.moveToFolder,
-            children: "\u283F"
-          }
-        ),
         renderThumbnail && /* @__PURE__ */ jsx6("div", { style: {
           width: "64px",
           height: "48px",
@@ -2067,8 +2054,7 @@ var DrawingsDialog = ({
                     icon: "\u{1F4C4}",
                     label: t.createNewDrawing,
                     description: t.createNewDrawingDesc,
-                    onClick: () => handleCreate(),
-                    primary: true
+                    onClick: () => handleCreate()
                   }
                 ),
                 /* @__PURE__ */ jsx6(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rita-workspace",
-  "version": "0.5.14",
+  "version": "0.5.15",
   "description": "Multi-drawing workspace feature for Rita (Excalidraw fork)",
   "main": "dist/index.js",
   "module": "dist/index.mjs",