@marimo-team/frontend 0.23.9-dev10 → 0.23.9-dev11

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-CStLWKuK.js"></script>
+    <script type="module" crossorigin src="./assets/index-f36_4Wqc.js"></script>
     <link rel="modulepreload" crossorigin href="./assets/preload-helper-BPPi7vOr.js">
     <link rel="modulepreload" crossorigin href="./assets/chunk-LvLJmgfZ.js">
     <link rel="modulepreload" crossorigin href="./assets/react-Bj1aDYRI.js">
@@ -133,7 +133,7 @@
     <link rel="modulepreload" crossorigin href="./assets/debounce-DhnxH9Rh.js">
     <link rel="modulepreload" crossorigin href="./assets/database-zap-kIkTfzTX.js">
     <link rel="modulepreload" crossorigin href="./assets/main-B0OX4z33.js">
-    <link rel="modulepreload" crossorigin href="./assets/cells-WW455pbI.js">
+    <link rel="modulepreload" crossorigin href="./assets/cells-DfBJ0VnJ.js">
     <link rel="modulepreload" crossorigin href="./assets/ErrorBoundary-DyYDV0HI.js">
     <link rel="modulepreload" crossorigin href="./assets/kbd-CTUAEnEx.js">
     <link rel="modulepreload" crossorigin href="./assets/useInstallPackage-DUF4IRRI.js">
@@ -147,35 +147,35 @@
     <link rel="modulepreload" crossorigin href="./assets/usePress-DQ_tAz5W.js">
     <link rel="modulepreload" crossorigin href="./assets/input-C3Hrdlqq.js">
     <link rel="modulepreload" crossorigin href="./assets/ImperativeModal-B3Th7k4R.js">
-    <link rel="modulepreload" crossorigin href="./assets/cell-link-VlbhstGP.js">
+    <link rel="modulepreload" crossorigin href="./assets/cell-link-xmpxJpC6.js">
     <link rel="modulepreload" crossorigin href="./assets/multi-map-CUuNtzHt.js">
     <link rel="modulepreload" crossorigin href="./assets/alert-yTS3WpF4.js">
     <link rel="modulepreload" crossorigin href="./assets/chevron-right-CG5QYXYk.js">
     <link rel="modulepreload" crossorigin href="./assets/dropdown-menu-CR7cnzLX.js">
     <link rel="modulepreload" crossorigin href="./assets/links-D1JoyKTt.js">
-    <link rel="modulepreload" crossorigin href="./assets/useRunCells-DeA7yeHJ.js">
+    <link rel="modulepreload" crossorigin href="./assets/useRunCells-CjBIWw0W.js">
     <link rel="modulepreload" crossorigin href="./assets/copy-LK56fFow.js">
     <link rel="modulepreload" crossorigin href="./assets/copy-BwrPA9zQ.js">
     <link rel="modulepreload" crossorigin href="./assets/copy-icon-OjtDb4gO.js">
-    <link rel="modulepreload" crossorigin href="./assets/RenderHTML-IGRZU9wj.js">
-    <link rel="modulepreload" crossorigin href="./assets/datasource-CrDfHWto.js">
-    <link rel="modulepreload" crossorigin href="./assets/state-NqzCpbZn.js">
+    <link rel="modulepreload" crossorigin href="./assets/RenderHTML-ozbWHhKy.js">
+    <link rel="modulepreload" crossorigin href="./assets/datasource-D1itEHCP.js">
+    <link rel="modulepreload" crossorigin href="./assets/state-BmbZU1Ii.js">
     <link rel="modulepreload" crossorigin href="./assets/package-Tv6ztuzw.js">
     <link rel="modulepreload" crossorigin href="./assets/sparkles-lWUAsPhp.js">
-    <link rel="modulepreload" crossorigin href="./assets/MarimoErrorOutput-BXSRPZqF.js">
+    <link rel="modulepreload" crossorigin href="./assets/MarimoErrorOutput-BrtF-EJX.js">
     <link rel="modulepreload" crossorigin href="./assets/spinner-Bhir8k53.js">
-    <link rel="modulepreload" crossorigin href="./assets/html-to-image-DB5sfuws.js">
-    <link rel="modulepreload" crossorigin href="./assets/focus-COroLbWe.js">
+    <link rel="modulepreload" crossorigin href="./assets/html-to-image-BJNmIfR_.js">
+    <link rel="modulepreload" crossorigin href="./assets/focus-BTk8fi9t.js">
     <link rel="modulepreload" crossorigin href="./assets/useAsyncData-bgszE9F0.js">
     <link rel="modulepreload" crossorigin href="./assets/LazyAnyLanguageCodeMirror-DFv3yT20.js">
     <link rel="modulepreload" crossorigin href="./assets/micromark-factory-space-BygYYKhs.js">
     <link rel="modulepreload" crossorigin href="./assets/chunk-5FQGJX7Z-BzXnQz5s.js">
-    <link rel="modulepreload" crossorigin href="./assets/markdown-renderer-BnUV17Tg.js">
+    <link rel="modulepreload" crossorigin href="./assets/markdown-renderer-Bhg3x2dD.js">
     <link rel="modulepreload" crossorigin href="./assets/command-KARR7KMq.js">
     <link rel="modulepreload" crossorigin href="./assets/field-zLmMOSA4.js">
     <link rel="modulepreload" crossorigin href="./assets/popover-Bz_0Vkyf.js">
     <link rel="modulepreload" crossorigin href="./assets/errors-vr57w7Ul.js">
-    <link rel="modulepreload" crossorigin href="./assets/download-CKGdZtPf.js">
+    <link rel="modulepreload" crossorigin href="./assets/download-BQQnYuPC.js">
     <link rel="modulepreload" crossorigin href="./assets/table-BGPSHfig.js">
     <link rel="modulepreload" crossorigin href="./assets/useIframeCapabilities-CcI1zSdn.js">
     <link rel="modulepreload" crossorigin href="./assets/error-banner-LdWZDbqd.js">
@@ -196,25 +196,25 @@
     <link rel="modulepreload" crossorigin href="./assets/plus-BgB18UzY.js">
     <link rel="modulepreload" crossorigin href="./assets/trash-2-rVklqqFF.js">
     <link rel="modulepreload" crossorigin href="./assets/react-resizable-panels.browser.esm-CV8-hvjx.js">
-    <link rel="modulepreload" crossorigin href="./assets/JsonOutput-DYoyBk2A.js">
+    <link rel="modulepreload" crossorigin href="./assets/JsonOutput-BEIaEFVx.js">
     <link rel="modulepreload" crossorigin href="./assets/chart-no-axes-column-nqk474t8.js">
     <link rel="modulepreload" crossorigin href="./assets/square-function-uY_yJr5g.js">
     <link rel="modulepreload" crossorigin href="./assets/spec-CPQR_o92.js">
     <link rel="modulepreload" crossorigin href="./assets/ellipsis-vertical-CkwWkOQL.js">
     <link rel="modulepreload" crossorigin href="./assets/refresh-cw-DHwG4Mac.js">
     <link rel="modulepreload" crossorigin href="./assets/tree-actions-BM_EJr3E.js">
