@trops/dash-core 0.1.157 → 0.1.158

package/dist/index.js

@@ -654,6 +654,12 @@ var THEME_SAVE_ERROR = "theme-save-error";
 var THEME_DELETE = "theme-delete";
 var THEME_DELETE_COMPLETE = "theme-delete-complete";
 var THEME_DELETE_ERROR = "theme-delete-error";
+var THEME_EXTRACT_FROM_URL = "theme-extract-from-url";
+var THEME_EXTRACT_FROM_URL_COMPLETE = "theme-extract-from-url-complete";
+var THEME_EXTRACT_FROM_URL_ERROR = "theme-extract-from-url-error";
+var THEME_MAP_PALETTE = "theme-map-palette";
+var THEME_MAP_PALETTE_COMPLETE = "theme-map-palette-complete";
+var THEME_MAP_PALETTE_ERROR = "theme-map-palette-error";
 
 /**
  * Provider Events
@@ -846,9 +852,15 @@ var apiEvents = /*#__PURE__*/Object.freeze({
   THEME_DELETE: THEME_DELETE,
   THEME_DELETE_COMPLETE: THEME_DELETE_COMPLETE,
   THEME_DELETE_ERROR: THEME_DELETE_ERROR,
+  THEME_EXTRACT_FROM_URL: THEME_EXTRACT_FROM_URL,
+  THEME_EXTRACT_FROM_URL_COMPLETE: THEME_EXTRACT_FROM_URL_COMPLETE,
+  THEME_EXTRACT_FROM_URL_ERROR: THEME_EXTRACT_FROM_URL_ERROR,
   THEME_LIST: THEME_LIST,
   THEME_LIST_COMPLETE: THEME_LIST_COMPLETE,
   THEME_LIST_ERROR: THEME_LIST_ERROR,
+  THEME_MAP_PALETTE: THEME_MAP_PALETTE,
+  THEME_MAP_PALETTE_COMPLETE: THEME_MAP_PALETTE_COMPLETE,
+  THEME_MAP_PALETTE_ERROR: THEME_MAP_PALETTE_ERROR,
   THEME_SAVE: THEME_SAVE,
   THEME_SAVE_COMPLETE: THEME_SAVE_COMPLETE,
   THEME_SAVE_ERROR: THEME_SAVE_ERROR,
@@ -1128,17 +1140,59 @@ var ElectronDashboardApi = /*#__PURE__*/function () {
         return false;
       }
     }
+  }, {
+    key: "extractThemeFromUrl",
+    value: function extractThemeFromUrl(url, onSuccess, onError) {
+      var _this10 = this;
+      if (this.api !== null) {
+        try {
+          this.api.themeFromUrl.extractFromUrl(url).then(function (result) {
+            onSuccess(_this10.events.THEME_EXTRACT_FROM_URL_COMPLETE, result);
+          })["catch"](function (error) {
+            onError(_this10.events.THEME_EXTRACT_FROM_URL_ERROR, error);
+          });
+          return true;
+        } catch (e) {
+          onError(this.events.THEME_EXTRACT_FROM_URL_ERROR, e);
+          return false;
+        }
+      } else {
+        onError(this.events.THEME_EXTRACT_FROM_URL_ERROR, new Error("No Api found"));
+        return false;
+      }
+    }
+  }, {
+    key: "mapPaletteToTheme",
+    value: function mapPaletteToTheme(palette, overrides, onSuccess, onError) {
+      var _this11 = this;
+      if (this.api !== null) {
+        try {
+          this.api.themeFromUrl.mapPaletteToTheme(palette, overrides).then(function (result) {
+            onSuccess(_this11.events.THEME_MAP_PALETTE_COMPLETE, result);
+          })["catch"](function (error) {
+            onError(_this11.events.THEME_MAP_PALETTE_ERROR, error);
+          });
+          return true;
+        } catch (e) {
+          onError(this.events.THEME_MAP_PALETTE_ERROR, e);
+          return false;
+        }
+      } else {
+        onError(this.events.THEME_MAP_PALETTE_ERROR, new Error("No Api found"));
+        return false;
+      }
+    }
   }, {
     key: "listProviders",
     value: function listProviders(appId, onSuccess, onError) {
-      var _this10 = this;
+      var _this12 = this;
       if (this.api !== null) {
         try {
           // Handle the promise returned by the IPC call
           this.api.providers.listProviders(appId).then(function (result) {
-            onSuccess(_this10.events.PROVIDER_LIST_COMPLETE, result);
+            onSuccess(_this12.events.PROVIDER_LIST_COMPLETE, result);
           })["catch"](function (error) {
-            onError(_this10.events.PROVIDER_LIST_ERROR, error);
+            onError(_this12.events.PROVIDER_LIST_ERROR, error);
           });
           return true;
         } catch (e) {
@@ -1153,14 +1207,14 @@ var ElectronDashboardApi = /*#__PURE__*/function () {
   }, {
     key: "getProvider",
     value: function getProvider(appId, providerName, onSuccess, onError) {
-      var _this11 = this;
+      var _this13 = this;
       if (this.api !== null) {
         try {
           // Handle the promise returned by the IPC call
           this.api.providers.getProvider(appId, providerName).then(function (result) {
-            onSuccess(_this11.events.PROVIDER_GET_COMPLETE, result);
+            onSuccess(_this13.events.PROVIDER_GET_COMPLETE, result);
           })["catch"](function (error) {
-            onError(_this11.events.PROVIDER_GET_ERROR, error);
+            onError(_this13.events.PROVIDER_GET_ERROR, error);
           });
           return true;
         } catch (e) {
@@ -1175,7 +1229,7 @@ var ElectronDashboardApi = /*#__PURE__*/function () {
   }, {
     key: "saveProvider",
     value: function saveProvider(appId, providerName, providerData, onSuccess, onError) {
-      var _this12 = this;
+      var _this14 = this;
       if (this.api !== null) {
         try {
           // Handle the promise returned by the IPC call
@@ -1186,9 +1240,9 @@ var ElectronDashboardApi = /*#__PURE__*/function () {
             mcpConfig = providerData.mcpConfig,
             allowedTools = providerData.allowedTools;
           this.api.providers.saveProvider(appId, providerName, providerType, credentials, providerClass, mcpConfig, allowedTools).then(function (result) {
-            onSuccess(_this12.events.PROVIDER_SAVE_COMPLETE, result);
+            onSuccess(_this14.events.PROVIDER_SAVE_COMPLETE, result);
           })["catch"](function (error) {
-            onError(_this12.events.PROVIDER_SAVE_ERROR, error);
+            onError(_this14.events.PROVIDER_SAVE_ERROR, error);
           });
           return true;
         } catch (e) {
@@ -1203,13 +1257,13 @@ var ElectronDashboardApi = /*#__PURE__*/function () {
   }, {
     key: "deleteWorkspace",
     value: function deleteWorkspace(appId, workspaceId, onSuccess, onError) {
-      var _this13 = this;
+      var _this15 = this;
       if (this.api !== null) {
         try {
           this.api.workspace.deleteWorkspaceForApplication(appId, workspaceId).then(function (result) {
-            onSuccess(_this13.events.WORKSPACE_DELETE_COMPLETE, result);
+            onSuccess(_this15.events.WORKSPACE_DELETE_COMPLETE, result);
           })["catch"](function (error) {
-            onError(_this13.events.WORKSPACE_DELETE_ERROR, error);
+            onError(_this15.events.WORKSPACE_DELETE_ERROR, error);
           });
           return true;
         } catch (e) {
@@ -1224,13 +1278,13 @@ var ElectronDashboardApi = /*#__PURE__*/function () {
   }, {
     key: "deleteMenuItem",
     value: function deleteMenuItem(appId, menuItemId, onSuccess, onError) {
-      var _this14 = this;
+      var _this16 = this;
       if (this.api !== null) {
         try {
           this.api.menuItems.deleteMenuItem(appId, menuItemId).then(function (result) {
-            onSuccess(_this14.events.MENU_ITEMS_DELETE_COMPLETE, result);
+            onSuccess(_this16.events.MENU_ITEMS_DELETE_COMPLETE, result);
           })["catch"](function (error) {
-            onError(_this14.events.MENU_ITEMS_DELETE_ERROR, error);
+            onError(_this16.events.MENU_ITEMS_DELETE_ERROR, error);
           });
           return true;
         } catch (e) {
@@ -1245,13 +1299,13 @@ var ElectronDashboardApi = /*#__PURE__*/function () {
   }, {
     key: "deleteTheme",
     value: function deleteTheme(appId, themeKey, onSuccess, onError) {
-      var _this15 = this;
+      var _this17 = this;
       if (this.api !== null) {
         try {
           this.api.themes.deleteThemeForApplication(appId, themeKey).then(function (result) {
-            onSuccess(_this15.events.THEME_DELETE_COMPLETE, result);
+            onSuccess(_this17.events.THEME_DELETE_COMPLETE, result);
           })["catch"](function (error) {
-            onError(_this15.events.THEME_DELETE_ERROR, error);
+            onError(_this17.events.THEME_DELETE_ERROR, error);
           });
           return true;
         } catch (e) {
@@ -1286,13 +1340,13 @@ var ElectronDashboardApi = /*#__PURE__*/function () {
   }, {
     key: "openDataDirectory",
     value: function openDataDirectory(onSuccess, onError) {
-      var _this16 = this;
+      var _this18 = this;
       if (this.api !== null) {
         try {
           this.api.settings.getDataDirectory().then(function (result) {
             var dir = (result === null || result === void 0 ? void 0 : result.dataDirectory) || result;
-            if (dir && _this16.api.shell) {
-              _this16.api.shell.openPath(dir);
+            if (dir && _this18.api.shell) {
+              _this18.api.shell.openPath(dir);
             }
             onSuccess(null, result);
           })["catch"](function (error) {
@@ -1311,14 +1365,14 @@ var ElectronDashboardApi = /*#__PURE__*/function () {
   }, {
     key: "deleteProvider",
     value: function deleteProvider(appId, providerName, onSuccess, onError) {
-      var _this17 = this;
+      var _this19 = this;
       if (this.api !== null) {
         try {
           // Handle the promise returned by the IPC call
           this.api.providers.deleteProvider(appId, providerName).then(function (result) {
-            onSuccess(_this17.events.PROVIDER_DELETE_COMPLETE, result);
+            onSuccess(_this19.events.PROVIDER_DELETE_COMPLETE, result);
           })["catch"](function (error) {
-            onError(_this17.events.PROVIDER_DELETE_ERROR, error);
+            onError(_this19.events.PROVIDER_DELETE_ERROR, error);
           });
           return true;
         } catch (e) {
@@ -1336,13 +1390,13 @@ var ElectronDashboardApi = /*#__PURE__*/function () {
   }, {
     key: "mcpStartServer",
     value: function mcpStartServer(serverName, mcpConfig, credentials, onSuccess, onError) {
-      var _this18 = this;
+      var _this20 = this;
       if (this.api !== null) {
         try {
           this.api.mcp.startServer(serverName, mcpConfig, credentials).then(function (result) {
-            onSuccess(_this18.events.MCP_START_SERVER_COMPLETE, result);
+            onSuccess(_this20.events.MCP_START_SERVER_COMPLETE, result);
           })["catch"](function (error) {
-            onError(_this18.events.MCP_START_SERVER_ERROR, error);
+            onError(_this20.events.MCP_START_SERVER_ERROR, error);
           });
           return true;
         } catch (e) {
@@ -1357,13 +1411,13 @@ var ElectronDashboardApi = /*#__PURE__*/function () {
   }, {
     key: "mcpStopServer",
     value: function mcpStopServer(serverName, onSuccess, onError) {
-      var _this19 = this;
+      var _this21 = this;
       if (this.api !== null) {
         try {
           this.api.mcp.stopServer(serverName).then(function (result) {
-            onSuccess(_this19.events.MCP_STOP_SERVER_COMPLETE, result);
+            onSuccess(_this21.events.MCP_STOP_SERVER_COMPLETE, result);
           })["catch"](function (error) {
-            onError(_this19.events.MCP_STOP_SERVER_ERROR, error);
+            onError(_this21.events.MCP_STOP_SERVER_ERROR, error);
           });
           return true;
         } catch (e) {
@@ -1378,13 +1432,13 @@ var ElectronDashboardApi = /*#__PURE__*/function () {
   }, {
     key: "mcpCallTool",
     value: function mcpCallTool(serverName, toolName, args, allowedTools, onSuccess, onError) {
-      var _this20 = this;
+      var _this22 = this;
       if (this.api !== null) {
         try {
           this.api.mcp.callTool(serverName, toolName, args, allowedTools).then(function (result) {
-            onSuccess(_this20.events.MCP_CALL_TOOL_COMPLETE, result);
+            onSuccess(_this22.events.MCP_CALL_TOOL_COMPLETE, result);
           })["catch"](function (error) {
-            onError(_this20.events.MCP_CALL_TOOL_ERROR, error);
+            onError(_this22.events.MCP_CALL_TOOL_ERROR, error);
           });
           return true;
         } catch (e) {
@@ -1399,13 +1453,13 @@ var ElectronDashboardApi = /*#__PURE__*/function () {
   }, {
     key: "mcpListTools",
     value: function mcpListTools(serverName, onSuccess, onError) {
-      var _this21 = this;
+      var _this23 = this;
       if (this.api !== null) {
         try {
           this.api.mcp.listTools(serverName).then(function (result) {
-            onSuccess(_this21.events.MCP_LIST_TOOLS_COMPLETE, result);
+            onSuccess(_this23.events.MCP_LIST_TOOLS_COMPLETE, result);
           })["catch"](function (error) {
-            onError(_this21.events.MCP_LIST_TOOLS_ERROR, error);
+            onError(_this23.events.MCP_LIST_TOOLS_ERROR, error);
           });
           return true;
         } catch (e) {
@@ -1420,13 +1474,13 @@ var ElectronDashboardApi = /*#__PURE__*/function () {
   }, {
     key: "mcpListResources",
     value: function mcpListResources(serverName, onSuccess, onError) {
-      var _this22 = this;
+      var _this24 = this;
       if (this.api !== null) {
         try {
           this.api.mcp.listResources(serverName).then(function (result) {
-            onSuccess(_this22.events.MCP_LIST_RESOURCES_COMPLETE, result);
+            onSuccess(_this24.events.MCP_LIST_RESOURCES_COMPLETE, result);
           })["catch"](function (error) {
-            onError(_this22.events.MCP_LIST_RESOURCES_ERROR, error);
+            onError(_this24.events.MCP_LIST_RESOURCES_ERROR, error);
           });
           return true;
         } catch (e) {
@@ -1441,13 +1495,13 @@ var ElectronDashboardApi = /*#__PURE__*/function () {
   }, {
     key: "mcpReadResource",
     value: function mcpReadResource(serverName, uri, onSuccess, onError) {
-      var _this23 = this;
+      var _this25 = this;
       if (this.api !== null) {
         try {
           this.api.mcp.readResource(serverName, uri).then(function (result) {
-            onSuccess(_this23.events.MCP_READ_RESOURCE_COMPLETE, result);
+            onSuccess(_this25.events.MCP_READ_RESOURCE_COMPLETE, result);
           })["catch"](function (error) {
-            onError(_this23.events.MCP_READ_RESOURCE_ERROR, error);
+            onError(_this25.events.MCP_READ_RESOURCE_ERROR, error);
           });
           return true;
         } catch (e) {
@@ -1462,13 +1516,13 @@ var ElectronDashboardApi = /*#__PURE__*/function () {
   }, {
     key: "mcpGetServerStatus",
     value: function mcpGetServerStatus(serverName, onSuccess, onError) {
-      var _this24 = this;
+      var _this26 = this;
       if (this.api !== null) {
         try {
           this.api.mcp.getServerStatus(serverName).then(function (result) {
-            onSuccess(_this24.events.MCP_SERVER_STATUS_COMPLETE, result);
+            onSuccess(_this26.events.MCP_SERVER_STATUS_COMPLETE, result);
           })["catch"](function (error) {
-            onError(_this24.events.MCP_SERVER_STATUS_ERROR, error);
+            onError(_this26.events.MCP_SERVER_STATUS_ERROR, error);
           });
           return true;
         } catch (e) {
@@ -1483,13 +1537,13 @@ var ElectronDashboardApi = /*#__PURE__*/function () {
   }, {
     key: "mcpGetCatalog",
     value: function mcpGetCatalog(onSuccess, onError) {
-      var _this25 = this;
+      var _this27 = this;
       if (this.api !== null) {
         try {
           this.api.mcp.getCatalog().then(function (result) {
-            onSuccess(_this25.events.MCP_GET_CATALOG_COMPLETE, result);
+            onSuccess(_this27.events.MCP_GET_CATALOG_COMPLETE, result);
           })["catch"](function (error) {
-            onError(_this25.events.MCP_GET_CATALOG_ERROR, error);
+            onError(_this27.events.MCP_GET_CATALOG_ERROR, error);
           });
           return true;
         } catch (e) {
@@ -1504,13 +1558,13 @@ var ElectronDashboardApi = /*#__PURE__*/function () {
   }, {
     key: "mcpRunAuth",
     value: function mcpRunAuth(mcpConfig, credentials, authCommand, onSuccess, onError) {
-      var _this26 = this;
+      var _this28 = this;
       if (this.api !== null) {
         try {
           this.api.mcp.runAuth(mcpConfig, credentials, authCommand).then(function (result) {
-            onSuccess(_this26.events.MCP_RUN_AUTH_COMPLETE, result);
+            onSuccess(_this28.events.MCP_RUN_AUTH_COMPLETE, result);
           })["catch"](function (error) {
-            onError(_this26.events.MCP_RUN_AUTH_ERROR, error);
+            onError(_this28.events.MCP_RUN_AUTH_ERROR, error);
           });
           return true;
         } catch (e) {
@@ -32139,7 +32193,8 @@ var GENERATE_MODES = {
   PRESETS: "presets",
   COLOR: "color",
   WIZARD: "wizard",
-  CHOOSER: "chooser"
+  CHOOSER: "chooser",
+  FROM_URL: "from-url"
 };
 
 // ─── Preset Gallery ──────────────────────────────────────────────────────
@@ -32404,7 +32459,11 @@ var ThemeQuickCreate = function ThemeQuickCreate(_ref8) {
     setWizardMethod = _ref8.setWizardMethod,
     wizardTheme = _ref8.wizardTheme,
     setWizardTheme = _ref8.setWizardTheme,
-    onComplete = _ref8.onComplete;
+    onComplete = _ref8.onComplete,
+    _ref8$onExtract = _ref8.onExtract,
+    onExtract = _ref8$onExtract === void 0 ? null : _ref8$onExtract,
+    _ref8$onMapToTheme = _ref8.onMapToTheme,
+    onMapToTheme = _ref8$onMapToTheme === void 0 ? null : _ref8$onMapToTheme;
   var canCreate = wizardName.trim().length > 0 && wizardTheme !== null;
   function handleMethodSelect(method) {
     setWizardMethod(method);
@@ -32458,6 +32517,14 @@ var ThemeQuickCreate = function ThemeQuickCreate(_ref8) {
           onClick: function onClick() {
             return handleMethodSelect("color");
           }
+        }), onExtract && /*#__PURE__*/jsxRuntime.jsx(MethodCard, {
+          icon: "globe",
+          title: "From Website",
+          subtitle: "Extract colors from any URL",
+          selected: wizardMethod === "from-url",
+          onClick: function onClick() {
+            return handleMethodSelect("from-url");
+          }
         })]
       })]
     }), wizardMethod === "presets" && /*#__PURE__*/jsxRuntime.jsx(PresetGallery, {
@@ -32476,6 +32543,13 @@ var ThemeQuickCreate = function ThemeQuickCreate(_ref8) {
         return setWizardTheme(theme);
       },
       inline: true
+    }), wizardMethod === "from-url" && onExtract && /*#__PURE__*/jsxRuntime.jsx(DashReact.ThemeFromUrlPane, {
+      onExtract: onExtract,
+      onMapToTheme: onMapToTheme,
+      onGenerate: function onGenerate(theme) {
+        return setWizardTheme(theme);
+      },
+      inline: true
     }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, {
       title: "Create Theme",
       onClick: onComplete,
@@ -32510,7 +32584,9 @@ var ChooserCard = function ChooserCard(_ref) {
 };
 var ThemeNewChooser = function ThemeNewChooser(_ref2) {
   var onSearchThemes = _ref2.onSearchThemes,
-    onCreateNew = _ref2.onCreateNew;
+    onCreateNew = _ref2.onCreateNew,
+    _ref2$onCreateFromUrl = _ref2.onCreateFromUrl,
+    onCreateFromUrl = _ref2$onCreateFromUrl === void 0 ? null : _ref2$onCreateFromUrl;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "flex flex-col gap-6 p-6 overflow-y-auto flex-1 min-h-0",
     children: [/*#__PURE__*/jsxRuntime.jsx("span", {
@@ -32528,6 +32604,11 @@ var ThemeNewChooser = function ThemeNewChooser(_ref2) {
         title: "Create New",
         subtitle: "Build from presets, random palettes, or color harmony rules",
         onClick: onCreateNew
+      }), onCreateFromUrl && /*#__PURE__*/jsxRuntime.jsx(ChooserCard, {
+        icon: "globe",
+        title: "From Website",
+        subtitle: "Extract colors from any URL to create a theme",
+        onClick: onCreateFromUrl
       })]
     })]
   });
@@ -33215,18 +33296,22 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
     _useState12 = _slicedToArray(_useState11, 2),
     isSearching = _useState12[0],
     setIsSearching = _useState12[1];
-  var _useState13 = React.useState(""),
+  var _useState13 = React.useState(false),
     _useState14 = _slicedToArray(_useState13, 2),
-    wizardName = _useState14[0],
-    setWizardName = _useState14[1];
-  var _useState15 = React.useState(null),
+    isFromUrl = _useState14[0],
+    setIsFromUrl = _useState14[1];
+  var _useState15 = React.useState(""),
     _useState16 = _slicedToArray(_useState15, 2),
-    wizardMethod = _useState16[0],
-    setWizardMethod = _useState16[1];
+    wizardName = _useState16[0],
+    setWizardName = _useState16[1];
   var _useState17 = React.useState(null),
     _useState18 = _slicedToArray(_useState17, 2),
-    wizardTheme = _useState18[0],
-    setWizardTheme = _useState18[1];
+    wizardMethod = _useState18[0],
+    setWizardMethod = _useState18[1];
+  var _useState19 = React.useState(null),
+    _useState20 = _slicedToArray(_useState19, 2),
+    wizardTheme = _useState20[0],
+    setWizardTheme = _useState20[1];
   var _React$useState = React.useState(),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     updateState = _React$useState2[1];
@@ -33242,6 +33327,7 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
       setIsCreating(false);
       setIsChoosingMode(false);
       setIsSearching(false);
+      setIsFromUrl(false);
     } else {
       if (themeKeySelected === null && themes) {
         var themeKeyTemp = settings && "theme" in settings ? settings["theme"] in themes ? settings["theme"] : Object.keys(themes)[0] : Object.keys(themes)[0];
@@ -33296,10 +33382,86 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
     setIsChoosingMode(false);
     setIsSearching(true);
   }
+  function handleChooseFromUrl() {
+    setIsChoosingMode(false);
+    setIsFromUrl(true);
+  }
   function handleBackFromSearch() {
     setIsSearching(false);
     setIsChoosingMode(true);
   }
+  function handleUrlExtract(_x) {
+    return _handleUrlExtract.apply(this, arguments);
+  }
+  function _handleUrlExtract() {
+    _handleUrlExtract = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(url) {
+      return _regeneratorRuntime.wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            return _context.abrupt("return", new Promise(function (resolve, reject) {
+              dashApi.extractThemeFromUrl(url, function (e, result) {
+                return resolve(result);
+              }, function (e, err) {
+                return reject(err);
+              });
+            }));
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return _handleUrlExtract.apply(this, arguments);
+  }
+  function handleUrlMapToTheme(_x2, _x3) {
+    return _handleUrlMapToTheme.apply(this, arguments);
+  }
+  function _handleUrlMapToTheme() {
+    _handleUrlMapToTheme = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(palette, roleAssignments) {
+      var overrides, _i, _Object$entries, _Object$entries$_i, role, index;
+      return _regeneratorRuntime.wrap(function (_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            overrides = {};
+            for (_i = 0, _Object$entries = Object.entries(roleAssignments); _i < _Object$entries.length; _i++) {
+              _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2), role = _Object$entries$_i[0], index = _Object$entries$_i[1];
+              if (palette[index]) {
+                overrides[role] = palette[index].hex;
+              }
+            }
+            return _context2.abrupt("return", new Promise(function (resolve, reject) {
+              dashApi.mapPaletteToTheme(palette, overrides, function (e, result) {
+                return resolve((result === null || result === void 0 ? void 0 : result.theme) || result);
+              }, function (e, err) {
+                return reject(err);
+              });
+            }));
+          case 1:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return _handleUrlMapToTheme.apply(this, arguments);
+  }
+  function handleUrlThemeGenerated(theme) {
+    var key = theme.id || "theme-".concat(Date.now());
+    var finalTheme = _objectSpread$b(_objectSpread$b({}, theme), {}, {
+      id: key
+    });
+    if (dashApi) {
+      dashApi.saveTheme(credentials.appId, key, finalTheme, function (e, message) {
+        changeThemesForApplication(message["themes"]);
+        setIsFromUrl(false);
+        var newThemes = message["themes"];
+        if (newThemes && newThemes[key]) {
+          setThemeKeySelected(key);
+          setThemeSelected(newThemes[key]);
+          setRawThemeSelected(finalTheme);
+        }
+      }, handleSaveThemeError);
+    }
+  }
   function handleWizardComplete() {
     if (!wizardTheme || !wizardName.trim()) return;
     var key = wizardTheme.id || "theme-".concat(Date.now());
@@ -33325,6 +33487,7 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
     setIsCreating(false);
     setIsChoosingMode(false);
     setIsSearching(false);
+    setIsFromUrl(false);
   }
   function handleSaveTheme() {
     if (themeKeySelected !== null && rawThemeSelected !== null) {
@@ -33403,7 +33566,8 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
               rawTheme: rawThemeSelected,
               wizardContent: isChoosingMode ? /*#__PURE__*/jsxRuntime.jsx(ThemeNewChooser, {
                 onSearchThemes: handleChooseSearch,
-                onCreateNew: handleChooseCreate
+                onCreateNew: handleChooseCreate,
+                onCreateFromUrl: handleChooseFromUrl
               }) : isSearching ? /*#__PURE__*/jsxRuntime.jsx(DiscoverThemesDetail, {
                 onBack: handleBackFromSearch,
                 appId: credentials === null || credentials === void 0 ? void 0 : credentials.appId,
@@ -33423,7 +33587,13 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
                 setWizardMethod: setWizardMethod,
                 wizardTheme: wizardTheme,
                 setWizardTheme: setWizardTheme,
-                onComplete: handleWizardComplete
+                onComplete: handleWizardComplete,
+                onExtract: handleUrlExtract,
+                onMapToTheme: handleUrlMapToTheme
+              }) : isFromUrl ? /*#__PURE__*/jsxRuntime.jsx(DashReact.ThemeFromUrlPane, {
+                onExtract: handleUrlExtract,
+                onMapToTheme: handleUrlMapToTheme,
+                onGenerate: handleUrlThemeGenerated
               }) : null
             }), !isCreating && themeSelected && isEditing === true && /*#__PURE__*/jsxRuntime.jsx(PanelTheme, {
               theme: themeSelected,
@@ -33444,13 +33614,13 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
                 children: themeKeySelected
               })]
             })
-          }), (isCreating || isChoosingMode || isSearching) && /*#__PURE__*/jsxRuntime.jsx("div", {
+          }), (isCreating || isChoosingMode || isSearching || isFromUrl) && /*#__PURE__*/jsxRuntime.jsx("div", {
             className: "flex flex-row space-x-2",
             children: /*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
               onClick: handleCancelCreate,
               title: "Cancel"
             })
-          }), !isCreating && !isChoosingMode && !isSearching && isEditing === false && /*#__PURE__*/jsxRuntime.jsxs("div", {
+          }), !isCreating && !isChoosingMode && !isSearching && !isFromUrl && isEditing === false && /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row space-x-2",
             children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
               onClick: function onClick() {
@@ -33469,7 +33639,7 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
               onClick: handleActivateTheme,
               title: "Activate"
             })]
-          }), !isCreating && !isChoosingMode && !isSearching && isEditing === true && /*#__PURE__*/jsxRuntime.jsxs("div", {
+          }), !isCreating && !isChoosingMode && !isSearching && !isFromUrl && isEditing === true && /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row space-x-2",
             children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
               onClick: function onClick() {
@@ -38953,6 +39123,68 @@ var ThemesSection = function ThemesSection(_ref) {
   function handleEdit() {
     if (onOpenThemeEditor) onOpenThemeEditor();
   }
+  function handleUrlExtract(_x) {
+    return _handleUrlExtract.apply(this, arguments);
+  }
+  function _handleUrlExtract() {
+    _handleUrlExtract = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(url) {
+      return _regeneratorRuntime.wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            return _context.abrupt("return", new Promise(function (resolve, reject) {
+              dashApi.extractThemeFromUrl(url, function (e, result) {
+                return resolve(result);
+              }, function (e, err) {
+                return reject(err);
+              });
+            }));
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return _handleUrlExtract.apply(this, arguments);
+  }
+  function handleUrlMapToTheme(_x2, _x3) {
+    return _handleUrlMapToTheme.apply(this, arguments);
+  }
+  function _handleUrlMapToTheme() {
+    _handleUrlMapToTheme = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(palette, roleAssignments) {
+      var overrides, _i, _Object$entries, _Object$entries$_i, role, index;
+      return _regeneratorRuntime.wrap(function (_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            overrides = {};
+            for (_i = 0, _Object$entries = Object.entries(roleAssignments); _i < _Object$entries.length; _i++) {
+              _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2), role = _Object$entries$_i[0], index = _Object$entries$_i[1];
+              if (palette[index]) {
+                overrides[role] = palette[index].hex;
+              }
+            }
+            return _context2.abrupt("return", new Promise(function (resolve, reject) {
+              dashApi.mapPaletteToTheme(palette, overrides, function (e, result) {
+                return resolve((result === null || result === void 0 ? void 0 : result.theme) || result);
+              }, function (e, err) {
+                return reject(err);
+              });
+            }));
+          case 1:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return _handleUrlMapToTheme.apply(this, arguments);
+  }
+  function handleUrlThemeGenerated(theme) {
+    if (!dashApi || !appId) return;
+    var key = theme.id || "theme-".concat(Date.now());
+    var finalTheme = _objectSpread$5(_objectSpread$5({}, theme), {}, {
+      id: key
+    });
+    saveAndSelectTheme(key, finalTheme);
+  }
   var listContent = /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "flex flex-col h-full",
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
@@ -39045,6 +39277,9 @@ var ThemesSection = function ThemesSection(_ref) {
       },
       onCreateNew: function onCreateNew() {
         setGenerateMode(GENERATE_MODES.WIZARD);
+      },
+      onCreateFromUrl: function onCreateFromUrl() {
+        setGenerateMode(GENERATE_MODES.FROM_URL);
       }
     });
   } else if (generateMode === GENERATE_MODES.WIZARD) {
@@ -39055,12 +39290,20 @@ var ThemesSection = function ThemesSection(_ref) {
       setWizardMethod: setWizardMethod,
       wizardTheme: wizardTheme,
       setWizardTheme: setWizardTheme,
-      onComplete: handleWizardComplete
+      onComplete: handleWizardComplete,
+      onExtract: handleUrlExtract,
+      onMapToTheme: handleUrlMapToTheme
     });
   } else if (generateMode === GENERATE_MODES.PRESETS) {
     detailContent = /*#__PURE__*/jsxRuntime.jsx(PresetGallery, {
       onSelect: handleCreateFromPreset
     });
+  } else if (generateMode === GENERATE_MODES.FROM_URL) {
+    detailContent = /*#__PURE__*/jsxRuntime.jsx(DashReact.ThemeFromUrlPane, {
+      onExtract: handleUrlExtract,
+      onMapToTheme: handleUrlMapToTheme,
+      onGenerate: handleUrlThemeGenerated
+    });
   } else if (generateMode === GENERATE_MODES.COLOR) {
     detailContent = /*#__PURE__*/jsxRuntime.jsx(ColorHarmonyPicker, {
       onGenerate: handleCreateFromHarmony
@@ -46205,9 +46448,15 @@ exports.SplitCellModal = SplitCellModal;
 exports.THEME_DELETE = THEME_DELETE;
 exports.THEME_DELETE_COMPLETE = THEME_DELETE_COMPLETE;
 exports.THEME_DELETE_ERROR = THEME_DELETE_ERROR;
+exports.THEME_EXTRACT_FROM_URL = THEME_EXTRACT_FROM_URL;
+exports.THEME_EXTRACT_FROM_URL_COMPLETE = THEME_EXTRACT_FROM_URL_COMPLETE;
+exports.THEME_EXTRACT_FROM_URL_ERROR = THEME_EXTRACT_FROM_URL_ERROR;
 exports.THEME_LIST = THEME_LIST;
 exports.THEME_LIST_COMPLETE = THEME_LIST_COMPLETE;
 exports.THEME_LIST_ERROR = THEME_LIST_ERROR;
+exports.THEME_MAP_PALETTE = THEME_MAP_PALETTE;
+exports.THEME_MAP_PALETTE_COMPLETE = THEME_MAP_PALETTE_COMPLETE;
+exports.THEME_MAP_PALETTE_ERROR = THEME_MAP_PALETTE_ERROR;
 exports.THEME_SAVE = THEME_SAVE;
 exports.THEME_SAVE_COMPLETE = THEME_SAVE_COMPLETE;
 exports.THEME_SAVE_ERROR = THEME_SAVE_ERROR;