diff --git a/src/core/client.mjs b/src/core/client.mjs
index 3171fd7..9899313 100644
--- a/src/core/client.mjs
+++ b/src/core/client.mjs
@@ -11,8 +11,8 @@ import { MenuButton } from "./islands/MenuButton.mjs";
 import { TopbarButton } from "./islands/TopbarButton.mjs";
 import { Panel } from "./islands/Panel.mjs";
 
-const shouldLoadThemeOverrides = async (db) => {
-    const { getMods, isEnabled } = globalThis.__enhancerApi,
+const shouldLoadThemeOverrides = async (api, db) => {
+    const { getMods, isEnabled } = api,
       loadThemeOverrides = await db.get("loadThemeOverrides");
     if (loadThemeOverrides === "Enabled") return true;
     if (loadThemeOverrides === "Disabled") return false;
@@ -23,16 +23,16 @@ const shouldLoadThemeOverrides = async (db) => {
       return await isEnabled(mod.id);
     })).length;
   },
-  loadThemeOverrides = async (db) => {
-    const { html, enhancerUrl } = globalThis.__enhancerApi;
-    if (!(await shouldLoadThemeOverrides(db))) return;
+  loadThemeOverrides = async (api, db) => {
+    const { html, enhancerUrl } = api;
+    if (!(await shouldLoadThemeOverrides(api, db))) return;
     document.head.append(html`<link
       rel="stylesheet"
       href=${enhancerUrl("core/theme.css")}
     />`);
   },
-  insertCustomStyles = async (db) => {
-    const { html } = globalThis.__enhancerApi,
+  insertCustomStyles = async (api, db) => {
+    const { html } = api,
       customStyles = (await db.get("customStyles"))?.content;
     if (!customStyles) return;
     return document.head.append(html`<style>
@@ -40,11 +40,11 @@ const shouldLoadThemeOverrides = async (db) => {
     </style>`);
   };
 
-const insertMenu = async (db) => {
+const insertMenu = async (api, db) => {
   const notionSidebar = `.notion-sidebar-container .notion-sidebar > :nth-child(3) > div > :nth-child(2)`,
     notionSettingsAndMembers = `${notionSidebar} > [role="button"]:nth-child(3)`,
-    { html, addKeyListener, addMutationListener } = globalThis.__enhancerApi,
-    { platform, enhancerUrl, onMessage } = globalThis.__enhancerApi,
+    { html, addKeyListener, addMutationListener } = api,
+    { platform, enhancerUrl, onMessage } = api,
     menuButtonIconStyle = await db.get("menuButtonIconStyle"),
     openMenuHotkey = await db.get("openMenuHotkey"),
     menuPing = {
@@ -86,7 +86,7 @@ const insertMenu = async (db) => {
     $button = html`<${MenuButton}
       onclick=${$modal.open}
       notifications=${(await checkForUpdate()) ? 1 : 0}
-      themeOverridesLoaded=${await shouldLoadThemeOverrides(db)}
+      themeOverridesLoaded=${await shouldLoadThemeOverrides(api, db)}
       icon="notion-enhancer${menuButtonIconStyle === "Monochrome"
         ? "?mask"
         : " text-[16px]"}"
@@ -168,9 +168,9 @@ const insertPanel = async (api, db) => {
 
 export default async (api, db) =>
   Promise.all([
-    insertMenu(db),
+    insertMenu(api, db),
     insertPanel(api, db),
-    insertCustomStyles(db),
-    loadThemeOverrides(db),
+    insertCustomStyles(api, db),
+    loadThemeOverrides(api, db),
     sendTelemetryPing(),
   ]).then(() => api.sendMessage("notion-enhancer", "load-complete"));
diff --git a/src/core/islands/Modal.mjs b/src/core/islands/Modal.mjs
index b84a11a..dad3161 100644
--- a/src/core/islands/Modal.mjs
+++ b/src/core/islands/Modal.mjs
@@ -24,11 +24,19 @@ function Modal(props, ...children) {
       ${children}
     </div>
   </div>`;
-  $modal.open = () => {
+
+  let _openQueued;
+  $modal.open = async () => {
+    _openQueued = true;
+    while (!document.contains($modal)) {
+      if (!_openQueued) return;
+      await new Promise(requestAnimationFrame);
+    }
     $modal.setAttribute("open", "");
     $modal.onopen?.();
   };
   $modal.close = () => {
+    _openQueued = false;
     $modal.onbeforeclose?.();
     $modal.removeAttribute("open");
     $modal.style.pointerEvents = "auto";
diff --git a/src/core/islands/Panel.mjs b/src/core/islands/Panel.mjs
index 60b0033..7fb8aed 100644
--- a/src/core/islands/Panel.mjs
+++ b/src/core/islands/Panel.mjs
@@ -27,8 +27,9 @@ function Panel({
   transitionDuration = 300,
   ...props
 }) {
-  const { html, ...api } = globalThis.__enhancerApi;
-  api.extendProps(props, {
+  const { html, extendProps, setState } = globalThis.__enhancerApi,
+    { addMutationListener, removeMutationListener } = globalThis.__enhancerApi;
+  extendProps(props, {
     class: `notion-enhancer--side-panel order-2 shrink-0
     transition-[width] open:w-[var(--side\\_panel--width)]
     w-0 border-l-1 border-[color:var(--theme--fg-border)]
@@ -51,11 +52,9 @@ function Panel({
       <svg
         viewBox="0 0 16 16"
         class="w-[16px] h-[16px] fill-[color:var(--theme--fg-secondary)]"
-      >
-        <path
+      ><path
           d="M2.25781 14.1211C2.47656 14.1211 2.66797 14.0391 2.81836 13.8887L8.14355 8.67969C8.32812 8.49512 8.41699 8.29688 8.41699 8.06445C8.41699 7.8252 8.32812 7.62012 8.14355 7.44922L2.81836 2.24023C2.66797 2.08984 2.4834 2.00781 2.25781 2.00781C1.81348 2.00781 1.46484 2.35645 1.46484 2.80078C1.46484 3.0127 1.55371 3.21777 1.7041 3.375L6.50977 8.05762L1.7041 12.7539C1.55371 12.9043 1.46484 13.1094 1.46484 13.3281C1.46484 13.7725 1.81348 14.1211 2.25781 14.1211ZM8.36914 14.1211C8.58789 14.1211 8.77246 14.0391 8.92285 13.8887L14.2549 8.67969C14.4395 8.49512 14.5283 8.29688 14.5283 8.06445C14.5283 7.8252 14.4326 7.62012 14.2549 7.44922L8.92285 2.24023C8.77246 2.08984 8.58789 2.00781 8.36914 2.00781C7.9248 2.00781 7.56934 2.35645 7.56934 2.80078C7.56934 3.0127 7.66504 3.21777 7.81543 3.375L12.6211 8.05762L7.81543 12.7539C7.66504 12.9043 7.56934 13.1094 7.56934 13.3281C7.56934 13.7725 7.9248 14.1211 8.36914 14.1211Z"
-        ></path>
-      </svg>
+        ></path></svg>
     </div>`;
 
   const $panel = html`<aside ...${props}>
@@ -130,9 +129,9 @@ function Panel({
         };
       $notionHelp.style.setProperty("right", destination);
       $notionHelp.animate(keyframes, options);
-      api.removeMutationListener(repositionHelp);
+      removeMutationListener(repositionHelp);
     };
-  api.addMutationListener(notionHelp, repositionHelp);
+  addMutationListener(notionHelp, repositionHelp);
 
   $panel.resize = async (width) => {
     $tooltip.hide();
@@ -148,7 +147,7 @@ function Panel({
   $panel.open = () => {
     $panel.setAttribute("open", true);
     $panel.querySelectorAll("[tabindex]").forEach(($el) => ($el.tabIndex = 0));
-    api.setState({ panelOpen: true });
+    setState({ panelOpen: true });
     $panel.onopen?.();
     _setOpen(true);
     $panel.resize();
@@ -159,7 +158,7 @@ function Panel({
     $panel.removeAttribute("open");
     $panel.style.pointerEvents = "auto";
     $panel.querySelectorAll("[tabindex]").forEach(($el) => ($el.tabIndex = -1));
-    api.setState({ panelOpen: false });
+    setState({ panelOpen: false });
     repositionHelp();
     _setOpen(false);
     setTimeout(() => {
diff --git a/src/core/menu/islands/Banner.mjs b/src/core/menu/islands/Banner.mjs
index 264cd04..246ae44 100644
--- a/src/core/menu/islands/Banner.mjs
+++ b/src/core/menu/islands/Banner.mjs
@@ -68,7 +68,8 @@ function Circle(rect) {
 }
 
 function Banner({ updateAvailable, isDevelopmentBuild }) {
-  const { html, version, initDatabase, useState } = globalThis.__enhancerApi,
+  const { html, useState } = globalThis.__enhancerApi,
+    { version, initDatabase } = globalThis.__enhancerApi,
     $version = html`<button
       class="text-[12px] py-[2px] px-[6px] mt-[2px]
       font-medium leading-tight tracking-wide rounded-[3px]
diff --git a/src/core/menu/islands/Checkbox.mjs b/src/core/menu/islands/Checkbox.mjs
index 25c7438..c101ddf 100644
--- a/src/core/menu/islands/Checkbox.mjs
+++ b/src/core/menu/islands/Checkbox.mjs
@@ -6,8 +6,7 @@
 
 function Checkbox({ _get, _set, _requireReload = true, ...props }) {
   let _initialValue;
-  const { html, extendProps } = globalThis.__enhancerApi,
-    { setState, useState } = globalThis.__enhancerApi,
+  const { html, extendProps, setState, useState } = globalThis.__enhancerApi,
     $input = html`<input
       type="checkbox"
       class="hidden checked:sibling:(px-px
diff --git a/src/core/menu/islands/Footer.mjs b/src/core/menu/islands/Footer.mjs
index c9fda1d..6c968ba 100644
--- a/src/core/menu/islands/Footer.mjs
+++ b/src/core/menu/islands/Footer.mjs
@@ -7,8 +7,7 @@
 import { Button } from "./Button.mjs";
 
 function Footer({ categories }) {
-  const { html, reloadApp } = globalThis.__enhancerApi,
-    { setState, useState } = globalThis.__enhancerApi,
+  const { html, setState, useState, reloadApp } = globalThis.__enhancerApi,
     $reload = html`<${Button}
       class="ml-auto"
       variant="primary"
diff --git a/src/core/menu/islands/Input.mjs b/src/core/menu/islands/Input.mjs
index ce0998e..f1d9570 100644
--- a/src/core/menu/islands/Input.mjs
+++ b/src/core/menu/islands/Input.mjs
@@ -74,8 +74,7 @@ function Input({
   ...props
 }) {
   let $filename, $clear;
-  const { html, extendProps } = globalThis.__enhancerApi,
-    { setState, useState } = globalThis.__enhancerApi;
+  const { html, extendProps, setState, useState } = globalThis.__enhancerApi;
   Coloris({ format: "rgb" });
 
   type ??= "text";
diff --git a/src/core/menu/islands/List.mjs b/src/core/menu/islands/List.mjs
index 3b52481..94b9952 100644
--- a/src/core/menu/islands/List.mjs
+++ b/src/core/menu/islands/List.mjs
@@ -37,7 +37,8 @@ function Search({ items, itemType }) {
 }
 
 function List({ id, mods, description }) {
-  const { html, isEnabled, setEnabled, setState } = globalThis.__enhancerApi,
+  const { html, setState } = globalThis.__enhancerApi,
+    { isEnabled, setEnabled } = globalThis.__enhancerApi,
     $mods = mods.map((mod) => {
       const _get = () => isEnabled(mod.id),
         _set = async (enabled) => {
diff --git a/src/core/menu/islands/Mod.mjs b/src/core/menu/islands/Mod.mjs
index 7ca2fae..630953d 100644
--- a/src/core/menu/islands/Mod.mjs
+++ b/src/core/menu/islands/Mod.mjs
@@ -20,7 +20,7 @@ function Mod({
   _set,
   _src,
 }) {
-  const { html, enhancerUrl, setState } = globalThis.__enhancerApi,
+  const { html, setState, enhancerUrl } = globalThis.__enhancerApi,
     toggleId = Math.random().toString(36).slice(2, 5);
 
   return html`<label
diff --git a/src/core/menu/islands/Onboarding.mjs b/src/core/menu/islands/Onboarding.mjs
index a5e16e6..7117ef9 100644
--- a/src/core/menu/islands/Onboarding.mjs
+++ b/src/core/menu/islands/Onboarding.mjs
@@ -14,8 +14,8 @@ const privacyPolicy = "https://notion-enhancer.github.io/about/privacy-policy/",
   tsAndCs = "https://notion-enhancer.github.io/about/terms-and-conditions/";
 
 function Onboarding() {
-  const { html, version, initDatabase } = globalThis.__enhancerApi,
-    { setState, useState } = globalThis.__enhancerApi,
+  const { html, setState, useState } = globalThis.__enhancerApi,
+    { version, initDatabase } = globalThis.__enhancerApi,
     $submitAgreement = html`<${Button}
       icon="arrow-right"
       class="ml-auto"
diff --git a/src/core/menu/islands/Popup.mjs b/src/core/menu/islands/Popup.mjs
index 137e39b..a6873ce 100644
--- a/src/core/menu/islands/Popup.mjs
+++ b/src/core/menu/islands/Popup.mjs
@@ -5,8 +5,7 @@
  */
 
 function Popup({ trigger, ...props }, ...children) {
-  const { html, extendProps } = globalThis.__enhancerApi,
-    { setState, useState } = globalThis.__enhancerApi;
+  const { html, extendProps, setState, useState } = globalThis.__enhancerApi;
   extendProps(props, {
     class: `notion-enhancer--menu-popup
     group absolute top-0 left-0 w-full h-full
diff --git a/src/core/menu/islands/Profiles.mjs b/src/core/menu/islands/Profiles.mjs
index f2932c0..0b82379 100644
--- a/src/core/menu/islands/Profiles.mjs
+++ b/src/core/menu/islands/Profiles.mjs
@@ -12,8 +12,8 @@ import { Input } from "./Input.mjs";
 import { Popup } from "./Popup.mjs";
 
 function Profile({ id }) {
-  const { html, getProfile, initDatabase } = globalThis.__enhancerApi,
-    { setState, useState } = globalThis.__enhancerApi,
+  const { html, setState } = globalThis.__enhancerApi,
+    { getProfile, initDatabase } = globalThis.__enhancerApi,
     profile = initDatabase([id]),
     db = initDatabase();
 
@@ -179,8 +179,7 @@ function Profile({ id }) {
 }
 
 function Profiles() {
-  const { html, initDatabase } = globalThis.__enhancerApi,
-    { setState, useState } = globalThis.__enhancerApi,
+  const { html, setState, useState, initDatabase } = globalThis.__enhancerApi,
     $input = html`<${Input} icon="file-cog" />`,
     $list = html`<ul></ul>`;
 
diff --git a/src/core/menu/islands/Select.mjs b/src/core/menu/islands/Select.mjs
index 5292a2f..aea2b9f 100644
--- a/src/core/menu/islands/Select.mjs
+++ b/src/core/menu/islands/Select.mjs
@@ -7,8 +7,7 @@
 import { Popup } from "./Popup.mjs";
 
 function Option({ value, _get, _set }) {
-  const { html } = globalThis.__enhancerApi,
-    { setState, useState } = globalThis.__enhancerApi,
+  const { html, useState } = globalThis.__enhancerApi,
     $selected = html`<i class="ml-auto i-check w-[16px] h-[16px]"></i>`,
     $option = html`<div
       tabindex="0"
@@ -35,8 +34,7 @@ function Option({ value, _get, _set }) {
 
 function Select({ values, _get, _set, _requireReload = true, ...props }) {
   let _initialValue;
-  const { html } = globalThis.__enhancerApi,
-    { setState, useState } = globalThis.__enhancerApi,
+  const { html, setState, useState } = globalThis.__enhancerApi,
     // dir="rtl" overflows to the left during transition
     $select = html`<div
       dir="rtl"
diff --git a/src/core/menu/islands/Sidebar.mjs b/src/core/menu/islands/Sidebar.mjs
index 11fa398..8a0a562 100644
--- a/src/core/menu/islands/Sidebar.mjs
+++ b/src/core/menu/islands/Sidebar.mjs
@@ -7,8 +7,7 @@
 import { Description } from "./Description.mjs";
 
 function SidebarHeading({}, ...children) {
-  const { html } = globalThis.__enhancerApi,
-    { setState, useState } = globalThis.__enhancerApi;
+  const { html } = globalThis.__enhancerApi;
   return html`<h2
     class="flex items-center font-semibold leading-none
     text-([12px] [color:var(--theme--fg-secondary)])
@@ -19,8 +18,7 @@ function SidebarHeading({}, ...children) {
 }
 
 function SidebarButton({ id, icon, ...props }, ...children) {
-  const { html, extendProps } = globalThis.__enhancerApi,
-    { setState, useState } = globalThis.__enhancerApi,
+  const { html, extendProps, setState, useState } = globalThis.__enhancerApi,
     $btn = html`<${props["href"] ? "a" : "button"}
       class="flex items-center select-none text-[14px]
       min-h-[27px] px-[12px] my-px last:mb-[12px] w-full
@@ -52,9 +50,8 @@ function SidebarButton({ id, icon, ...props }, ...children) {
 }
 
 function Sidebar({ items, categories }) {
-  const { html, version } = globalThis.__enhancerApi,
-    { initDatabase, isEnabled } = globalThis.__enhancerApi,
-    { setState, useState } = globalThis.__enhancerApi,
+  const { html, useState } = globalThis.__enhancerApi,
+    { version, initDatabase, isEnabled } = globalThis.__enhancerApi,
     $agreeToUnlock = html`<span
       class="pt-[2px] pb-[5px] px-[15px] text-[12px]
       inline-block text-[color:var(--theme--fg-red)]"
diff --git a/src/core/menu/islands/Telemetry.mjs b/src/core/menu/islands/Telemetry.mjs
index 3b4cd5d..8aebc1e 100644
--- a/src/core/menu/islands/Telemetry.mjs
+++ b/src/core/menu/islands/Telemetry.mjs
@@ -9,8 +9,7 @@ import { Option } from "./Options.mjs";
 
 const privacyPolicy = "https://notion-enhancer.github.io/about/privacy-policy/";
 function Telemetry() {
-  const { html, initDatabase } = globalThis.__enhancerApi,
-    { setState, useState } = globalThis.__enhancerApi,
+  const { html, setState, useState, initDatabase } = globalThis.__enhancerApi,
     _get = async () => {
       // defaults to true, must be explicitly set to false to disable
       return (await initDatabase().get("telemetryEnabled")) ?? true;
diff --git a/src/core/menu/islands/Toggle.mjs b/src/core/menu/islands/Toggle.mjs
index b6486bb..fea7b60 100644
--- a/src/core/menu/islands/Toggle.mjs
+++ b/src/core/menu/islands/Toggle.mjs
@@ -6,8 +6,7 @@
 
 function Toggle({ _get, _set, _requireReload = true, ...props }) {
   let _initialValue;
-  const { html, extendProps } = globalThis.__enhancerApi,
-    { setState, useState } = globalThis.__enhancerApi,
+  const { html, extendProps, setState, useState } = globalThis.__enhancerApi,
     $input = html`<input
       type="checkbox"
       class="hidden checked:sibling:children:(
diff --git a/src/core/menu/islands/View.mjs b/src/core/menu/islands/View.mjs
index 9f75376..d193f79 100644
--- a/src/core/menu/islands/View.mjs
+++ b/src/core/menu/islands/View.mjs
@@ -5,8 +5,7 @@
  */
 
 function View({ id }, ...children) {
-  const { html } = globalThis.__enhancerApi,
-    { setState, useState } = globalThis.__enhancerApi,
+  const { html, setState, useState } = globalThis.__enhancerApi,
     // set padding on last child to maintain pad on overflow
     $view = html`<article
       id=${id}
diff --git a/src/core/menu/menu.mjs b/src/core/menu/menu.mjs
index bc337b1..fcfbb54 100644
--- a/src/core/menu/menu.mjs
+++ b/src/core/menu/menu.mjs
@@ -89,13 +89,14 @@ const categories = [
   ];
 
 const renderMenu = async () => {
-    const { html, ...api } = globalThis.__enhancerApi,
-      [theme, icon] = api.useState(["theme", "icon"]);
+    const { html, setState, useState } = globalThis.__enhancerApi,
+      { getMods, isEnabled, setEnabled } = globalThis.__enhancerApi,
+      [theme, icon] = useState(["theme", "icon"]);
     if (!theme || !icon || _renderStarted) return;
     if (icon === "Monochrome") sidebar[1].icon += "?mask";
     _renderStarted = true;
 
-    const mods = await api.getMods();
+    const mods = await getMods();
     for (let i = 0; i < categories.length; i++) {
       const { id } = categories[i];
       categories[i].mods = mods.filter(({ _src }) => _src.startsWith(`${id}/`));
@@ -106,10 +107,10 @@ const renderMenu = async () => {
     for (let i = 0; i < mods.length; i++) {
       const options = mods[i].options?.filter((opt) => opt.type !== "heading");
       if (mods[i]._src === "core" || !options?.length) continue;
-      const _get = () => api.isEnabled(mods[i].id),
+      const _get = () => isEnabled(mods[i].id),
         _set = async (enabled) => {
-          await api.setEnabled(mods[i].id, enabled);
-          api.setState({ rerender: true });
+          await setEnabled(mods[i].id, enabled);
+          setState({ rerender: true });
         };
       mods[i].view = html`<${View} id=${mods[i].id}>
         <!-- passing an empty options array hides the settings button -->
@@ -147,10 +148,10 @@ const renderMenu = async () => {
           <${Footer} categories=${categories} />
         </main>
       `;
-    api.useState(["footerOpen"], ([footerOpen]) => {
+    useState(["footerOpen"], ([footerOpen]) => {
       $main.style.height = footerOpen ? "100%" : "calc(100% + 33px)";
     });
-    api.useState(["transitionInProgress"], ([transitionInProgress]) => {
+    useState(["transitionInProgress"], ([transitionInProgress]) => {
       $main.children[0].style.overflow = transitionInProgress ? "hidden" : "";
     });
 
@@ -158,20 +159,20 @@ const renderMenu = async () => {
     $skeleton.replaceWith($sidebar, $main);
   },
   registerHotkey = ([hotkey]) => {
-    const api = globalThis.__enhancerApi;
+    const { addKeyListener, setState, useState } = globalThis.__enhancerApi;
     if (!hotkey || _hotkeyRegistered) return;
     _hotkeyRegistered = true;
-    api.addKeyListener(hotkey, (event) => {
+    addKeyListener(hotkey, (event) => {
       event.preventDefault();
       const msg = { channel: "notion-enhancer", action: "open-menu" };
       parent?.postMessage(msg, "*");
     });
-    api.addKeyListener("Escape", () => {
-      const [popupOpen] = api.useState(["popupOpen"]);
+    addKeyListener("Escape", () => {
+      const [popupOpen] = useState(["popupOpen"]);
       if (!popupOpen) {
         const msg = { channel: "notion-enhancer", action: "close-menu" };
         parent?.postMessage(msg, "*");
-      } else api.setState({ rerender: true });
+      } else setState({ rerender: true });
     });
   },
   updateTheme = ([theme]) => {
@@ -189,25 +190,25 @@ const importApi = () => {
   hookIntoState = () => {
     if (_stateHookedInto) return;
     _stateHookedInto = true;
-    const api = globalThis.__enhancerApi;
-    api.useState(["rerender"], renderMenu);
-    api.useState(["hotkey"], registerHotkey);
-    api.useState(["theme"], updateTheme);
+    const { useState } = globalThis.__enhancerApi;
+    useState(["theme"], updateTheme);
+    useState(["hotkey"], registerHotkey);
+    useState(["rerender"], renderMenu);
   };
 
 window.addEventListener("focus", async () => {
   await importApi().then(hookIntoState);
-  const api = globalThis.__enhancerApi;
-  api.setState({ focus: true, rerender: true });
+  const { setState } = globalThis.__enhancerApi;
+  setState({ focus: true, rerender: true });
 });
 window.addEventListener("message", async (event) => {
   if (event.data?.channel !== "notion-enhancer") return;
   await importApi().then(hookIntoState);
-  const api = globalThis.__enhancerApi;
-  api.setState({
+  const { setState, useState } = globalThis.__enhancerApi;
+  setState({
     rerender: true,
-    hotkey: event.data?.hotkey ?? api.useState(["hotkey"]),
-    theme: event.data?.theme ?? api.useState(["theme"]),
-    icon: event.data?.icon ?? api.useState(["icon"]),
+    hotkey: event.data?.hotkey ?? useState(["hotkey"]),
+    theme: event.data?.theme ?? useState(["theme"]),
+    icon: event.data?.icon ?? useState(["icon"]),
   });
 });
diff --git a/src/shared/markup.js b/src/shared/markup.js
index 8ec7289..8e768db 100644
--- a/src/shared/markup.js
+++ b/src/shared/markup.js
@@ -9,7 +9,7 @@
 // jump to
 
 const { twind, htm, lucide } = globalThis,
-  { readFile, iconColour, iconMonochrome } = globalThis.__enhancerApi;
+  { iconColour, iconMonochrome } = globalThis.__enhancerApi;
 
 const kebabToPascalCase = (string) =>
     string[0].toUpperCase() +