@marimo-team/frontend 0.18.5-dev183 → 0.18.5-dev186

package/dist/assets/useDependencyPanelTab-DgtlzfpF.js

@@ -0,0 +1 @@
+import{s as O}from"./chunk-LvLJmgfZ.js";import{d as Q,l as U,n as q,p as W,u as X}from"./useEvent-DlWF5OMa.js";import{t as Y}from"./react-BGmjiNul.js";import{H as Z}from"./cells-BLhvmrVl.js";import{t as E}from"./compiler-runtime-DeeZ7FnK.js";import{t as $}from"./jsx-runtime-DN_bIXfG.js";import{t as ee}from"./cn-C1rgT0yh.js";import{t as te}from"./createLucideIcon-CW2xpJ57.js";import{t as le}from"./useCellActionButton-COxDEyF8.js";import{a as re,n as ae,o as se,t as ne}from"./tooltip-CvjcEpZC.js";import{d as oe}from"./alert-dialog-k5KxevGr.js";import{i as L,r as ie,t as M}from"./popover-DtnzNVk-.js";import{a as ce,c as me,i as de,o as he,r as pe,t as fe,u as ue}from"./command-CDWT71Ts.js";import{n as xe}from"./focus-CgHW_IRL.js";import{a as je,i as be}from"./renderShortcut-D0Pei-OA.js";var ye=te("arrow-right",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]]),V=E(),h=O(Y(),1),t=O($(),1);const B=h.memo(h.forwardRef((n,r)=>{let e=(0,V.c)(41),l,o,i;e[0]===n?(l=e[1],o=e[2],i=e[3]):({children:l,showTooltip:i,...o}=n,e[0]=n,e[1]=l,e[2]=o,e[3]=i);let p=i===void 0?!0:i,[d,T]=(0,h.useState)(!1),g;e[4]===Symbol.for("react.memo_cache_sentinel")?(g=()=>T(!1),e[4]=g):g=e[4];let K=g,A=(0,h.useRef)(null),N;e[5]===o?N=e[6]:(N={cell:o,closePopover:K},e[5]=o,e[6]=N);let f=le(N),H=oe(),_;e[7]===Symbol.for("react.memo_cache_sentinel")?(_=()=>{Z(()=>{A.current&&A.current.scrollIntoView({behavior:"auto",block:"nearest"})})},e[7]=_):_=e[7];let R=q(_),w;e[8]===R?w=e[9]:(w=a=>{T(m=>{let v=typeof a=="function"?a(m):a;return v&&R(),v})},e[8]=R,e[9]=w);let c=q(w),S;e[10]===c?S=e[11]:(S=()=>({toggle:()=>c(ve)}),e[10]=c,e[11]=S),(0,h.useImperativeHandle)(r,S);let k;e[12]===Symbol.for("react.memo_cache_sentinel")?(k=(0,t.jsx)(ce,{placeholder:"Search actions...",className:"h-6 m-1"}),e[12]=k):k=e[12];let C;e[13]===Symbol.for("react.memo_cache_sentinel")?(C=(0,t.jsx)(pe,{children:"No results"}),e[13]=C):C=e[13];let u;if(e[14]!==f){let a;e[16]===f.length?a=e[17]:(a=(m,v)=>(0,t.jsxs)(h.Fragment,{children:[(0,t.jsx)(de,{children:m.map(s=>{if(s.redundant)return null;let F=(0,t.jsxs)("div",{className:"flex items-center flex-1",children:[s.icon&&(0,t.jsx)("div",{className:"mr-2 w-5 text-muted-foreground",children:s.icon}),(0,t.jsx)("div",{className:"flex-1",children:s.label}),(0,t.jsxs)("div",{className:"shrink-0 text-sm",children:[s.hotkey&&be(s.hotkey),s.rightElement]})]});return s.tooltip&&(F=(0,t.jsx)(ne,{content:s.tooltip,delayDuration:100,children:F})),(0,t.jsx)(he,{className:ee(s.disabled&&"opacity-50!"),onSelect:()=>{s.disableClick||s.disabled||(s.handle(),T(!1))},variant:s.variant,children:F},s.label)})},v),v<f.length-1&&(0,t.jsx)(me,{})]},v),e[16]=f.length,e[17]=a),u=f.map(a),e[14]=f,e[15]=u}else u=e[15];let x;e[18]===u?x=e[19]:(x=(0,t.jsxs)(fe,{children:[k,(0,t.jsxs)(ue,{children:[C,u]})]}),e[18]=u,e[19]=x);let D;e[20]!==H||e[21]!==x?(D=(0,t.jsx)(ie,{className:"w-[300px] p-0 pt-1 overflow-auto",scrollable:!0,...H,children:x}),e[20]=H,e[21]=x,e[22]=D):D=e[22];let j=D;if(!p){let a;e[23]===l?a=e[24]:(a=(0,t.jsx)(L,{asChild:!0,children:l}),e[23]=l,e[24]=a);let m;return e[25]!==j||e[26]!==c||e[27]!==d||e[28]!==a?(m=(0,t.jsxs)(M,{open:d,onOpenChange:c,children:[a,j]}),e[25]=j,e[26]=c,e[27]=d,e[28]=a,e[29]=m):m=e[29],m}let I;e[30]===Symbol.for("react.memo_cache_sentinel")?(I=(0,t.jsx)(ae,{tabIndex:-1,children:je("cell.cellActions")}),e[30]=I):I=e[30];let z=!d&&I,b;e[31]===l?b=e[32]:(b=(0,t.jsx)(se,{ref:A,children:(0,t.jsx)(L,{className:"flex",children:l})}),e[31]=l,e[32]=b);let y;e[33]!==z||e[34]!==b?(y=(0,t.jsxs)(re,{delayDuration:200,disableHoverableContent:!0,children:[z,b]}),e[33]=z,e[34]=b,e[35]=y):y=e[35];let P;return e[36]!==j||e[37]!==c||e[38]!==d||e[39]!==y?(P=(0,t.jsxs)(M,{open:d,onOpenChange:c,children:[y,j]}),e[36]=j,e[37]=c,e[38]=d,e[39]=y,e[40]=P):P=e[40],P})),G=h.memo(n=>{let r=(0,V.c)(5),{children:e,cellId:l}=n,o;r[0]===l?o=r[1]:(o=xe(l),r[0]=l,r[1]=o);let i=X(o);if(!i)return null;let p;return r[2]!==e||r[3]!==i?(p=(0,t.jsx)(B,{showTooltip:!1,...i,children:e}),r[2]=e,r[3]=i,r[4]=p):p=r[4],p});G.displayName="ConnectionCellActionsDropdown";function ve(n){return!n}var ge=E();const J=W("minimap");function Ne(){let n=(0,ge.c)(3),[r,e]=U(J),l;return n[0]!==r||n[1]!==e?(l={dependencyPanelTab:r,setDependencyPanelTab:e},n[0]=r,n[1]=e,n[2]=l):l=n[2],l}function _e(){return Q(J)}export{ye as a,G as i,_e as n,B as r,Ne as t};

