My Changes

Author: Kabi4

packages/Playlist/playlist/playlistMode/PlaylistUI.tsx

@@ -755,6 +755,20 @@ const Playlist = () => {
                           <span class="material-symbols-outlined">add</span>
                           {t("create")}
                         </Button>
+                        <span
+                          onClick={() => {
+                            G.RemoveApplicationByLabel(G.ActiveMoreApp);
+                            G.makingApp = null;
+                            G.SetActiveMoreApp(null);
+                          }}
+                          class="material-symbols-outlined show-on-mobile"
+                          style={{
+                            fontSize: "24px",
+                            margin: "0 0.5rem",
+                          }}
+                        >
+                          close
+                        </span>
                         <Button
                           onClick={() => {
                             setCreateOptions(true);

packages/Playlist/playlist/playlistMode/playlist.css

@@ -1473,6 +1473,10 @@ div.attachment-link.dropabble-Embed .playlist-item-type {
   .show-on-desktop {
     display: none !important;
   }
+
+  .show-on-mobile {
+    display: initial !important;
+  }
 }
 
 /* MOBILE STYLES */

packages/seed-bible/app/components/toolbar.tsx

@@ -40,7 +40,9 @@ export function Toolbar() {
   } = useSideBarContext();
 
   const [showMoreMenu, setShowMoreMenu] = useState(false);
-  const [activeMoreApp, setActiveMoreApp] = useState(null);
+  const [activeMoreApp, setActiveMoreApp] = useState(
+    globalThis.ActiveMoreApp || null
+  );
   const { setIsDragging, isDragging, setElement } = useMouseMove();
   const {
     activeSpace,
@@ -50,6 +52,16 @@ export function Toolbar() {
     tabs,
   } = useTabsContext();
 
+  // Get ActiveMoreApp and setActiveMoreApp
+  useEffect(() => {
+    globalThis.ActiveMoreApp = activeMoreApp;
+    globalThis.SetActiveMoreApp = setActiveMoreApp;
+    return () => {
+      globalThis.ActiveMoreApp = null;
+      globalThis.SetActiveMoreApp = null;
+    };
+  }, [activeMoreApp]);
+
   // === keep original default-toolbar logic ===
   const [showToolbar, setShowToolbar] = useState(false);
   globalThis.SetShowToolbar = setShowToolbar;