-    <link rel="modulepreload" crossorigin href="./assets/components-B-vsJpY6.js">
-    <link rel="modulepreload" crossorigin href="./assets/column-preview-C-xQqzBs.js">
+    <link rel="modulepreload" crossorigin href="./assets/components-DptWjGr1.js">
+    <link rel="modulepreload" crossorigin href="./assets/column-preview-B0fkY_W8.js">
     <link rel="modulepreload" crossorigin href="./assets/icons-Ol38nIbL.js">
-    <link rel="modulepreload" crossorigin href="./assets/radio-group-BHzskOrm.js">
-    <link rel="modulepreload" crossorigin href="./assets/floating-outline-wGcVRNZu.js">
+    <link rel="modulepreload" crossorigin href="./assets/radio-group-DkjQgwSt.js">
+    <link rel="modulepreload" crossorigin href="./assets/floating-outline-L6NC-sSl.js">
     <link rel="modulepreload" crossorigin href="./assets/objectWithoutPropertiesLoose-DfWeGRFv.js">
     <link rel="modulepreload" crossorigin href="./assets/esm-CqWdmSnV.js">
-    <link rel="modulepreload" crossorigin href="./assets/readonly-python-code-u31O1EoO.js">
+    <link rel="modulepreload" crossorigin href="./assets/readonly-python-code-CQ2k62cK.js">
     <link rel="modulepreload" crossorigin href="./assets/file-headphone-BrQspHac.js">
     <link rel="modulepreload" crossorigin href="./assets/file-BrdxGLRX.js">
     <link rel="modulepreload" crossorigin href="./assets/image-DQHXdEQn.js">
-    <link rel="modulepreload" crossorigin href="./assets/file-icons-B1JtCN2e.js">
+    <link rel="modulepreload" crossorigin href="./assets/file-icons-DUEFtaqk.js">
     <link rel="modulepreload" crossorigin href="./assets/switch-C8Pev-_F.js">
     <link rel="modulepreload" crossorigin href="./assets/events-CPoJAfgx.js">
     <link rel="modulepreload" crossorigin href="./assets/globals-DggqXXLE.js">
@@ -223,11 +223,11 @@
     <link rel="modulepreload" crossorigin href="./assets/memoize-Tp7rARFe.js">
     <link rel="modulepreload" crossorigin href="./assets/get-C-qh_et5.js">
     <link rel="modulepreload" crossorigin href="./assets/_baseSet-CxV9N1bc.js">
-    <link rel="modulepreload" crossorigin href="./assets/state-D9_BpRuU.js">
+    <link rel="modulepreload" crossorigin href="./assets/state-Ba2SVwFW.js">
     <link rel="modulepreload" crossorigin href="./assets/label-xHqFtfdz.js">
-    <link rel="modulepreload" crossorigin href="./assets/textarea-By_oENlk.js">
+    <link rel="modulepreload" crossorigin href="./assets/textarea-DqCLSCio.js">
     <link rel="modulepreload" crossorigin href="./assets/refresh-ccw-C-n2VFP5.js">
-    <link rel="modulepreload" crossorigin href="./assets/form-BfwTaK_n.js">
+    <link rel="modulepreload" crossorigin href="./assets/form-D0jBoXOL.js">
     <link rel="modulepreload" crossorigin href="./assets/renderShortcut-U2SzoZCS.js">
     <link rel="modulepreload" crossorigin href="./assets/useBoolean-DRITaoFR.js">
     <link rel="modulepreload" crossorigin href="./assets/useDeepCompareMemoize-zUHU--0D.js">
@@ -248,7 +248,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-Cn0RBoFD.css">
+    <link rel="stylesheet" crossorigin href="./assets/index-pG6JIIR-.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

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

package/src/components/editor/output/MarimoErrorOutput.tsx

@@ -1,12 +1,16 @@
 /* Copyright 2026 Marimo. All rights reserved. */
 
+import { useAtomValue } from "jotai";
 import {
+  ChevronDown,
+  ChevronRight,
+  InfoIcon,
   NotebookPenIcon,
   PackageIcon,
   SquareArrowOutUpRightIcon,
   TerminalIcon,
 } from "lucide-react";
