rita-workspace 0.1.1 → 0.2.1

package/dist/index.js

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,6 +17,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -22,7 +32,9 @@ var index_exports = {};
 __export(index_exports, {
   DrawingList: () => DrawingList,
   DrawingListItem: () => DrawingListItem,
+  DrawingsDialog: () => DrawingsDialog,
   Sidebar: () => Sidebar,
+  WorkspaceMenuItems: () => WorkspaceMenuItems,
   WorkspacePlugin: () => WorkspacePlugin,
   WorkspaceProvider: () => WorkspaceProvider,
   addDrawingToWorkspace: () => addDrawingToWorkspace,
@@ -529,16 +541,521 @@ function Sidebar({ isOpen = true, onToggle, width = 250 }) {
   ] });
 }
 
+// src/ui/Menu/WorkspaceMenuItems.tsx
+var import_react4 = __toESM(require("react"));
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var DrawingsIcon = /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("rect", { x: "3", y: "3", width: "7", height: "7", rx: "1" }),
+  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("rect", { x: "14", y: "3", width: "7", height: "7", rx: "1" }),
+  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("rect", { x: "3", y: "14", width: "7", height: "7", rx: "1" }),
+  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("rect", { x: "14", y: "14", width: "7", height: "7", rx: "1" })
+] });
+var PlusIcon = /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+] });
+var DefaultMenuItem = ({ icon, children, onSelect, shortcut }) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  "button",
+  {
+    onClick: onSelect,
+    className: "rita-workspace-menu-item",
+    style: {
+      display: "flex",
+      alignItems: "center",
+      gap: "8px",
+      width: "100%",
+      padding: "8px 12px",
+      border: "none",
+      background: "none",
+      cursor: "pointer",
+      textAlign: "left",
+      fontSize: "14px"
+    },
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { width: "20px", height: "20px" }, children: icon }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { flex: 1 }, children }),
+      shortcut && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { opacity: 0.5, fontSize: "12px" }, children: shortcut })
+    ]
+  }
+);
+var WorkspaceMenuItems = ({
+  onDrawingSelect,
+  onManageDrawings,
+  renderMenuItem,
+  renderSubMenu,
+  renderSeparator
+}) => {
+  const { drawings, activeDrawing, switchDrawing, createNewDrawing } = useWorkspace();
+  const MenuItem = renderMenuItem || ((props) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DefaultMenuItem, { ...props }));
+  const Separator = renderSeparator || (() => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("hr", { style: { margin: "4px 0", border: "none", borderTop: "1px solid #ccc" } }));
+  const handleDrawingSelect = async (drawing) => {
+    await switchDrawing(drawing.id);
+    onDrawingSelect?.(drawing);
+  };
+  const handleNewDrawing = async () => {
+    await createNewDrawing();
+  };
+  if (renderSubMenu) {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: renderSubMenu({
+      trigger: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+        DrawingsIcon,
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { children: [
+          "Ritningar (",
+          drawings.length,
+          ")"
+        ] })
+      ] }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+        drawings.map((drawing) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react4.default.Fragment, { children: MenuItem({
+          icon: activeDrawing?.id === drawing.id ? "\u2713" : " ",
+          children: drawing.name,
+          onSelect: () => handleDrawingSelect(drawing)
+        }) }, drawing.id)),
+        drawings.length > 0 && Separator(),
+        MenuItem({
+          icon: PlusIcon,
+          children: "Ny ritning",
+          onSelect: handleNewDrawing,
+          shortcut: "Ctrl+Alt+N"
+        }),
+        onManageDrawings && MenuItem({
+          icon: DrawingsIcon,
+          children: "Hantera ritningar...",
+          onSelect: onManageDrawings
+        })
+      ] })
+    }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    MenuItem({
+      icon: PlusIcon,
+      children: "Ny ritning",
+      onSelect: handleNewDrawing,
+      shortcut: "Ctrl+Alt+N"
+    }),
+    drawings.slice(0, 5).map((drawing) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react4.default.Fragment, { children: MenuItem({
+      icon: activeDrawing?.id === drawing.id ? "\u2713" : DrawingsIcon,
+      children: drawing.name,
+      onSelect: () => handleDrawingSelect(drawing)
+    }) }, drawing.id)),
+    onManageDrawings && drawings.length > 5 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+      Separator(),
+      MenuItem({
+        icon: DrawingsIcon,
+        children: `Alla ritningar (${drawings.length})...`,
+        onSelect: onManageDrawings
+      })
+    ] })
+  ] });
+};
+
+// src/ui/Dialog/DrawingsDialog.tsx
+var import_react5 = require("react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var DrawingsDialog = ({
+  open,
+  onClose,
+  onDrawingSelect
+}) => {
+  const {
+    drawings,
+    activeDrawing,
+    switchDrawing,
+    createNewDrawing,
+    renameDrawing,
+    removeDrawing
+  } = useWorkspace();
+  const [editingId, setEditingId] = (0, import_react5.useState)(null);
+  const [editName, setEditName] = (0, import_react5.useState)("");
+  const [confirmDeleteId, setConfirmDeleteId] = (0, import_react5.useState)(null);
+  const handleSelect = (0, import_react5.useCallback)(async (drawing) => {
+    await switchDrawing(drawing.id);
+    onDrawingSelect?.(drawing);
+    onClose();
+  }, [switchDrawing, onDrawingSelect, onClose]);
+  const handleCreate = (0, import_react5.useCallback)(async () => {
+    const newDrawing = await createNewDrawing();
+    if (newDrawing) {
+      onDrawingSelect?.(newDrawing);
+      onClose();
+    }
+  }, [createNewDrawing, onDrawingSelect, onClose]);
+  const handleStartEdit = (0, import_react5.useCallback)((drawing) => {
+    setEditingId(drawing.id);
+    setEditName(drawing.name);
+  }, []);
+  const handleSaveEdit = (0, import_react5.useCallback)(async () => {
+    if (editingId && editName.trim()) {
+      await renameDrawing(editingId, editName.trim());
+      setEditingId(null);
+      setEditName("");
+    }
+  }, [editingId, editName, renameDrawing]);
+  const handleCancelEdit = (0, import_react5.useCallback)(() => {
+    setEditingId(null);
+    setEditName("");
+  }, []);
+  const handleDelete = (0, import_react5.useCallback)(async (id) => {
+    await removeDrawing(id);
+    setConfirmDeleteId(null);
+  }, [removeDrawing]);
+  const formatDate = (timestamp) => {
+    return new Date(timestamp).toLocaleString("sv-SE", {
+      year: "numeric",
+      month: "short",
+      day: "numeric",
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+  };
+  if (!open) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "div",
+    {
+      className: "rita-workspace-dialog-overlay",
+      style: {
+        position: "fixed",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        backgroundColor: "rgba(0, 0, 0, 0.5)",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        zIndex: 9999
+      },
+      onClick: (e) => {
+        if (e.target === e.currentTarget) onClose();
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+        "div",
+        {
+          className: "rita-workspace-dialog",
+          style: {
+            backgroundColor: "var(--island-bg-color, #fff)",
+            borderRadius: "8px",
+            boxShadow: "0 4px 24px rgba(0, 0, 0, 0.2)",
+            width: "90%",
+            maxWidth: "600px",
+            maxHeight: "80vh",
+            display: "flex",
+            flexDirection: "column",
+            color: "var(--text-primary-color, #1b1b1f)"
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+              "div",
+              {
+                style: {
+                  padding: "16px 20px",
+                  borderBottom: "1px solid var(--default-border-color, #e0e0e0)",
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "space-between"
+                },
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("h2", { style: { margin: 0, fontSize: "18px", fontWeight: 600 }, children: [
+                    "Ritningar (",
+                    drawings.length,
+                    ")"
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                    "button",
+                    {
+                      onClick: onClose,
+                      style: {
+                        background: "none",
+                        border: "none",
+                        fontSize: "24px",
+                        cursor: "pointer",
+                        padding: "4px",
+                        lineHeight: 1,
+                        color: "inherit"
+                      },
+                      "aria-label": "St\xE4ng",
+                      children: "\xD7"
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              "div",
+              {
+                style: {
+                  flex: 1,
+                  overflow: "auto",
+                  padding: "8px 0"
+                },
+                children: drawings.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+                  "div",
+                  {
+                    style: {
+                      padding: "40px 20px",
+                      textAlign: "center",
+                      color: "var(--text-secondary-color, #666)"
+                    },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: "Inga ritningar \xE4nnu." }),
+                      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: 'Klicka "Ny ritning" f\xF6r att b\xF6rja.' })
+                    ]
+                  }
+                ) : drawings.map((drawing) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+                  "div",
+                  {
+                    className: "rita-workspace-dialog-item",
+                    style: {
+                      padding: "12px 20px",
+                      display: "flex",
+                      alignItems: "center",
+                      gap: "12px",
+                      borderBottom: "1px solid var(--default-border-color, #f0f0f0)",
+                      backgroundColor: activeDrawing?.id === drawing.id ? "var(--color-primary-light, rgba(108, 99, 255, 0.1))" : "transparent"
+                    },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { flex: 1, minWidth: 0 }, children: editingId === drawing.id ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                        "input",
+                        {
+                          type: "text",
+                          value: editName,
+                          onChange: (e) => setEditName(e.target.value),
+                          onKeyDown: (e) => {
+                            if (e.key === "Enter") handleSaveEdit();
+                            if (e.key === "Escape") handleCancelEdit();
+                          },
+                          autoFocus: true,
+                          style: {
+                            width: "100%",
+                            padding: "4px 8px",
+                            fontSize: "14px",
+                            border: "1px solid var(--color-primary, #6c63ff)",
+                            borderRadius: "4px",
+                            outline: "none"
+                          }
+                        }
+                      ) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+                          "div",
+                          {
+                            style: {
+                              fontWeight: activeDrawing?.id === drawing.id ? 600 : 400,
+                              fontSize: "14px",
+                              overflow: "hidden",
+                              textOverflow: "ellipsis",
+                              whiteSpace: "nowrap"
+                            },
+                            children: [
+                              activeDrawing?.id === drawing.id && "\u2713 ",
+                              drawing.name
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+                          "div",
+                          {
+                            style: {
+                              fontSize: "12px",
+                              color: "var(--text-secondary-color, #888)",
+                              marginTop: "2px"
+                            },
+                            children: [
+                              "\xC4ndrad: ",
+                              formatDate(drawing.updatedAt)
+                            ]
+                          }
+                        )
+                      ] }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { display: "flex", gap: "4px" }, children: editingId === drawing.id ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                          "button",
+                          {
+                            onClick: handleSaveEdit,
+                            style: {
+                              padding: "6px 12px",
+                              fontSize: "12px",
+                              backgroundColor: "var(--color-primary, #6c63ff)",
+                              color: "#fff",
+                              border: "none",
+                              borderRadius: "4px",
+                              cursor: "pointer"
+                            },
+                            children: "Spara"
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                          "button",
+                          {
+                            onClick: handleCancelEdit,
+                            style: {
+                              padding: "6px 12px",
+                              fontSize: "12px",
+                              backgroundColor: "transparent",
+                              border: "1px solid var(--default-border-color, #ccc)",
+                              borderRadius: "4px",
+                              cursor: "pointer",
+                              color: "inherit"
+                            },
+                            children: "Avbryt"
+                          }
+                        )
+                      ] }) : confirmDeleteId === drawing.id ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                          "button",
+                          {
+                            onClick: () => handleDelete(drawing.id),
+                            style: {
+                              padding: "6px 12px",
+                              fontSize: "12px",
+                              backgroundColor: "#dc3545",
+                              color: "#fff",
+                              border: "none",
+                              borderRadius: "4px",
+                              cursor: "pointer"
+                            },
+                            children: "Ta bort"
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                          "button",
+                          {
+                            onClick: () => setConfirmDeleteId(null),
+                            style: {
+                              padding: "6px 12px",
+                              fontSize: "12px",
+                              backgroundColor: "transparent",
+                              border: "1px solid var(--default-border-color, #ccc)",
+                              borderRadius: "4px",
+                              cursor: "pointer",
+                              color: "inherit"
+                            },
+                            children: "Avbryt"
+                          }
+                        )
+                      ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                          "button",
+                          {
+                            onClick: () => handleSelect(drawing),
+                            style: {
+                              padding: "6px 12px",
+                              fontSize: "12px",
+                              backgroundColor: "var(--color-primary, #6c63ff)",
+                              color: "#fff",
+                              border: "none",
+                              borderRadius: "4px",
+                              cursor: "pointer"
+                            },
+                            disabled: activeDrawing?.id === drawing.id,
+                            children: "\xD6ppna"
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                          "button",
+                          {
+                            onClick: () => handleStartEdit(drawing),
+                            style: {
+                              padding: "6px 12px",
+                              fontSize: "12px",
+                              backgroundColor: "transparent",
+                              border: "1px solid var(--default-border-color, #ccc)",
+                              borderRadius: "4px",
+                              cursor: "pointer",
+                              color: "inherit"
+                            },
+                            title: "Byt namn",
+                            children: "\u270F\uFE0F"
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                          "button",
+                          {
+                            onClick: () => setConfirmDeleteId(drawing.id),
+                            style: {
+                              padding: "6px 12px",
+                              fontSize: "12px",
+                              backgroundColor: "transparent",
+                              border: "1px solid var(--default-border-color, #ccc)",
+                              borderRadius: "4px",
+                              cursor: "pointer",
+                              color: "inherit"
+                            },
+                            title: "Ta bort",
+                            disabled: drawings.length <= 1,
+                            children: "\u{1F5D1}\uFE0F"
+                          }
+                        )
+                      ] }) })
+                    ]
+                  },
+                  drawing.id
+                ))
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+              "div",
+              {
+                style: {
+                  padding: "16px 20px",
+                  borderTop: "1px solid var(--default-border-color, #e0e0e0)",
+                  display: "flex",
+                  justifyContent: "space-between",
+                  alignItems: "center"
+                },
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                    "button",
+                    {
+                      onClick: handleCreate,
+                      style: {
+                        padding: "10px 20px",
+                        fontSize: "14px",
+                        backgroundColor: "var(--color-primary, #6c63ff)",
+                        color: "#fff",
+                        border: "none",
+                        borderRadius: "6px",
+                        cursor: "pointer",
+                        fontWeight: 500
+                      },
+                      children: "+ Ny ritning"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                    "button",
+                    {
+                      onClick: onClose,
+                      style: {
+                        padding: "10px 20px",
+                        fontSize: "14px",
+                        backgroundColor: "transparent",
+                        border: "1px solid var(--default-border-color, #ccc)",
+                        borderRadius: "6px",
+                        cursor: "pointer",
+                        color: "inherit"
+                      },
+                      children: "St\xE4ng"
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+
 // src/integration/useExcalidrawBridge.ts
-var import_react4 = require("react");
+var import_react6 = require("react");
 function useExcalidrawBridge({
   excalidrawAPI,
   autoSaveInterval = 2e3
 }) {
   const { activeDrawing, saveCurrentDrawing } = useWorkspace();
-  const saveTimeoutRef = (0, import_react4.useRef)(null);
-  const lastDrawingIdRef = (0, import_react4.useRef)(null);
-  (0, import_react4.useEffect)(() => {
+  const saveTimeoutRef = (0, import_react6.useRef)(null);
+  const lastDrawingIdRef = (0, import_react6.useRef)(null);
+  (0, import_react6.useEffect)(() => {
     if (!excalidrawAPI || !activeDrawing) return;
     if (lastDrawingIdRef.current === activeDrawing.id) return;
     lastDrawingIdRef.current = activeDrawing.id;
@@ -547,7 +1064,7 @@ function useExcalidrawBridge({
       appState: activeDrawing.appState
     });
   }, [excalidrawAPI, activeDrawing]);
-  const scheduleSave = (0, import_react4.useCallback)(() => {
+  const scheduleSave = (0, import_react6.useCallback)(() => {
     if (!excalidrawAPI) return;
     if (saveTimeoutRef.current) {
       clearTimeout(saveTimeoutRef.current);
@@ -558,7 +1075,7 @@ function useExcalidrawBridge({
       await saveCurrentDrawing(elements, appState);
     }, autoSaveInterval);
   }, [excalidrawAPI, saveCurrentDrawing, autoSaveInterval]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     return () => {
       if (saveTimeoutRef.current) {
         clearTimeout(saveTimeoutRef.current);
@@ -571,16 +1088,16 @@ function useExcalidrawBridge({
 }
 
 // src/WorkspacePlugin.tsx
-var import_react5 = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_react7 = require("react");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function WorkspacePluginInner({
   children,
   defaultSidebarOpen = true,
   sidebarWidth = 250
 }) {
-  const [sidebarOpen, setSidebarOpen] = (0, import_react5.useState)(defaultSidebarOpen);
+  const [sidebarOpen, setSidebarOpen] = (0, import_react7.useState)(defaultSidebarOpen);
   const { activeDrawing } = useWorkspace();
-  (0, import_react5.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     const handleKeyDown = (e) => {
       if (e.ctrlKey && e.key === "b") {
         e.preventDefault();
@@ -593,10 +1110,10 @@ function WorkspacePluginInner({
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, []);
-  const handleToggleSidebar = (0, import_react5.useCallback)(() => {
+  const handleToggleSidebar = (0, import_react7.useCallback)(() => {
     setSidebarOpen((prev) => !prev);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     "div",
     {
       style: {
@@ -605,7 +1122,7 @@ function WorkspacePluginInner({
         width: "100%"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           Sidebar,
           {
             isOpen: sidebarOpen,
@@ -613,7 +1130,7 @@ function WorkspacePluginInner({
             width: sidebarWidth
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           "main",
           {
             style: {
@@ -629,13 +1146,15 @@ function WorkspacePluginInner({
   );
 }
 function WorkspacePlugin(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(WorkspaceProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(WorkspacePluginInner, { ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(WorkspaceProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(WorkspacePluginInner, { ...props }) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   DrawingList,
   DrawingListItem,
+  DrawingsDialog,
   Sidebar,
+  WorkspaceMenuItems,
   WorkspacePlugin,
   WorkspaceProvider,
   addDrawingToWorkspace,