package/dist/index.html

@@ -66,7 +66,7 @@
     <marimo-server-token data-token="{{ server_token }}" hidden></marimo-server-token>
     <!-- /TODO -->
     <title>{{ title }}</title>
-    <script type="module" crossorigin src="./assets/index-3FOfqUYt.js"></script>
+    <script type="module" crossorigin src="./assets/index-CBtg35hI.js"></script>
     <link rel="modulepreload" crossorigin href="./assets/preload-helper-BW0IMuFq.js">
     <link rel="modulepreload" crossorigin href="./assets/hotkeys-uKX61F1_.js">
     <link rel="modulepreload" crossorigin href="./assets/defaultLocale-BLUna9fQ.js">
@@ -257,7 +257,7 @@
     <link rel="stylesheet" crossorigin href="./assets/cells-jmgGt1lS.css">
     <link rel="stylesheet" crossorigin href="./assets/markdown-renderer-DdDKmWlR.css">
     <link rel="stylesheet" crossorigin href="./assets/JsonOutput-B7vuddcd.css">
-    <link rel="stylesheet" crossorigin href="./assets/index-G6ss-VDT.css">
+    <link rel="stylesheet" crossorigin href="./assets/index-BIeqDcea.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

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

package/src/components/dependency-graph/dependency-graph.tsx