-import { Fragment, type JSX } from "react";
+import { Fragment, type JSX, useState } from "react";
 import {
   Accordion,
   AccordionContent,
@@ -16,7 +20,9 @@ import {
 import { Button } from "@/components/ui/button";
 import { Kbd } from "@/components/ui/kbd";
 import { ExternalLink } from "@/components/ui/links";
+import { Tooltip } from "@/components/ui/tooltip";
 import type { CellId } from "@/core/cells/ids";
+import { resolvedMarimoConfigAtom } from "@/core/config/config";
 import { renderHTML } from "@/plugins/core/RenderHTML";
 import { splitMangledLocals } from "@/utils/local-variables";
 import type { MarimoError } from "../../../core/kernel/messages";
@@ -29,6 +35,39 @@ import { MangledSegments } from "../errors/mangled-local-chip";
 import { CellLinkError } from "../links/cell-link";
 import { processTextForUrls } from "./console/text-rendering";
 
+const CollapsibleTraceback = ({
+  traceback,
+}: {
+  traceback: string;
+}): JSX.Element => {
+  const [isOpen, setIsOpen] = useState(true);
+  return (
+    <div className="mt-2">
+      <button
+        type="button"
+        onClick={() => setIsOpen(!isOpen)}
+        aria-expanded={isOpen}
+        aria-label={isOpen ? "Collapse traceback" : "Expand traceback"}
+        className="flex items-center gap-1 text-muted-foreground/70 hover:text-muted-foreground transition-colors"
+      >
+        {isOpen ? (
+          <ChevronDown className="h-3 w-3" />
+        ) : (
+          <ChevronRight className="h-3 w-3" />
+        )}
+        <span className="text-[0.6875rem] uppercase tracking-wider">
+          Traceback
+        </span>
+      </button>
+      {isOpen && (
+        <div className="font-code text-sm mt-1 p-3 bg-muted rounded border overflow-auto max-h-[50vh] cursor-text select-text">
+          {renderHTML({ html: traceback })}
+        </div>
+      )}
+    </div>
+  );
+};
+
 const Tip = (props: {
   title?: string;
   className?: string;
@@ -37,10 +76,13 @@ const Tip = (props: {
   return (
     <Accordion type="single" collapsible={true} className={props.className}>
       <AccordionItem value="item-1" className="text-muted-foreground">
-        <AccordionTrigger className="pt-2 pb-2 font-normal">
+        <AccordionTrigger className="pt-2 pb-0 font-normal">
           {props.title ?? "Tip"}
         </AccordionTrigger>
-        <AccordionContent className="mr-24 text-[0.84375rem]">
+        <AccordionContent
+          className="mr-24 text-[0.84375rem]"
+          wrapperClassName="pt-0 pb-2"
+        >
           {props.children}
         </AccordionContent>
       </AccordionItem>
@@ -63,10 +105,21 @@ export const MarimoErrorOutput = ({
   className,
 }: Props): JSX.Element => {
   const chromeActions = useChromeActions();
-
-  let titleContents = "This cell wasn't run because it has errors";
+  // The console area (where tracebacks are shown) sits below the cell editor.
+  // When cell outputs are also displayed below the editor, the traceback is
+  // already adjacent, so the "See the console area" hint is redundant. It is
+  // only helpful when outputs are displayed above the editor.
+  const showConsoleHint =
+    useAtomValue(resolvedMarimoConfigAtom).display.cell_output === "above";
+
+  let titleContents: string | null =
+    "This cell wasn't run because it has errors";
   let alertVariant: "destructive" | "default" = "destructive";
   let titleColor = "text-error";
+  // A small muted overline shown above the title for static errors, where
+  // the cell genuinely never executes. These errors have no separate title:
+  // the body text already describes them, so the overline carries the status.
+  let statusOverline: string | null = null;
   const liStyle = "my-0.5 ml-8 text-muted-foreground/40";
 
   // Check for certain error types to adjust title and appearance
@@ -77,7 +130,6 @@ export const MarimoErrorOutput = ({
   } else if (errors.some((e) => e.type === "ancestor-prevented")) {
     titleContents = "Ancestor prevented from running";
     alertVariant = "default";
-    titleColor = "text-muted-foreground";
     titleColor = "text-secondary-foreground";
   } else if (errors.some((e) => e.type === "ancestor-stopped")) {
     titleContents = "Ancestor stopped";
@@ -85,6 +137,19 @@ export const MarimoErrorOutput = ({
     titleColor = "text-secondary-foreground";
   } else if (errors.some((e) => e.type === "sql-error")) {
     titleContents = "SQL error";
+  } else if (
+    errors.some(
+      (e) =>
+        e.type === "multiple-defs" ||
+        e.type === "cycle" ||
+        e.type === "setup-refs" ||
+        e.type === "import-star",
+    )
+  ) {
+    // Static errors: the body text describes the problem, so there is no
+    // separate title — only the status overline.
+    titleContents = null;
+    statusOverline = "Cell not run";
   } else {
     // Check for exception type
     const exceptionError = errors.find((e) => e.type === "exception");
@@ -475,9 +540,11 @@ export const MarimoErrorOutput = ({
                       </ExternalLink>
                       ).
                     </p>
-                    <div className="text-muted-foreground mt-2">
-                      See the console area for a traceback.
-                    </div>
+                    {showConsoleHint && (
+                      <div className="text-muted-foreground mt-2">
+                        See the console area for a traceback.
+                      </div>
+                    )}
                   </div>
                 </li>
               );
@@ -492,13 +559,13 @@ export const MarimoErrorOutput = ({
                       {processTextForUrls(error.msg, `exception-${idx}`)}
                     </p>
                     {"traceback" in error && error.traceback ? (
-                      <div className="font-code text-sm mt-2 p-3 bg-muted rounded border overflow-auto max-h-[50vh] cursor-text select-text">
-                        {renderHTML({ html: error.traceback })}
-                      </div>
+                      <CollapsibleTraceback traceback={error.traceback} />
                     ) : (
-                      <div className="text-muted-foreground mt-2">
-                        See the console area for a traceback.
-                      </div>
+                      showConsoleHint && (
+                        <div className="text-muted-foreground mt-2">
+                          See the console area for a traceback.
+                        </div>
+                      )
                     )}
                   </div>
                 ) : (
@@ -506,9 +573,7 @@ export const MarimoErrorOutput = ({
                     {processTextForUrls(error.msg, `exception-${idx}`)}
                     <CellLinkError cellId={error.raising_cell} />
                     {"traceback" in error && error.traceback && (
-                      <div className="font-code text-sm mt-2 p-3 bg-muted rounded border overflow-auto max-h-[50vh] cursor-text select-text">
-                        {renderHTML({ html: error.traceback })}
-                      </div>
+                      <CollapsibleTraceback traceback={error.traceback} />
                     )}
                   </div>
                 )}
@@ -633,23 +698,36 @@ export const MarimoErrorOutput = ({
   };
 
   const title = (
-    <AlertTitle className={`font-code font-medium tracking-wide ${titleColor}`}>
-      {titleContents}
-    </AlertTitle>
+    <div className="space-y-0.5">
+      {statusOverline && (
+        <div className="flex items-center gap-1 font-code text-[0.6875rem] uppercase tracking-wider text-muted-foreground/70">
+          {statusOverline}
+          <Tooltip
+            content="marimo didn't run this cell because it detected an error."
+            delayDuration={200}
+          >
+            <InfoIcon className="size-3 cursor-help" />
+          </Tooltip>
+        </div>
+      )}
+      {titleContents && (
+        <AlertTitle className={`font-code font-medium ${titleColor}`}>
+          {titleContents}
+        </AlertTitle>
+      )}
+    </div>
   );
 
   return (
     <Alert
       variant={alertVariant}
       className={cn(
-        "border-none font-code text-sm text-[0.84375rem] px-0 text-muted-foreground normal [&:has(svg)]:pl-0 space-y-4",
+        "border-none font-code text-sm text-[0.84375rem] p-0 text-muted-foreground normal [&:has(svg)]:pl-0 space-y-2",
         className,
       )}
     >
       {title}
-      <div>
-        <div className="flex flex-col gap-8">{renderMessages()}</div>
-      </div>
+      <div className="flex flex-col gap-4">{renderMessages()}</div>
     </Alert>
   );
 };

package/src/components/editor/output/MarimoTracebackOutput.tsx

@@ -5,17 +5,13 @@ import { useAtomValue } from "jotai";
 import {
   BugPlayIcon,
   ChevronDown,
+  ChevronRight,
   CopyIcon,
   ExternalLinkIcon,
   MessageCircleIcon,
   SearchIcon,
 } from "lucide-react";
 import { type JSX, useState } from "react";
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-} from "@/components/ui/accordion";
 import { Button } from "@/components/ui/button";
 import {
   DropdownMenu,
@@ -45,7 +41,6 @@ import {
   extractAllTracebackInfo,
   getTracebackInfo,
 } from "@/utils/traceback";
-import { cn } from "../../../utils/cn";
 import { AIFixButton } from "../errors/auto-fix";
 import { MangledSegments } from "../errors/mangled-local-chip";
 import { CellLinkTraceback } from "../links/cell-link";
@@ -57,8 +52,6 @@ interface Props {
   onRefactorWithAI?: OnRefactorWithAI;
 }
 
-const KEY = "item";
-
 /**
  * List of errors due to violations of Marimo semantics.
  */
@@ -75,7 +68,6 @@ export const MarimoTracebackOutput = ({
       replaceMangledLocal,
     ],
   });
-  const [expanded, setExpanded] = useState(true);
 
   const lastTracebackLine = lastLine(traceback);
   const aiEnabled = useAtomValue(aiEnabledAtom);
@@ -95,6 +87,8 @@ export const MarimoTracebackOutput = ({
 
   const showSearch = !isStaticNotebook();
 
+  const [isOpen, setIsOpen] = useState(true);
+
   const handleRefactorWithAI = (triggerImmediately: boolean) => {
     onRefactorWithAI?.({
       prompt: `My code gives the following error:\n\n${lastTracebackLine}`,
@@ -102,35 +96,29 @@ export const MarimoTracebackOutput = ({
     });
   };
 
-  const [error, errorMessage] = lastTracebackLine.split(":", 2);
-  const errorMessageSegments = errorMessage
-    ? splitMangledLocals(errorMessage)
-    : [];
-
   return (
     <div className="flex flex-col gap-2 min-w-full w-fit">
-      <Accordion type="single" collapsible={true} value={expanded ? KEY : ""}>
-        <AccordionItem value={KEY} className="border-none">
-          <div
-            className="flex gap-2 h-10 px-2 hover:bg-muted rounded-sm select-none items-center cursor-pointer transition-all"
-            onClick={() => setExpanded((prev) => !prev)}
-          >
-            <ChevronDown
-              className={cn(
-                "h-4 w-4 text-muted-foreground transition-transform duration-200 shrink-0",
-                expanded ? "rotate-180" : "rotate-0",
-              )}
-            />
-            <div className="text-sm inline font-mono">
-              <span className="text-destructive">{error || "Error"}:</span>{" "}
-              <MangledSegments segments={errorMessageSegments} />
-            </div>
-          </div>
-          <AccordionContent className="text-muted-foreground px-4 pt-2 text-xs overflow-auto">
-            {htmlTraceback}
-          </AccordionContent>
-        </AccordionItem>
-      </Accordion>
+      <button
+        type="button"
+        onClick={() => setIsOpen(!isOpen)}
+        aria-expanded={isOpen}
+        aria-label={isOpen ? "Collapse traceback" : "Expand traceback"}
+        className="self-start flex items-center gap-1 pt-2 text-muted-foreground/70 hover:text-muted-foreground transition-colors"
+      >
+        {isOpen ? (
+          <ChevronDown className="h-3 w-3" />
+        ) : (
+          <ChevronRight className="h-3 w-3" />
+        )}
+        <span className="text-[0.6875rem] uppercase tracking-wider">
+          Traceback
+        </span>
+      </button>
+      {isOpen && (
+        <div className="text-muted-foreground pr-4 text-xs overflow-auto">
+          {htmlTraceback}
+        </div>
+      )}
       <div className="flex gap-2">
         {showAIFix && (
           <AIFixButton

package/src/core/codemirror/cells/traceback-decorations.ts

@@ -147,7 +147,7 @@ export function errorLineHighlighter(
         backgroundColor: "color-mix(in srgb, var(--red-4) 40%, transparent)",
       },
       "&.cm-focused .cm-error-line.cm-activeLine": {
-        backgroundColor: "color-mix(in srgb, var(--red-6) 40%, transparent)",
+        backgroundColor: "color-mix(in srgb, var(--red-5) 40%, transparent)",
       },
     }),
   ];

package/src/css/app/Cell.css

@@ -214,7 +214,6 @@
   &.error-outline,
   &.error-outline:focus-within {
     box-shadow: 8px 8px 0 0 color-mix(in srgb, var(--error), transparent 80%);
-    background-color: var(--red-2);
   }
 
   /* Needs Run */

package/dist/assets/MarimoErrorOutput-BXSRPZqF.js

@@ -1,7 +0,0 @@
-import{s as K}from"./chunk-LvLJmgfZ.js";import{d as _e,f as $e,l as Fe,u as Te}from"./useEvent-D91BmmQi.js";import{t as Ce}from"./react-Bj1aDYRI.js";import{D as Ae,Dn as Se,Fn as Ee,Oi as Me,b as ze,fr as qe,hi as X,mi as Pe,rt as Le}from"./cells-WW455pbI.js";import{t as T}from"./compiler-runtime-B3qBwwSJ.js";import{t as We}from"./invariant-BUdrueMv.js";import{r as De}from"./utils-Wvjk_Y4h.js";import{t as Y}from"./cn-DCUzRj2J.js";import{t as Be}from"./jsx-runtime-BqBOg78p.js";import{a as Oe,i as Qe,n as Re,r as Ve}from"./multi-map-CUuNtzHt.js";import{a as He,p as Ue,r as Ge,t as Je}from"./dropdown-menu-CR7cnzLX.js";import{t as V}from"./tooltip-DTV9tlSr.js";import{r as Z,t as _}from"./button-BbCh-29a.js";import{t as ee}from"./createLucideIcon-D5guW7EU.js";import{r as Ke}from"./x-C-6liIBr.js";import{t as Xe}from"./package-Tv6ztuzw.js";import{t as Ye}from"./sparkles-lWUAsPhp.js";import{c as te,n as Ze}from"./datasource-CrDfHWto.js";import{a as et}from"./dist-CPczQFlJ.js";import{t as re}from"./RenderHTML-IGRZU9wj.js";import{t as se}from"./kbd-CTUAEnEx.js";import{t as C}from"./links-D1JoyKTt.js";import{r as tt,t as rt}from"./alert-yTS3WpF4.js";import{o as st,t as nt}from"./useInstallPackage-DUF4IRRI.js";import{n as lt}from"./state-NqzCpbZn.js";import{n as b}from"./cell-link-VlbhstGP.js";var A=ee("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"}]]),ne=ee("terminal",[["path",{d:"M12 19h8",key:"baeox8"}],["path",{d:"m4 17 6-6-6-6",key:"1yngyt"}]]),le=String.raw`_cell_([^\W_][\w-]*?)(_\w*)`,ie=String.raw`(?<!_)${le}`;`${le}`;var it=new RegExp(ie),H=new RegExp(ie,"g");function ae(t){let e=[];H.lastIndex=0;let s=0,n=H.exec(t);for(;n!==null;)n.index>s&&e.push(t.slice(s,n.index)),e.push({cellId:n[1],name:n[2]}),s=n.index+n[0].length,n=H.exec(t);return s<t.length&&e.push(t.slice(s)),e}function at(t){return it.test(t)}function ot(t){let e=null,s=t.cursor();do s.name==="ExpressionStatement"&&(e=s.node);while(s.next());return e}function ct(t){let e=t.split(`
-`),s="    ",n=ot(et.parse(t));if(!n)return["def _():",...U(e,s),`${s}return`,"","","_()"].join(`
-`);let i=t.slice(0,n.from).trim(),l=t.slice(n.from).trim(),a=i.split(`
-`),o=l.split(`
-`);return["def _():",...U(a,s),`${s}return ${o[0]}`,...U(o.slice(1),s),"","","_()"].join(`
-`)}function U(t,e){if(t.length===1&&t[0]==="")return[];let s=[];for(let n of t)n===""?s.push(""):s.push(e+n);return s}function mt(t,e){var s;if(t.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=>{We(n.editor,"Editor is null");let i=ct(n.editor.state.doc.toString());n.editor.dispatch({changes:{from:0,to:n.editor.state.doc.length,insert:i}})}}];if(t.type==="exception"&&t.exception_type==="NameError"){let n=(s=t.msg.match(/name '(.+)' is not defined/))==null?void 0:s[1];if(!n||!(n in oe))return[];let i=dt(n);return[{title:`Fix: Add '${i}'`,description:"Add a new cell for the missing import",fixType:"manual",onFix:async l=>{l.addCodeBelow(i)}}]}return t.type==="sql-error"&&e.aiEnabled?[{title:"Fix with AI",description:"Fix the SQL statement",fixType:"ai",onFix:async n=>{var a;let i=Ze(n.cellId),l=`Fix the SQL statement: ${t.msg}.`;i&&(l+=`
-Database schema: ${i}`),(a=n.aiFix)==null||a.setAiCompletionCell({cellId:n.cellId,initialPrompt:l,triggerImmediately:n.aiFix.triggerFix})}}]:[]}function dt(t){let e=oe[t];return e===t?`import ${e}`:`import ${e} as ${t}`}var oe={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"},pt=T(),ut=Me("marimo:ai-autofix-mode","autofix",Ee);function xt(){let t=(0,pt.c)(3),[e,s]=Fe(ut),n;return t[0]!==e||t[1]!==s?(n={fixMode:e,setFixMode:s},t[0]=e,t[1]=s,t[2]=n):n=t[2],n}var G=T(),r=K(Be(),1);const N=t=>{let e=(0,G.c)(21),{errors:s,cellId:n,className:i}=t,l=$e(),{createNewCell:a}=Ae(),o=Te(De),c;if(e[0]!==o||e[1]!==s){let h;e[3]===o?h=e[4]:(h=y=>mt(y,{aiEnabled:o}),e[3]=o,e[4]=h),c=s.flatMap(h),e[0]=o,e[1]=s,e[2]=c}else c=e[2];let d=c,p=_e(lt);if(d.length===0)return null;let m=d[0],f;e[5]!==n||e[6]!==a||e[7]!==m||e[8]!==p||e[9]!==l?(f=h=>{var w;let y=(w=l.get(ze).cellHandles[n].current)==null?void 0:w.editorView;m.onFix({addCodeBelow:$=>{a({cellId:n,autoFocus:!1,before:!1,code:$})},editor:y,cellId:n,aiFix:{setAiCompletionCell:p,triggerFix:h}}),y==null||y.focus()},e[5]=n,e[6]=a,e[7]=m,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 x;e[13]!==m.description||e[14]!==m.fixType||e[15]!==m.title||e[16]!==u?(x=m.fixType==="ai"?(0,r.jsx)(ue,{tooltip:m.description,openPrompt:()=>u(!1),applyAutofix:()=>u(!0)}):(0,r.jsx)(V,{content:m.description,align:"start",children:(0,r.jsxs)(_,{size:"xs",variant:"outline",className:"font-normal",onClick:()=>u(!1),children:[(0,r.jsx)(te,{className:"h-3 w-3 mr-2"}),m.title]})}),e[13]=m.description,e[14]=m.fixType,e[15]=m.title,e[16]=u,e[17]=x):x=e[17];let g;return e[18]!==j||e[19]!==x?(g=(0,r.jsx)("div",{className:j,children:x}),e[18]=j,e[19]=x,e[20]=g):g=e[20],g};var ce=Ye,me=te,de="Suggest a prompt",pe="Fix with AI";const ue=t=>{let e=(0,G.c)(21),{tooltip:s,openPrompt:n,applyAutofix:i}=t,{fixMode:l,setFixMode:a}=xt(),o=l==="prompt"?n:i,c;e[0]===l?c=e[1]:(c=l==="prompt"?(0,r.jsx)(ce,{className:"h-3 w-3 mr-2 mb-0.5"}):(0,r.jsx)(me,{className:"h-3 w-3 mr-2 mb-0.5"}),e[0]=l,e[1]=c);let d=l==="prompt"?de:pe,p;e[2]!==o||e[3]!==c||e[4]!==d?(p=(0,r.jsxs)(_,{size:"xs",variant:"outline",className:"font-normal rounded-r-none border-r-0",onClick:o,children:[c,d]}),e[2]=o,e[3]=c,e[4]=d,e[5]=p):p=e[5];let m;e[6]!==p||e[7]!==s?(m=(0,r.jsx)(V,{content:s,align:"start",children:p}),e[6]=p,e[7]=s,e[8]=m):m=e[8];let f;e[9]===Symbol.for("react.memo_cache_sentinel")?(f=(0,r.jsx)(Ue,{asChild:!0,children:(0,r.jsx)(_,{size:"xs",variant:"outline",className:"rounded-l-none px-2","aria-label":"Fix options",children:(0,r.jsx)(Ke,{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",x;e[13]===j?x=e[14]:(x=(0,r.jsx)(ht,{mode:j}),e[13]=j,e[14]=x);let g;e[15]!==u||e[16]!==x?(g=(0,r.jsxs)(Je,{children:[f,(0,r.jsx)(Ge,{align:"end",className:"w-56",children:(0,r.jsx)(He,{className:"flex items-center gap-2",onClick:u,children:x})})]}),e[15]=u,e[16]=x,e[17]=g):g=e[17];let h;return e[18]!==g||e[19]!==m?(h=(0,r.jsxs)("div",{className:"flex",children:[m,g]}),e[18]=g,e[19]=m,e[20]=h):h=e[20],h};var ht=t=>{let e=(0,G.c)(12),{mode:s}=t,n;e[0]===s?n=e[1]:(n=s==="prompt"?(0,r.jsx)(ce,{className:"h-4 w-4"}):(0,r.jsx)(me,{className:"h-4 w-4"}),e[0]=s,e[1]=n);let i=n,l=s==="prompt"?de:pe,a=s==="prompt"?"Edit the prompt before applying":"Apply AI fixes automatically",o;e[2]===l?o=e[3]:(o=(0,r.jsx)("span",{className:"font-medium",children:l}),e[2]=l,e[3]=o);let c;e[4]===a?c=e[5]:(c=(0,r.jsx)("span",{className:"text-xs text-muted-foreground",children:a}),e[4]=a,e[5]=c);let d;e[6]!==o||e[7]!==c?(d=(0,r.jsxs)("div",{className:"flex flex-col",children:[o,c]}),e[6]=o,e[7]=c,e[8]=d):d=e[8];let p;return e[9]!==i||e[10]!==d?(p=(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[i,d]}),e[9]=i,e[10]=d,e[11]=p):p=e[11],p},xe=T();const ft=t=>{let e=(0,xe.c)(12),{local:s}=t,n;e[0]===s.name?n=e[1]:(n=(0,r.jsx)("span",{className:"font-code",children:s.name}),e[0]=s.name,e[1]=n);let i;e[2]===s.cellId?i=e[3]:(i=(0,r.jsx)(b,{cellId:s.cellId}),e[2]=s.cellId,e[3]=i);let l;e[4]!==n||e[5]!==i?(l=(0,r.jsxs)("div",{className:"max-w-xs",children:["Local variable ",n," in cell"," ",i,"."]}),e[4]=n,e[5]=i,e[6]=l):l=e[6];let a=l,o;e[7]===s.name?o=e[8]:(o=(0,r.jsx)("span",{className:"font-code cursor-help",children:s.name}),e[7]=s.name,e[8]=o);let c;return e[9]!==o||e[10]!==a?(c=(0,r.jsx)(V,{content:a,children:o}),e[9]=o,e[10]=a,e[11]=c):c=e[11],c},he=t=>{let e=(0,xe.c)(4),{segments:s}=t,n;e[0]===s?n=e[1]:(n=s.map(jt),e[0]=s,e[1]=n);let i;return e[2]===n?i=e[3]:(i=(0,r.jsx)(r.Fragment,{children:n}),e[2]=n,e[3]=i),i};function jt(t,e){return typeof t=="string"?(0,r.jsx)("span",{children:t},e):(0,r.jsx)(ft,{local:t},e)}var fe=/(https?:\/\/\S+)/,gt=/\.(png|jpe?g|gif|webp|svg|ico)(\?.*)?$/i,je=/^data:image\//i,yt=["avatars.githubusercontent.com"];function ge(t){return je.test(t)?[{type:"image",url:t}]:t.split(fe).filter(e=>e!=="").map(e=>fe.test(e)?gt.test(e)||je.test(e)||yt.some(s=>e.includes(s))?{type:"image",url:e}:{type:"url",url:e}:{type:"text",value:e})}var ye=T(),P=K(Ce(),1),vt=new Le;const J=t=>{let e=RegExp("\x1B\\[[0-9;]*m","g");return t.replaceAll(e,"")};var ve=/(pip\s+install|uv\s+add|uv\s+pip\s+install)\s+/gi;function Nt(t){ve.lastIndex=0;let e=ve.exec(t);if(!e)return null;let s=e.index+e[0].length,n=t.slice(s).split(/\s+/),i="",l=0;for(let o of n){let c=o.trim();if(!c)continue;if(c.startsWith("-")){l+=c.length+1;continue}let d=c.match(/^[\w,.[\]-]+/);if(d){i=d[0];break}break}if(!i)return null;let a=s+l+i.length;return{package:i,endIndex:a}}function k(t,e=""){if(!t)return null;if(!/https?:\/\//.test(t))return t;let s=ge(t);return s.length===1&&s[0].type==="text"?t:(0,r.jsx)(r.Fragment,{children:s.map((n,i)=>{let l=e?`${e}-${i}`:i;if(n.type==="url"){let a=J(n.url);return(0,r.jsx)("a",{href:a,target:"_blank",rel:"noopener noreferrer",onClick:Z.stopPropagation(),className:"text-link hover:underline",children:a},l)}if(n.type==="image"){let a=J(n.url);return(0,r.jsx)("a",{href:a,target:"_blank",rel:"noopener noreferrer",onClick:Z.stopPropagation(),className:"text-link hover:underline",children:a},l)}return(0,r.jsx)(P.Fragment,{children:n.value},l)})})}var bt=t=>{let e=(0,ye.c)(6),{packages:s,children:n}=t,{handleInstallPackages:i}=nt(),l;e[0]!==i||e[1]!==s?(l=o=>{i(s),o.preventDefault()},e[0]=i,e[1]=s,e[2]=l):l=e[2];let a;return e[3]!==n||e[4]!==l?(a=(0,r.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 wt=t=>{if(!(t instanceof X.Text))return;let e=J(t.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 o=i.index,c=Nt(e.slice(o));c&&s.push({match:i,result:c})}if(s.length===0)return;let l=[],a=0;if(s.forEach((o,c)=>{let{match:d,result:p}=o,m=d.index,f=m+p.endIndex;if(a<m){let j=e.slice(a,m);l.push((0,r.jsx)(P.Fragment,{children:k(j,`before-${c}`)},`before-${c}`))}let u=e.slice(m,f);l.push((0,r.jsx)(bt,{packages:[p.package],children:u},`install-${c}`)),a=f}),a<e.length){let o=e.slice(a);l.push((0,r.jsx)(P.Fragment,{children:k(o,"after")},"after"))}return(0,r.jsx)(r.Fragment,{children:l})},kt=t=>{if(!(t instanceof X.Text))return;let e=t.data;if(!/https?:\/\//.test(e))return;let s=k(e);if(typeof s!="string")return(0,r.jsx)(r.Fragment,{children:s})},It=(...t)=>e=>{for(let s of t){let n=s(e);if(n!==void 0)return n}},_t=(t,e)=>(0,r.jsx)("span",{children:Pe(vt.ansi_to_html(t),{replace:s=>e(s)})}),$t=t=>{let e=(0,ye.c)(4),{text:s}=t,n;e[0]===s?n=e[1]:(n=_t(s,It(wt,kt)),e[0]=s,e[1]=n);let i=n,l;return e[2]===i?l=e[3]:(l=(0,r.jsx)(r.Fragment,{children:i}),e[2]=i,e[3]=l),l};var Ne=T(),I=t=>{let e=(0,Ne.c)(10),s=t.title??"Tip",n;e[0]===s?n=e[1]:(n=(0,r.jsx)(Oe,{className:"pt-2 pb-2 font-normal",children:s}),e[0]=s,e[1]=n);let i;e[2]===t.children?i=e[3]:(i=(0,r.jsx)(Ve,{className:"mr-24 text-[0.84375rem]",children:t.children}),e[2]=t.children,e[3]=i);let l;e[4]!==n||e[5]!==i?(l=(0,r.jsxs)(Qe,{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]!==t.className||e[8]!==l?(a=(0,r.jsx)(Re,{type:"single",collapsible:!0,className:t.className,children:l}),e[7]=t.className,e[8]=l,e[9]=a):a=e[9],a};const Ft=t=>{let e=(0,Ne.c)(31),{errors:s,cellId:n,className:i}=t,l=Se(),a="This cell wasn't run because it has errors",o="destructive",c="text-error";if(s.some(Tt))a="Interrupted";else if(s.some(Ct))a="An internal error occurred";else if(s.some(At))a="Ancestor prevented from running",o="default",c="text-secondary-foreground";else if(s.some(St))a="Ancestor stopped",o="default",c="text-secondary-foreground";else if(s.some(Et))a="SQL error";else{let h;e[0]===s?h=e[1]:(h=s.find(Mt),e[0]=s,e[1]=h);let y=h;y&&"exception_type"in y&&(a=y.exception_type)}let d,p,m,f,u,j;if(e[2]!==o||e[3]!==n||e[4]!==l||e[5]!==i||e[6]!==s||e[7]!==c||e[8]!==a){let h=s.filter(zt),y=s.filter(qt),w=s.filter(Pt),$=s.filter(Lt),L=s.filter(Wt),S=s.filter(Dt),E=s.filter(Bt),W=s.filter(Ot),D=s.filter(Qt),B=s.filter(Rt),F=s.filter(Vt),O=s.filter(Ht),Q=s.filter(Ut),M;e[15]===l?M=e[16]:(M=()=>{l.openApplication("scratchpad")},e[15]=l,e[16]=M);let be=M,we=()=>{let v=[];if(F.length>0||O.length>0){let q=F.some(Gt),Ie=!q&&F.some(Jt);v.push((0,r.jsxs)("div",{children:[F.map(Kt),O.map(Xt),q&&(0,r.jsxs)(_,{size:"xs",variant:"outline",className:"mt-2 font-normal",onClick:()=>st(l),children:[(0,r.jsx)(Xe,{className:"h-3.5 w-3.5 mr-1.5 mb-0.5"}),(0,r.jsx)("span",{children:"Open package manager"})]}),Ie&&(0,r.jsxs)(_,{size:"xs",variant:"outline",className:"mt-2 font-normal",onClick:()=>l.openApplication("terminal"),children:[(0,r.jsx)(ne,{className:"h-3.5 w-3.5 mr-1.5"}),(0,r.jsx)("span",{children:"Open terminal"})]}),n&&(0,r.jsx)(N,{errors:[...F,...O],cellId:n})]},"syntax-unknown"))}if(h.length>0&&v.push((0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"text-muted-foreground font-medium",children:"The setup cell cannot be run because it has references."}),(0,r.jsx)("ul",{className:"list-disc",children:h.flatMap(Yt)}),n&&(0,r.jsx)(N,{errors:h,cellId:n}),(0,r.jsxs)(I,{title:"Why can't the setup cell have references?",className:"mb-2",children:[(0,r.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,r.jsx)("p",{className:"py-2",children:"Try simplifying the setup cell to only contain only necessary variables."}),(0,r.jsxs)("p",{className:"py-2",children:[(0,r.jsxs)(C,{href:"https://links.marimo.app/errors-setup",children:["Learn more at our docs"," ",(0,r.jsx)(A,{size:"0.75rem",className:"inline"})]}),"."]})]})]},"setup-refs")),y.length>0&&v.push((0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"text-muted-foreground font-medium",children:"This cell is in a cycle."}),(0,r.jsx)("ul",{className:"list-disc",children:y.flatMap(Zt)}),n&&(0,r.jsx)(N,{errors:y,cellId:n}),(0,r.jsxs)(I,{title:"What are cycles and how do I resolve them?",className:"mb-2",children:[(0,r.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,r.jsx)("p",{className:"py-2",children:"Try merging these cells into a single cell to eliminate the cycle."}),(0,r.jsxs)("p",{className:"py-2",children:[(0,r.jsxs)(C,{href:"https://links.marimo.app/errors-cycles",children:["Learn more at our docs"," ",(0,r.jsx)(A,{size:"0.75rem",className:"inline"})]}),"."]})]})]},"cycle")),w.length>0){let q=w[0].name;v.push((0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"text-muted-foreground font-medium",children:"This cell redefines variables from other cells."}),w.map(tr),n&&(0,r.jsx)(N,{errors:w,cellId:n}),(0,r.jsxs)(I,{title:"Why can't I redefine variables?",children:[(0,r.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,r.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,r.jsxs)(se,{className:"inline",children:["_",q]}),"). to make them private to this cell."]}),(0,r.jsxs)("p",{className:"py-2",children:[(0,r.jsxs)(C,{href:"https://links.marimo.app/errors-multiple-definitions",children:["Learn more at our docs"," ",(0,r.jsx)(A,{size:"0.75rem",className:"inline"})]}),"."]})]}),(0,r.jsx)(I,{title:"Need a scratchpad?",children:(0,r.jsxs)("div",{className:"flex flex-row gap-2 items-center",children:[(0,r.jsxs)(_,{size:"xs",variant:"link",className:"my-2 font-normal mx-0 px-0",onClick:be,children:[(0,r.jsx)(qe,{className:"h-3"}),(0,r.jsx)("span",{children:"Try the scratchpad"})]}),(0,r.jsx)("span",{children:"to experiment without restrictions on variable names."})]})})]},"multiple-defs"))}return $.length>0&&v.push((0,r.jsxs)("div",{children:[$.map(rr),n&&(0,r.jsx)(N,{errors:$,cellId:n}),(0,r.jsxs)(I,{title:"Why can't I use `import *`?",children:[(0,r.jsx)("p",{className:"pb-2",children:"Star imports are incompatible with marimo's git-friendly file format and reproducible reactive execution."}),(0,r.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,r.jsx)("p",{className:"py-2",children:"Star imports would also silently add names to globals, which would be incompatible with reactive execution."}),(0,r.jsxs)("p",{className:"py-2",children:[(0,r.jsxs)(C,{href:"https://links.marimo.app/errors-import-star",children:["Learn more at our docs"," ",(0,r.jsx)(A,{size:"0.75rem",className:"inline"})]}),"."]})]})]},"import-star")),L.length>0&&v.push((0,r.jsxs)("div",{children:[L.map(sr),n&&(0,r.jsx)(N,{errors:L,cellId:n})]},"interruption")),S.length>0&&v.push((0,r.jsxs)("ul",{children:[S.map(nr),S.some(lr)&&(0,r.jsx)(I,{children:"Fix the error in the mentioned cells, or handle the exceptions with try/except blocks."}),n&&(0,r.jsx)(N,{errors:S,cellId:n})]},"exception")),E.length>0&&v.push((0,r.jsxs)("ul",{children:[E.map(ir),n&&(0,r.jsx)(N,{errors:E,cellId:n}),(0,r.jsx)(I,{children:E.some(ar)?"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,r.jsxs)("div",{children:[W.map(or),n&&(0,r.jsx)(N,{errors:W,cellId:n})]},"internal")),D.length>0&&v.push((0,r.jsxs)("div",{children:[D.map(cr),n&&(0,r.jsx)(N,{errors:D,cellId:n})]},"ancestor-prevented")),B.length>0&&v.push((0,r.jsxs)("div",{children:[B.map(mr),n&&(0,r.jsx)(N,{errors:B,cellId:n})]},"ancestor-stopped")),Q.length>0&&v.push((0,r.jsxs)("div",{children:[Q.map(dr),n&&(0,r.jsx)(N,{errors:Q,cellId:n,className:"mt-2.5"})]},"sql-errors")),v},R=`font-code font-medium tracking-wide ${c}`,z;e[17]!==R||e[18]!==a?(z=(0,r.jsx)(tt,{className:R,children:a}),e[17]=R,e[18]=a,e[19]=z):z=e[19];let ke=z;d=rt,f=o,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=ke,p="flex flex-col gap-8",m=we(),e[2]=o,e[3]=n,e[4]=l,e[5]=i,e[6]=s,e[7]=c,e[8]=a,e[9]=d,e[10]=p,e[11]=m,e[12]=f,e[13]=u,e[14]=j}else d=e[9],p=e[10],m=e[11],f=e[12],u=e[13],j=e[14];let x;e[22]!==p||e[23]!==m?(x=(0,r.jsx)("div",{children:(0,r.jsx)("div",{className:p,children:m})}),e[22]=p,e[23]=m,e[24]=x):x=e[24];let g;return e[25]!==d||e[26]!==f||e[27]!==u||e[28]!==j||e[29]!==x?(g=(0,r.jsxs)(d,{variant:f,className:u,children:[j,x]}),e[25]=d,e[26]=f,e[27]=u,e[28]=j,e[29]=x,e[30]=g):g=e[30],g};function Tt(t){return t.type==="interruption"}function Ct(t){return t.type==="internal"}function At(t){return t.type==="ancestor-prevented"}function St(t){return t.type==="ancestor-stopped"}function Et(t){return t.type==="sql-error"}function Mt(t){return t.type==="exception"}function zt(t){return t.type==="setup-refs"}function qt(t){return t.type==="cycle"}function Pt(t){return t.type==="multiple-defs"}function Lt(t){return t.type==="import-star"}function Wt(t){return t.type==="interruption"}function Dt(t){return t.type==="exception"}function Bt(t){return t.type==="strict-exception"}function Ot(t){return t.type==="internal"}function Qt(t){return t.type==="ancestor-prevented"}function Rt(t){return t.type==="ancestor-stopped"}function Vt(t){return t.type==="syntax"}function Ht(t){return t.type==="unknown"}function Ut(t){return t.type==="sql-error"}function Gt(t){return t.msg.includes("!pip")}function Jt(t){return t.msg.includes("use os.subprocess")}function Kt(t,e){return(0,r.jsx)("pre",{children:k(t.msg,`syntax-${e}`)},`syntax-${e}`)}function Xt(t,e){return(0,r.jsx)("pre",{children:k(t.msg,`unknown-${e}`)},`unknown-${e}`)}function Yt(t,e){return t.edges_with_vars.map((s,n)=>(0,r.jsxs)("li",{className:"my-0.5 ml-8 text-muted-foreground/40",children:[(0,r.jsx)(b,{cellId:s[0]}),(0,r.jsxs)("span",{className:"text-muted-foreground",children:[": "," ",s[1].length===1?s[1][0]:s[1].join(", ")]})]},`setup-refs-${e}-${n}`))}function Zt(t,e){return t.edges_with_vars.map((s,n)=>(0,r.jsxs)("li",{className:"my-0.5 ml-8 text-muted-foreground/40",children:[(0,r.jsx)(b,{cellId:s[0]}),(0,r.jsxs)("span",{className:"text-muted-foreground",children:[" -> ",s[1].length===1?s[1][0]:s[1].join(", ")," -> "]}),(0,r.jsx)(b,{cellId:s[2]})]},`cycle-${e}-${n}`))}function er(t,e){return(0,r.jsx)("li",{className:"my-0.5 ml-8 text-muted-foreground/40",children:(0,r.jsx)(b,{cellId:t})},`cell-${e}`)}function tr(t,e){return(0,r.jsxs)(P.Fragment,{children:[(0,r.jsx)("p",{className:"text-muted-foreground mt-2",children:`'${t.name}' was also defined by:`}),(0,r.jsx)("ul",{className:"list-disc",children:t.cells.map(er)})]},`multiple-defs-${e}`)}function rr(t,e){return(0,r.jsx)("p",{className:"text-muted-foreground",children:t.msg},`import-star-${e}`)}function sr(t,e){return(0,r.jsx)("p",{children:"This cell was interrupted and needs to be re-run."},`interruption-${e}`)}function nr(t,e){return t.exception_type==="NameError"&&t.msg.startsWith("name 'mo'")?(0,r.jsx)("li",{className:"my-2",children:(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"text-muted-foreground",children:"name 'mo' is not defined."}),(0,r.jsxs)("p",{className:"text-muted-foreground mt-2",children:["The marimo module (imported as"," ",(0,r.jsx)(se,{className:"inline",children:"mo"}),") is required for Markdown, SQL, and UI elements."]})]})},`exception-${e}`):t.exception_type==="NameError"&&t.msg.startsWith("name '_")?(0,r.jsx)("li",{className:"my-2",children:(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"text-muted-foreground",children:(0,r.jsx)(he,{segments:ae(t.msg)})}),(0,r.jsxs)("p",{className:"text-muted-foreground mt-2",children:["Variables prefixed with an underscore are local to a cell"," ","(",(0,r.jsxs)(C,{href:"https://links.marimo.app/local-variables",children:["docs"," ",(0,r.jsx)(A,{size:"0.75rem",className:"inline"})]}),")."]}),(0,r.jsx)("div",{className:"text-muted-foreground mt-2",children:"See the console area for a traceback."})]})},`exception-${e}`):(0,r.jsx)("li",{className:"my-2",children:t.raising_cell==null?(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"text-muted-foreground",children:k(t.msg,`exception-${e}`)}),"traceback"in t&&t.traceback?(0,r.jsx)("div",{className:"font-code text-sm mt-2 p-3 bg-muted rounded border overflow-auto max-h-[50vh] cursor-text select-text",children:re({html:t.traceback})}):(0,r.jsx)("div",{className:"text-muted-foreground mt-2",children:"See the console area for a traceback."})]}):(0,r.jsxs)("div",{children:[k(t.msg,`exception-${e}`),(0,r.jsx)(b,{cellId:t.raising_cell}),"traceback"in t&&t.traceback&&(0,r.jsx)("div",{className:"font-code text-sm mt-2 p-3 bg-muted rounded border overflow-auto max-h-[50vh] cursor-text select-text",children:re({html:t.traceback})})]})},`exception-${e}`)}function lr(t){return t.raising_cell!=null}function ir(t,e){return(0,r.jsx)("li",{className:"my-2",children:t.blamed_cell==null?(0,r.jsx)("p",{children:t.msg}):(0,r.jsxs)("div",{children:[t.msg,(0,r.jsx)(b,{cellId:t.blamed_cell})]})},`strict-exception-${e}`)}function ar(t){return t.blamed_cell!=null}function or(t,e){return(0,r.jsx)("p",{children:t.msg},`internal-${e}`)}function cr(t,e){return(0,r.jsxs)("div",{children:[t.msg,t.blamed_cell==null?(0,r.jsxs)("span",{children:["(",(0,r.jsx)(b,{cellId:t.raising_cell}),")"]}):(0,r.jsxs)("span",{children:["(",(0,r.jsx)(b,{cellId:t.raising_cell}),"\xA0blames\xA0",(0,r.jsx)(b,{cellId:t.blamed_cell}),")"]})]},`ancestor-prevented-${e}`)}function mr(t,e){return(0,r.jsxs)("div",{children:[t.msg,(0,r.jsx)(b,{cellId:t.raising_cell})]},`ancestor-stopped-${e}`)}function dr(t,e){return(0,r.jsx)("div",{className:"space-y-2 mt-2",children:(0,r.jsx)("p",{className:"text-muted-foreground whitespace-pre-wrap",children:t.msg})},`sql-error-${e}`)}export{ue as a,ne as c,he as i,$t as n,at as o,ge as r,ae as s,Ft as t};