iframe widget pooling (experimental)

plugs/index/mentions_ps.ts

@@ -57,7 +57,6 @@ export async function renderMentions() {
       "ps",
       1,
       ` <style>${css}</style>
-        <link rel="stylesheet" href="/.client/main.css" />
         <div id="sb-main"><div id="sb-editor"><div class="cm-editor">
         <div id="button-bar">
         <button id="reload-button" title="Reload"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 4 23 10 17 10"></polyline><polyline points="1 20 1 14 7 14"></polyline><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"></path></svg></button>

plugs/markdown/assets/markdown_widget.css

@@ -1,9 +1,8 @@
 /* Reset SB styles */
-html,
+
 body {
-    height: initial !important;
-    overflow: initial !important;
-    background-color: var(--root-background-color);
+    font-family: var(--editor-font);
+    color: var(--root-color);
 }
 
 #sb-main {
@@ -26,11 +25,6 @@ body {
     height: initial !important;
 }
 
-body {
-    font-family: var(--editor-font);
-    color: var(--root-color);
-}
-
 ul,
 ol {
     margin-top: 0;

plugs/markdown/markdown_content_widget.ts

@@ -33,8 +33,6 @@ export async function wrapHTML(html: string): Promise<string> {
   const css = await asset.readAsset("assets/markdown_widget.css");
 
   return `
-       <!-- Load SB's own CSS here too -->
-       <link rel="stylesheet" href="/.client/main.css" />
        <!-- In addition to some custom CSS -->
        <style>${css}</style>
        <!-- Wrap the whole thing in something SB-like to get access to styles -->