@@ -7,10 +7,9 @@ import { ReactFlowProvider } from "reactflow";
 import type { CellId } from "@/core/cells/ids";
 import type { CellData } from "@/core/cells/types";
 import type { Variables } from "@/core/variables/types";
-import { DependencyGraphMinimap } from "./dependency-graph-minimap";
 import { DependencyGraphTree } from "./dependency-graph-tree";
 import { GraphToolbar } from "./panels";
-import type { GraphLayoutView, GraphSettings } from "./types";
+import type { GraphSettings, LayoutDirection } from "./types";
 
 import "reactflow/dist/style.css";
 import "./dependency-graph.css";
@@ -22,7 +21,7 @@ interface Props {
   children?: React.ReactNode;
 }
 
-const graphViewAtom = atom<GraphLayoutView>("_minimap_");
+const graphViewAtom = atom<LayoutDirection>("TB");
 const graphViewSettings = atom<GraphSettings>({
   hidePureMarkdown: true,
 });
@@ -31,20 +30,8 @@ export const DependencyGraph: React.FC<Props> = (props) => {
   const [layoutDirection, setLayoutDirection] = useAtom(graphViewAtom);
   const [settings, setSettings] = useAtom(graphViewSettings);
 
-  const renderGraph = () => {
-    if (layoutDirection === "_minimap_") {
-      return (
-        <DependencyGraphMinimap {...props}>
-          <GraphToolbar
-            settings={settings}
-            onSettingsChange={setSettings}
-            view={layoutDirection}
-            onChange={setLayoutDirection}
-          />
-        </DependencyGraphMinimap>
-      );
-    }
-    return (
+  return (
+    <ReactFlowProvider key={layoutDirection}>
       <DependencyGraphTree
         {...props}
         settings={settings}
@@ -57,10 +44,6 @@ export const DependencyGraph: React.FC<Props> = (props) => {
           onChange={setLayoutDirection}
         />
       </DependencyGraphTree>
-    );
-  };
-
-  return (
-    <ReactFlowProvider key={layoutDirection}>{renderGraph()}</ReactFlowProvider>
+    </ReactFlowProvider>
   );
 };

package/src/components/{editor/chrome/wrapper/minimap.tsx → dependency-graph/minimap-content.tsx}

@@ -1,9 +1,12 @@
 /* Copyright 2026 Marimo. All rights reserved. */
 
-import { useAtom, useAtomValue } from "jotai";
-import { XIcon } from "lucide-react";
+import { useAtomValue } from "jotai";
 import * as React from "react";
-import { Button } from "@/components/ui/button";
+import {
+  type CellGraph,
+  cellGraphsAtom,
+  isVariableAffectedBySelectedCell,
+} from "@/components/editor/chrome/wrapper/minimap-state";
 import {
   useCellActions,
   useCellData,
@@ -13,14 +16,7 @@ import {
 import { cellFocusAtom, useCellFocusActions } from "@/core/cells/focus";
 import type { CellId } from "@/core/cells/ids";
 import { useVariables } from "@/core/variables/state";
-import { useHotkey } from "@/hooks/useHotkey";
 import { cn } from "@/utils/cn";
-import {
-  type CellGraph,
-  cellGraphsAtom,
-  isVariableAffectedBySelectedCell,
-  minimapOpenAtom,
-} from "./minimap-state";
 
 interface MinimapCellProps {
   cellId: CellId;
@@ -127,72 +123,6 @@ const MinimapCell: React.FC<MinimapCellProps> = (props) => {
   );
 };
 
-const MinimapInternal: React.FC<{
-  open: boolean;
-  setOpen: (update: boolean) => void;
-}> = ({ open, setOpen }) => {
-  const cellIds = useCellIds();
-  const cellPositions: Record<CellId, number> = Object.fromEntries(
-    cellIds.inOrderIds.map((id, idx) => [id, idx]),
-  );
-  const columnBoundaries: number[] = [];
-  let cellCount = 0;
-  for (const [idx, column] of cellIds.getColumns().entries()) {
-    if (idx > 0) {
-      columnBoundaries.push(cellCount);
-    }
-    cellCount += column.inOrderIds.length;
-  }
-  return (
-    <div
-      className={cn(
-        "fixed top-14 right-5 z-50 bg-background/95 backdrop-blur-sm supports-backdrop-filter:bg-background/60 rounded-lg border shadow-lg w-64 flex flex-col max-h-[58vh]",
-        "motion-safe:transition-transform motion-safe:duration-200 motion-safe:ease-in-out",
-        open ? "translate-x-0" : "translate-x-[calc(100%+20px)]",
-      )}
-    >
-      <div className="flex items-center justify-between p-4 border-b">
-        <span className="text-sm font-semibold">Minimap</span>
-        <Button
-          variant="ghost"
-          size="icon"
-          className="h-6 w-6"
-          onClick={() => setOpen(false)}
-        >
-          <XIcon className="h-4 w-4" />
-        </Button>
-      </div>
-      <div className="overflow-y-auto overflow-x-hidden flex-1 scrollbar-none">
-        <div className="py-3 pl-3 pr-4 relative min-h-full">
-          {cellIds.inOrderIds.map((cellId, idx) => {
-            const isColumnBoundary = columnBoundaries.includes(idx);
-            return (
-              <React.Fragment key={cellId}>
-                {/* Subtle visual divider between nodes */}
-                {isColumnBoundary && (
-                  <div
-                    className="absolute left-5 w-[36px] h-px bg-(--gray-4) pointer-events-none"
-                    aria-hidden="true"
-                  />
-                )}
-                <MinimapCell cellId={cellId} cellPositions={cellPositions} />
-              </React.Fragment>
-            );
-          })}
-        </div>
-        {/* Invisible element to prevent SVG overflow from affecting scroll */}
-        <div className="h-0 overflow-hidden" aria-hidden="true" />
-      </div>
-    </div>
-  );
-};
-
-export const Minimap: React.FC = () => {
-  const [open, setOpen] = useAtom(minimapOpenAtom);
-  useHotkey("global.toggleMinimap", () => setOpen((prev) => !prev));
-  return <MinimapInternal open={open} setOpen={setOpen} />;
-};
-
 function codePreview(code: string): string | undefined {
   return code.split("\n")[0].trim() || undefined;
 }
@@ -443,3 +373,46 @@ function isNonReferenceableCell(graph: CellGraph): boolean {
     graph.descendants.size === 0
   );
 }
+
+/**
+ * Minimap content component for display in the dependencies panel.
+ * Shows a scrollable list of cells with dependency visualization.
+ */
+export const MinimapContent: React.FC = () => {
+  const cellIds = useCellIds();
+  const cellPositions: Record<CellId, number> = Object.fromEntries(
+    cellIds.inOrderIds.map((id, idx) => [id, idx]),
+  );
+  const columnBoundaries: number[] = [];
+  let cellCount = 0;
+  for (const [idx, column] of cellIds.getColumns().entries()) {
+    if (idx > 0) {
+      columnBoundaries.push(cellCount);
+    }
+    cellCount += column.inOrderIds.length;
+  }
+
+  return (
+    <div className="overflow-y-auto overflow-x-hidden flex-1 scrollbar-none h-full max-w-80">
+      <div className="py-3 pl-3 pr-4 relative min-h-full">
+        {cellIds.inOrderIds.map((cellId, idx) => {
+          const isColumnBoundary = columnBoundaries.includes(idx);
+          return (
+            <React.Fragment key={cellId}>
+              {/* Subtle visual divider between nodes */}
+              {isColumnBoundary && (
+                <div
+                  className="absolute left-5 w-[36px] h-px bg-(--gray-4) pointer-events-none"
+                  aria-hidden="true"
+                />
+              )}
+              <MinimapCell cellId={cellId} cellPositions={cellPositions} />
+            </React.Fragment>
+          );
+        })}
+      </div>
+      {/* Invisible element to prevent SVG overflow from affecting scroll */}
+      <div className="h-0 overflow-hidden" aria-hidden="true" />
+    </div>
+  );
+};

package/src/components/dependency-graph/panels.tsx

@@ -6,7 +6,6 @@ import {
   ArrowRightToLineIcon,
   MoreVerticalIcon,
   NetworkIcon,
-  Rows3Icon,
   SettingsIcon,
   SquareFunction,
   WorkflowIcon,
@@ -26,11 +25,11 @@ import { Checkbox } from "../ui/checkbox";
 import { Label } from "../ui/label";
 import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover";
 import { VariableName } from "../variables/common";
-import type { GraphLayoutView, GraphSelection, GraphSettings } from "./types";
+import type { GraphSelection, GraphSettings, LayoutDirection } from "./types";
 
 interface Props {
-  view: GraphLayoutView;
-  onChange: (view: GraphLayoutView) => void;
+  view: LayoutDirection;
+  onChange: (view: LayoutDirection) => void;
   settings: GraphSettings;
   onSettingsChange: (settings: GraphSettings) => void;
 }
@@ -73,16 +72,6 @@ export const GraphToolbar: React.FC<Props> = memo(
     return (
       <Panel position="top-right" className="flex flex-col items-end gap-2">
         <div className="flex gap-2">
-          <Button
-            variant="outline"
-            className="bg-background"
-            aria-selected={view === "_minimap_"}
-            size="xs"
-            onClick={() => onChange("_minimap_")}
-          >
-            <Rows3Icon className="w-4 h-4 mr-1" />
-            Mini Map
-          </Button>
           <Button
             variant="outline"
             className="bg-background"
@@ -104,7 +93,7 @@ export const GraphToolbar: React.FC<Props> = memo(
             Horizontal Tree
           </Button>
         </div>
-        {view !== "_minimap_" && settingsButton}
+        {settingsButton}
       </Panel>
     );
   },

package/src/components/dependency-graph/types.ts

@@ -2,7 +2,6 @@
 import type { CellId } from "@/core/cells/ids";
 
 export type LayoutDirection = "TB" | "LR";
-export type GraphLayoutView = LayoutDirection | "_minimap_";
 
 export type GraphSelection =
   | {

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

@@ -5,19 +5,26 @@ 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";
 
 const DependencyGraphPanel: React.FC = () => {
+  const { dependencyPanelTab } = useDependencyPanelTab();
   const variables = useVariables();
   const cellIds = useCellIds();
   const [cells] = useCellDataAtoms();
 
   return (
     <div className={cn("w-full h-full flex-1 mx-auto -mb-4 relative")}>
-      <DependencyGraph
-        cellAtoms={cells}
-        variables={variables}
-        cellIds={cellIds.inOrderIds}
-      />
+      {dependencyPanelTab === "minimap" ? (
+        <MinimapContent />
+      ) : (
+        <DependencyGraph
+          cellAtoms={cells}
+          variables={variables}
+          cellIds={cellIds.inOrderIds}
+        />
+      )}
     </div>
   );
 };

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

@@ -35,10 +35,10 @@ import {
   type PanelDescriptor,
 } from "../types";
 import { BackendConnectionStatus } from "./footer-items/backend-status";
-import { Minimap } from "./minimap";
 import { PanelsWrapper } from "./panels";
 import { PendingAICells } from "./pending-ai-cells";
 import { useAiPanelTab } from "./useAiPanel";
+import { useDependencyPanelTab } from "./useDependencyPanelTab";
 import { handleDragging } from "./utils";
 
 const LazyTerminal = React.lazy(() => import("@/components/terminal/terminal"));
@@ -84,6 +84,7 @@ export const AppChrome: React.FC<PropsWithChildren> = ({ children }) => {
   const sidebarRef = React.useRef<ImperativePanelHandle>(null);
   const developerPanelRef = React.useRef<ImperativePanelHandle>(null);
   const { aiPanelTab, setAiPanelTab } = useAiPanelTab();
+  const { dependencyPanelTab, setDependencyPanelTab } = useDependencyPanelTab();
   const errorCount = useAtomValue(cellErrorCount);
   const [panelLayout, setPanelLayout] = useAtom(panelLayoutAtom);
 
@@ -231,7 +232,36 @@ export const AppChrome: React.FC<PropsWithChildren> = ({ children }) => {
       <PanelSectionProvider value="sidebar">
         <div className="flex flex-col h-full flex-1 overflow-hidden mr-[-4px]">
           <div className="p-3 border-b flex justify-between items-center">
-            {selectedPanel === "ai" && agentsEnabled ? (
+            {selectedPanel === "dependencies" ? (
+              <div className="flex items-center justify-between flex-1">
+                <span className="text-sm text-(--slate-11) uppercase tracking-wide font-semibold">
+                  Dependencies
+                </span>
+                <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>
+            ) : selectedPanel === "ai" && agentsEnabled ? (
               <Tabs
                 value={aiPanelTab}
                 onValueChange={(value) => {
@@ -481,7 +511,6 @@ export const AppChrome: React.FC<PropsWithChildren> = ({ children }) => {
         </Panel>
         <ContextAwarePanel />
       </PanelGroup>
-      <Minimap />
       <PendingAICells />
       <ErrorBoundary>
         <TooltipProvider>

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

@@ -18,13 +18,16 @@ import {
 } from "./footer-items/backend-status";
 import { CopilotStatusIcon } from "./footer-items/copilot-status";
 import { MachineStats } from "./footer-items/machine-stats";
-import { MinimapStatusIcon } from "./footer-items/minimap-status";
 import { RTCStatus } from "./footer-items/rtc-status";
 import { RuntimeSettings } from "./footer-items/runtime-settings";
+import { useSetDependencyPanelTab } from "./useDependencyPanelTab";
 
 export const Footer: React.FC = () => {
-  const { isDeveloperPanelOpen } = useChromeState();
-  const { toggleDeveloperPanel } = useChromeActions();
+  const { isDeveloperPanelOpen, isSidebarOpen, selectedPanel } =
+    useChromeState();
+  const { toggleDeveloperPanel, openApplication, setIsSidebarOpen } =
+    useChromeActions();
+  const setDependencyPanelTab = useSetDependencyPanelTab();
 
   const errorCount = useAtomValue(cellErrorCount);
   const connectionStatus = useAtomValue(connectionStatusAtom);
@@ -46,6 +49,17 @@ export const Footer: React.FC = () => {
     toggleDeveloperPanel();
   });
 
+  useHotkey("global.toggleMinimap", () => {
+    // If already on dependencies panel with minimap tab, close the sidebar
+    if (isSidebarOpen && selectedPanel === "dependencies") {
+      setIsSidebarOpen(false);
+    } else {
+      // Open sidebar with dependencies panel and switch to minimap tab
+      openApplication("dependencies");
+      setDependencyPanelTab("minimap");
+    }
+  });
+
   return (
     <footer className="h-10 py-1 gap-1 bg-background flex items-center text-muted-foreground text-md pl-2 pr-1 border-t border-border select-none no-print text-sm z-50 print:hidden hide-on-fullscreen overflow-x-auto overflow-y-hidden scrollbar-thin">
       <FooterItem
@@ -92,7 +106,6 @@ export const Footer: React.FC = () => {
 
       <div className="flex items-center shrink-0 min-w-0">
         <MachineStats />
-        <MinimapStatusIcon />
         <AIStatusIcon />
         <CopilotStatusIcon />
         <RTCStatus />

package/src/components/editor/chrome/wrapper/minimap-state.ts

@@ -6,8 +6,6 @@ import type { CellId } from "@/core/cells/ids";
 import { variablesAtom } from "@/core/variables/state";
 import type { Variable, VariableName, Variables } from "@/core/variables/types";
 
-export const minimapOpenAtom = atom(false);
-
 export interface CellGraph {
   variables: readonly VariableName[];
 

package/src/components/editor/chrome/wrapper/useDependencyPanelTab.ts

@@ -0,0 +1,16 @@
+/* Copyright 2026 Marimo. All rights reserved. */
+
+import { atom, useAtom, useSetAtom } from "jotai";
+
+export const dependencyPanelTabAtom = atom<"minimap" | "graph">("minimap");
+
+export function useDependencyPanelTab() {
+  const [dependencyPanelTab, setDependencyPanelTab] = useAtom(
+    dependencyPanelTabAtom,
+  );
+  return { dependencyPanelTab, setDependencyPanelTab };
+}
+
+export function useSetDependencyPanelTab() {
+  return useSetAtom(dependencyPanelTabAtom);
+}

package/dist/assets/cell-actions-By11JcES.js

@@ -1 +0,0 @@
-import{s as z}from"./chunk-LvLJmgfZ.js";import{n as F,u as K}from"./useEvent-DlWF5OMa.js";import{t as L}from"./react-BGmjiNul.js";import{H as Q}from"./cells-BLhvmrVl.js";import{t as U}from"./compiler-runtime-DeeZ7FnK.js";import{t as W}from"./jsx-runtime-DN_bIXfG.js";import{t as X}from"./cn-C1rgT0yh.js";import{t as Y}from"./createLucideIcon-CW2xpJ57.js";import{t as Z}from"./useCellActionButton-COxDEyF8.js";import{a as $,n as ee,o as te,t as le}from"./tooltip-CvjcEpZC.js";import{d as re}from"./alert-dialog-k5KxevGr.js";import{i as M,r as se,t as P}from"./popover-DtnzNVk-.js";import{a as oe,c as ae,i as ne,o as ie,r as ce,t as me,u as de}from"./command-CDWT71Ts.js";import{n as he}from"./focus-CgHW_IRL.js";import{a as pe,i as fe}from"./renderShortcut-D0Pei-OA.js";var xe=Y("arrow-right",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]]),V=U(),h=z(L(),1),t=z(W(),1);const B=h.memo(h.forwardRef((m,o)=>{let e=(0,V.c)(41),s,a,n;e[0]===m?(s=e[1],a=e[2],n=e[3]):({children:s,showTooltip:n,...a}=m,e[0]=m,e[1]=s,e[2]=a,e[3]=n);let p=n===void 0?!0:n,[d,H]=(0,h.useState)(!1),g;e[4]===Symbol.for("react.memo_cache_sentinel")?(g=()=>H(!1),e[4]=g):g=e[4];let J=g,E=(0,h.useRef)(null),N;e[5]===a?N=e[6]:(N={cell:a,closePopover:J},e[5]=a,e[6]=N);let f=Z(N),O=re(),_;e[7]===Symbol.for("react.memo_cache_sentinel")?(_=()=>{Q(()=>{E.current&&E.current.scrollIntoView({behavior:"auto",block:"nearest"})})},e[7]=_):_=e[7];let R=F(_),w;e[8]===R?w=e[9]:(w=l=>{H(c=>{let v=typeof l=="function"?l(c):l;return v&&R(),v})},e[8]=R,e[9]=w);let i=F(w),C;e[10]===i?C=e[11]:(C=()=>({toggle:()=>i(ue)}),e[10]=i,e[11]=C),(0,h.useImperativeHandle)(o,C);let S;e[12]===Symbol.for("react.memo_cache_sentinel")?(S=(0,t.jsx)(oe,{placeholder:"Search actions...",className:"h-6 m-1"}),e[12]=S):S=e[12];let k;e[13]===Symbol.for("react.memo_cache_sentinel")?(k=(0,t.jsx)(ce,{children:"No results"}),e[13]=k):k=e[13];let x;if(e[14]!==f){let l;e[16]===f.length?l=e[17]:(l=(c,v)=>(0,t.jsxs)(h.Fragment,{children:[(0,t.jsx)(ne,{children:c.map(r=>{if(r.redundant)return null;let q=(0,t.jsxs)("div",{className:"flex items-center flex-1",children:[r.icon&&(0,t.jsx)("div",{className:"mr-2 w-5 text-muted-foreground",children:r.icon}),(0,t.jsx)("div",{className:"flex-1",children:r.label}),(0,t.jsxs)("div",{className:"shrink-0 text-sm",children:[r.hotkey&&fe(r.hotkey),r.rightElement]})]});return r.tooltip&&(q=(0,t.jsx)(le,{content:r.tooltip,delayDuration:100,children:q})),(0,t.jsx)(ie,{className:X(r.disabled&&"opacity-50!"),onSelect:()=>{r.disableClick||r.disabled||(r.handle(),H(!1))},variant:r.variant,children:q},r.label)})},v),v<f.length-1&&(0,t.jsx)(ae,{})]},v),e[16]=f.length,e[17]=l),x=f.map(l),e[14]=f,e[15]=x}else x=e[15];let u;e[18]===x?u=e[19]:(u=(0,t.jsxs)(me,{children:[S,(0,t.jsxs)(de,{children:[k,x]})]}),e[18]=x,e[19]=u);let I;e[20]!==O||e[21]!==u?(I=(0,t.jsx)(se,{className:"w-[300px] p-0 pt-1 overflow-auto",scrollable:!0,...O,children:u}),e[20]=O,e[21]=u,e[22]=I):I=e[22];let j=I;if(!p){let l;e[23]===s?l=e[24]:(l=(0,t.jsx)(M,{asChild:!0,children:s}),e[23]=s,e[24]=l);let c;return e[25]!==j||e[26]!==i||e[27]!==d||e[28]!==l?(c=(0,t.jsxs)(P,{open:d,onOpenChange:i,children:[l,j]}),e[25]=j,e[26]=i,e[27]=d,e[28]=l,e[29]=c):c=e[29],c}let A;e[30]===Symbol.for("react.memo_cache_sentinel")?(A=(0,t.jsx)(ee,{tabIndex:-1,children:pe("cell.cellActions")}),e[30]=A):A=e[30];let T=!d&&A,b;e[31]===s?b=e[32]:(b=(0,t.jsx)(te,{ref:E,children:(0,t.jsx)(M,{className:"flex",children:s})}),e[31]=s,e[32]=b);let y;e[33]!==T||e[34]!==b?(y=(0,t.jsxs)($,{delayDuration:200,disableHoverableContent:!0,children:[T,b]}),e[33]=T,e[34]=b,e[35]=y):y=e[35];let D;return e[36]!==j||e[37]!==i||e[38]!==d||e[39]!==y?(D=(0,t.jsxs)(P,{open:d,onOpenChange:i,children:[y,j]}),e[36]=j,e[37]=i,e[38]=d,e[39]=y,e[40]=D):D=e[40],D})),G=h.memo(m=>{let o=(0,V.c)(5),{children:e,cellId:s}=m,a;o[0]===s?a=o[1]:(a=he(s),o[0]=s,o[1]=a);let n=K(a);if(!n)return null;let p;return o[2]!==e||o[3]!==n?(p=(0,t.jsx)(B,{showTooltip:!1,...n,children:e}),o[2]=e,o[3]=n,o[4]=p):p=o[4],p});G.displayName="ConnectionCellActionsDropdown";function ue(m){return!m}export{G as n,xe as r,B as t};