rita-workspace 0.5.37 → 0.5.39

package/README.md

@@ -139,6 +139,12 @@ const [workspaceEnabled] = useState(() => {
 });
 ```
 
+### Cross-tab "last active drawing" memory
+
+The library writes `localStorage['rita-workspace-last-active-drawing']` whenever the active drawing changes. On mount in a tab without a session-pinned drawing (e.g. auto-start in a fresh tab), the active-drawing resolution falls back to this id before defaulting to the first drawing in the list. Users see the drawing they last edited rather than an arbitrary one.
+
+Resolution order: `sessionStorage['rita-workspace-tab-drawing']` → `localStorage['rita-workspace-last-active-drawing']` → `wsDrawings[0]`.
+
 ## API Reference
 
 ### Components

package/dist/index.css

@@ -166,3 +166,12 @@
 .toggleButton:hover {
   background: #e9ecef;
 }
+
+/* src/ui/Dialog/Dialog.css */
+.theme--dark .rita-thumbnail-wrapper {
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
+  border-color: rgba(255, 255, 255, 0.12);
+}
+.theme--dark .rita-thumbnail-wrapper img {
+  opacity: 0.88;
+}

package/dist/index.js

@@ -794,7 +794,13 @@ function WorkspaceProvider({ children, lang = "en" }) {
           active = wsDrawings.find((d) => d.id === lastDrawingId) || null;
         }
         if (!active && wsDrawings.length > 0) {
-          active = wsDrawings[0];
+          const globalLastActiveId = localStorage.getItem("rita-workspace-last-active-drawing");
+          if (globalLastActiveId) {
+            active = wsDrawings.find((d) => d.id === globalLastActiveId) || null;
+          }
+          if (!active) {
+            active = wsDrawings[0];
+          }
         }
         if (active) {
           setActiveDrawing2(active);
@@ -808,6 +814,11 @@ function WorkspaceProvider({ children, lang = "en" }) {
     }
     init();
   }, []);
+  (0, import_react.useEffect)(() => {
+    if (activeDrawing?.id) {
+      localStorage.setItem("rita-workspace-last-active-drawing", activeDrawing.id);
+    }
+  }, [activeDrawing?.id]);
   const refreshDrawings = (0, import_react.useCallback)(async () => {
     if (!workspace) return;
     try {
@@ -2016,18 +2027,26 @@ var DrawingsDialog = ({
           borderRadius: "2px",
           pointerEvents: "none"
         } }),
-        renderThumbnail && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: {
-          width: "64px",
-          height: "48px",
-          flexShrink: 0,
-          borderRadius: "4px",
-          overflow: "hidden",
-          border: "1px solid var(--default-border-color, #e0e0e0)",
-          backgroundColor: "#fff",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center"
-        }, children: renderThumbnail(drawing) }),
+        renderThumbnail && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          "div",
+          {
+            className: "rita-thumbnail-wrapper",
+            style: {
+              width: "64px",
+              height: "48px",
+              flexShrink: 0,
+              borderRadius: "4px",
+              overflow: "hidden",
+              border: "1px solid var(--default-border-color, #e0e0e0)",
+              backgroundColor: "var(--island-bg-color, #fff)",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              boxShadow: "inset 0 0 0 1px rgba(0,0,0,0.04)"
+            },
+            children: renderThumbnail(drawing)
+          }
+        ),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { flex: 1, minWidth: 0 }, children: editingId === drawing.id ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", gap: "6px", alignItems: "center" }, children: [
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             "input",

package/dist/index.mjs

@@ -722,7 +722,13 @@ function WorkspaceProvider({ children, lang = "en" }) {
           active = wsDrawings.find((d) => d.id === lastDrawingId) || null;
         }
         if (!active && wsDrawings.length > 0) {
-          active = wsDrawings[0];
+          const globalLastActiveId = localStorage.getItem("rita-workspace-last-active-drawing");
+          if (globalLastActiveId) {
+            active = wsDrawings.find((d) => d.id === globalLastActiveId) || null;
+          }
+          if (!active) {
+            active = wsDrawings[0];
+          }
         }
         if (active) {
           setActiveDrawing2(active);
@@ -736,6 +742,11 @@ function WorkspaceProvider({ children, lang = "en" }) {
     }
     init();
   }, []);
+  useEffect(() => {
+    if (activeDrawing?.id) {
+      localStorage.setItem("rita-workspace-last-active-drawing", activeDrawing.id);
+    }
+  }, [activeDrawing?.id]);
   const refreshDrawings = useCallback(async () => {
     if (!workspace) return;
     try {
@@ -1944,18 +1955,26 @@ var DrawingsDialog = ({
           borderRadius: "2px",
           pointerEvents: "none"
         } }),
-        renderThumbnail && /* @__PURE__ */ jsx6("div", { style: {
-          width: "64px",
-          height: "48px",
-          flexShrink: 0,
-          borderRadius: "4px",
-          overflow: "hidden",
-          border: "1px solid var(--default-border-color, #e0e0e0)",
-          backgroundColor: "#fff",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center"
-        }, children: renderThumbnail(drawing) }),
+        renderThumbnail && /* @__PURE__ */ jsx6(
+          "div",
+          {
+            className: "rita-thumbnail-wrapper",
+            style: {
+              width: "64px",
+              height: "48px",
+              flexShrink: 0,
+              borderRadius: "4px",
+              overflow: "hidden",
+              border: "1px solid var(--default-border-color, #e0e0e0)",
+              backgroundColor: "var(--island-bg-color, #fff)",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              boxShadow: "inset 0 0 0 1px rgba(0,0,0,0.04)"
+            },
+            children: renderThumbnail(drawing)
+          }
+        ),
         /* @__PURE__ */ jsx6("div", { style: { flex: 1, minWidth: 0 }, children: editingId === drawing.id ? /* @__PURE__ */ jsxs4("div", { style: { display: "flex", gap: "6px", alignItems: "center" }, children: [
           /* @__PURE__ */ jsx6(
             "input",

package/package.json

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