@marimo-team/islands 0.18.5-dev202 → 0.19.0

package/dist/main.js

@@ -101068,7 +101068,7 @@ Defaulting to \`null\`.`;
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.18.5-dev202"), showCodeInRunModeAtom = atom(true);
+  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.19.0"), showCodeInRunModeAtom = atom(true);
   atom(null);
   var VIRTUAL_FILE_REGEX = /\/@file\/([^\s"&'/]+)\.([\dA-Za-z]+)/g, VirtualFileTracker = class e {
     constructor() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/islands",
-  "version": "0.18.5-dev202",
+  "version": "0.19.0",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",

package/src/components/editor/chrome/wrapper/app-chrome.tsx

@@ -193,6 +193,29 @@ export const AppChrome: React.FC<PropsWithChildren> = ({ children }) => {
     });
   }, [isDeveloperPanelOpen]);
 
+  // Auto-correct developer panel selection when the selected tab is no longer available
+  useEffect(() => {
+    if (!isDeveloperPanelOpen) {
+      return;
+    }
+    const isSelectionValid = devPanelItems.some(
+      (p) => p.type === selectedDeveloperPanelTab,
+    );
+    if (!isSelectionValid) {
+      if (devPanelItems.length > 0) {
+        openApplication(devPanelItems[0].type);
+      } else {
+        setIsDeveloperPanelOpen(false);
+      }
+    }
+  }, [
+    isDeveloperPanelOpen,
+    devPanelItems,
+    selectedDeveloperPanelTab,
+    openApplication,
+    setIsDeveloperPanelOpen,
+  ]);
+
   const appBodyPanel = (
     <Panel id="app" key="app" className="relative h-full">
       <Suspense>{children}</Suspense>

package/src/components/editor/chrome/wrapper/sidebar.tsx

@@ -4,7 +4,7 @@ import { useAtom, useAtomValue } from "jotai";
 import { MessageCircleQuestionIcon } from "lucide-react";
 import type React from "react";
 import type { PropsWithChildren } from "react";
-import { useMemo } from "react";
+import { useEffect, useMemo } from "react";
 import { ReorderableList } from "@/components/ui/reorderable-list";
 import { Tooltip } from "@/components/ui/tooltip";
 import {
@@ -23,8 +23,10 @@ import {
 } from "../types";
 
 export const Sidebar: React.FC = () => {
-  const { selectedPanel, selectedDeveloperPanelTab } = useChromeState();
-  const { toggleApplication, openApplication } = useChromeActions();
+  const { selectedPanel, selectedDeveloperPanelTab, isSidebarOpen } =
+    useChromeState();
+  const { toggleApplication, openApplication, setIsSidebarOpen } =
+    useChromeActions();
   const [panelLayout, setPanelLayout] = useAtom(panelLayoutAtom);
   // Subscribe to capabilities to re-render when they change
   const capabilities = useAtomValue(capabilitiesAtom);
@@ -91,6 +93,27 @@ export const Sidebar: React.FC = () => {
     toggleApplication(item.type);
   };
 
+  // Auto-correct sidebar selection when the selected panel is no longer available
+  useEffect(() => {
+    if (!isSidebarOpen) {
+      return;
+    }
+    const isSelectionValid = sidebarItems.some((p) => p.type === selectedPanel);
+    if (!isSelectionValid) {
+      if (sidebarItems.length > 0) {
+        openApplication(sidebarItems[0].type);
+      } else {
+        setIsSidebarOpen(false);
+      }
+    }
+  }, [
+    isSidebarOpen,
+    sidebarItems,
+    selectedPanel,
+    openApplication,
+    setIsSidebarOpen,
+  ]);
+
   return (
     <div className="h-full pt-4 pb-1 px-1 flex flex-col items-start text-muted-foreground text-md select-none no-print text-sm z-50 dark:bg-background print:hidden hide-on-fullscreen">
       <ReorderableList<PanelDescriptor>