@marimo-team/frontend 0.18.5-dev184 → 0.18.5-dev187

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/state.ts

@@ -3,10 +3,11 @@
 import { useAtomValue } from "jotai";
 import { atomWithStorage } from "jotai/utils";
 import { z } from "zod";
+import { store } from "@/core/state/jotai";
 import { createReducerAndAtoms } from "@/utils/createReducer";
 import { jotaiJsonStorage } from "@/utils/storage/jotai";
 import { ZodLocalStorage } from "@/utils/storage/typed";
-import type { PanelType } from "./types";
+import type { PanelSection, PanelType } from "./types";
 import { isPanelHidden, PANELS } from "./types";
 
 export interface ChromeState {
@@ -41,6 +42,20 @@ export const panelLayoutAtom = atomWithStorage<PanelLayout>(
   { getOnInit: true },
 );
 
+/**
+ * Resolve which section a panel belongs to based on current layout.
+ */
+function resolvePanelLocation(panelType: PanelType): PanelSection | null {
+  const layout = store.get(panelLayoutAtom);
+  if (layout.sidebar.includes(panelType)) {
+    return "sidebar";
+  }
+  if (layout.developerPanel.includes(panelType)) {
+    return "developer-panel";
+  }
+  return null;
+}
+
 const KEY = "marimo:sidebar";
 const storage = new ZodLocalStorage<ChromeState>(
   z.object({
@@ -76,20 +91,52 @@ const {
 } = createReducerAndAtoms(
   () => storage.get(KEY),
   {
-    openApplication: (state, selectedPanel: PanelType) => ({
-      ...state,
-      selectedPanel,
-      isSidebarOpen: true,
-    }),
-    toggleApplication: (state, selectedPanel: PanelType) => ({
-      ...state,
-      selectedPanel,
-      // If it was closed, open it
-      // If it was open, keep it open unless it was the same application
-      isSidebarOpen: state.isSidebarOpen
-        ? state.selectedPanel !== selectedPanel
-        : true,
-    }),
+    openApplication: (state, selectedPanel: PanelType) => {
+      const location = resolvePanelLocation(selectedPanel);
+      if (location === "sidebar") {
+        return {
+          ...state,
+          selectedPanel,
+          isSidebarOpen: true,
+        };
+      }
+      if (location === "developer-panel") {
+        return {
+          ...state,
+          selectedDeveloperPanelTab: selectedPanel,
+          isDeveloperPanelOpen: true,
+        };
+      }
+      // Panel not found in layout, no-op
+      return state;
+    },
+    toggleApplication: (state, selectedPanel: PanelType) => {
+      const location = resolvePanelLocation(selectedPanel);
+      if (location === "sidebar") {
+        return {
+          ...state,
+          selectedPanel,
+          // If it was closed, open it
+          // If it was open, keep it open unless it was the same application
+          isSidebarOpen: state.isSidebarOpen
+            ? state.selectedPanel !== selectedPanel
+            : true,
+        };
+      }
+      if (location === "developer-panel") {
+        return {
+          ...state,
+          selectedDeveloperPanelTab: selectedPanel,
+          // If it was closed, open it
+          // If it was open, keep it open unless it was the same tab
+          isDeveloperPanelOpen: state.isDeveloperPanelOpen
+            ? state.selectedDeveloperPanelTab !== selectedPanel
+            : true,
+        };
+      }
+      // Panel not found in layout, no-op
+      return state;
+    },
     toggleSidebarPanel: (state) => ({
       ...state,
       isSidebarOpen: !state.isSidebarOpen,
@@ -106,15 +153,6 @@ const {
       ...state,
       isDeveloperPanelOpen: isOpen,
     }),
-    setSelectedDeveloperPanelTab: (state, tab: PanelType) => ({
-      ...state,
-      selectedDeveloperPanelTab: tab,
-    }),
-    openDeveloperPanelTab: (state, tab: PanelType) => ({
-      ...state,
-      isDeveloperPanelOpen: true,
-      selectedDeveloperPanelTab: tab,
-    }),
   },
   [(_prevState, newState) => storage.set(KEY, newState)],
 );

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"));
@@ -75,15 +75,12 @@ export const AppChrome: React.FC<PropsWithChildren> = ({ children }) => {
     selectedPanel,
     selectedDeveloperPanelTab,
   } = useChromeState();
-  const {
-    setIsSidebarOpen,
-    setIsDeveloperPanelOpen,
-    setSelectedDeveloperPanelTab,
-    openApplication,
-  } = useChromeActions();
+  const { setIsSidebarOpen, setIsDeveloperPanelOpen, openApplication } =
+    useChromeActions();
   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);
 
@@ -122,7 +119,7 @@ export const AppChrome: React.FC<PropsWithChildren> = ({ children }) => {
     }
 
     // Select the dropped item in developer panel
-    setSelectedDeveloperPanelTab(item.type);
+    openApplication(item.type);
   };
 
   // Get panels available for developer panel context menu
@@ -231,7 +228,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) => {
@@ -382,7 +408,7 @@ export const AppChrome: React.FC<PropsWithChildren> = ({ children }) => {
             ariaLabel="Developer panel tabs"
             className="flex flex-row gap-1"
             minItems={0}
-            onAction={(panel) => setSelectedDeveloperPanelTab(panel.type)}
+            onAction={(panel) => openApplication(panel.type)}
             renderItem={(panel) => (
               <div
                 className={cn(
@@ -481,7 +507,6 @@ export const AppChrome: React.FC<PropsWithChildren> = ({ children }) => {
         </Panel>
         <ContextAwarePanel />
       </PanelGroup>
-      <Minimap />
       <PendingAICells />
       <ErrorBoundary>
         <TooltipProvider>

package/src/components/editor/chrome/wrapper/footer-items/backend-status.tsx

@@ -125,7 +125,7 @@ export const BackendConnectionStatus: React.FC = () => {
     if (isAppNotStarted(connection)) {
       void connectToRuntime();
     } else {
-      void refetch();
+      refetch();
     }
   };
 

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

@@ -18,13 +18,14 @@ 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 { toggleDeveloperPanel, toggleApplication } = useChromeActions();
+  const setDependencyPanelTab = useSetDependencyPanelTab();
 
   const errorCount = useAtomValue(cellErrorCount);
   const connectionStatus = useAtomValue(connectionStatusAtom);
@@ -39,13 +40,18 @@ export const Footer: React.FC = () => {
   const warningCount = 0;
 
   useHotkey("global.toggleTerminal", () => {
-    toggleDeveloperPanel();
+    toggleApplication("terminal");
   });
 
   useHotkey("global.togglePanel", () => {
     toggleDeveloperPanel();
   });
 
+  useHotkey("global.toggleMinimap", () => {
+    toggleApplication("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 +98,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/sidebar.tsx

@@ -20,8 +20,7 @@ import {
 
 export const Sidebar: React.FC = () => {
   const { selectedPanel, selectedDeveloperPanelTab } = useChromeState();
-  const { toggleApplication, setSelectedDeveloperPanelTab } =
-    useChromeActions();
+  const { toggleApplication, openApplication } = useChromeActions();
   const [panelLayout, setPanelLayout] = useAtom(panelLayoutAtom);
 
   const renderIcon = ({ Icon }: PanelDescriptor, className?: string) => {
@@ -73,7 +72,7 @@ export const Sidebar: React.FC = () => {
           (id) => id !== item.type,
         );
         if (remainingDevPanels.length > 0) {
-          setSelectedDeveloperPanelTab(remainingDevPanels[0]);
+          openApplication(remainingDevPanels[0]);
         }
       }
     }

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/src/components/editor/output/MarimoErrorOutput.tsx

@@ -142,7 +142,7 @@ export const MarimoErrorOutput = ({
   );
 
   const openScratchpad = () => {
-    chromeActions.openDeveloperPanelTab("scratchpad");
+    chromeActions.openApplication("scratchpad");
   };
 
   const renderMessages = () => {
@@ -186,7 +186,7 @@ export const MarimoErrorOutput = ({
               size="xs"
               variant="outline"
               className="mt-2 font-normal"
-              onClick={() => chromeActions.openDeveloperPanelTab("terminal")}
+              onClick={() => chromeActions.openApplication("terminal")}
             >
               <TerminalIcon className="h-3.5 w-3.5 mr-1.5" />
               <span>Open terminal</span>

package/src/components/terminal/hooks.ts

@@ -25,11 +25,11 @@ import { useTerminalActions } from "./state";
  */
 export function useTerminalCommands() {
   const { addCommand } = useTerminalActions();
-  const { openDeveloperPanelTab } = useChromeActions();
+  const { openApplication } = useChromeActions();
 
   const sendCommand = (text: string) => {
     // First, ensure the terminal is open
-    openDeveloperPanelTab("terminal");
+    openApplication("terminal");
 
     // Add the command to the queue
     addCommand(text);

package/dist/assets/MarimoErrorOutput-HLzwepOd.js

@@ -1,7 +0,0 @@
-import{s as G}from"./chunk-LvLJmgfZ.js";import{d as ye,f as ve,l as Ne,u as be}from"./useEvent-DlWF5OMa.js";import{t as we}from"./react-BGmjiNul.js";import{C as ke,Fr as J,Kr as Ie,Pn as $e,Pr as _e,fn as Fe,q as Te,rn as Ae,v as Ce}from"./cells-BLhvmrVl.js";import{t as z}from"./compiler-runtime-DeeZ7FnK.js";import{t as Se}from"./invariant-C6yE60hi.js";import{r as Me}from"./utils-CJJIceVn.js";import{t as Pe}from"./jsx-runtime-DN_bIXfG.js";import{r as X,t as $}from"./button-DuYGqRtX.js";import{t as Y}from"./cn-C1rgT0yh.js";import{t as H}from"./createLucideIcon-CW2xpJ57.js";import{_ as qe}from"./select-D0g5GnIs.js";import{a as ze,p as Ee,r as Le,t as We}from"./dropdown-menu-BP4_BZLr.js";import{a as De,n as Ve}from"./state-CoslvOiH.js";import{c as Z,n as Be}from"./datasource-DNy_uzDr.js";import{a as Qe}from"./dist-RKnr9SNh.js";import{t as ee}from"./tooltip-CvjcEpZC.js";import{a as Oe,i as He,n as Ue,r as Ke}from"./multi-map-fjX9ImVF.js";import{t as te}from"./kbd-Czc5z_04.js";import{t as T}from"./links-DNmjkr65.js";import{r as Re,t as Ge}from"./alert-BEdExd6A.js";import{o as Je,t as Xe}from"./useInstallPackage-RldLPyJs.js";import{n as b}from"./cell-link-B7EjqLUL.js";var Ye=H("package",[["path",{d:"M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z",key:"1a0edw"}],["path",{d:"M12 22V12",key:"d0xqtd"}],["polyline",{points:"3.29 7 12 12 20.71 7",key:"ousv84"}],["path",{d:"m7.5 4.27 9 5.15",key:"1c824w"}]]),A=H("square-arrow-out-up-right",[["path",{d:"M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6",key:"y09zxi"}],["path",{d:"m21 3-9 9",key:"mpx6sq"}],["path",{d:"M15 3h6v6",key:"1q9fwt"}]]),re=H("terminal",[["path",{d:"M12 19h8",key:"baeox8"}],["path",{d:"m4 17 6-6-6-6",key:"1yngyt"}]]);function Ze(r){let e=null,s=r.cursor();do s.name==="ExpressionStatement"&&(e=s.node);while(s.next());return e}function et(r){let e=r.split(`
-`),s="    ",n=Ze(Qe.parse(r));if(!n)return["def _():",...U(e,s),`${s}return`,"","","_()"].join(`
-`);let i=r.slice(0,n.from).trim(),l=r.slice(n.from).trim(),a=i.split(`
-`),c=l.split(`
-`);return["def _():",...U(a,s),`${s}return ${c[0]}`,...U(c.slice(1),s),"","","_()"].join(`
-`)}function U(r,e){if(r.length===1&&r[0]==="")return[];let s=[];for(let n of r)n===""?s.push(""):s.push(e+n);return s}function tt(r,e){var s;if(r.type==="multiple-defs")return[{title:"Fix: Wrap in a function",description:"Make this cell's variables local by wrapping the cell in a function.",fixType:"manual",onFix:async n=>{Se(n.editor,"Editor is null");let i=et(n.editor.state.doc.toString());n.editor.dispatch({changes:{from:0,to:n.editor.state.doc.length,insert:i}})}}];if(r.type==="exception"&&r.exception_type==="NameError"){let n=(s=r.msg.match(/name '(.+)' is not defined/))==null?void 0:s[1];if(!n||!(n in se))return[];let i=rt(n);return[{title:`Fix: Add '${i}'`,description:"Add a new cell for the missing import",fixType:"manual",onFix:async l=>{l.addCodeBelow(i)}}]}return r.type==="sql-error"&&e.aiEnabled?[{title:"Fix with AI",description:"Fix the SQL statement",fixType:"ai",onFix:async n=>{var a;let i=Be(n.cellId),l=`Fix the SQL statement: ${r.msg}.`;i&&(l+=`
-Database schema: ${i}`),(a=n.aiFix)==null||a.setAiCompletionCell({cellId:n.cellId,initialPrompt:l,triggerImmediately:n.aiFix.triggerFix})}}]:[]}function rt(r){let e=se[r];return e===r?`import ${e}`:`import ${e} as ${r}`}var se={mo:"marimo",alt:"altair",bokeh:"bokeh",dask:"dask",np:"numpy",pd:"pandas",pl:"polars",plotly:"plotly",plt:"matplotlib.pyplot",px:"plotly.express",scipy:"scipy",sk:"sklearn",sns:"seaborn",stats:"scipy.stats",tf:"tensorflow",torch:"torch",xr:"xarray",dt:"datetime",json:"json",math:"math",os:"os",re:"re",sys:"sys"},st=z(),nt=Ie("marimo:ai-autofix-mode","autofix",Fe);function lt(){let r=(0,st.c)(3),[e,s]=Ne(nt),n;return r[0]!==e||r[1]!==s?(n={fixMode:e,setFixMode:s},r[0]=e,r[1]=s,r[2]=n):n=r[2],n}var K=z(),t=G(Pe(),1);const N=r=>{let e=(0,K.c)(21),{errors:s,cellId:n,className:i}=r,l=ve(),{createNewCell:a}=ke(),c=be(Me),o;if(e[0]!==c||e[1]!==s){let x;e[3]===c?x=e[4]:(x=y=>tt(y,{aiEnabled:c}),e[3]=c,e[4]=x),o=s.flatMap(x),e[0]=c,e[1]=s,e[2]=o}else o=e[2];let m=o,p=ye(Ve);if(m.length===0)return null;let d=m[0],f;e[5]!==n||e[6]!==a||e[7]!==d||e[8]!==p||e[9]!==l?(f=x=>{var w;let y=(w=l.get(Ce).cellHandles[n].current)==null?void 0:w.editorView;d.onFix({addCodeBelow:_=>{a({cellId:n,autoFocus:!1,before:!1,code:_})},editor:y,cellId:n,aiFix:{setAiCompletionCell:p,triggerFix:x}}),y==null||y.focus()},e[5]=n,e[6]=a,e[7]=d,e[8]=p,e[9]=l,e[10]=f):f=e[10];let u=f,j;e[11]===i?j=e[12]:(j=Y("my-2",i),e[11]=i,e[12]=j);let h;e[13]!==d.description||e[14]!==d.fixType||e[15]!==d.title||e[16]!==u?(h=d.fixType==="ai"?(0,t.jsx)(oe,{tooltip:d.description,openPrompt:()=>u(!1),applyAutofix:()=>u(!0)}):(0,t.jsx)(ee,{content:d.description,align:"start",children:(0,t.jsxs)($,{size:"xs",variant:"outline",className:"font-normal",onClick:()=>u(!1),children:[(0,t.jsx)(Z,{className:"h-3 w-3 mr-2"}),d.title]})}),e[13]=d.description,e[14]=d.fixType,e[15]=d.title,e[16]=u,e[17]=h):h=e[17];let g;return e[18]!==j||e[19]!==h?(g=(0,t.jsx)("div",{className:j,children:h}),e[18]=j,e[19]=h,e[20]=g):g=e[20],g};var ne=De,le=Z,ie="Suggest a prompt",ae="Fix with AI";const oe=r=>{let e=(0,K.c)(21),{tooltip:s,openPrompt:n,applyAutofix:i}=r,{fixMode:l,setFixMode:a}=lt(),c=l==="prompt"?n:i,o;e[0]===l?o=e[1]:(o=l==="prompt"?(0,t.jsx)(ne,{className:"h-3 w-3 mr-2 mb-0.5"}):(0,t.jsx)(le,{className:"h-3 w-3 mr-2 mb-0.5"}),e[0]=l,e[1]=o);let m=l==="prompt"?ie:ae,p;e[2]!==c||e[3]!==o||e[4]!==m?(p=(0,t.jsxs)($,{size:"xs",variant:"outline",className:"font-normal rounded-r-none border-r-0",onClick:c,children:[o,m]}),e[2]=c,e[3]=o,e[4]=m,e[5]=p):p=e[5];let d;e[6]!==p||e[7]!==s?(d=(0,t.jsx)(ee,{content:s,align:"start",children:p}),e[6]=p,e[7]=s,e[8]=d):d=e[8];let f;e[9]===Symbol.for("react.memo_cache_sentinel")?(f=(0,t.jsx)(Ee,{asChild:!0,children:(0,t.jsx)($,{size:"xs",variant:"outline",className:"rounded-l-none px-2","aria-label":"Fix options",children:(0,t.jsx)(qe,{className:"h-3 w-3"})})}),e[9]=f):f=e[9];let u;e[10]!==l||e[11]!==a?(u=()=>{a(l==="prompt"?"autofix":"prompt")},e[10]=l,e[11]=a,e[12]=u):u=e[12];let j=l==="prompt"?"autofix":"prompt",h;e[13]===j?h=e[14]:(h=(0,t.jsx)(it,{mode:j}),e[13]=j,e[14]=h);let g;e[15]!==u||e[16]!==h?(g=(0,t.jsxs)(We,{children:[f,(0,t.jsx)(Le,{align:"end",className:"w-56",children:(0,t.jsx)(ze,{className:"flex items-center gap-2",onClick:u,children:h})})]}),e[15]=u,e[16]=h,e[17]=g):g=e[17];let x;return e[18]!==g||e[19]!==d?(x=(0,t.jsxs)("div",{className:"flex",children:[d,g]}),e[18]=g,e[19]=d,e[20]=x):x=e[20],x};var it=r=>{let e=(0,K.c)(12),{mode:s}=r,n;e[0]===s?n=e[1]:(n=s==="prompt"?(0,t.jsx)(ne,{className:"h-4 w-4"}):(0,t.jsx)(le,{className:"h-4 w-4"}),e[0]=s,e[1]=n);let i=n,l=s==="prompt"?ie:ae,a=s==="prompt"?"Edit the prompt before applying":"Apply AI fixes automatically",c;e[2]===l?c=e[3]:(c=(0,t.jsx)("span",{className:"font-medium",children:l}),e[2]=l,e[3]=c);let o;e[4]===a?o=e[5]:(o=(0,t.jsx)("span",{className:"text-xs text-muted-foreground",children:a}),e[4]=a,e[5]=o);let m;e[6]!==c||e[7]!==o?(m=(0,t.jsxs)("div",{className:"flex flex-col",children:[c,o]}),e[6]=c,e[7]=o,e[8]=m):m=e[8];let p;return e[9]!==i||e[10]!==m?(p=(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[i,m]}),e[9]=i,e[10]=m,e[11]=p):p=e[11],p},ce=/(https?:\/\/\S+)/,at=/\.(png|jpe?g|gif|webp|svg|ico)(\?.*)?$/i,de=/^data:image\//i,ot=["avatars.githubusercontent.com"];function me(r){return de.test(r)?[{type:"image",url:r}]:r.split(ce).filter(e=>e.trim()!=="").map(e=>ce.test(e)?at.test(e)||de.test(e)||ot.some(s=>e.includes(s))?{type:"image",url:e}:{type:"url",url:e}:{type:"text",value:e})}var pe=z(),E=G(we(),1),ct=new Te;const R=r=>{let e=RegExp("\x1B\\[[0-9;]*m","g");return r.replaceAll(e,"")};var ue=/(pip\s+install|uv\s+add|uv\s+pip\s+install)\s+/gi;function dt(r){ue.lastIndex=0;let e=ue.exec(r);if(!e)return null;let s=e.index+e[0].length,n=r.slice(s).split(/\s+/),i="",l=0;for(let c of n){let o=c.trim();if(!o)continue;if(o.startsWith("-")){l+=o.length+1;continue}let m=o.match(/^[\w,.[\]-]+/);if(m){i=m[0];break}break}if(!i)return null;let a=s+l+i.length;return{package:i,endIndex:a}}function k(r,e=""){if(!r)return null;if(!/https?:\/\//.test(r))return r;let s=me(r);return s.length===1&&s[0].type==="text"?r:(0,t.jsx)(t.Fragment,{children:s.map((n,i)=>{let l=e?`${e}-${i}`:i;if(n.type==="url"){let a=R(n.url);return(0,t.jsx)("a",{href:a,target:"_blank",rel:"noopener noreferrer",onClick:X.stopPropagation(),className:"text-link hover:underline",children:a},l)}if(n.type==="image"){let a=R(n.url);return(0,t.jsx)("a",{href:a,target:"_blank",rel:"noopener noreferrer",onClick:X.stopPropagation(),className:"text-link hover:underline",children:a},l)}return(0,t.jsx)(E.Fragment,{children:n.value},l)})})}var mt=r=>{let e=(0,pe.c)(6),{packages:s,children:n}=r,{handleInstallPackages:i}=Xe(),l;e[0]!==i||e[1]!==s?(l=c=>{i(s),c.preventDefault()},e[0]=i,e[1]=s,e[2]=l):l=e[2];let a;return e[3]!==n||e[4]!==l?(a=(0,t.jsx)("button",{onClick:l,className:"text-link hover:underline",type:"button",children:n}),e[3]=n,e[4]=l,e[5]=a):a=e[5],a};const pt=r=>{if(!(r instanceof J.Text))return;let e=R(r.data);if(!/(pip\s+install|uv\s+add|uv\s+pip\s+install)/i.test(e))return;let s=[],n=/(pip\s+install|uv\s+add|uv\s+pip\s+install)\s+/gi,i;for(;(i=n.exec(e))!==null;){let c=i.index,o=dt(e.slice(c));o&&s.push({match:i,result:o})}if(s.length===0)return;let l=[],a=0;if(s.forEach((c,o)=>{let{match:m,result:p}=c,d=m.index,f=d+p.endIndex;if(a<d){let j=e.slice(a,d);l.push((0,t.jsx)(E.Fragment,{children:k(j,`before-${o}`)},`before-${o}`))}let u=e.slice(d,f);l.push((0,t.jsx)(mt,{packages:[p.package],children:u},`install-${o}`)),a=f}),a<e.length){let c=e.slice(a);l.push((0,t.jsx)(E.Fragment,{children:k(c,"after")},"after"))}return(0,t.jsx)(t.Fragment,{children:l})},ut=r=>{if(!(r instanceof J.Text))return;let e=r.data;if(!/https?:\/\//.test(e))return;let s=k(e);if(typeof s!="string")return(0,t.jsx)(t.Fragment,{children:s})},ht=(...r)=>e=>{for(let s of r){let n=s(e);if(n!==void 0)return n}},xt=(r,e)=>(0,t.jsx)("span",{children:_e(ct.ansi_to_html(r),{replace:s=>e(s)})}),ft=r=>{let e=(0,pe.c)(4),{text:s}=r,n;e[0]===s?n=e[1]:(n=xt(s,ht(pt,ut)),e[0]=s,e[1]=n);let i=n,l;return e[2]===i?l=e[3]:(l=(0,t.jsx)(t.Fragment,{children:i}),e[2]=i,e[3]=l),l};var he=z(),I=r=>{let e=(0,he.c)(10),s=r.title??"Tip",n;e[0]===s?n=e[1]:(n=(0,t.jsx)(Oe,{className:"pt-2 pb-2 font-normal",children:s}),e[0]=s,e[1]=n);let i;e[2]===r.children?i=e[3]:(i=(0,t.jsx)(Ke,{className:"mr-24 text-[0.84375rem]",children:r.children}),e[2]=r.children,e[3]=i);let l;e[4]!==n||e[5]!==i?(l=(0,t.jsxs)(He,{value:"item-1",className:"text-muted-foreground",children:[n,i]}),e[4]=n,e[5]=i,e[6]=l):l=e[6];let a;return e[7]!==r.className||e[8]!==l?(a=(0,t.jsx)(Ue,{type:"single",collapsible:!0,className:r.className,children:l}),e[7]=r.className,e[8]=l,e[9]=a):a=e[9],a};const jt=r=>{let e=(0,he.c)(31),{errors:s,cellId:n,className:i}=r,l=Ae(),a="This cell wasn't run because it has errors",c="destructive",o="text-error";if(s.some(gt))a="Interrupted";else if(s.some(yt))a="An internal error occurred";else if(s.some(vt))a="Ancestor prevented from running",c="default",o="text-secondary-foreground";else if(s.some(Nt))a="Ancestor stopped",c="default",o="text-secondary-foreground";else if(s.some(bt))a="SQL error";else{let x;e[0]===s?x=e[1]:(x=s.find(wt),e[0]=s,e[1]=x);let y=x;y&&"exception_type"in y&&(a=y.exception_type)}let m,p,d,f,u,j;if(e[2]!==c||e[3]!==n||e[4]!==l||e[5]!==i||e[6]!==s||e[7]!==o||e[8]!==a){let x=s.filter(kt),y=s.filter(It),w=s.filter($t),_=s.filter(_t),L=s.filter(Ft),C=s.filter(Tt),S=s.filter(At),W=s.filter(Ct),D=s.filter(St),V=s.filter(Mt),F=s.filter(Pt),B=s.filter(qt),Q=s.filter(zt),M;e[15]===l?M=e[16]:(M=()=>{l.openDeveloperPanelTab("scratchpad")},e[15]=l,e[16]=M);let xe=M,fe=()=>{let v=[];if(F.length>0||B.length>0){let q=F.some(Et),ge=!q&&F.some(Lt);v.push((0,t.jsxs)("div",{children:[F.map(Wt),B.map(Dt),q&&(0,t.jsxs)($,{size:"xs",variant:"outline",className:"mt-2 font-normal",onClick:()=>Je(l),children:[(0,t.jsx)(Ye,{className:"h-3.5 w-3.5 mr-1.5 mb-0.5"}),(0,t.jsx)("span",{children:"Open package manager"})]}),ge&&(0,t.jsxs)($,{size:"xs",variant:"outline",className:"mt-2 font-normal",onClick:()=>l.openDeveloperPanelTab("terminal"),children:[(0,t.jsx)(re,{className:"h-3.5 w-3.5 mr-1.5"}),(0,t.jsx)("span",{children:"Open terminal"})]}),n&&(0,t.jsx)(N,{errors:[...F,...B],cellId:n})]},"syntax-unknown"))}if(x.length>0&&v.push((0,t.jsxs)("div",{children:[(0,t.jsx)("p",{className:"text-muted-foreground font-medium",children:"The setup cell cannot be run because it has references."}),(0,t.jsx)("ul",{className:"list-disc",children:x.flatMap(Vt)}),n&&(0,t.jsx)(N,{errors:x,cellId:n}),(0,t.jsxs)(I,{title:"Why can't the setup cell have references?",className:"mb-2",children:[(0,t.jsx)("p",{className:"pb-2",children:"The setup cell contains logic that must be run before any other cell runs, including top-level imports used by top-level functions. For this reason, it can't refer to other cells' variables."}),(0,t.jsx)("p",{className:"py-2",children:"Try simplifying the setup cell to only contain only necessary variables."}),(0,t.jsxs)("p",{className:"py-2",children:[(0,t.jsxs)(T,{href:"https://links.marimo.app/errors-setup",children:["Learn more at our docs"," ",(0,t.jsx)(A,{size:"0.75rem",className:"inline"})]}),"."]})]})]},"setup-refs")),y.length>0&&v.push((0,t.jsxs)("div",{children:[(0,t.jsx)("p",{className:"text-muted-foreground font-medium",children:"This cell is in a cycle."}),(0,t.jsx)("ul",{className:"list-disc",children:y.flatMap(Bt)}),n&&(0,t.jsx)(N,{errors:y,cellId:n}),(0,t.jsxs)(I,{title:"What are cycles and how do I resolve them?",className:"mb-2",children:[(0,t.jsx)("p",{className:"pb-2",children:"An example of a cycle is if one cell declares a variable 'a' and reads 'b', and another cell declares 'b' and and reads 'a'. Cycles like this make it impossible for marimo to know how to run your cells, and generally suggest that your code has a bug."}),(0,t.jsx)("p",{className:"py-2",children:"Try merging these cells into a single cell to eliminate the cycle."}),(0,t.jsxs)("p",{className:"py-2",children:[(0,t.jsxs)(T,{href:"https://links.marimo.app/errors-cycles",children:["Learn more at our docs"," ",(0,t.jsx)(A,{size:"0.75rem",className:"inline"})]}),"."]})]})]},"cycle")),w.length>0){let q=w[0].name;v.push((0,t.jsxs)("div",{children:[(0,t.jsx)("p",{className:"text-muted-foreground font-medium",children:"This cell redefines variables from other cells."}),w.map(Ot),n&&(0,t.jsx)(N,{errors:w,cellId:n}),(0,t.jsxs)(I,{title:"Why can't I redefine variables?",children:[(0,t.jsx)("p",{className:"pb-2",children:"marimo requires that each variable is defined in just one cell. This constraint enables reactive and reproducible execution, arbitrary cell reordering, seamless UI elements, execution as a script, and more."}),(0,t.jsxs)("p",{className:"py-2",children:["Try merging this cell with the mentioned cells or wrapping it in a function. Alternatively, prefix variables with an underscore (e.g., ",(0,t.jsxs)(te,{className:"inline",children:["_",q]}),"). to make them private to this cell."]}),(0,t.jsxs)("p",{className:"py-2",children:[(0,t.jsxs)(T,{href:"https://links.marimo.app/errors-multiple-definitions",children:["Learn more at our docs"," ",(0,t.jsx)(A,{size:"0.75rem",className:"inline"})]}),"."]})]}),(0,t.jsx)(I,{title:"Need a scratchpad?",children:(0,t.jsxs)("div",{className:"flex flex-row gap-2 items-center",children:[(0,t.jsxs)($,{size:"xs",variant:"link",className:"my-2 font-normal mx-0 px-0",onClick:xe,children:[(0,t.jsx)($e,{className:"h-3"}),(0,t.jsx)("span",{children:"Try the scratchpad"})]}),(0,t.jsx)("span",{children:"to experiment without restrictions on variable names."})]})})]},"multiple-defs"))}return _.length>0&&v.push((0,t.jsxs)("div",{children:[_.map(Ht),n&&(0,t.jsx)(N,{errors:_,cellId:n}),(0,t.jsxs)(I,{title:"Why can't I use `import *`?",children:[(0,t.jsx)("p",{className:"pb-2",children:"Star imports are incompatible with marimo's git-friendly file format and reproducible reactive execution."}),(0,t.jsx)("p",{className:"py-2",children:"marimo's Python file format stores code in functions, so notebooks can be imported as regular Python modules without executing all their code. But Python disallows `import *` everywhere except at the top-level of a module."}),(0,t.jsx)("p",{className:"py-2",children:"Star imports would also silently add names to globals, which would be incompatible with reactive execution."}),(0,t.jsxs)("p",{className:"py-2",children:[(0,t.jsxs)(T,{href:"https://links.marimo.app/errors-import-star",children:["Learn more at our docs"," ",(0,t.jsx)(A,{size:"0.75rem",className:"inline"})]}),"."]})]})]},"import-star")),L.length>0&&v.push((0,t.jsxs)("div",{children:[L.map(Ut),n&&(0,t.jsx)(N,{errors:L,cellId:n})]},"interruption")),C.length>0&&v.push((0,t.jsxs)("ul",{children:[C.map(Kt),C.some(Rt)&&(0,t.jsx)(I,{children:"Fix the error in the mentioned cells, or handle the exceptions with try/except blocks."}),n&&(0,t.jsx)(N,{errors:C,cellId:n})]},"exception")),S.length>0&&v.push((0,t.jsxs)("ul",{children:[S.map(Gt),n&&(0,t.jsx)(N,{errors:S,cellId:n}),(0,t.jsx)(I,{children:S.some(Jt)?"Ensure that the referenced cells define the required variables, or turn off strict execution.":"Something is wrong with your declarations. Fix any discrepancies, or turn off strict execution."})]},"strict-exception")),W.length>0&&v.push((0,t.jsxs)("div",{children:[W.map(Xt),n&&(0,t.jsx)(N,{errors:W,cellId:n})]},"internal")),D.length>0&&v.push((0,t.jsxs)("div",{children:[D.map(Yt),n&&(0,t.jsx)(N,{errors:D,cellId:n})]},"ancestor-prevented")),V.length>0&&v.push((0,t.jsxs)("div",{children:[V.map(Zt),n&&(0,t.jsx)(N,{errors:V,cellId:n})]},"ancestor-stopped")),Q.length>0&&v.push((0,t.jsxs)("div",{children:[Q.map(er),n&&(0,t.jsx)(N,{errors:Q,cellId:n,className:"mt-2.5"})]},"sql-errors")),v},O=`font-code font-medium tracking-wide ${o}`,P;e[17]!==O||e[18]!==a?(P=(0,t.jsx)(Re,{className:O,children:a}),e[17]=O,e[18]=a,e[19]=P):P=e[19];let je=P;m=Ge,f=c,e[20]===i?u=e[21]:(u=Y("border-none font-code text-sm text-[0.84375rem] px-0 text-muted-foreground normal [&:has(svg)]:pl-0 space-y-4",i),e[20]=i,e[21]=u),j=je,p="flex flex-col gap-8",d=fe(),e[2]=c,e[3]=n,e[4]=l,e[5]=i,e[6]=s,e[7]=o,e[8]=a,e[9]=m,e[10]=p,e[11]=d,e[12]=f,e[13]=u,e[14]=j}else m=e[9],p=e[10],d=e[11],f=e[12],u=e[13],j=e[14];let h;e[22]!==p||e[23]!==d?(h=(0,t.jsx)("div",{children:(0,t.jsx)("div",{className:p,children:d})}),e[22]=p,e[23]=d,e[24]=h):h=e[24];let g;return e[25]!==m||e[26]!==f||e[27]!==u||e[28]!==j||e[29]!==h?(g=(0,t.jsxs)(m,{variant:f,className:u,children:[j,h]}),e[25]=m,e[26]=f,e[27]=u,e[28]=j,e[29]=h,e[30]=g):g=e[30],g};function gt(r){return r.type==="interruption"}function yt(r){return r.type==="internal"}function vt(r){return r.type==="ancestor-prevented"}function Nt(r){return r.type==="ancestor-stopped"}function bt(r){return r.type==="sql-error"}function wt(r){return r.type==="exception"}function kt(r){return r.type==="setup-refs"}function It(r){return r.type==="cycle"}function $t(r){return r.type==="multiple-defs"}function _t(r){return r.type==="import-star"}function Ft(r){return r.type==="interruption"}function Tt(r){return r.type==="exception"}function At(r){return r.type==="strict-exception"}function Ct(r){return r.type==="internal"}function St(r){return r.type==="ancestor-prevented"}function Mt(r){return r.type==="ancestor-stopped"}function Pt(r){return r.type==="syntax"}function qt(r){return r.type==="unknown"}function zt(r){return r.type==="sql-error"}function Et(r){return r.msg.includes("!pip")}function Lt(r){return r.msg.includes("use os.subprocess")}function Wt(r,e){return(0,t.jsx)("pre",{children:k(r.msg,`syntax-${e}`)},`syntax-${e}`)}function Dt(r,e){return(0,t.jsx)("pre",{children:k(r.msg,`unknown-${e}`)},`unknown-${e}`)}function Vt(r,e){return r.edges_with_vars.map((s,n)=>(0,t.jsxs)("li",{className:"my-0.5 ml-8 text-muted-foreground/40",children:[(0,t.jsx)(b,{cellId:s[0]}),(0,t.jsxs)("span",{className:"text-muted-foreground",children:[": "," ",s[1].length===1?s[1][0]:s[1].join(", ")]})]},`setup-refs-${e}-${n}`))}function Bt(r,e){return r.edges_with_vars.map((s,n)=>(0,t.jsxs)("li",{className:"my-0.5 ml-8 text-muted-foreground/40",children:[(0,t.jsx)(b,{cellId:s[0]}),(0,t.jsxs)("span",{className:"text-muted-foreground",children:[" -> ",s[1].length===1?s[1][0]:s[1].join(", ")," -> "]}),(0,t.jsx)(b,{cellId:s[2]})]},`cycle-${e}-${n}`))}function Qt(r,e){return(0,t.jsx)("li",{className:"my-0.5 ml-8 text-muted-foreground/40",children:(0,t.jsx)(b,{cellId:r})},`cell-${e}`)}function Ot(r,e){return(0,t.jsxs)(E.Fragment,{children:[(0,t.jsx)("p",{className:"text-muted-foreground mt-2",children:`'${r.name}' was also defined by:`}),(0,t.jsx)("ul",{className:"list-disc",children:r.cells.map(Qt)})]},`multiple-defs-${e}`)}function Ht(r,e){return(0,t.jsx)("p",{className:"text-muted-foreground",children:r.msg},`import-star-${e}`)}function Ut(r,e){return(0,t.jsx)("p",{children:"This cell was interrupted and needs to be re-run."},`interruption-${e}`)}function Kt(r,e){return r.exception_type==="NameError"&&r.msg.startsWith("name 'mo'")?(0,t.jsx)("li",{className:"my-2",children:(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{className:"text-muted-foreground",children:"name 'mo' is not defined."}),(0,t.jsxs)("p",{className:"text-muted-foreground mt-2",children:["The marimo module (imported as"," ",(0,t.jsx)(te,{className:"inline",children:"mo"}),") is required for Markdown, SQL, and UI elements."]})]})},`exception-${e}`):r.exception_type==="NameError"&&r.msg.startsWith("name '_")?(0,t.jsx)("li",{className:"my-2",children:(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{className:"text-muted-foreground",children:r.msg}),(0,t.jsxs)("p",{className:"text-muted-foreground mt-2",children:["Variables prefixed with an underscore are local to a cell"," ","(",(0,t.jsxs)(T,{href:"https://links.marimo.app/local-variables",children:["docs"," ",(0,t.jsx)(A,{size:"0.75rem",className:"inline"})]}),")."]}),(0,t.jsx)("div",{className:"text-muted-foreground mt-2",children:"See the console area for a traceback."})]})},`exception-${e}`):(0,t.jsx)("li",{className:"my-2",children:r.raising_cell==null?(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{className:"text-muted-foreground",children:k(r.msg,`exception-${e}`)}),(0,t.jsx)("div",{className:"text-muted-foreground mt-2",children:"See the console area for a traceback."})]}):(0,t.jsxs)("div",{children:[k(r.msg,`exception-${e}`),(0,t.jsx)(b,{cellId:r.raising_cell})]})},`exception-${e}`)}function Rt(r){return r.raising_cell!=null}function Gt(r,e){return(0,t.jsx)("li",{className:"my-2",children:r.blamed_cell==null?(0,t.jsx)("p",{children:r.msg}):(0,t.jsxs)("div",{children:[r.msg,(0,t.jsx)(b,{cellId:r.blamed_cell})]})},`strict-exception-${e}`)}function Jt(r){return r.blamed_cell!=null}function Xt(r,e){return(0,t.jsx)("p",{children:r.msg},`internal-${e}`)}function Yt(r,e){return(0,t.jsxs)("div",{children:[r.msg,r.blamed_cell==null?(0,t.jsxs)("span",{children:["(",(0,t.jsx)(b,{cellId:r.raising_cell}),")"]}):(0,t.jsxs)("span",{children:["(",(0,t.jsx)(b,{cellId:r.raising_cell}),"\xA0blames\xA0",(0,t.jsx)(b,{cellId:r.blamed_cell}),")"]})]},`ancestor-prevented-${e}`)}function Zt(r,e){return(0,t.jsxs)("div",{children:[r.msg,(0,t.jsx)(b,{cellId:r.raising_cell})]},`ancestor-stopped-${e}`)}function er(r,e){return(0,t.jsx)("div",{className:"space-y-2 mt-2",children:(0,t.jsx)("p",{className:"text-muted-foreground whitespace-pre-wrap",children:r.msg})},`sql-error-${e}`)}export{re as a,oe as i,ft as n,me as r,jt as t};