@marimo-team/islands 0.19.7-dev5 → 0.19.7-dev6

package/dist/main.js

@@ -101097,7 +101097,7 @@ Defaulting to \`null\`.`;
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.19.7-dev5"), showCodeInRunModeAtom = atom(true);
+  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.19.7-dev6"), 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.19.7-dev5",
+  "version": "0.19.7-dev6",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",

package/src/components/editor/chrome/panels/dependency-graph-panel.tsx

@@ -1,30 +1,66 @@
 /* Copyright 2026 Marimo. All rights reserved. */
 
 import type React from "react";
+import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { useCellDataAtoms, useCellIds } from "@/core/cells/cells";
 import { useVariables } from "@/core/variables/state";
 import { cn } from "@/utils/cn";
 import { DependencyGraph } from "../../../dependency-graph/dependency-graph";
 import { MinimapContent } from "../../../dependency-graph/minimap-content";
 import { useDependencyPanelTab } from "../wrapper/useDependencyPanelTab";
+import { usePanelSection } from "./panel-context";
 
 const DependencyGraphPanel: React.FC = () => {
-  const { dependencyPanelTab } = useDependencyPanelTab();
+  const { dependencyPanelTab, setDependencyPanelTab } = useDependencyPanelTab();
   const variables = useVariables();
   const cellIds = useCellIds();
   const [cells] = useCellDataAtoms();
+  const panelSection = usePanelSection();
+
+  // Show toggle inside panel when in developer panel (horizontal layout)
+  // since the sidebar has its own header with the toggle
+  const showInlineToggle = panelSection === "developer-panel";
 
   return (
-    <div className={cn("w-full h-full flex-1 mx-auto -mb-4 relative")}>
-      {dependencyPanelTab === "minimap" ? (
-        <MinimapContent />
-      ) : (
-        <DependencyGraph
-          cellAtoms={cells}
-          variables={variables}
-          cellIds={cellIds.inOrderIds}
-        />
+    <div className={cn("w-full h-full flex-1 mx-auto -mb-4 flex flex-col")}>
+      {showInlineToggle && (
+        <div className="p-2 shrink-0">
+          <Tabs
+            value={dependencyPanelTab}
+            onValueChange={(value) => {
+              if (value === "minimap" || value === "graph") {
+                setDependencyPanelTab(value);
+              }
+            }}
+          >
+            <TabsList>
+              <TabsTrigger
+                value="minimap"
+                className="py-0.5 text-xs uppercase tracking-wide font-bold"
+              >
+                Minimap
+              </TabsTrigger>
+              <TabsTrigger
+                value="graph"
+                className="py-0.5 text-xs uppercase tracking-wide font-bold"
+              >
+                Graph
+              </TabsTrigger>
+            </TabsList>
+          </Tabs>
+        </div>
       )}
+      <div className="flex-1 min-h-0 relative">
+        {dependencyPanelTab === "minimap" ? (
+          <MinimapContent />
+        ) : (
+          <DependencyGraph
+            cellAtoms={cells}
+            variables={variables}
+            cellIds={cellIds.inOrderIds}
+          />
+        )}
+      </div>
     </div>
   );
 };