microboard-ui-temp 0.1.113 → 0.1.115

package/dist/index.css

@@ -10483,6 +10483,7 @@ input.rename_i3VZwA {
   flex-direction: column;
   align-items:  center;
   gap: 24px;
+  max-width: 90vw;
   padding: 24px 16px 16px;
 }
 
@@ -10495,7 +10496,7 @@ input.rename_i3VZwA {
 
 .cardsRow_NAp5GQ {
   display: flex;
-  flex-direction: row;
+  flex-flow: wrap;
   justify-content: center;
   gap: 32px;
   margin-bottom: 8px;

package/dist/index.js

@@ -53022,7 +53022,7 @@ var require_safe_buffer = __commonJS((exports2, module2) => {
   };
 });
 
-// node_modules/to-buffer/node_modules/isarray/index.js
+// node_modules/isarray/index.js
 var require_isarray = __commonJS((exports2, module2) => {
   var toString6 = {}.toString;
   module2.exports = Array.isArray || function(arr2) {
@@ -64954,7 +64954,7 @@ var require_transaction_types = __commonJS((exports2) => {
   Object.defineProperty(exports2, "__esModule", { value: true });
 });
 
-// node_modules/semver/internal/constants.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/internal/constants.js
 var require_constants3 = __commonJS((exports2, module2) => {
   var SEMVER_SPEC_VERSION = "2.0.0";
   var MAX_LENGTH = 256;
@@ -64982,13 +64982,13 @@ var require_constants3 = __commonJS((exports2, module2) => {
   };
 });
 
-// node_modules/semver/internal/debug.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/internal/debug.js
 var require_debug = __commonJS((exports2, module2) => {
   var debug5 = typeof process === "object" && process.env && process.env.NODE_DEBUG && /\bsemver\b/i.test(process.env.NODE_DEBUG) ? (...args) => console.error("SEMVER", ...args) : () => {};
   module2.exports = debug5;
 });
 
-// node_modules/semver/internal/re.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/internal/re.js
 var require_re = __commonJS((exports2, module2) => {
   var {
     MAX_SAFE_COMPONENT_LENGTH,
@@ -65073,7 +65073,7 @@ var require_re = __commonJS((exports2, module2) => {
   createToken("GTE0PRE", "^\\s*>=\\s*0\\.0\\.0-0\\s*$");
 });
 
-// node_modules/semver/internal/parse-options.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/internal/parse-options.js
 var require_parse_options = __commonJS((exports2, module2) => {
   var looseOption = Object.freeze({ loose: true });
   var emptyOpts = Object.freeze({});
@@ -65089,7 +65089,7 @@ var require_parse_options = __commonJS((exports2, module2) => {
   module2.exports = parseOptions;
 });
 
-// node_modules/semver/internal/identifiers.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/internal/identifiers.js
 var require_identifiers = __commonJS((exports2, module2) => {
   var numeric = /^[0-9]+$/;
   var compareIdentifiers = (a5, b4) => {
@@ -65108,7 +65108,7 @@ var require_identifiers = __commonJS((exports2, module2) => {
   };
 });
 
-// node_modules/semver/classes/semver.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/classes/semver.js
 var require_semver = __commonJS((exports2, module2) => {
   var debug5 = require_debug();
   var { MAX_LENGTH, MAX_SAFE_INTEGER } = require_constants3();
@@ -65359,7 +65359,7 @@ var require_semver = __commonJS((exports2, module2) => {
   module2.exports = SemVer;
 });
 
-// node_modules/semver/functions/parse.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/parse.js
 var require_parse = __commonJS((exports2, module2) => {
   var SemVer = require_semver();
   var parse6 = (version9, options3, throwErrors = false) => {
@@ -65378,7 +65378,7 @@ var require_parse = __commonJS((exports2, module2) => {
   module2.exports = parse6;
 });
 
-// node_modules/semver/functions/valid.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/valid.js
 var require_valid = __commonJS((exports2, module2) => {
   var parse6 = require_parse();
   var valid2 = (version9, options3) => {
@@ -65388,7 +65388,7 @@ var require_valid = __commonJS((exports2, module2) => {
   module2.exports = valid2;
 });
 
-// node_modules/semver/functions/clean.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/clean.js
 var require_clean = __commonJS((exports2, module2) => {
   var parse6 = require_parse();
   var clean4 = (version9, options3) => {
@@ -65398,7 +65398,7 @@ var require_clean = __commonJS((exports2, module2) => {
   module2.exports = clean4;
 });
 
-// node_modules/semver/functions/inc.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/inc.js
 var require_inc = __commonJS((exports2, module2) => {
   var SemVer = require_semver();
   var inc = (version9, release2, options3, identifier, identifierBase) => {
@@ -65416,7 +65416,7 @@ var require_inc = __commonJS((exports2, module2) => {
   module2.exports = inc;
 });
 
-// node_modules/semver/functions/diff.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/diff.js
 var require_diff = __commonJS((exports2, module2) => {
   var parse6 = require_parse();
   var diff = (version1, version22) => {
@@ -65457,28 +65457,28 @@ var require_diff = __commonJS((exports2, module2) => {
   module2.exports = diff;
 });
 
-// node_modules/semver/functions/major.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/major.js
 var require_major = __commonJS((exports2, module2) => {
   var SemVer = require_semver();
   var major = (a5, loose) => new SemVer(a5, loose).major;
   module2.exports = major;
 });
 
-// node_modules/semver/functions/minor.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/minor.js
 var require_minor = __commonJS((exports2, module2) => {
   var SemVer = require_semver();
   var minor = (a5, loose) => new SemVer(a5, loose).minor;
   module2.exports = minor;
 });
 
-// node_modules/semver/functions/patch.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/patch.js
 var require_patch = __commonJS((exports2, module2) => {
   var SemVer = require_semver();
   var patch3 = (a5, loose) => new SemVer(a5, loose).patch;
   module2.exports = patch3;
 });
 
-// node_modules/semver/functions/prerelease.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/prerelease.js
 var require_prerelease = __commonJS((exports2, module2) => {
   var parse6 = require_parse();
   var prerelease = (version9, options3) => {
@@ -65488,28 +65488,28 @@ var require_prerelease = __commonJS((exports2, module2) => {
   module2.exports = prerelease;
 });
 
-// node_modules/semver/functions/compare.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/compare.js
 var require_compare = __commonJS((exports2, module2) => {
   var SemVer = require_semver();
   var compare4 = (a5, b4, loose) => new SemVer(a5, loose).compare(new SemVer(b4, loose));
   module2.exports = compare4;
 });
 
-// node_modules/semver/functions/rcompare.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/rcompare.js
 var require_rcompare = __commonJS((exports2, module2) => {
   var compare4 = require_compare();
   var rcompare = (a5, b4, loose) => compare4(b4, a5, loose);
   module2.exports = rcompare;
 });
 
-// node_modules/semver/functions/compare-loose.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/compare-loose.js
 var require_compare_loose = __commonJS((exports2, module2) => {
   var compare4 = require_compare();
   var compareLoose = (a5, b4) => compare4(a5, b4, true);
   module2.exports = compareLoose;
 });
 
-// node_modules/semver/functions/compare-build.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/compare-build.js
 var require_compare_build = __commonJS((exports2, module2) => {
   var SemVer = require_semver();
   var compareBuild = (a5, b4, loose) => {
@@ -65520,63 +65520,63 @@ var require_compare_build = __commonJS((exports2, module2) => {
   module2.exports = compareBuild;
 });
 
-// node_modules/semver/functions/sort.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/sort.js
 var require_sort = __commonJS((exports2, module2) => {
   var compareBuild = require_compare_build();
   var sort = (list6, loose) => list6.sort((a5, b4) => compareBuild(a5, b4, loose));
   module2.exports = sort;
 });
 
-// node_modules/semver/functions/rsort.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/rsort.js
 var require_rsort = __commonJS((exports2, module2) => {
   var compareBuild = require_compare_build();
   var rsort = (list6, loose) => list6.sort((a5, b4) => compareBuild(b4, a5, loose));
   module2.exports = rsort;
 });
 
-// node_modules/semver/functions/gt.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/gt.js
 var require_gt = __commonJS((exports2, module2) => {
   var compare4 = require_compare();
   var gt = (a5, b4, loose) => compare4(a5, b4, loose) > 0;
   module2.exports = gt;
 });
 
-// node_modules/semver/functions/lt.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/lt.js
 var require_lt = __commonJS((exports2, module2) => {
   var compare4 = require_compare();
   var lt = (a5, b4, loose) => compare4(a5, b4, loose) < 0;
   module2.exports = lt;
 });
 
-// node_modules/semver/functions/eq.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/eq.js
 var require_eq = __commonJS((exports2, module2) => {
   var compare4 = require_compare();
   var eq = (a5, b4, loose) => compare4(a5, b4, loose) === 0;
   module2.exports = eq;
 });
 
-// node_modules/semver/functions/neq.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/neq.js
 var require_neq = __commonJS((exports2, module2) => {
   var compare4 = require_compare();
   var neq = (a5, b4, loose) => compare4(a5, b4, loose) !== 0;
   module2.exports = neq;
 });
 
-// node_modules/semver/functions/gte.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/gte.js
 var require_gte = __commonJS((exports2, module2) => {
   var compare4 = require_compare();
   var gte = (a5, b4, loose) => compare4(a5, b4, loose) >= 0;
   module2.exports = gte;
 });
 
-// node_modules/semver/functions/lte.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/lte.js
 var require_lte = __commonJS((exports2, module2) => {
   var compare4 = require_compare();
   var lte = (a5, b4, loose) => compare4(a5, b4, loose) <= 0;
   module2.exports = lte;
 });
 
-// node_modules/semver/functions/cmp.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/cmp.js
 var require_cmp = __commonJS((exports2, module2) => {
   var eq = require_eq();
   var neq = require_neq();
@@ -65623,7 +65623,7 @@ var require_cmp = __commonJS((exports2, module2) => {
   module2.exports = cmp;
 });
 
-// node_modules/semver/functions/coerce.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/coerce.js
 var require_coerce = __commonJS((exports2, module2) => {
   var SemVer = require_semver();
   var parse6 = require_parse();
@@ -65666,7 +65666,7 @@ var require_coerce = __commonJS((exports2, module2) => {
   module2.exports = coerce;
 });
 
-// node_modules/semver/internal/lrucache.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/internal/lrucache.js
 var require_lrucache = __commonJS((exports2, module2) => {
   class LRUCache {
     constructor() {
@@ -65701,7 +65701,7 @@ var require_lrucache = __commonJS((exports2, module2) => {
   module2.exports = LRUCache;
 });
 
-// node_modules/semver/classes/range.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/classes/range.js
 var require_range2 = __commonJS((exports2, module2) => {
   var SPACE_CHARACTERS = /\s+/g;
 
@@ -66074,7 +66074,7 @@ var require_range2 = __commonJS((exports2, module2) => {
   };
 });
 
-// node_modules/semver/classes/comparator.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/classes/comparator.js
 var require_comparator = __commonJS((exports2, module2) => {
   var ANY = Symbol("SemVer ANY");
 
@@ -66185,7 +66185,7 @@ var require_comparator = __commonJS((exports2, module2) => {
   var Range2 = require_range2();
 });
 
-// node_modules/semver/functions/satisfies.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/satisfies.js
 var require_satisfies = __commonJS((exports2, module2) => {
   var Range2 = require_range2();
   var satisfies = (version9, range2, options3) => {
@@ -66199,14 +66199,14 @@ var require_satisfies = __commonJS((exports2, module2) => {
   module2.exports = satisfies;
 });
 
-// node_modules/semver/ranges/to-comparators.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/ranges/to-comparators.js
 var require_to_comparators = __commonJS((exports2, module2) => {
   var Range2 = require_range2();
   var toComparators = (range2, options3) => new Range2(range2, options3).set.map((comp) => comp.map((c4) => c4.value).join(" ").trim().split(" "));
   module2.exports = toComparators;
 });
 
-// node_modules/semver/ranges/max-satisfying.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/ranges/max-satisfying.js
 var require_max_satisfying = __commonJS((exports2, module2) => {
   var SemVer = require_semver();
   var Range2 = require_range2();
@@ -66232,7 +66232,7 @@ var require_max_satisfying = __commonJS((exports2, module2) => {
   module2.exports = maxSatisfying;
 });
 
-// node_modules/semver/ranges/min-satisfying.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/ranges/min-satisfying.js
 var require_min_satisfying = __commonJS((exports2, module2) => {
   var SemVer = require_semver();
   var Range2 = require_range2();
@@ -66258,7 +66258,7 @@ var require_min_satisfying = __commonJS((exports2, module2) => {
   module2.exports = minSatisfying;
 });
 
-// node_modules/semver/ranges/min-version.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/ranges/min-version.js
 var require_min_version = __commonJS((exports2, module2) => {
   var SemVer = require_semver();
   var Range2 = require_range2();
@@ -66312,7 +66312,7 @@ var require_min_version = __commonJS((exports2, module2) => {
   module2.exports = minVersion;
 });
 
-// node_modules/semver/ranges/valid.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/ranges/valid.js
 var require_valid2 = __commonJS((exports2, module2) => {
   var Range2 = require_range2();
   var validRange = (range2, options3) => {
@@ -66325,7 +66325,7 @@ var require_valid2 = __commonJS((exports2, module2) => {
   module2.exports = validRange;
 });
 
-// node_modules/semver/ranges/outside.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/ranges/outside.js
 var require_outside = __commonJS((exports2, module2) => {
   var SemVer = require_semver();
   var Comparator = require_comparator();
@@ -66391,21 +66391,21 @@ var require_outside = __commonJS((exports2, module2) => {
   module2.exports = outside;
 });
 
-// node_modules/semver/ranges/gtr.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/ranges/gtr.js
 var require_gtr = __commonJS((exports2, module2) => {
   var outside = require_outside();
   var gtr = (version9, range2, options3) => outside(version9, range2, ">", options3);
   module2.exports = gtr;
 });
 
-// node_modules/semver/ranges/ltr.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/ranges/ltr.js
 var require_ltr = __commonJS((exports2, module2) => {
   var outside = require_outside();
   var ltr = (version9, range2, options3) => outside(version9, range2, "<", options3);
   module2.exports = ltr;
 });
 
-// node_modules/semver/ranges/intersects.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/ranges/intersects.js
 var require_intersects = __commonJS((exports2, module2) => {
   var Range2 = require_range2();
   var intersects3 = (r1, r22, options3) => {
@@ -66416,7 +66416,7 @@ var require_intersects = __commonJS((exports2, module2) => {
   module2.exports = intersects3;
 });
 
-// node_modules/semver/ranges/simplify.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/ranges/simplify.js
 var require_simplify = __commonJS((exports2, module2) => {
   var satisfies = require_satisfies();
   var compare4 = require_compare();
@@ -66463,7 +66463,7 @@ var require_simplify = __commonJS((exports2, module2) => {
   };
 });
 
-// node_modules/semver/ranges/subset.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/ranges/subset.js
 var require_subset = __commonJS((exports2, module2) => {
   var Range2 = require_range2();
   var Comparator = require_comparator();
@@ -66623,7 +66623,7 @@ var require_subset = __commonJS((exports2, module2) => {
   module2.exports = subset;
 });
 
-// node_modules/semver/index.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/index.js
 var require_semver2 = __commonJS((exports2, module2) => {
   var internalRe = require_re();
   var constants3 = require_constants3();
@@ -198164,6 +198164,31 @@ var require_dist9 = __commonJS((exports2, module2) => {
   module2.exports = exports2["default"];
 });
 
+// node_modules/react-dom/client.js
+var require_client = __commonJS((exports2) => {
+  var m9 = __toESM(require_react_dom(), 1);
+  if (false) {} else {
+    i12 = m9.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    exports2.createRoot = function(c15, o11) {
+      i12.usingClientEntryPoint = true;
+      try {
+        return m9.createRoot(c15, o11);
+      } finally {
+        i12.usingClientEntryPoint = false;
+      }
+    };
+    exports2.hydrateRoot = function(c15, h15, o11) {
+      i12.usingClientEntryPoint = true;
+      try {
+        return m9.hydrateRoot(c15, h15, o11);
+      } finally {
+        i12.usingClientEntryPoint = false;
+      }
+    };
+  }
+  var i12;
+});
+
 // src/App/MediaHelpers.ts
 var validateMediaFile = (file, account) => {
   const fileExtension = file.name.split(".").pop()?.toLowerCase() || "";
@@ -360793,6 +360818,9 @@ class Location {
   }
 }
 
+// src/App/router.tsx
+var import_react442 = __toESM(require_react(), 1);
+
 // src/entities/AIInput/utils.ts
 var PLACEHOLDER_OFFSET = "\t\t\t\t\t\t\t\t\t\t\t\t";
 var getTextFromItem = (item) => {
@@ -439282,7 +439310,8 @@ function CreateCardsModal() {
     onClick: handleCoverClick,
     style: {
       width: cardDimensions.width,
-      height: cardDimensions.height
+      height: cardDimensions.height,
+      maxWidth: "80vw"
     }
   }, coverPreview ? /* @__PURE__ */ import_react353.default.createElement("img", {
     src: coverPreview,
@@ -439301,7 +439330,8 @@ function CreateCardsModal() {
     onClick: handleCardsClick,
     style: {
       width: cardDimensions.width,
-      height: cardDimensions.height
+      height: cardDimensions.height,
+      maxWidth: "80vw"
     }
   }, cardsPreview.length > 0 ? /* @__PURE__ */ import_react353.default.createElement("img", {
     src: cardsPreview[0],
@@ -448533,8 +448563,7 @@ var WheelEventLoggerPage = () => {
 };
 
 // src/App/router.tsx
-var import_react442 = __toESM(require_react(), 1);
-var import_react_dom19 = __toESM(require_react_dom(), 1);
+var import_client2 = __toESM(require_client(), 1);
 function getRender(app) {
   const router = createBrowserRouter([
     {
@@ -448542,12 +448571,9 @@ function getRender(app) {
         app
       }),
       children: [
-        {
-          path: "/",
-          element: /* @__PURE__ */ import_react442.default.createElement(Navigate2, {
-            to: "/boards/blank"
-          })
-        },
+        { path: "/", element: /* @__PURE__ */ import_react442.default.createElement(Navigate2, {
+          to: "/boards/blank"
+        }) },
         {
           path: "/auth",
           element: /* @__PURE__ */ import_react442.default.createElement(AuthLayout, {
@@ -448557,26 +448583,11 @@ function getRender(app) {
             {
               element: /* @__PURE__ */ import_react442.default.createElement(UnauthGuard, null),
               children: [
-                {
-                  path: "sign-up",
-                  element: /* @__PURE__ */ import_react442.default.createElement(SignupPage, null)
-                },
-                {
-                  path: "sign-in",
-                  element: /* @__PURE__ */ import_react442.default.createElement(SigninPage, null)
-                },
-                {
-                  path: "verify",
-                  element: /* @__PURE__ */ import_react442.default.createElement(VerifyMailPage, null)
-                },
-                {
-                  path: "restore-password",
-                  element: /* @__PURE__ */ import_react442.default.createElement(RestorePasswordPage, null)
-                },
-                {
-                  path: "forgot-password",
-                  element: /* @__PURE__ */ import_react442.default.createElement(ForgotPasswordPage, null)
-                }
+                { path: "sign-up", element: /* @__PURE__ */ import_react442.default.createElement(SignupPage, null) },
+                { path: "sign-in", element: /* @__PURE__ */ import_react442.default.createElement(SigninPage, null) },
+                { path: "verify", element: /* @__PURE__ */ import_react442.default.createElement(VerifyMailPage, null) },
+                { path: "restore-password", element: /* @__PURE__ */ import_react442.default.createElement(RestorePasswordPage, null) },
+                { path: "forgot-password", element: /* @__PURE__ */ import_react442.default.createElement(ForgotPasswordPage, null) }
               ]
             }
           ]
@@ -448585,53 +448596,48 @@ function getRender(app) {
           path: "/bind-email",
           element: /* @__PURE__ */ import_react442.default.createElement(AuthLayout, null),
           children: [
-            {
-              path: "add-email",
-              element: /* @__PURE__ */ import_react442.default.createElement(AddEmailPage, null)
-            },
-            {
-              path: "verify",
-              element: /* @__PURE__ */ import_react442.default.createElement(BindEmailPage, null)
-            }
+            { path: "add-email", element: /* @__PURE__ */ import_react442.default.createElement(AddEmailPage, null) },
+            { path: "verify", element: /* @__PURE__ */ import_react442.default.createElement(BindEmailPage, null) }
           ]
         },
-        {
-          path: "/welcome",
-          element: /* @__PURE__ */ import_react442.default.createElement(WelcomePage, null)
-        },
-        {
-          path: "/boards/:boardId?",
-          element: /* @__PURE__ */ import_react442.default.createElement(BoardPage, null)
-        },
-        {
-          path: "/selectBoard",
-          element: /* @__PURE__ */ import_react442.default.createElement(SelectBoardPage, null)
-        },
-        {
-          path: "/test-wheel",
-          element: /* @__PURE__ */ import_react442.default.createElement(WheelEventLoggerPage, null)
-        },
-        {
-          path: "/snapshots/:uid?",
-          element: /* @__PURE__ */ import_react442.default.createElement(HTMLSnapshot_default, null)
-        }
+        { path: "/welcome", element: /* @__PURE__ */ import_react442.default.createElement(WelcomePage, null) },
+        { path: "/boards/:boardId?", element: /* @__PURE__ */ import_react442.default.createElement(BoardPage, null) },
+        { path: "/selectBoard", element: /* @__PURE__ */ import_react442.default.createElement(SelectBoardPage, null) },
+        { path: "/test-wheel", element: /* @__PURE__ */ import_react442.default.createElement(WheelEventLoggerPage, null) },
+        { path: "/snapshots/:uid?", element: /* @__PURE__ */ import_react442.default.createElement(HTMLSnapshot_default, null) }
       ]
     }
   ]);
+  let root3 = null;
   return {
-    render: function() {
-      import_react_dom19.default.render(/* @__PURE__ */ import_react442.default.createElement(RouterProvider, {
+    render() {
+      const container = document.getElementById("root");
+      if (!container) {
+        throw new Error('Root container with id="root" not found');
+      }
+      if (!root3) {
+        root3 = import_client2.createRoot(container);
+      }
+      root3.render(/* @__PURE__ */ import_react442.default.createElement(RouterProvider, {
         router
-      }), document.getElementById("root"));
+      }));
     },
     router
   };
 }
-function getLocalRender(app, customId) {
-  return () => {
-    import_react_dom19.default.render(/* @__PURE__ */ import_react442.default.createElement(LocalAppLayout, {
+function getLocalRender(app) {
+  let root3 = null;
+  return (rootId) => {
+    const container = document.getElementById(rootId);
+    if (!container) {
+      throw new Error(`Container with id="${rootId}" not found`);
+    }
+    if (!root3) {
+      root3 = import_client2.createRoot(container);
+    }
+    root3.render(/* @__PURE__ */ import_react442.default.createElement(LocalAppLayout, {
       app
-    }, /* @__PURE__ */ import_react442.default.createElement(LocalSidePanelContextProvider, null, /* @__PURE__ */ import_react442.default.createElement(LocalAppView, null))), document.getElementById(customId));
+    }, /* @__PURE__ */ import_react442.default.createElement(LocalSidePanelContextProvider, null, /* @__PURE__ */ import_react442.default.createElement(LocalAppView, null))));
   };
 }
 
@@ -449293,8 +449299,8 @@ function createApp(isHistory = true) {
     await boardsList.claim();
     storage2.softClean();
   });
+  const { render: appRender, router } = getRender(app);
   function render2() {
-    const { render: render3, router } = getRender(app);
     boardSubject.subscribe(() => {
       boardsList.subject.publish();
     });
@@ -449323,11 +449329,11 @@ function createApp(isHistory = true) {
         variant: "error"
       });
     });
-    render3();
+    appRender();
   }
+  const localAppRender = getLocalRender(app);
   function localRender(id3) {
-    const render3 = getLocalRender(app, id3);
-    render3();
+    localAppRender(id3);
   }
   return app;
 }

package/dist/spa.css

@@ -10483,6 +10483,7 @@ input.rename_i3VZwA {
   flex-direction: column;
   align-items:  center;
   gap: 24px;
+  max-width: 90vw;
   padding: 24px 16px 16px;
 }
 
@@ -10495,7 +10496,7 @@ input.rename_i3VZwA {
 
 .cardsRow_NAp5GQ {
   display: flex;
-  flex-direction: row;
+  flex-flow: wrap;
   justify-content: center;
   gap: 32px;
   margin-bottom: 8px;

package/dist/spa.js

@@ -53022,7 +53022,7 @@ var require_safe_buffer = __commonJS((exports2, module2) => {
   };
 });
 
-// node_modules/to-buffer/node_modules/isarray/index.js
+// node_modules/isarray/index.js
 var require_isarray = __commonJS((exports2, module2) => {
   var toString6 = {}.toString;
   module2.exports = Array.isArray || function(arr2) {
@@ -64954,7 +64954,7 @@ var require_transaction_types = __commonJS((exports2) => {
   Object.defineProperty(exports2, "__esModule", { value: true });
 });
 
-// node_modules/semver/internal/constants.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/internal/constants.js
 var require_constants3 = __commonJS((exports2, module2) => {
   var SEMVER_SPEC_VERSION = "2.0.0";
   var MAX_LENGTH = 256;
@@ -64982,13 +64982,13 @@ var require_constants3 = __commonJS((exports2, module2) => {
   };
 });
 
-// node_modules/semver/internal/debug.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/internal/debug.js
 var require_debug = __commonJS((exports2, module2) => {
   var debug5 = typeof process === "object" && process.env && process.env.NODE_DEBUG && /\bsemver\b/i.test(process.env.NODE_DEBUG) ? (...args) => console.error("SEMVER", ...args) : () => {};
   module2.exports = debug5;
 });
 
-// node_modules/semver/internal/re.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/internal/re.js
 var require_re = __commonJS((exports2, module2) => {
   var {
     MAX_SAFE_COMPONENT_LENGTH,
@@ -65073,7 +65073,7 @@ var require_re = __commonJS((exports2, module2) => {
   createToken("GTE0PRE", "^\\s*>=\\s*0\\.0\\.0-0\\s*$");
 });
 
-// node_modules/semver/internal/parse-options.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/internal/parse-options.js
 var require_parse_options = __commonJS((exports2, module2) => {
   var looseOption = Object.freeze({ loose: true });
   var emptyOpts = Object.freeze({});
@@ -65089,7 +65089,7 @@ var require_parse_options = __commonJS((exports2, module2) => {
   module2.exports = parseOptions;
 });
 
-// node_modules/semver/internal/identifiers.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/internal/identifiers.js
 var require_identifiers = __commonJS((exports2, module2) => {
   var numeric = /^[0-9]+$/;
   var compareIdentifiers = (a5, b4) => {
@@ -65108,7 +65108,7 @@ var require_identifiers = __commonJS((exports2, module2) => {
   };
 });
 
-// node_modules/semver/classes/semver.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/classes/semver.js
 var require_semver = __commonJS((exports2, module2) => {
   var debug5 = require_debug();
   var { MAX_LENGTH, MAX_SAFE_INTEGER } = require_constants3();
@@ -65359,7 +65359,7 @@ var require_semver = __commonJS((exports2, module2) => {
   module2.exports = SemVer;
 });
 
-// node_modules/semver/functions/parse.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/parse.js
 var require_parse = __commonJS((exports2, module2) => {
   var SemVer = require_semver();
   var parse6 = (version9, options3, throwErrors = false) => {
@@ -65378,7 +65378,7 @@ var require_parse = __commonJS((exports2, module2) => {
   module2.exports = parse6;
 });
 
-// node_modules/semver/functions/valid.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/valid.js
 var require_valid = __commonJS((exports2, module2) => {
   var parse6 = require_parse();
   var valid2 = (version9, options3) => {
@@ -65388,7 +65388,7 @@ var require_valid = __commonJS((exports2, module2) => {
   module2.exports = valid2;
 });
 
-// node_modules/semver/functions/clean.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/clean.js
 var require_clean = __commonJS((exports2, module2) => {
   var parse6 = require_parse();
   var clean4 = (version9, options3) => {
@@ -65398,7 +65398,7 @@ var require_clean = __commonJS((exports2, module2) => {
   module2.exports = clean4;
 });
 
-// node_modules/semver/functions/inc.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/inc.js
 var require_inc = __commonJS((exports2, module2) => {
   var SemVer = require_semver();
   var inc = (version9, release2, options3, identifier, identifierBase) => {
@@ -65416,7 +65416,7 @@ var require_inc = __commonJS((exports2, module2) => {
   module2.exports = inc;
 });
 
-// node_modules/semver/functions/diff.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/diff.js
 var require_diff = __commonJS((exports2, module2) => {
   var parse6 = require_parse();
   var diff = (version1, version22) => {
@@ -65457,28 +65457,28 @@ var require_diff = __commonJS((exports2, module2) => {
   module2.exports = diff;
 });
 
-// node_modules/semver/functions/major.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/major.js
 var require_major = __commonJS((exports2, module2) => {
   var SemVer = require_semver();
   var major = (a5, loose) => new SemVer(a5, loose).major;
   module2.exports = major;
 });
 
-// node_modules/semver/functions/minor.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/minor.js
 var require_minor = __commonJS((exports2, module2) => {
   var SemVer = require_semver();
   var minor = (a5, loose) => new SemVer(a5, loose).minor;
   module2.exports = minor;
 });
 
-// node_modules/semver/functions/patch.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/patch.js
 var require_patch = __commonJS((exports2, module2) => {
   var SemVer = require_semver();
   var patch3 = (a5, loose) => new SemVer(a5, loose).patch;
   module2.exports = patch3;
 });
 
-// node_modules/semver/functions/prerelease.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/prerelease.js
 var require_prerelease = __commonJS((exports2, module2) => {
   var parse6 = require_parse();
   var prerelease = (version9, options3) => {
@@ -65488,28 +65488,28 @@ var require_prerelease = __commonJS((exports2, module2) => {
   module2.exports = prerelease;
 });
 
-// node_modules/semver/functions/compare.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/compare.js
 var require_compare = __commonJS((exports2, module2) => {
   var SemVer = require_semver();
   var compare4 = (a5, b4, loose) => new SemVer(a5, loose).compare(new SemVer(b4, loose));
   module2.exports = compare4;
 });
 
-// node_modules/semver/functions/rcompare.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/rcompare.js
 var require_rcompare = __commonJS((exports2, module2) => {
   var compare4 = require_compare();
   var rcompare = (a5, b4, loose) => compare4(b4, a5, loose);
   module2.exports = rcompare;
 });
 
-// node_modules/semver/functions/compare-loose.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/compare-loose.js
 var require_compare_loose = __commonJS((exports2, module2) => {
   var compare4 = require_compare();
   var compareLoose = (a5, b4) => compare4(a5, b4, true);
   module2.exports = compareLoose;
 });
 
-// node_modules/semver/functions/compare-build.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/compare-build.js
 var require_compare_build = __commonJS((exports2, module2) => {
   var SemVer = require_semver();
   var compareBuild = (a5, b4, loose) => {
@@ -65520,63 +65520,63 @@ var require_compare_build = __commonJS((exports2, module2) => {
   module2.exports = compareBuild;
 });
 
-// node_modules/semver/functions/sort.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/sort.js
 var require_sort = __commonJS((exports2, module2) => {
   var compareBuild = require_compare_build();
   var sort = (list6, loose) => list6.sort((a5, b4) => compareBuild(a5, b4, loose));
   module2.exports = sort;
 });
 
-// node_modules/semver/functions/rsort.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/rsort.js
 var require_rsort = __commonJS((exports2, module2) => {
   var compareBuild = require_compare_build();
   var rsort = (list6, loose) => list6.sort((a5, b4) => compareBuild(b4, a5, loose));
   module2.exports = rsort;
 });
 
-// node_modules/semver/functions/gt.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/gt.js
 var require_gt = __commonJS((exports2, module2) => {
   var compare4 = require_compare();
   var gt = (a5, b4, loose) => compare4(a5, b4, loose) > 0;
   module2.exports = gt;
 });
 
-// node_modules/semver/functions/lt.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/lt.js
 var require_lt = __commonJS((exports2, module2) => {
   var compare4 = require_compare();
   var lt = (a5, b4, loose) => compare4(a5, b4, loose) < 0;
   module2.exports = lt;
 });
 
-// node_modules/semver/functions/eq.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/eq.js
 var require_eq = __commonJS((exports2, module2) => {
   var compare4 = require_compare();
   var eq = (a5, b4, loose) => compare4(a5, b4, loose) === 0;
   module2.exports = eq;
 });
 
-// node_modules/semver/functions/neq.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/neq.js
 var require_neq = __commonJS((exports2, module2) => {
   var compare4 = require_compare();
   var neq = (a5, b4, loose) => compare4(a5, b4, loose) !== 0;
   module2.exports = neq;
 });
 
-// node_modules/semver/functions/gte.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/gte.js
 var require_gte = __commonJS((exports2, module2) => {
   var compare4 = require_compare();
   var gte = (a5, b4, loose) => compare4(a5, b4, loose) >= 0;
   module2.exports = gte;
 });
 
-// node_modules/semver/functions/lte.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/lte.js
 var require_lte = __commonJS((exports2, module2) => {
   var compare4 = require_compare();
   var lte = (a5, b4, loose) => compare4(a5, b4, loose) <= 0;
   module2.exports = lte;
 });
 
-// node_modules/semver/functions/cmp.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/cmp.js
 var require_cmp = __commonJS((exports2, module2) => {
   var eq = require_eq();
   var neq = require_neq();
@@ -65623,7 +65623,7 @@ var require_cmp = __commonJS((exports2, module2) => {
   module2.exports = cmp;
 });
 
-// node_modules/semver/functions/coerce.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/coerce.js
 var require_coerce = __commonJS((exports2, module2) => {
   var SemVer = require_semver();
   var parse6 = require_parse();
@@ -65666,7 +65666,7 @@ var require_coerce = __commonJS((exports2, module2) => {
   module2.exports = coerce;
 });
 
-// node_modules/semver/internal/lrucache.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/internal/lrucache.js
 var require_lrucache = __commonJS((exports2, module2) => {
   class LRUCache {
     constructor() {
@@ -65701,7 +65701,7 @@ var require_lrucache = __commonJS((exports2, module2) => {
   module2.exports = LRUCache;
 });
 
-// node_modules/semver/classes/range.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/classes/range.js
 var require_range2 = __commonJS((exports2, module2) => {
   var SPACE_CHARACTERS = /\s+/g;
 
@@ -66074,7 +66074,7 @@ var require_range2 = __commonJS((exports2, module2) => {
   };
 });
 
-// node_modules/semver/classes/comparator.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/classes/comparator.js
 var require_comparator = __commonJS((exports2, module2) => {
   var ANY = Symbol("SemVer ANY");
 
@@ -66185,7 +66185,7 @@ var require_comparator = __commonJS((exports2, module2) => {
   var Range2 = require_range2();
 });
 
-// node_modules/semver/functions/satisfies.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/functions/satisfies.js
 var require_satisfies = __commonJS((exports2, module2) => {
   var Range2 = require_range2();
   var satisfies = (version9, range2, options3) => {
@@ -66199,14 +66199,14 @@ var require_satisfies = __commonJS((exports2, module2) => {
   module2.exports = satisfies;
 });
 
-// node_modules/semver/ranges/to-comparators.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/ranges/to-comparators.js
 var require_to_comparators = __commonJS((exports2, module2) => {
   var Range2 = require_range2();
   var toComparators = (range2, options3) => new Range2(range2, options3).set.map((comp) => comp.map((c4) => c4.value).join(" ").trim().split(" "));
   module2.exports = toComparators;
 });
 
-// node_modules/semver/ranges/max-satisfying.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/ranges/max-satisfying.js
 var require_max_satisfying = __commonJS((exports2, module2) => {
   var SemVer = require_semver();
   var Range2 = require_range2();
@@ -66232,7 +66232,7 @@ var require_max_satisfying = __commonJS((exports2, module2) => {
   module2.exports = maxSatisfying;
 });
 
-// node_modules/semver/ranges/min-satisfying.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/ranges/min-satisfying.js
 var require_min_satisfying = __commonJS((exports2, module2) => {
   var SemVer = require_semver();
   var Range2 = require_range2();
@@ -66258,7 +66258,7 @@ var require_min_satisfying = __commonJS((exports2, module2) => {
   module2.exports = minSatisfying;
 });
 
-// node_modules/semver/ranges/min-version.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/ranges/min-version.js
 var require_min_version = __commonJS((exports2, module2) => {
   var SemVer = require_semver();
   var Range2 = require_range2();
@@ -66312,7 +66312,7 @@ var require_min_version = __commonJS((exports2, module2) => {
   module2.exports = minVersion;
 });
 
-// node_modules/semver/ranges/valid.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/ranges/valid.js
 var require_valid2 = __commonJS((exports2, module2) => {
   var Range2 = require_range2();
   var validRange = (range2, options3) => {
@@ -66325,7 +66325,7 @@ var require_valid2 = __commonJS((exports2, module2) => {
   module2.exports = validRange;
 });
 
-// node_modules/semver/ranges/outside.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/ranges/outside.js
 var require_outside = __commonJS((exports2, module2) => {
   var SemVer = require_semver();
   var Comparator = require_comparator();
@@ -66391,21 +66391,21 @@ var require_outside = __commonJS((exports2, module2) => {
   module2.exports = outside;
 });
 
-// node_modules/semver/ranges/gtr.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/ranges/gtr.js
 var require_gtr = __commonJS((exports2, module2) => {
   var outside = require_outside();
   var gtr = (version9, range2, options3) => outside(version9, range2, ">", options3);
   module2.exports = gtr;
 });
 
-// node_modules/semver/ranges/ltr.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/ranges/ltr.js
 var require_ltr = __commonJS((exports2, module2) => {
   var outside = require_outside();
   var ltr = (version9, range2, options3) => outside(version9, range2, "<", options3);
   module2.exports = ltr;
 });
 
-// node_modules/semver/ranges/intersects.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/ranges/intersects.js
 var require_intersects = __commonJS((exports2, module2) => {
   var Range2 = require_range2();
   var intersects3 = (r1, r22, options3) => {
@@ -66416,7 +66416,7 @@ var require_intersects = __commonJS((exports2, module2) => {
   module2.exports = intersects3;
 });
 
-// node_modules/semver/ranges/simplify.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/ranges/simplify.js
 var require_simplify = __commonJS((exports2, module2) => {
   var satisfies = require_satisfies();
   var compare4 = require_compare();
@@ -66463,7 +66463,7 @@ var require_simplify = __commonJS((exports2, module2) => {
   };
 });
 
-// node_modules/semver/ranges/subset.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/ranges/subset.js
 var require_subset = __commonJS((exports2, module2) => {
   var Range2 = require_range2();
   var Comparator = require_comparator();
@@ -66623,7 +66623,7 @@ var require_subset = __commonJS((exports2, module2) => {
   module2.exports = subset;
 });
 
-// node_modules/semver/index.js
+// node_modules/eth-block-tracker/node_modules/@metamask/utils/node_modules/semver/index.js
 var require_semver2 = __commonJS((exports2, module2) => {
   var internalRe = require_re();
   var constants3 = require_constants3();
@@ -198164,6 +198164,31 @@ var require_dist9 = __commonJS((exports2, module2) => {
   module2.exports = exports2["default"];
 });
 
+// node_modules/react-dom/client.js
+var require_client = __commonJS((exports2) => {
+  var m9 = __toESM(require_react_dom(), 1);
+  if (false) {} else {
+    i12 = m9.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    exports2.createRoot = function(c15, o11) {
+      i12.usingClientEntryPoint = true;
+      try {
+        return m9.createRoot(c15, o11);
+      } finally {
+        i12.usingClientEntryPoint = false;
+      }
+    };
+    exports2.hydrateRoot = function(c15, h15, o11) {
+      i12.usingClientEntryPoint = true;
+      try {
+        return m9.hydrateRoot(c15, h15, o11);
+      } finally {
+        i12.usingClientEntryPoint = false;
+      }
+    };
+  }
+  var i12;
+});
+
 // src/App/MediaHelpers.ts
 var validateMediaFile = (file, account) => {
   const fileExtension = file.name.split(".").pop()?.toLowerCase() || "";
@@ -360793,6 +360818,9 @@ class Location {
   }
 }
 
+// src/App/router.tsx
+var import_react442 = __toESM(require_react(), 1);
+
 // src/entities/AIInput/utils.ts
 var PLACEHOLDER_OFFSET = "\t\t\t\t\t\t\t\t\t\t\t\t";
 var getTextFromItem = (item) => {
@@ -439282,7 +439310,8 @@ function CreateCardsModal() {
     onClick: handleCoverClick,
     style: {
       width: cardDimensions.width,
-      height: cardDimensions.height
+      height: cardDimensions.height,
+      maxWidth: "80vw"
     }
   }, coverPreview ? /* @__PURE__ */ import_react353.default.createElement("img", {
     src: coverPreview,
@@ -439301,7 +439330,8 @@ function CreateCardsModal() {
     onClick: handleCardsClick,
     style: {
       width: cardDimensions.width,
-      height: cardDimensions.height
+      height: cardDimensions.height,
+      maxWidth: "80vw"
     }
   }, cardsPreview.length > 0 ? /* @__PURE__ */ import_react353.default.createElement("img", {
     src: cardsPreview[0],
@@ -448533,8 +448563,7 @@ var WheelEventLoggerPage = () => {
 };
 
 // src/App/router.tsx
-var import_react442 = __toESM(require_react(), 1);
-var import_react_dom19 = __toESM(require_react_dom(), 1);
+var import_client2 = __toESM(require_client(), 1);
 function getRender(app) {
   const router = createBrowserRouter([
     {
@@ -448542,12 +448571,9 @@ function getRender(app) {
         app
       }),
       children: [
-        {
-          path: "/",
-          element: /* @__PURE__ */ import_react442.default.createElement(Navigate2, {
-            to: "/boards/blank"
-          })
-        },
+        { path: "/", element: /* @__PURE__ */ import_react442.default.createElement(Navigate2, {
+          to: "/boards/blank"
+        }) },
         {
           path: "/auth",
           element: /* @__PURE__ */ import_react442.default.createElement(AuthLayout, {
@@ -448557,26 +448583,11 @@ function getRender(app) {
             {
               element: /* @__PURE__ */ import_react442.default.createElement(UnauthGuard, null),
               children: [
-                {
-                  path: "sign-up",
-                  element: /* @__PURE__ */ import_react442.default.createElement(SignupPage, null)
-                },
-                {
-                  path: "sign-in",
-                  element: /* @__PURE__ */ import_react442.default.createElement(SigninPage, null)
-                },
-                {
-                  path: "verify",
-                  element: /* @__PURE__ */ import_react442.default.createElement(VerifyMailPage, null)
-                },
-                {
-                  path: "restore-password",
-                  element: /* @__PURE__ */ import_react442.default.createElement(RestorePasswordPage, null)
-                },
-                {
-                  path: "forgot-password",
-                  element: /* @__PURE__ */ import_react442.default.createElement(ForgotPasswordPage, null)
-                }
+                { path: "sign-up", element: /* @__PURE__ */ import_react442.default.createElement(SignupPage, null) },
+                { path: "sign-in", element: /* @__PURE__ */ import_react442.default.createElement(SigninPage, null) },
+                { path: "verify", element: /* @__PURE__ */ import_react442.default.createElement(VerifyMailPage, null) },
+                { path: "restore-password", element: /* @__PURE__ */ import_react442.default.createElement(RestorePasswordPage, null) },
+                { path: "forgot-password", element: /* @__PURE__ */ import_react442.default.createElement(ForgotPasswordPage, null) }
               ]
             }
           ]
@@ -448585,53 +448596,48 @@ function getRender(app) {
           path: "/bind-email",
           element: /* @__PURE__ */ import_react442.default.createElement(AuthLayout, null),
           children: [
-            {
-              path: "add-email",
-              element: /* @__PURE__ */ import_react442.default.createElement(AddEmailPage, null)
-            },
-            {
-              path: "verify",
-              element: /* @__PURE__ */ import_react442.default.createElement(BindEmailPage, null)
-            }
+            { path: "add-email", element: /* @__PURE__ */ import_react442.default.createElement(AddEmailPage, null) },
+            { path: "verify", element: /* @__PURE__ */ import_react442.default.createElement(BindEmailPage, null) }
           ]
         },
-        {
-          path: "/welcome",
-          element: /* @__PURE__ */ import_react442.default.createElement(WelcomePage, null)
-        },
-        {
-          path: "/boards/:boardId?",
-          element: /* @__PURE__ */ import_react442.default.createElement(BoardPage, null)
-        },
-        {
-          path: "/selectBoard",
-          element: /* @__PURE__ */ import_react442.default.createElement(SelectBoardPage, null)
-        },
-        {
-          path: "/test-wheel",
-          element: /* @__PURE__ */ import_react442.default.createElement(WheelEventLoggerPage, null)
-        },
-        {
-          path: "/snapshots/:uid?",
-          element: /* @__PURE__ */ import_react442.default.createElement(HTMLSnapshot_default, null)
-        }
+        { path: "/welcome", element: /* @__PURE__ */ import_react442.default.createElement(WelcomePage, null) },
+        { path: "/boards/:boardId?", element: /* @__PURE__ */ import_react442.default.createElement(BoardPage, null) },
+        { path: "/selectBoard", element: /* @__PURE__ */ import_react442.default.createElement(SelectBoardPage, null) },
+        { path: "/test-wheel", element: /* @__PURE__ */ import_react442.default.createElement(WheelEventLoggerPage, null) },
+        { path: "/snapshots/:uid?", element: /* @__PURE__ */ import_react442.default.createElement(HTMLSnapshot_default, null) }
       ]
     }
   ]);
+  let root3 = null;
   return {
-    render: function() {
-      import_react_dom19.default.render(/* @__PURE__ */ import_react442.default.createElement(RouterProvider, {
+    render() {
+      const container = document.getElementById("root");
+      if (!container) {
+        throw new Error('Root container with id="root" not found');
+      }
+      if (!root3) {
+        root3 = import_client2.createRoot(container);
+      }
+      root3.render(/* @__PURE__ */ import_react442.default.createElement(RouterProvider, {
         router
-      }), document.getElementById("root"));
+      }));
     },
     router
   };
 }
-function getLocalRender(app, customId) {
-  return () => {
-    import_react_dom19.default.render(/* @__PURE__ */ import_react442.default.createElement(LocalAppLayout, {
+function getLocalRender(app) {
+  let root3 = null;
+  return (rootId) => {
+    const container = document.getElementById(rootId);
+    if (!container) {
+      throw new Error(`Container with id="${rootId}" not found`);
+    }
+    if (!root3) {
+      root3 = import_client2.createRoot(container);
+    }
+    root3.render(/* @__PURE__ */ import_react442.default.createElement(LocalAppLayout, {
       app
-    }, /* @__PURE__ */ import_react442.default.createElement(LocalSidePanelContextProvider, null, /* @__PURE__ */ import_react442.default.createElement(LocalAppView, null))), document.getElementById(customId));
+    }, /* @__PURE__ */ import_react442.default.createElement(LocalSidePanelContextProvider, null, /* @__PURE__ */ import_react442.default.createElement(LocalAppView, null))));
   };
 }
 
@@ -449293,8 +449299,8 @@ function createApp(isHistory = true) {
     await boardsList.claim();
     storage2.softClean();
   });
+  const { render: appRender, router } = getRender(app);
   function render2() {
-    const { render: render3, router } = getRender(app);
     boardSubject.subscribe(() => {
       boardsList.subject.publish();
     });
@@ -449323,11 +449329,11 @@ function createApp(isHistory = true) {
         variant: "error"
       });
     });
-    render3();
+    appRender();
   }
+  const localAppRender = getLocalRender(app);
   function localRender(id3) {
-    const render3 = getLocalRender(app, id3);
-    render3();
+    localAppRender(id3);
   }
   return app;
 }

package/dist/types/App/router.d.ts

@@ -4,4 +4,4 @@ export declare function getRender(app: App): {
     render: () => void;
     router: ReturnType<typeof createBrowserRouter>;
 };
-export declare function getLocalRender(app: App, customId: string): () => void;
+export declare function getLocalRender(app: App): (rootId: string) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "microboard-ui-temp",
-  "version": "0.1.113",
+  "version": "0.1.115",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "type": "module",
@@ -42,8 +42,8 @@
   },
   "peerDependencies": {
     "typescript": "^5.8.3",
-    "react": "18.1.0",
-    "react-dom": "18.1.0",
+    "react": "19.1",
+    "react-dom": "19.1",
     "slate": "^0.114.0",
     "slate-react": "^0.114.2"
   },
@@ -54,10 +54,13 @@
     "@rainbow-me/rainbowkit": "^2.2.8",
     "@tanstack/react-query": "^5.81.5",
     "@tolgee/react": "^6.2.6",
+    "@typescript-eslint/parser": "^8.39.1",
     "@wagmi/connectors": "^5.8.5",
     "bun": "^1.2.18",
     "clsx": "^2.1.1",
     "esbuild": "^0.25.6",
+    "eslint": "^9.33.0",
+    "eslint-plugin-react": "^7.37.5",
     "ethers": "^6.15.0",
     "i18next": "^25.3.1",
     "i18next-browser-languagedetector": "^8.2.0",