@marimo-team/frontend 0.20.3-dev94 → 0.20.3-dev97

package/src/components/storage/storage-inspector.tsx

@@ -10,6 +10,7 @@ import {
   HelpCircleIcon,
   LoaderCircle,
   MoreVerticalIcon,
+  PlusIcon,
   RefreshCwIcon,
   ViewIcon,
   XIcon,
@@ -18,6 +19,7 @@ import React, { useCallback, useState } from "react";
 import { useLocale } from "react-aria";
 import { EngineVariable } from "@/components/databases/engine-variable";
 import { PanelEmptyState } from "@/components/editor/chrome/panels/empty-state";
+import { AddConnectionDialog } from "@/components/editor/connections/add-connection-dialog";
 import { Command, CommandInput, CommandItem } from "@/components/ui/command";
 import {
   DropdownMenu,
@@ -550,6 +552,14 @@ export const StorageInspector: React.FC = () => {
             .
           </span>
         }
+        action={
+          <AddConnectionDialog defaultTab="storage">
+            <Button variant="outline" size="sm">
+              Add remote storage
+              <PlusIcon className="h-4 w-4 ml-2" />
+            </Button>
+          </AddConnectionDialog>
+        }
         icon={<HardDriveIcon className="h-8 w-8" />}
       />
     );
@@ -595,8 +605,17 @@ export const StorageInspector: React.FC = () => {
             content="Filters loaded entries only. Expand directories to include their contents in the search."
             delayDuration={200}
           >
-            <HelpCircleIcon className="h-3.5 w-3.5 mr-2 shrink-0 cursor-help text-muted-foreground hover:text-foreground" />
+            <HelpCircleIcon className="h-3.5 w-3.5 shrink-0 cursor-help text-muted-foreground hover:text-foreground mr-2" />
           </Tooltip>
+          <AddConnectionDialog defaultTab="storage">
+            <Button
+              variant="ghost"
+              size="sm"
+              className="px-2 border-0 border-l border-muted-background rounded-none focus-visible:ring-0 focus-visible:ring-offset-0"
+            >
+              <PlusIcon className="h-4 w-4" />
+            </Button>
+          </AddConnectionDialog>
         </div>
         <CommandList className="flex flex-col">
           {namespaces.map((ns) => (

package/src/core/codemirror/__tests__/format.test.ts

@@ -4,7 +4,7 @@ import { python } from "@codemirror/lang-python";
 import { EditorState } from "@codemirror/state";
 import { EditorView } from "@codemirror/view";
 import { atom } from "jotai";
-import { beforeEach, describe, expect, it, vi } from "vitest";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 import { MockRequestClient } from "@/__mocks__/requests";
 import type { NotebookState } from "@/core/cells/cells";
 import { getNotebook } from "@/core/cells/cells";
@@ -44,6 +44,7 @@ vi.mock("@/core/config/config", () => ({
 }));
 
 const updateCellCode = vi.fn();
+const createdViews: EditorView[] = [];
 
 function createEditor(content: string, cellId: CellId) {
   const state = EditorState.create({
@@ -74,6 +75,7 @@ function createEditor(content: string, cellId: CellId) {
     parent: document.body,
   });
 
+  createdViews.push(view);
   return view;
 }
 
@@ -88,6 +90,12 @@ beforeEach(() => {
   store.set(requestClientAtom, mockRequestClient);
 });
 
+afterEach(() => {
+  for (const view of createdViews) {
+    view.destroy();
+  }
+});
+
 describe("format", () => {
   describe("formatEditorViews", () => {
     it("should format code in editor views", async () => {

package/src/core/saving/file-state.ts

@@ -9,6 +9,13 @@ import { getFilenameFromDOM } from "../dom/htmlUtils";
  */
 export const filenameAtom = atom<string | null>(getFilenameFromDOM());
 
+/**
+ * Atom for storing the notebook's working directory (absolute path).
+ * In directory mode, filenameAtom may be a relative display path;
+ * this atom holds the absolute directory containing the notebook.
+ */
+export const cwdAtom = atom<string | null>(null);
+
 /**
  * Set for static notebooks.
  */

package/src/core/storage/types.ts

@@ -54,5 +54,6 @@ export type KnownStorageProtocol =
   | "cloudflare"
   | "http"
   | "file"
+  | "gdrive"
   | "in-memory"
   | "github";

package/src/mount.tsx

@@ -36,7 +36,7 @@ import {
   DEFAULT_RUNTIME_CONFIG,
   runtimeConfigAtom,
 } from "./core/runtime/config";
-import { codeAtom, filenameAtom } from "./core/saving/file-state";
+import { codeAtom, cwdAtom, filenameAtom } from "./core/saving/file-state";
 import { store } from "./core/state/jotai";
 import { patchFetch, patchVegaLoader } from "./core/static/files";
 import {
@@ -146,6 +146,10 @@ const mountOptionsSchema = z.object({
       Logger.warn("No filename provided, using fallback");
       return getFilenameFromDOM();
     }),
+  /**
+   * absolute working directory of the notebook
+   */
+  cwd: z.string().nullish().default(null),
   /**
    * notebook code
    */
@@ -282,6 +286,7 @@ function initStore(options: unknown) {
 
   // Files
   store.set(filenameAtom, parsedOptions.data.filename);
+  store.set(cwdAtom, parsedOptions.data.cwd ?? null);
   store.set(codeAtom, parsedOptions.data.code);
   store.set(initialModeAtom, mode);
 

package/dist/assets/LazyAnyLanguageCodeMirror-DIzh1FyL.js

@@ -1,2 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./any-language-editor-gG2nw5Di.js","./copy-icon-HFU_6E8O.js","./button-BmOH9agK.js","./useEventListener-CjXriKgk.js","./compiler-runtime-B3qBwwSJ.js","./react-Bj1aDYRI.js","./chunk-LvLJmgfZ.js","./cn-d_A4rA-x.js","./clsx-A78R3nYl.js","./jsx-runtime-CP2fAiZX.js","./tooltip-oM-h2ZN1.js","./Combination-BioTNpLP.js","./react-dom-CSu739Rf.js","./dist-DsQvo-tW.js","./use-toast-Hc8CXlvz.js","./copy-CgddLxfF.js","./check-BnZGcuDh.js","./createLucideIcon-BvP5LBIs.js","./copy-CAR4dOiD.js","./error-banner-DsP3CCH3.js","./alert-dialog-DEeW2awP.js","./errors-0IrrdfSG.js","./zod-H_cgTO0M.js","./dist-DBYXupB9.js","./dist-DUY6xZX8.js","./dist-WaT7BL5t.js","./dist-CW4ZrmuX.js","./dist-D89dID68.js","./dist-DotE4D06.js","./dist-BoFVJhwF.js","./dist-DvNh3ph0.js","./dist-DrewQ3CS.js","./dist-BOEbbZQx.js","./dist-D-iyTPWR.js","./dist-C4QdWMCE.js","./dist-DWi0RsIc.js","./dist-BfsJ2nor.js","./dist-CX4tr6LY.js","./dist-DkUBUEhC.js","./esm-Dm5bJp7V.js","./extends-B9D0JO9U.js","./objectWithoutPropertiesLoose-CboCOq4o.js","./dist-CU-Ty5ht.js","./esm-CqpQNGcZ.js","./dist-Vc8ZMKz4.js","./dist-CLFvKo6g.js","./dist-C83X_psd.js","./dist-CEQIJ2pn.js","./dist-CFJh28wG.js","./dist-Cr2srKZ5.js","./apl-Byte72fT.js","./asciiarmor-BU-VnG1Y.js","./asn1-hTvH3S4T.js","./brainfuck-C-q1Rv8J.js","./clike-BE-9Ct_H.js","./clojure-Co-TLeNo.js","./cmake-B-Nm_Opd.js","./cobol-BGdihAZT.js","./coffeescript-BUZXkMUO.js","./commonlisp-CFkPbxvX.js","./crystal-CqfqDl34.js","./css-DPEtZWJi.js","./cypher-B0t8FJvU.js","./d-DRa_XRSB.js","./diff-GLneonpD.js","./dtd-uVrZNVF0.js","./dylan-DkNeA4FZ.js","./ecl-CldUgvc9.js","./eiffel-CoMDRbRL.js","./elm-Cb5XC6ev.js","./erlang-8H3fTZ3L.js","./factor-C-_cRSDM.js","./simple-mode-CFlvn0Mm.js","./forth-B8kC4npz.js","./fortran-CNWGEL3c.js","./gas-DnZQNTHK.js","./gherkin-JfGcGvci.js","./groovy-D0FWiAVm.js","./haskell-wUB3uX-G.js","./haxe-g0JY6eL-.js","./idl-CV2cLkPc.js","./javascript-CT6okXEZ.js","./julia-CKC48ufo.js","./livescript-C43pZ6Ue.js","./lua-Cs2mb10K.js","./mathematica-B5FMK3ma.js","./mbox-36Zrn5Bd.js","./mirc-BKTAABSX.js","./mllike-DbuClUqc.js","./modelica-CKRvBm7N.js","./mscgen-B4BRgnCi.js","./mumps-BFiMcyFV.js","./nsis-BGZ5EB-j.js","./ntriples-QQAkJYAR.js","./octave-DsTphmGZ.js","./oz-CD9rr5Iz.js","./pascal-DdHEIlJE.js","./perl-DHPJBQ1u.js","./pig-Yz7ERgca.js","./powershell-CHPZ_bsU.js","./properties-CI9nc7K4.js","./protobuf-BYSIv2pY.js","./pug-CYW0agOo.js","./puppet-CEpLafZX.js","./python-BndVuwG1.js","./q-L_cetpiW.js","./r-Dd37AKWk.js","./rpm-CHrvhtlN.js","./ruby-BPOowfX6.js","./sas-BsEFSvEP.js","./scheme-B42INBu7.js","./shell-BPea12OI.js","./sieve-C-yPcLw5.js","./smalltalk-e7OO1ATb.js","./sparql-B4I2Ledx.js","./stex-0ac7Aukl.js","./stylus-CBRbZwhN.js","./swift-B2hnU7ha.js","./tcl-BtyamtaZ.js","./textile-M9mhyNE9.js","./toml-YxyxhyRy.js","./troff-C7xpi05X.js","./ttcn-cfg-DlZ5vA9E.js","./ttcn-D3YytrJU.js","./turtle-BSHvAsUe.js","./vb-DdkIDLlO.js","./vbscript-DhYGmk_p.js","./velocity-DAXJNEw4.js","./verilog-jmuT_L3b.js","./vhdl-DcVQ97RU.js","./webidl-B-YB_4OQ.js","./xquery-DOmY3Oe8.js","./yacas-pL3kJRXV.js","./z80-VwVuI_MT.js"])))=>i.map(i=>d[i]);
-import{s as e}from"./chunk-LvLJmgfZ.js";import{t as i}from"./react-Bj1aDYRI.js";import{t as o}from"./createLucideIcon-BvP5LBIs.js";import{t as m}from"./preload-helper-BW0IMuFq.js";let r,a,s=(async()=>{r=o("between-horizontal-start",[["rect",{width:"13",height:"7",x:"8",y:"3",rx:"1",key:"pkso9a"}],["path",{d:"m2 9 3 3-3 3",key:"1agib5"}],["rect",{width:"13",height:"7",x:"8",y:"14",rx:"1",key:"1q5fc1"}]]),a=(0,e(i(),1).lazy)(()=>m(()=>import("./any-language-editor-gG2nw5Di.js").then(async t=>(await t.__tla,t)),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133]),import.meta.url))})();export{s as __tla,r as n,a as t};

package/dist/assets/add-database-form-D06OUuSg.js

@@ -1,111 +0,0 @@
-var Ue=Object.defineProperty;var Ke=(t,e,s)=>e in t?Ue(t,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[e]=s;var ne=(t,e,s)=>Ke(t,typeof e!="symbol"?e+"":e,s);import{s as me}from"./chunk-LvLJmgfZ.js";import{t as We}from"./react-Bj1aDYRI.js";import{Rn as h,T as He,Tt as Me}from"./cells-DD42bsu7.js";import{D as oe,P as p,R as d,T as v,_ as ue,i as Qe,k as m,m as Ge}from"./zod-H_cgTO0M.js";import{t as be}from"./compiler-runtime-B3qBwwSJ.js";import{t as re}from"./assertNever-Dw9aFN4h.js";import{t as Ve}from"./_createAggregator-BjsxkJZj.js";import{h as ze}from"./useEventListener-CjXriKgk.js";import{t as Je}from"./jsx-runtime-CP2fAiZX.js";import{t as ie}from"./button-BmOH9agK.js";import{t as fe}from"./cn-d_A4rA-x.js";import{t as Ye}from"./circle-plus-DfyUnSPr.js";import{a as ae,c as ge,o as Xe,p as Ze,r as et,t as tt}from"./dropdown-menu-D9u7_h0R.js";import{n as st}from"./DeferredRequestRegistry-TekxUirp.js";import{o as nt,r as ot}from"./input-B49Srsl9.js";import{a as rt,c as it,d as at,g as ct,l as lt,o as dt,p as ht,s as pt,u as mt}from"./textarea-noyX_YEw.js";import{c as ut,i as bt,n as ft,r as gt,s as yt,t as _t}from"./select-BRK_BOoG.js";import{a as St,c as wt,l as xt,n as kt,r as $t,t as Ct}from"./dialog-D_1x0b57.js";import{n as At}from"./ImperativeModal-MjC9Owmv.js";import{t as jt}from"./links-MkDbmF2p.js";import{n as vt}from"./useAsyncData-CI3ntihq.js";import{o as Rt}from"./focus-DiPb_hn6.js";import{o as It,t as Tt,u as i}from"./form-ibH0eKd-.js";import{t as Dt}from"./request-registry-D-vPSm0g.js";import{n as qt,t as Lt}from"./write-secret-modal-CkhGEn3N.js";var Pt=Ve(function(t,e,s){t[s?0:1].push(e)},function(){return[[],[]]});function k(){return d().optional().describe(i.of({label:"Password",inputType:"password",placeholder:"password",optionRegex:".*password.*"}))}function ce(t,e){let s=d();return s=e?s.nonempty():s.optional(),s=s.describe(i.of({label:t||"Token",inputType:"password",placeholder:"token",optionRegex:".*token.*"})),s}function G(){return d().optional().describe(i.of({label:"Warehouse Name",placeholder:"warehouse",optionRegex:".*warehouse.*"}))}function le(t,e){let s=d();return s=e?s.nonempty():s.optional(),s.describe(i.of({label:t||"URI",optionRegex:".*uri.*"}))}function x(t){return d().nonempty().describe(i.of({label:t||"Host",placeholder:"localhost",optionRegex:".*host.*"}))}function w(){return d().describe(i.of({label:"Database",placeholder:"db name",optionRegex:".*database.*"}))}function Nt(){return d().describe(i.of({label:"Schema",placeholder:"schema name",optionRegex:".*schema.*"}))}function $(){return d().nonempty().describe(i.of({label:"Username",placeholder:"username",optionRegex:".*username.*"}))}function C(t){let e=Qe().describe(i.of({label:"Port",inputType:"number",placeholder:t==null?void 0:t.toString()})).transform(Number).refine(s=>s>=0&&s<=65535,{message:"Port must be between 0 and 65535"});return t===void 0?e:e.default(t)}function ye(){return v().default(!1).describe(i.of({label:"Read Only"}))}const _e=p({type:m("postgres"),host:x(),port:C(5432).optional(),database:w(),username:$(),password:k(),ssl:v().default(!1).describe(i.of({label:"Use SSL"}))}).describe(i.of({direction:"two-columns"})),Se=p({type:m("mysql"),host:x(),port:C(3306),database:w(),username:$(),password:k(),ssl:v().default(!1).describe(i.of({label:"Use SSL"}))}).describe(i.of({direction:"two-columns"})),we=p({type:m("sqlite"),database:w().describe(i.of({label:"Database Path"}))}).describe(i.of({direction:"two-columns"})),xe=p({type:m("duckdb"),database:w().describe(i.of({label:"Database Path"})),read_only:ye()}).describe(i.of({direction:"two-columns"})),ke=p({type:m("motherduck"),database:w().default("my_db").describe(i.of({label:"Database Name"})),token:ce()}).describe(i.of({direction:"two-columns"})),$e=p({type:m("snowflake"),account:d().nonempty().describe(i.of({label:"Account",optionRegex:".*snowflake.*"})),warehouse:d().optional().describe(i.of({label:"Warehouse",optionRegex:".*snowflake.*"})),database:w(),schema:d().optional().describe(i.of({label:"Schema",optionRegex:".*snowflake.*"})),username:$(),password:k(),role:d().optional().describe(i.of({label:"Role"}))}).describe(i.of({direction:"two-columns"})),Ce=p({type:m("bigquery"),project:d().nonempty().describe(i.of({label:"Project ID",optionRegex:".*bigquery.*"})),dataset:d().nonempty().describe(i.of({label:"Dataset",optionRegex:".*bigquery.*"})),credentials_json:d().describe(i.of({label:"Credentials JSON",inputType:"textarea"}))}).describe(i.of({direction:"two-columns"})),Ae=p({type:m("clickhouse_connect"),host:x(),port:C(8123).optional(),username:$(),password:k(),secure:v().default(!1).describe(i.of({label:"Use HTTPs"})),proxy_path:d().optional().describe(i.of({label:"Proxy Path",placeholder:"/clickhouse"}))}).describe(i.of({direction:"two-columns"})),je=p({type:m("timeplus"),host:x().default("localhost"),port:C(8123).optional(),username:$().default("default"),password:k().default("")}).describe(i.of({direction:"two-columns"})),ve=p({type:m("chdb"),database:w().describe(i.of({label:"Database Path"})),read_only:ye()}).describe(i.of({direction:"two-columns"})),Re=p({type:m("trino"),host:x(),port:C(8080),database:w(),schema:Nt().optional(),username:$(),password:k(),async_support:v().default(!1).describe(i.of({label:"Async Support"}))}).describe(i.of({direction:"two-columns"})),Ie=p({type:m("iceberg"),name:d().describe(i.of({label:"Catalog Name"})),catalog:oe("type",[p({type:m("REST"),warehouse:G(),uri:d().optional().describe(i.of({label:"URI",placeholder:"https://",optionRegex:".*uri.*"})),token:ce()}),p({type:m("SQL"),warehouse:G(),uri:d().optional().describe(i.of({label:"URI",placeholder:"jdbc:iceberg://host:port/database",optionRegex:".*uri.*"}))}),p({type:m("Hive"),warehouse:G(),uri:le()}),p({type:m("Glue"),warehouse:G(),uri:le()}),p({type:m("DynamoDB"),"dynamodb.profile-name":d().optional().describe(i.of({label:"Profile Name"})),"dynamodb.region":d().optional().describe(i.of({label:"Region"})),"dynamodb.access-key-id":d().optional().describe(i.of({label:"Access Key ID"})),"dynamodb.secret-access-key":d().optional().describe(i.of({label:"Secret Access Key",inputType:"password"})),"dynamodb.session-token":d().optional().describe(i.of({label:"Session Token",inputType:"password"}))})]).default({type:"REST",token:void 0}).describe(i.of({special:"tabs"}))}),Te=p({type:m("datafusion"),sessionContext:v().optional().describe(i.of({label:"Use Session Context"}))}),De=p({type:m("pyspark"),host:x().optional(),port:C().optional()}),qe=p({type:m("redshift"),host:x(),port:C(5439),connectionType:oe("type",[p({type:m("IAM credentials"),region:d().describe(i.of({label:"Region"})),aws_access_key_id:d().nonempty().describe(i.of({label:"AWS Access Key ID",inputType:"password",optionRegex:".*aws_access_key_id.*"})),aws_secret_access_key:d().nonempty().describe(i.of({label:"AWS Secret Access Key",inputType:"password",optionRegex:".*aws_secret_access_key.*"})),aws_session_token:d().optional().describe(i.of({label:"AWS Session Token",inputType:"password",optionRegex:".*aws_session_token.*"}))}),p({type:m("DB credentials"),user:$(),password:k()})]).default({type:"IAM credentials",aws_access_key_id:"",aws_secret_access_key:"",region:""}),database:w()}).describe(i.of({direction:"two-columns"})),Le=p({type:m("databricks"),access_token:ce("Access Token",!0),server_hostname:x("Server Hostname"),http_path:le("HTTP Path",!0),catalog:d().optional().describe(i.of({label:"Catalog"})),schema:d().optional().describe(i.of({label:"Schema"}))}).describe(i.of({direction:"two-columns"})),Pe=p({type:m("supabase"),host:x(),port:C(5432).optional(),database:w(),username:$(),password:k(),disable_client_pooling:v().default(!1).describe(i.of({label:"Disable Client-Side Pooling"}))}).describe(i.of({direction:"two-columns"})),Ft=oe("type",[_e,Se,we,xe,ke,$e,Ce,Ae,je,ve,Re,Ie,Te,De,qe,Le,Pe]);var de="env:";function Gs(t){return t}function V(t){return typeof t=="string"?t.startsWith(de):!1}function he(t){return`${de}${t}`}function Et(t){return t.replace(de,"")}const Ne={sqlmodel:"SQLModel",sqlalchemy:"SQLAlchemy",duckdb:"DuckDB",clickhouse_connect:"ClickHouse Connect",chdb:"chDB",pyiceberg:"PyIceberg",ibis:"Ibis",motherduck:"MotherDuck",redshift:"Redshift",databricks:"Databricks"};var y=class{constructor(t,e,s){this.connection=t,this.orm=e,this.secrets=s}get imports(){let t=new Set(this.generateImports());switch(this.orm){case"sqlalchemy":t.add("import sqlalchemy");break;case"sqlmodel":t.add("import sqlmodel");break;case"duckdb":t.add("import duckdb");break;case"ibis":t.add("import ibis");break}return t}},Bt=t=>`_${t}`,Ot=class{constructor(){ne(this,"secrets",{})}get imports(){return Object.keys(this.secrets).length===0?new Set:new Set(["import os"])}print(t,e,s){if(t=Bt(t),V(e)){let o=Et(e),n=s?`os.environ.get("${o}", "${s}")`:`os.environ.get("${o}")`;return this.secrets[t]=n,t}if(s!=null){let o=`os.environ.get("${e}", "${s}")`;return this.secrets[t]=o,t}return typeof e=="number"||typeof e=="number"?`${e}`:typeof e=="boolean"?U(e):e?`"${e}"`:""}printInFString(t,e,s){if(e===void 0)return"";if(typeof e=="number")return`${e}`;if(typeof e=="boolean")return U(e);let o=this.print(t,e,s);return o.startsWith('"')&&o.endsWith('"')?o.slice(1,-1):`{${o}}`}printPassword(t,e,s,o){let n=s?this.printInFString.bind(this):this.print.bind(this);return V(t)?n(o||"password",t):n(o||"password",e,t)}getSecrets(){return this.secrets}formatSecrets(){return Object.keys(this.secrets).length===0?"":Object.entries(this.secrets).map(([t,e])=>`${t} = ${e}`).join(`
-`)}},Ut=class extends y{generateImports(){return[]}generateConnectionCode(){let t=this.connection.ssl?", connect_args={'sslmode': 'require'}":"",e=this.secrets.printPassword(this.connection.password,"POSTGRES_PASSWORD",!0);return h(`
-      DATABASE_URL = f"postgresql://${this.secrets.printInFString("username",this.connection.username)}:${e}@${this.secrets.printInFString("host",this.connection.host)}:${this.secrets.printInFString("port",this.connection.port)}/${this.secrets.printInFString("database",this.connection.database)}"
-      engine = ${this.orm}.create_engine(DATABASE_URL${t})
-    `)}},Kt=class extends y{generateImports(){return[]}generateConnectionCode(){let t=this.connection.ssl?", connect_args={'ssl': {'ssl-mode': 'preferred'}}":"",e=this.secrets.printPassword(this.connection.password,"MYSQL_PASSWORD",!0),s=this.secrets.printInFString("database",this.connection.database);return h(`
-      DATABASE_URL = f"mysql+pymysql://${this.secrets.printInFString("username",this.connection.username)}:${e}@${this.secrets.printInFString("host",this.connection.host)}:${this.secrets.printInFString("port",this.connection.port)}/${s}"
-      engine = ${this.orm}.create_engine(DATABASE_URL${t})
-    `)}},Wt=class extends y{generateImports(){return[]}generateConnectionCode(){let t=this.connection.database?this.secrets.printInFString("database",this.connection.database):"";return h(`
-      ${t.startsWith("{")&&t.endsWith("}")?`DATABASE_URL = f"sqlite:///${t}"`:`DATABASE_URL = "sqlite:///${t}"`}
-      engine = ${this.orm}.create_engine(DATABASE_URL)
-    `)}},Ht=class extends y{generateImports(){return["from snowflake.sqlalchemy import URL"]}generateConnectionCode(){let t=this.secrets.printPassword(this.connection.password,"SNOWFLAKE_PASSWORD",!1),e={account:this.secrets.print("account",this.connection.account),user:this.secrets.print("user",this.connection.username),database:this.secrets.print("database",this.connection.database),warehouse:this.connection.warehouse?this.secrets.print("warehouse",this.connection.warehouse):void 0,schema:this.connection.schema?this.secrets.print("schema",this.connection.schema):void 0,role:this.connection.role?this.secrets.print("role",this.connection.role):void 0,password:t};return h(`
-      engine = ${this.orm}.create_engine(
-        URL(
-${z(e,s=>`          ${s}`)},
-        )
-      )
-    `)}},Mt=class extends y{generateImports(){return["import json"]}generateConnectionCode(){let t=this.secrets.printInFString("project",this.connection.project),e=this.secrets.printInFString("dataset",this.connection.dataset);return h(`
-      credentials = json.loads("""${this.connection.credentials_json}""")
-      engine = ${this.orm}.create_engine(f"bigquery://${t}/${e}", credentials_info=credentials)
-    `)}},Qt=class extends y{generateImports(){return[]}generateConnectionCode(){return h(`
-      DATABASE_URL = "${this.secrets.printInFString("database",this.connection.database||":memory:")}"
-      engine = ${this.orm}.connect(DATABASE_URL, read_only=${U(this.connection.read_only)})
-    `)}},Gt=class extends y{generateImports(){return[]}generateConnectionCode(){let t=this.secrets.printInFString("database",this.connection.database);return this.connection.token?h(`
-      conn = duckdb.connect("md:${t}", config={"motherduck_token": ${this.secrets.printPassword(this.connection.token,"MOTHERDUCK_TOKEN",!1)}})
-    `):h(`
-        conn = duckdb.connect("md:${t}")
-        `)}},Vt=class extends y{generateImports(){return["import clickhouse_connect"]}generateConnectionCode(){let t=this.secrets.printPassword(this.connection.password,"CLICKHOUSE_PASSWORD",!1),e={host:this.secrets.print("host",this.connection.host),user:this.secrets.print("user",this.connection.username),secure:this.secrets.print("secure",this.connection.secure),port:this.connection.port?this.secrets.print("port",this.connection.port):void 0,password:this.connection.password?t:void 0,proxy_path:this.connection.proxy_path?this.secrets.print("proxy_path",this.connection.proxy_path):void 0};return h(`
-      engine = ${this.orm}.get_client(
-${z(e,s=>`        ${s}`)},
-      )
-    `)}},zt=class extends y{generateImports(){return[]}generateConnectionCode(){let t=this.secrets.printPassword(this.connection.password,"TIMEPLUS_PASSWORD",!0);return h(`
-      DATABASE_URL = f"timeplus://${this.secrets.printInFString("username",this.connection.username)}:${t}@${this.secrets.printInFString("host",this.connection.host)}:${this.secrets.printInFString("port",this.connection.port)}"
-      engine = ${this.orm}.create_engine(DATABASE_URL)
-    `)}},Jt=class extends y{generateImports(){return["import chdb"]}generateConnectionCode(){let t=this.secrets.print("database",this.connection.database)||'""';return h(`
-      engine = ${this.orm}.connect(${t}, read_only=${U(this.connection.read_only)})
-    `)}},Yt=class extends y{generateImports(){return this.connection.async_support?["import aiotrino"]:["import trino.sqlalchemy"]}generateConnectionCode(){let t=this.connection.async_support?"aiotrino":"trino",e=this.connection.schema?`/${this.connection.schema}`:"",s=this.secrets.printInFString("username",this.connection.username),o=this.secrets.printInFString("host",this.connection.host),n=this.secrets.printInFString("port",this.connection.port),a=this.secrets.printInFString("database",this.connection.database),c=this.secrets.printPassword(this.connection.password,"TRINO_PASSWORD",!0);return h(`
-      engine = ${this.orm}.create_engine(f"${t}://${s}:${c}@${o}:${n}/${a}${e}")
-    `)}},Xt=class extends y{generateImports(){switch(this.connection.catalog.type){case"REST":return["from pyiceberg.catalog.rest import RestCatalog"];case"SQL":return["from pyiceberg.catalog.sql import SqlCatalog"];case"Hive":return["from pyiceberg.catalog.hive import HiveCatalog"];case"Glue":return["from pyiceberg.catalog.glue import GlueCatalog"];case"DynamoDB":return["from pyiceberg.catalog.dynamodb import DynamoDBCatalog"];default:re(this.connection.catalog)}}generateConnectionCode(){let t={...this.connection.catalog};t=Object.fromEntries(Object.entries(t).filter(([o,n])=>n!=null&&n!==""&&o!=="type"));for(let[o,n]of Object.entries(t))V(n)?t[o]=this.secrets.print(o,n):typeof n=="string"&&(t[o]=`"${n}"`);let e=is(t,o=>`              ${o}`),s=`"${this.connection.name}"`;switch(this.connection.catalog.type){case"REST":return h(`
-          catalog = RestCatalog(
-            ${s},
-            **{
-${e}
-            },
-          )
-        `);case"SQL":return h(`
-          catalog = SqlCatalog(
-            ${s},
-            **{
-${e}
-            },
-          )
-        `);case"Hive":return h(`
-          catalog = HiveCatalog(
-            ${s},
-            **{
-${e}
-            },
-          )
-        `);case"Glue":return h(`
-          catalog = GlueCatalog(
-            ${s},
-            **{
-${e}
-            },
-          )
-        `);case"DynamoDB":return h(`
-          catalog = DynamoDBCatalog(
-            ${s},
-            **{
-${e}
-            },
-          )
-        `);default:re(this.connection.catalog)}}},Zt=class extends y{generateImports(){return["from datafusion import SessionContext"]}generateConnectionCode(){return this.connection.sessionContext?h(`
-        ctx = SessionContext()
-        # Sample table
-        _ = ctx.from_pydict({"a": [1, 2, 3]}, "my_table")
-
-        con = ibis.datafusion.connect(ctx)
-      `):h(`
-      con = ibis.datafusion.connect()
-    `)}},es=class extends y{generateImports(){return["from pyspark.sql import SparkSession"]}generateConnectionCode(){return this.connection.host||this.connection.port?h(`
-        session = SparkSession.builder.remote(f"sc://${this.secrets.printInFString("host",this.connection.host)}:${this.secrets.printInFString("port",this.connection.port)}").getOrCreate()
-        con = ibis.pyspark.connect(session)
-      `):h(`
-      con = ibis.pyspark.connect()
-    `)}},ts=class extends y{generateImports(){return["import redshift_connector"]}generateConnectionCode(){let t=this.secrets.print("host",this.connection.host),e=this.secrets.print("port",this.connection.port),s=this.secrets.print("database",this.connection.database);if(this.connection.connectionType.type==="IAM credentials"){let a=this.secrets.print("aws_access_key_id",this.connection.connectionType.aws_access_key_id),c=this.secrets.print("aws_secret_access_key",this.connection.connectionType.aws_secret_access_key),l=this.connection.connectionType.aws_session_token?this.secrets.print("aws_session_token",this.connection.connectionType.aws_session_token):void 0;return h(`
-        con = redshift_connector.connect(
-${z({iam:!0,host:t,port:e,region:`"${this.connection.connectionType.region}"`,database:s,access_key_id:a,secret_access_key:c,...l&&{session_token:l}},b=>`          ${b}`)},
-        )
-      `)}let o=this.connection.connectionType.user?this.secrets.print("user",this.connection.connectionType.user):void 0,n=this.connection.connectionType.password?this.secrets.printPassword(this.connection.connectionType.password,"REDSHIFT_PASSWORD",!1):void 0;return h(`
-      con = redshift_connector.connect(
-${z({host:t,port:e,database:s,...o&&{user:o},...n&&{password:n}},a=>`          ${a}`)},
-      )
-    `)}},ss=class extends y{generateImports(){return[]}generateConnectionCode(){let t=this.orm!=="ibis",e=this.secrets.printPassword(this.connection.access_token,"DATABRICKS_ACCESS_TOKEN",t,"access_token"),s=this.secrets.printPassword(this.connection.server_hostname,"DATABRICKS_SERVER_HOSTNAME",t,"server_hostname"),o=this.secrets.printPassword(this.connection.http_path,"DATABRICKS_HTTP_PATH",t,"http_path"),n=this.connection.catalog?this.secrets.printInFString("catalog",this.connection.catalog):void 0,a=this.connection.schema?this.secrets.printInFString("schema",this.connection.schema):void 0,c=`databricks://token:${e}@${s}?http_path=${o}`;return n&&(c+=`&catalog=${n}`),a&&(c+=`&schema=${a}`),this.orm==="ibis"?h(`
-        engine = ibis.databricks.connect(
-          server_hostname=${s},
-          http_path=${o},${n?`
-          catalog=${n},`:""}${a?`
-          schema=${a},`:""}
-          access_token=${e}
-        )
-      `):h(`
-      DATABASE_URL = f"${c}"
-      engine = ${this.orm}.create_engine(DATABASE_URL)
-      `)}},ns=class extends y{generateImports(){return this.connection.disable_client_pooling?["from sqlalchemy.pool import NullPool"]:[]}generateConnectionCode(){let t=this.secrets.printPassword(this.connection.password,"SUPABASE_PASSWORD",!0),e=this.secrets.printInFString("username",this.connection.username),s=this.secrets.printInFString("host",this.connection.host),o=this.secrets.printInFString("port",this.connection.port),n=this.secrets.printInFString("database",this.connection.database),a=this.connection.disable_client_pooling?", poolclass=NullPool":"";return h(`
-      DATABASE_URL = f"postgresql+psycopg2://${e}:${t}@${s}:${o}/${n}?sslmode=require"
-      engine = ${this.orm}.create_engine(DATABASE_URL${a})
-    `)}},os=class{constructor(){ne(this,"secrets",new Ot)}createGenerator(t,e){switch(t.type){case"postgres":return new Ut(t,e,this.secrets);case"mysql":return new Kt(t,e,this.secrets);case"sqlite":return new Wt(t,e,this.secrets);case"snowflake":return new Ht(t,e,this.secrets);case"bigquery":return new Mt(t,e,this.secrets);case"duckdb":return new Qt(t,e,this.secrets);case"motherduck":return new Gt(t,e,this.secrets);case"clickhouse_connect":return new Vt(t,e,this.secrets);case"timeplus":return new zt(t,e,this.secrets);case"chdb":return new Jt(t,e,this.secrets);case"trino":return new Yt(t,e,this.secrets);case"iceberg":return new Xt(t,e,this.secrets);case"datafusion":return new Zt(t,e,this.secrets);case"pyspark":return new es(t,e,this.secrets);case"redshift":return new ts(t,e,this.secrets);case"databricks":return new ss(t,e,this.secrets);case"supabase":return new ns(t,e,this.secrets);default:re(t)}}};function rs(t,e){if(!(e in Ne))throw Error(`Unsupported library: ${e}`);Ft.parse(t);let s=new os,o=s.createGenerator(t,e),n=o.generateConnectionCode(),a=s.secrets,c=[...new Set([...a.imports,...o.imports])].sort();c.push("");let l=a.formatSecrets();return l&&c.push(l),c.push(n.trim()),c.join(`
-`)}function U(t){return t.toString().charAt(0).toUpperCase()+t.toString().slice(1)}function z(t,e){return Object.entries(t).filter(([,s])=>s!=null&&s!=="").map(([s,o])=>e(typeof o=="boolean"?`${s}=${U(o)}`:`${s}=${o}`)).join(`,
-`)}function is(t,e){return Object.entries(t).filter(([,s])=>s!=null&&s!=="").map(([s,o])=>{let n=`"${s}"`;return e(typeof o=="boolean"?`${n}: ${U(o)}`:`${n}: ${o}`)}).join(`,
-`)}var as=be(),K=me(We(),1),r=me(Je(),1),Fe=(0,K.createContext)({providerNames:[],secretKeys:[],loading:!1,error:void 0,refreshSecrets:ze.NOOP});const cs=()=>(0,K.use)(Fe),ls=t=>{let e=(0,as.c)(14),{children:s}=t,o;e[0]===Symbol.for("react.memo_cache_sentinel")?(o=[],e[0]=o):o=e[0];let{data:n,isPending:a,error:c,refetch:l}=vt(us,o),b;e[1]===(n==null?void 0:n.secretKeys)?b=e[2]:(b=(n==null?void 0:n.secretKeys)||[],e[1]=n==null?void 0:n.secretKeys,e[2]=b);let u;e[3]===(n==null?void 0:n.providerNames)?u=e[4]:(u=(n==null?void 0:n.providerNames)||[],e[3]=n==null?void 0:n.providerNames,e[4]=u);let f;e[5]!==c||e[6]!==a||e[7]!==l||e[8]!==b||e[9]!==u?(f={secretKeys:b,providerNames:u,loading:a,error:c,refreshSecrets:l},e[5]=c,e[6]=a,e[7]=l,e[8]=b,e[9]=u,e[10]=f):f=e[10];let _;return e[11]!==s||e[12]!==f?(_=(0,r.jsx)(Fe,{value:f,children:s}),e[11]=s,e[12]=f,e[13]=_):_=e[13],_},ds={isMatch:t=>{if(t instanceof ue||t instanceof Ge){let{optionRegex:e}=i.parse(t.description||"");return!!e}return!1},Component:({schema:t,form:e,path:s})=>{let{secretKeys:o,providerNames:n,refreshSecrets:a}=cs(),{openModal:c,closeModal:l}=At(),{label:b,description:u,optionRegex:f=""}=i.parse(t.description||""),[_,A]=Pt(o,g=>new RegExp(f,"i").test(g));return(0,r.jsx)(it,{control:e.control,name:s,render:({field:g})=>(0,r.jsxs)(lt,{children:[(0,r.jsx)(mt,{children:b}),(0,r.jsx)(dt,{children:u}),(0,r.jsx)(rt,{children:(0,r.jsxs)("div",{className:"flex gap-2",children:[t instanceof ue?(0,r.jsx)(ot,{...g,value:g.value,onChange:g.onChange,className:fe("flex-1")}):(0,r.jsx)(nt,{...g,value:g.value,onChange:g.onChange,className:"flex-1"}),(0,r.jsxs)(tt,{children:[(0,r.jsx)(Ze,{asChild:!0,children:(0,r.jsx)(ie,{variant:"outline",size:"icon",className:fe(V(g.value)&&"bg-accent"),children:(0,r.jsx)(st,{className:"h-3 w-3"})})}),(0,r.jsxs)(et,{align:"end",className:"max-h-60 overflow-y-auto",children:[(0,r.jsxs)(ae,{onSelect:()=>{c((0,r.jsx)(Lt,{providerNames:n,onSuccess:S=>{a(),g.onChange(he(S)),l()},onClose:l}))},children:[(0,r.jsx)(Ye,{className:"mr-2 h-3.5 w-3.5"}),"Create a new secret"]}),_.length>0&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(ge,{}),(0,r.jsx)(Xe,{children:"Recommended"})]}),_.map(S=>(0,r.jsx)(ae,{onSelect:()=>g.onChange(he(S)),children:S},S)),A.length>0&&(0,r.jsx)(ge,{}),A.map(S=>(0,r.jsx)(ae,{onSelect:()=>g.onChange(he(S)),children:S},S))]})]})]})}),(0,r.jsx)(at,{})]})})}};function hs(t){return t.provider!=="env"}function ps(t){return t.name}function ms(t){return t.keys}async function us(){let t=await Dt.request({}),e=qt(t.secrets).filter(hs).map(ps);return{secretKeys:t.secrets.flatMap(ms).sort(),providerNames:e}}var W=be(),Ee=[{name:"PostgreSQL",schema:_e,color:"#336791",logo:"postgres",connectionLibraries:{libraries:["sqlalchemy","sqlmodel"],preferred:"sqlalchemy"}},{name:"MySQL",schema:Se,color:"#00758F",logo:"mysql",connectionLibraries:{libraries:["sqlalchemy","sqlmodel"],preferred:"sqlalchemy"}},{name:"SQLite",schema:we,color:"#003B57",logo:"sqlite",connectionLibraries:{libraries:["sqlalchemy","sqlmodel"],preferred:"sqlalchemy"}},{name:"DuckDB",schema:xe,color:"#FFD700",logo:"duckdb",connectionLibraries:{libraries:["duckdb"],preferred:"duckdb"}},{name:"MotherDuck",schema:ke,color:"#ff9538",logo:"motherduck",connectionLibraries:{libraries:["duckdb"],preferred:"duckdb"}},{name:"Snowflake",schema:$e,color:"#29B5E8",logo:"snowflake",connectionLibraries:{libraries:["sqlalchemy","sqlmodel"],preferred:"sqlalchemy"}},{name:"ClickHouse",schema:Ae,color:"#2C2C1D",logo:"clickhouse",connectionLibraries:{libraries:["clickhouse_connect"],preferred:"clickhouse_connect"}},{name:"Timeplus",schema:je,color:"#B83280",logo:"timeplus",connectionLibraries:{libraries:["sqlalchemy","sqlmodel"],preferred:"sqlalchemy"}},{name:"BigQuery",schema:Ce,color:"#4285F4",logo:"bigquery",connectionLibraries:{libraries:["sqlalchemy","sqlmodel"],preferred:"sqlalchemy"}},{name:"ClickHouse Embedded",schema:ve,color:"#f2b611",logo:"clickhouse",connectionLibraries:{libraries:["chdb"],preferred:"chdb"}},{name:"Trino",schema:Re,color:"#d466b6",logo:"trino",connectionLibraries:{libraries:["sqlalchemy","sqlmodel"],preferred:"sqlalchemy"}},{name:"DataFusion",schema:Te,color:"#202A37",logo:"datafusion",connectionLibraries:{libraries:["ibis"],preferred:"ibis"}},{name:"PySpark",schema:De,color:"#1C5162",logo:"pyspark",connectionLibraries:{libraries:["ibis"],preferred:"ibis"}},{name:"Redshift",schema:qe,color:"#522BAE",logo:"redshift",connectionLibraries:{libraries:["redshift"],preferred:"redshift"}},{name:"Databricks",schema:Le,color:"#c41e0c",logo:"databricks",connectionLibraries:{libraries:["sqlalchemy","sqlmodel","ibis"],preferred:"sqlalchemy"}},{name:"Supabase",schema:Pe,color:"#238F5F",logo:"supabase",connectionLibraries:{libraries:["sqlalchemy","sqlmodel"],preferred:"sqlalchemy"}}],Be=[{name:"Iceberg",schema:Ie,color:"#000000",logo:"iceberg",connectionLibraries:{libraries:["pyiceberg"],preferred:"pyiceberg"}}],bs=t=>{let e=(0,W.c)(14),{onSelect:s}=t,o;e[0]===s?o=e[1]:(o=_=>{let{name:A,schema:g,color:S,logo:R}=_;return(0,r.jsxs)("button",{type:"button",className:"py-3 flex flex-col items-center justify-center gap-1 transition-all hover:scale-105 hover:brightness-110 rounded shadow-sm-solid hover:shadow-md-solid",style:{backgroundColor:S},onClick:()=>s(g),children:[(0,r.jsx)(Me,{name:R,className:"w-8 h-8 text-white brightness-0 invert dark:invert"}),(0,r.jsx)("span",{className:"text-white font-medium text-lg",children:A})]},A)},e[0]=s,e[1]=o);let n=o,a;e[2]===n?a=e[3]:(a=Ee.map(n),e[2]=n,e[3]=a);let c;e[4]===a?c=e[5]:(c=(0,r.jsx)("div",{className:"grid grid-cols-2 md:grid-cols-3 gap-4",children:a}),e[4]=a,e[5]=c);let l;e[6]===Symbol.for("react.memo_cache_sentinel")?(l=(0,r.jsxs)("h4",{className:"font-semibold text-muted-foreground text-lg flex items-center gap-4",children:["Data Catalogs",(0,r.jsx)("hr",{className:"flex-1"})]}),e[6]=l):l=e[6];let b;e[7]===n?b=e[8]:(b=Be.map(n),e[7]=n,e[8]=b);let u;e[9]===b?u=e[10]:(u=(0,r.jsx)("div",{className:"grid grid-cols-2 md:grid-cols-3 gap-4",children:b}),e[9]=b,e[10]=u);let f;return e[11]!==c||e[12]!==u?(f=(0,r.jsxs)(r.Fragment,{children:[c,l,u]}),e[11]=c,e[12]=u,e[13]=f):f=e[13],f},fs=[ds],gs=t=>{var pe;let e=(0,W.c)(49),{schema:s,onSubmit:o,onBack:n}=t,a;e[0]===s?a=e[1]:(a=It(s),e[0]=s,e[1]=a);let c=s,l;e[2]===c?l=e[3]:(l=ht(c),e[2]=c,e[3]=l);let b;e[4]!==a||e[5]!==l?(b={defaultValues:a,resolver:l,reValidateMode:"onChange"},e[4]=a,e[5]=l,e[6]=b):b=e[6];let u=ct(b),f=(pe=[...Ee,...Be].find(j=>j.schema===s))==null?void 0:pe.connectionLibraries,[_,A]=(0,K.useState)((f==null?void 0:f.preferred)??"sqlalchemy"),{createNewCell:g}=He(),S=Rt(),R;e[7]!==g||e[8]!==S?(R=j=>{g({code:j,before:!1,cellId:S??"__end__",skipIfCodeExists:!0})},e[7]=g,e[8]=S,e[9]=R):R=e[9];let J=R,H;e[10]!==J||e[11]!==o||e[12]!==_?(H=j=>{J(rs(j,_)),o()},e[10]=J,e[11]=o,e[12]=_,e[13]=H):H=e[13];let Y=H,I;e[14]!==u||e[15]!==Y?(I=u.handleSubmit(Y),e[14]=u,e[15]=Y,e[16]=I):I=e[16];let M;e[17]===Symbol.for("react.memo_cache_sentinel")?(M=(0,r.jsx)(pt,{}),e[17]=M):M=e[17];let T;e[18]!==u||e[19]!==s?(T=(0,r.jsx)(ls,{children:(0,r.jsx)(Tt,{schema:s,form:u,renderers:fs,children:M})}),e[18]=u,e[19]=s,e[20]=T):T=e[20];let D;e[21]===n?D=e[22]:(D=(0,r.jsx)(ie,{type:"button",variant:"outline",onClick:n,children:"Back"}),e[21]=n,e[22]=D);let X=!u.formState.isValid,q;e[23]===X?q=e[24]:(q=(0,r.jsx)(ie,{type:"submit",disabled:X,children:"Add"}),e[23]=X,e[24]=q);let L;e[25]!==D||e[26]!==q?(L=(0,r.jsxs)("div",{className:"flex gap-2",children:[D,q]}),e[25]=D,e[26]=q,e[27]=L):L=e[27];let Z=_t,P;e[28]===Symbol.for("react.memo_cache_sentinel")?(P=j=>A(j),e[28]=P):P=e[28];let N;e[29]===Symbol.for("react.memo_cache_sentinel")?(N=(0,r.jsxs)("div",{className:"flex flex-col gap-1 items-end",children:[(0,r.jsx)(yt,{children:(0,r.jsx)(ut,{placeholder:"Select a library"})}),(0,r.jsx)("span",{className:"text-xs text-muted-foreground",children:"Preferred connection library"})]}),e[29]=N):N=e[29];let ee=ft,te=gt,se=f==null?void 0:f.libraries.map(Ss),F;e[30]!==te||e[31]!==se?(F=(0,r.jsx)(te,{children:se}),e[30]=te,e[31]=se,e[32]=F):F=e[32];let E;e[33]!==ee||e[34]!==F?(E=(0,r.jsx)(ee,{children:F}),e[33]=ee,e[34]=F,e[35]=E):E=e[35];let B;e[36]!==Z||e[37]!==_||e[38]!==P||e[39]!==N||e[40]!==E?(B=(0,r.jsx)("div",{children:(0,r.jsxs)(Z,{value:_,onValueChange:P,children:[N,E]})}),e[36]=Z,e[37]=_,e[38]=P,e[39]=N,e[40]=E,e[41]=B):B=e[41];let O;e[42]!==L||e[43]!==B?(O=(0,r.jsxs)("div",{className:"flex gap-2 justify-between",children:[L,B]}),e[42]=L,e[43]=B,e[44]=O):O=e[44];let Q;return e[45]!==T||e[46]!==O||e[47]!==I?(Q=(0,r.jsxs)("form",{onSubmit:I,className:"space-y-4",children:[T,O]}),e[45]=T,e[46]=O,e[47]=I,e[48]=Q):Q=e[48],Q},ys=t=>{let e=(0,W.c)(5),{onSubmit:s}=t,[o,n]=(0,K.useState)(null);if(!o){let l;return e[0]===Symbol.for("react.memo_cache_sentinel")?(l=(0,r.jsx)(bs,{onSelect:n}),e[0]=l):l=e[0],l}let a;e[1]===Symbol.for("react.memo_cache_sentinel")?(a=()=>n(null),e[1]=a):a=e[1];let c;return e[2]!==s||e[3]!==o?(c=(0,r.jsx)(gs,{schema:o,onSubmit:s,onBack:a}),e[2]=s,e[3]=o,e[4]=c):c=e[4],c};const _s=t=>{let e=(0,W.c)(6),{children:s}=t,[o,n]=(0,K.useState)(!1),a;e[0]===s?a=e[1]:(a=(0,r.jsx)(xt,{asChild:!0,children:s}),e[0]=s,e[1]=a);let c;e[2]===Symbol.for("react.memo_cache_sentinel")?(c=(0,r.jsx)(Oe,{onClose:()=>n(!1)}),e[2]=c):c=e[2];let l;return e[3]!==o||e[4]!==a?(l=(0,r.jsxs)(Ct,{open:o,onOpenChange:n,children:[a,c]}),e[3]=o,e[4]=a,e[5]=l):l=e[5],l},Oe=t=>{let e=(0,W.c)(4),{onClose:s}=t,o;e[0]===Symbol.for("react.memo_cache_sentinel")?(o=(0,r.jsx)(wt,{children:"Add Connection"}),e[0]=o):o=e[0];let n;e[1]===Symbol.for("react.memo_cache_sentinel")?(n=(0,r.jsxs)(St,{className:"mb-4",children:[o,(0,r.jsxs)($t,{children:["Connect to your database or data catalog to query data directly from your notebook. Learn more about how to connect to your database in our"," ",(0,r.jsx)(jt,{href:"https://docs.marimo.io/guides/working_with_data/sql/#connecting-to-a-custom-database",children:"docs."})]})]}),e[1]=n):n=e[1];let a;return e[2]===s?a=e[3]:(a=(0,r.jsxs)(kt,{className:"max-h-[75vh] overflow-y-auto",children:[n,(0,r.jsx)(ys,{onSubmit:()=>s()})]}),e[2]=s,e[3]=a),a};function Ss(t){return(0,r.jsx)(bt,{value:t,children:Ne[t]},t)}export{Oe as n,_s as t};