@marimo-team/frontend 0.14.18-dev38 → 0.14.18-dev39

package/src/components/chat/chat-panel.tsx

@@ -36,7 +36,7 @@ import {
   SelectValue,
 } from "@/components/ui/select";
 import { addMessageToChat } from "@/core/ai/chat-utils";
-import type { QualifiedModelId } from "@/core/ai/ids/ids";
+import { useModelChange } from "@/core/ai/config";
 import {
   activeChatAtom,
   type Chat,
@@ -44,13 +44,12 @@ import {
   chatStateAtom,
 } from "@/core/ai/state";
 import { getCodes } from "@/core/codemirror/copilot/getCodes";
-import { aiAtom, aiEnabledAtom, userConfigAtom } from "@/core/config/config";
-import { DEFAULT_AI_MODEL, type UserConfig } from "@/core/config/config-schema";
+import { aiAtom, aiEnabledAtom } from "@/core/config/config";
+import { DEFAULT_AI_MODEL } from "@/core/config/config-schema";
 import { FeatureFlagged } from "@/core/config/feature-flag";
 import { useRequestClient } from "@/core/network/requests";
 import { useRuntimeManager } from "@/core/runtime/config";
 import { ErrorBanner } from "@/plugins/impl/common/error-banner";
-import { type ResolvedTheme, useTheme } from "@/theme/useTheme";
 import { cn } from "@/utils/cn";
 import { timeAgo } from "@/utils/dates";
 import { Logger } from "@/utils/Logger";
@@ -147,7 +146,6 @@ const ChatHeader: React.FC<ChatHeaderProps> = ({
 interface ChatMessageProps {
   message: Message;
   index: number;
-  theme: ResolvedTheme;
   onEdit: (index: number, newValue: string) => void;
   setChatState: Dispatch<SetStateAction<ChatState>>;
   chatState: ChatState;
@@ -156,7 +154,7 @@ interface ChatMessageProps {
 }
 
 const ChatMessage: React.FC<ChatMessageProps> = memo(
-  ({ message, index, theme, onEdit, isStreamingReasoning, totalMessages }) => (
+  ({ message, index, onEdit, isStreamingReasoning, totalMessages }) => (
     <div
       className={cn(
         "flex group relative",
@@ -168,7 +166,6 @@ const ChatMessage: React.FC<ChatMessageProps> = memo(
           <PromptInput
             key={message.id}
             value={message.content}
-            theme={theme}
             placeholder="Type your message..."
             onChange={() => {
               // noop
@@ -248,10 +245,9 @@ const DEFAULT_MODE = "manual";
 const ChatInputFooter: React.FC<ChatInputFooterProps> = memo(
   ({ input, onSendClick, isLoading, onStop }) => {
     const ai = useAtomValue(aiAtom);
-    const [userConfig, setUserConfig] = useAtom(userConfigAtom);
     const currentMode = ai?.mode || DEFAULT_MODE;
     const currentModel = ai?.models?.chat_model || DEFAULT_AI_MODEL;
-    const { saveUserConfig } = useRequestClient();
+    const { saveModeChange, saveModelChange } = useModelChange();
 
     const modeOptions = [
       {
@@ -266,44 +262,11 @@ const ChatInputFooter: React.FC<ChatInputFooterProps> = memo(
       },
     ];
 
-    const handleModeChange = async (newMode: "ask" | "manual") => {
-      const newConfig: UserConfig = {
-        ...userConfig,
-        ai: {
-          ...userConfig.ai,
-          mode: newMode,
-        },
-      };
-      saveConfig(newConfig);
-    };
-
-    const handleModelChange = async (newModel: QualifiedModelId) => {
-      const newConfig: UserConfig = {
-        ...userConfig,
-        ai: {
-          ...userConfig.ai,
-          models: {
-            custom_models: [],
-            displayed_models: [],
-            ...userConfig.ai?.models,
-            chat_model: newModel,
-          },
-        },
-      };
-      saveConfig(newConfig);
-    };
-
-    const saveConfig = async (newConfig: UserConfig) => {
-      await saveUserConfig({ config: newConfig }).then(() => {
-        setUserConfig(newConfig);
-      });
-    };
-
     return (
       <div className="px-3 py-2 border-t border-border/20 flex items-center justify-between">
         <div className="flex items-center gap-2">
           <FeatureFlagged feature="mcp_docs">
-            <Select value={currentMode} onValueChange={handleModeChange}>
+            <Select value={currentMode} onValueChange={saveModeChange}>
               <SelectTrigger className="h-6 text-xs border-border shadow-none! ring-0! bg-muted hover:bg-muted/30 py-0 px-2 gap-1">
                 <SelectValue placeholder="manual" />
               </SelectTrigger>
@@ -328,7 +291,7 @@ const ChatInputFooter: React.FC<ChatInputFooterProps> = memo(
           <AIModelDropdown
             value={currentModel}
             placeholder="Model"
-            onSelect={handleModelChange}
+            onSelect={(model) => saveModelChange(model, "chat")}
             triggerClassName="h-6 text-xs shadow-none! ring-0! bg-muted hover:bg-muted/30 rounded-sm"
             iconSize="small"
             showAddCustomModelDocs={true}
@@ -359,14 +322,13 @@ interface ChatInputProps {
   input: string;
   setInput: (value: string) => void;
   onSubmit: (e: KeyboardEvent | undefined, value: string) => void;
-  theme: ResolvedTheme;
   inputRef: React.RefObject<ReactCodeMirrorRef | null>;
   isLoading: boolean;
   onStop: () => void;
 }
 
 const ChatInput: React.FC<ChatInputProps> = memo(
-  ({ input, setInput, onSubmit, theme, inputRef, isLoading, onStop }) => {
+  ({ input, setInput, onSubmit, inputRef, isLoading, onStop }) => {
     const handleSendClick = () => {
       if (input.trim()) {
         onSubmit(undefined, input);
@@ -381,7 +343,6 @@ const ChatInput: React.FC<ChatInputProps> = memo(
             onChange={setInput}
             onSubmit={onSubmit}
             onClose={() => inputRef.current?.editor?.blur()}
-            theme={theme}
             placeholder="Type your message..."
           />
         </div>
@@ -428,7 +389,6 @@ const ChatPanelBody = () => {
   const newMessageInputRef = useRef<ReactCodeMirrorRef>(null);
   const scrollContainerRef = useRef<HTMLDivElement>(null);
   const messagesEndRef = useRef<HTMLDivElement>(null);
-  const { theme } = useTheme();
   const runtimeManager = useRuntimeManager();
   const { invokeAiTool } = useRequestClient();
 
@@ -687,7 +647,6 @@ const ChatPanelBody = () => {
                 key="new-thread-input"
                 value={newThreadInput}
                 placeholder="Ask anything, @ to include context about tables or dataframes"
-                theme={theme}
                 onClose={handleOnCloseThread}
                 onChange={setNewThreadInput}
                 onSubmit={handleNewThreadSubmit}
@@ -707,7 +666,6 @@ const ChatPanelBody = () => {
             key={idx}
             message={message}
             index={idx}
-            theme={theme}
             onEdit={handleMessageEdit}
             setChatState={setChatState}
             chatState={chatState}
@@ -747,7 +705,6 @@ const ChatPanelBody = () => {
           input={input}
           setInput={setInput}
           onSubmit={handleChatInputSubmit}
-          theme={theme}
           inputRef={newMessageInputRef}
           isLoading={isLoading}
           onStop={stop}

package/src/components/editor/ai/add-cell-with-ai.tsx

@@ -16,10 +16,11 @@ import ReactCodeMirror, {
   type ReactCodeMirrorRef,
 } from "@uiw/react-codemirror";
 import { useCompletion } from "ai/react";
-import { useAtom, useStore } from "jotai";
+import { useAtom, useAtomValue, useStore } from "jotai";
 import { atomWithStorage } from "jotai/utils";
 import {
   ChevronsUpDown,
+  DatabaseIcon,
   Loader2Icon,
   SendHorizontal,
   SparklesIcon,
@@ -27,22 +28,28 @@ import {
 } from "lucide-react";
 import { useMemo, useState } from "react";
 import useEvent from "react-use-event-hook";
+import { AIModelDropdown } from "@/components/ai/ai-model-dropdown";
 import { Button } from "@/components/ui/button";
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
+  DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
 import { toast } from "@/components/ui/use-toast";
+import { useModelChange } from "@/core/ai/config";
 import { resourceExtension } from "@/core/codemirror/ai/resources";
 import { customPythonLanguageSupport } from "@/core/codemirror/language/languages/python";
 import { SQLLanguageAdapter } from "@/core/codemirror/language/languages/sql/sql";
+import { aiAtom } from "@/core/config/config";
+import { DEFAULT_AI_MODEL } from "@/core/config/config-schema";
 import { useRuntimeManager } from "@/core/runtime/config";
-import { type ResolvedTheme, useTheme } from "@/theme/useTheme";
+import { useTheme } from "@/theme/useTheme";
 import { cn } from "@/utils/cn";
 import { prettyError } from "@/utils/errors";
 import { useCellActions } from "../../../core/cells/cells";
+import { PythonIcon } from "../cell/code/icons";
 import {
   getAICompletionBody,
   mentionsCompletionSource,
@@ -72,6 +79,10 @@ export const AddCellWithAI: React.FC<{
   const { theme } = useTheme();
   const runtimeManager = useRuntimeManager();
 
+  const ai = useAtomValue(aiAtom);
+  const editModel = ai?.models?.edit_model || DEFAULT_AI_MODEL;
+  const { saveModelChange } = useModelChange();
+
   const {
     completion,
     input,
@@ -109,32 +120,50 @@ export const AddCellWithAI: React.FC<{
     }
   };
 
+  const pythonIcon = (
+    <>
+      <PythonIcon className="size-4 mr-2" />
+      Python
+    </>
+  );
+
+  const sqlIcon = (
+    <>
+      <DatabaseIcon className="size-4 mr-2" />
+      SQL
+    </>
+  );
+
+  const languageDropdown = (
+    <DropdownMenu modal={false}>
+      <DropdownMenuTrigger asChild={true}>
+        <Button
+          variant="text"
+          className="ml-2"
+          size="xs"
+          data-testid="language-button"
+        >
+          {language === "python" ? pythonIcon : sqlIcon}
+          <ChevronsUpDown className="ml-1 h-3.5 w-3.5 text-muted-foreground/70" />
+        </Button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent align="center">
+        <div className="px-2 py-1 font-semibold">Select language</div>
+        <DropdownMenuSeparator />
+        <DropdownMenuItem onClick={() => setLanguage("python")}>
+          {pythonIcon}
+        </DropdownMenuItem>
+        <DropdownMenuItem onClick={() => setLanguage("sql")}>
+          {sqlIcon}
+        </DropdownMenuItem>
+      </DropdownMenuContent>
+    </DropdownMenu>
+  );
+
   const inputComponent = (
     <div className="flex items-center px-3">
-      <SparklesIcon className="size-4 text-(--blue-11)" />
-      <DropdownMenu modal={false}>
-        <DropdownMenuTrigger asChild={true}>
-          <Button
-            variant="text"
-            className="ml-2"
-            size="xs"
-            data-testid="language-button"
-          >
-            {language === "python" ? "Python" : "SQL"}
-            <ChevronsUpDown className="ml-1 h-3.5 w-3.5 text-muted-foreground/70" />
-          </Button>
-        </DropdownMenuTrigger>
-        <DropdownMenuContent align="center">
-          <DropdownMenuItem onClick={() => setLanguage("python")}>
-            Python
-          </DropdownMenuItem>
-          <DropdownMenuItem onClick={() => setLanguage("sql")}>
-            SQL
-          </DropdownMenuItem>
-        </DropdownMenuContent>
-      </DropdownMenu>
+      <SparklesIcon className="size-4 text-(--blue-11) mr-2" />
       <PromptInput
-        theme={theme}
         onClose={() => {
           setCompletion("");
           onClose();
@@ -158,33 +187,10 @@ export const AddCellWithAI: React.FC<{
           Stop
         </Button>
       )}
-      {!isLoading && completion && (
-        <Button
-          data-testid="accept-completion-button"
-          variant="text"
-          size="sm"
-          className="mb-0"
-          disabled={isLoading}
-          onClick={() => {
-            createNewCell({
-              cellId: "__end__",
-              before: false,
-              code:
-                language === "python"
-                  ? completion
-                  : SQLLanguageAdapter.fromQuery(completion),
-            });
-            setCompletion("");
-            onClose();
-          }}
-        >
-          <span className="text-(--grass-11) opacity-100">Accept</span>
-        </Button>
-      )}
       <Button variant="text" size="sm" onClick={submit} title="Submit">
         <SendHorizontal className="size-4" />
       </Button>
-      <Button variant="text" size="sm" className="mb-0" onClick={onClose}>
+      <Button variant="text" size="sm" className="mb-0 px-1" onClick={onClose}>
         <XIcon className="size-4" />
       </Button>
     </div>
@@ -193,16 +199,65 @@ export const AddCellWithAI: React.FC<{
   return (
     <div className={cn("flex flex-col w-full gap-2 py-2")}>
       {inputComponent}
-      {!completion && (
-        <span className="text-xs text-muted-foreground px-3 flex flex-col gap-1">
-          <span>
-            You can mention <span className="text-(--cyan-11)">@dataframe</span>{" "}
-            or <span className="text-(--cyan-11)">@sql_table</span> to pull
-            additional context such as column names.
+      <div className="flex flex-row justify-between -mt-1 ml-1 mr-3">
+        {!completion && (
+          <span className="text-xs text-muted-foreground px-3 flex flex-col gap-1">
+            <span>
+              You can mention{" "}
+              <span className="text-(--cyan-11)">@dataframe</span> or{" "}
+              <span className="text-(--cyan-11)">@sql_table</span> to pull
+              additional context such as column names.
+            </span>
+            <span>Code from other cells is automatically included.</span>
           </span>
-          <span>Code from other cells is automatically included.</span>
-        </span>
-      )}
+        )}
+        {completion && (
+          <>
+            <Button
+              data-testid="accept-completion-button"
+              variant="text"
+              size="sm"
+              className="mb-0"
+              onClick={() => {
+                createNewCell({
+                  cellId: "__end__",
+                  before: false,
+                  code:
+                    language === "python"
+                      ? completion
+                      : SQLLanguageAdapter.fromQuery(completion),
+                });
+                setCompletion("");
+                onClose();
+              }}
+            >
+              <span className="text-(--grass-11)">Accept</span>
+            </Button>
+            <Button
+              data-testid="decline-completion-button"
+              variant="text"
+              size="sm"
+              className="mb-0 pl-1"
+              onClick={() => setCompletion("")}
+            >
+              <span className="text-(--red-10)">Reject</span>
+            </Button>
+          </>
+        )}
+        <div className="ml-auto flex items-center gap-1">
+          {languageDropdown}
+          <AIModelDropdown
+            value={editModel}
+            onSelect={(model) => {
+              saveModelChange(model, "edit");
+            }}
+            triggerClassName="h-7 text-xs max-w-64"
+            iconSize="small"
+            forRole="edit"
+          />
+        </div>
+      </div>
+
       {completion && (
         <ReactCodeMirror
           value={completion}
@@ -230,7 +285,6 @@ interface PromptInputProps {
   onChange: (value: string) => void;
   onSubmit: (e: KeyboardEvent | undefined, value: string) => void;
   additionalCompletions?: AdditionalCompletions;
-  theme: ResolvedTheme;
   maxHeight?: string;
 }
 
@@ -249,12 +303,12 @@ export const PromptInput = ({
   onSubmit,
   onClose,
   additionalCompletions,
-  theme,
   maxHeight,
 }: PromptInputProps) => {
   const handleSubmit = onSubmit;
   const handleEscape = onClose;
   const store = useStore();
+  const { theme } = useTheme();
 
   const additionalCompletionsSource: CompletionSource = useEvent(
     (context: CompletionContext) => {

package/src/components/editor/ai/ai-completion-editor.tsx

@@ -150,7 +150,6 @@ export const AiCompletionEditor: React.FC<Props> = ({
             <SparklesIcon className="text-(--blue-10) shrink-0" size={16} />
             <PromptInput
               inputRef={inputRef}
-              theme={theme}
               onClose={() => {
                 declineChange();
                 setCompletion("");
@@ -178,20 +177,33 @@ export const AiCompletionEditor: React.FC<Props> = ({
                 Stop
               </Button>
             )}
-            {!isLoading && completion && (
-              <Button
-                data-testid="accept-completion-button"
-                variant="text"
-                size="xs"
-                className="mb-0"
-                disabled={isLoading}
-                onClick={() => {
-                  acceptChange(completion);
-                  setCompletion("");
-                }}
-              >
-                <span className="text-(--grass-11) opacity-100">Accept</span>
-              </Button>
+            {completion && (
+              <>
+                <Button
+                  data-testid="accept-completion-button"
+                  variant="text"
+                  size="xs"
+                  className="mb-0"
+                  disabled={isLoading}
+                  onClick={() => {
+                    acceptChange(completion);
+                    setCompletion("");
+                  }}
+                >
+                  <span className="text-(--grass-11) opacity-100">Accept</span>
+                </Button>
+                <Button
+                  data-testid="decline-completion-button"
+                  variant="text"
+                  size="xs"
+                  className="mb-0 pl-1"
+                  onClick={() => {
+                    setCompletion("");
+                  }}
+                >
+                  <span className="text-(--red-10)">Reject</span>
+                </Button>
+              </>
             )}
             <div className="h-full w-px bg-border mx-2" />
             <Tooltip content="Include code from other cells">

package/src/core/ai/config.ts

@@ -0,0 +1,76 @@
+/* Copyright 2024 Marimo. All rights reserved. */
+
+import type { Role } from "@marimo-team/llm-info";
+import { useAtom } from "jotai";
+import type { QualifiedModelId } from "@/core/ai/ids/ids";
+import { userConfigAtom } from "@/core/config/config";
+import type { AIModelKey, UserConfig } from "@/core/config/config-schema";
+import { useRequestClient } from "@/core/network/requests";
+
+// Extract only the supported roles from the Role type
+type SupportedRole = Extract<Role, "chat" | "autocomplete" | "edit">;
+
+const getModelKeyForRole = (forRole: SupportedRole): AIModelKey | null => {
+  switch (forRole) {
+    case "chat":
+      return "chat_model";
+    case "autocomplete":
+      return "autocomplete_model";
+    case "edit":
+      return "edit_model";
+  }
+};
+
+/**
+ * Hook for saving model and mode changes.
+ */
+export const useModelChange = () => {
+  const [userConfig, setUserConfig] = useAtom(userConfigAtom);
+  const { saveUserConfig } = useRequestClient();
+
+  const saveConfig = async (newConfig: UserConfig) => {
+    await saveUserConfig({ config: newConfig }).then(() => {
+      setUserConfig(newConfig);
+    });
+  };
+
+  const saveModelChange = async (
+    model: QualifiedModelId,
+    forRole: SupportedRole,
+  ) => {
+    const modelKey = getModelKeyForRole(forRole);
+
+    if (!modelKey) {
+      return;
+    }
+
+    const newConfig: UserConfig = {
+      ...userConfig,
+      ai: {
+        ...userConfig.ai,
+        models: {
+          custom_models: userConfig.ai?.models?.custom_models ?? [],
+          displayed_models: userConfig.ai?.models?.displayed_models ?? [],
+          ...userConfig.ai?.models,
+          [modelKey]: model,
+        },
+      },
+    };
+
+    saveConfig(newConfig);
+  };
+
+  const saveModeChange = async (newMode: "ask" | "manual") => {
+    const newConfig: UserConfig = {
+      ...userConfig,
+      ai: {
+        ...userConfig.ai,
+        mode: newMode,
+      },
+    };
+
+    saveConfig(newConfig);
+  };
+
+  return { saveModelChange, saveModeChange };
+};

package/src/core/config/config-schema.ts

@@ -51,6 +51,20 @@ const AiConfigSchema = z
   })
   .passthrough();
 
+const AiModelsSchema = z.object({
+  chat_model: z.string().nullish(),
+  edit_model: z.string().nullish(),
+  autocomplete_model: z.string().nullish(),
+  displayed_models: z.array(z.string()).default([]),
+  custom_models: z.array(z.string()).default([]),
+});
+
+// Extract the model key type from the schema
+export type AIModelKey = keyof Pick<
+  z.infer<typeof AiModelsSchema>,
+  "chat_model" | "edit_model" | "autocomplete_model"
+>;
+
 export const UserConfigSchema = z
   .object({
     completion: z
@@ -158,18 +172,10 @@ export const UserConfigSchema = z
             aws_secret_access_key: z.string().optional(),
           })
           .optional(),
-        models: z
-          .object({
-            chat_model: z.string().nullish(),
-            edit_model: z.string().nullish(),
-            autocomplete_model: z.string().nullish(),
-            displayed_models: z.array(z.string()).default([]),
-            custom_models: z.array(z.string()).default([]),
-          })
-          .default({
-            displayed_models: [],
-            custom_models: [],
-          }),
+        models: AiModelsSchema.default({
+          displayed_models: [],
+          custom_models: [],
+        }),
       })
       .passthrough()
       .default({}),

package/src/plugins/impl/chat/chat-ui.tsx

@@ -43,7 +43,6 @@ import { toast } from "@/components/ui/use-toast";
 import { moveToEndOfEditor } from "@/core/codemirror/utils";
 import { useAsyncData } from "@/hooks/useAsyncData";
 import { renderHTML } from "@/plugins/core/RenderHTML";
-import { useTheme } from "@/theme/useTheme";
 import { cn } from "@/utils/cn";
 import { copyToClipboard } from "@/utils/copy";
 import { Logger } from "@/utils/Logger";
@@ -74,7 +73,6 @@ export const Chatbot: React.FC<Props> = (props) => {
   const formRef = useRef<HTMLFormElement>(null);
   const codeMirrorInputRef = useRef<ReactCodeMirrorRef>(null);
   const scrollContainerRef = useRef<HTMLDivElement>(null);
-  const { theme } = useTheme();
 
   const { data: initialMessages } = useAsyncData(async () => {
     const chatMessages = await props.get_chat_history({});
@@ -374,7 +372,6 @@ export const Chatbot: React.FC<Props> = (props) => {
           placeholder={promptInputPlaceholder}
           value={input}
           inputRef={codeMirrorInputRef}
-          theme={theme}
           maxHeight={props.maxHeight ? `${props.maxHeight / 2}px` : undefined}
           onChange={setInput}
           onSubmit={(_evt, newValue) => {

package/dist/assets/_baseMap-CXKOjduW.js

@@ -1 +0,0 @@
-import{b as m}from"./_baseEach-DuV3zbFg.js";import{x as s}from"./index-CFCxalSV.js";function e(r,o){var a=-1,t=s(r)?Array(r.length):[];return m(r,function(n,f,i){t[++a]=o(n,f,i)}),t}export{e as b};

package/dist/assets/channel-DSfjdvRx.js

@@ -1 +0,0 @@
-import{U as s,C as o}from"./mermaid-CoTltW6T.js";const n=(a,r)=>s.lang.round(o.parse(a)[r]);export{n as c};

package/dist/assets/classDiagram-M3E45YP4-W7ZwJ9Nk.js

@@ -1 +0,0 @@
-import{s as a,c as s,a as t,C as o}from"./chunk-SZ463SBG-Bz17SFYY.js";import{_ as e}from"./mermaid-CoTltW6T.js";import"./transform-B8bpuzxV.js";import"./chunk-E2GYISFI-B85SWyoP.js";import"./chunk-BFAMUDN2-BE9bwlib.js";import"./chunk-SKB7J2MH-DkUhr5YQ.js";import"./index-CFCxalSV.js";import"./step-BwsUM5iJ.js";import"./timer-BwIYMJWC.js";var i={parser:t,get db(){return new o},renderer:s,styles:a,init:e(r=>{r.class||(r.class={}),r.class.arrowMarkerAbsolute=r.arrowMarkerAbsolute},"init")};export{i as diagram};

package/dist/assets/classDiagram-v2-YAWTLIQI-W7ZwJ9Nk.js

@@ -1 +0,0 @@
-import{s as a,c as s,a as t,C as o}from"./chunk-SZ463SBG-Bz17SFYY.js";import{_ as e}from"./mermaid-CoTltW6T.js";import"./transform-B8bpuzxV.js";import"./chunk-E2GYISFI-B85SWyoP.js";import"./chunk-BFAMUDN2-BE9bwlib.js";import"./chunk-SKB7J2MH-DkUhr5YQ.js";import"./index-CFCxalSV.js";import"./step-BwsUM5iJ.js";import"./timer-BwIYMJWC.js";var i={parser:t,get db(){return new o},renderer:s,styles:a,init:e(r=>{r.class||(r.class={}),r.class.arrowMarkerAbsolute=r.arrowMarkerAbsolute},"init")};export{i as diagram};

package/dist/assets/clone-D0s-H6Md.js

@@ -1 +0,0 @@
-import{b as n}from"./_baseUniq-B4fO5WxV.js";function o(r){return n(r,4)}export{o as c};